Releases: kelvininc/ui-components
Releases · kelvininc/ui-components
v0.24.0
What's Changed
- feat(schema-form): allow reset to default by @ricardogoncalves89 in #352
- feat(search): add missing
kv-text-field
props tokv-search
by @djcouto in #353 - feat(dropdowns): set dropdowns to be searchable by default by @djcouto in #354
Full Changelog: v0.23.0...v0.24.0
v0.23.0
What's Changed
- feat: add ai icons by @miguelpinto98 in #341
- feat: add secondary color '5' by @djcouto in #342
- feat(alert): add slot to description by @GoncaloCamaz in #347
- feat(dropdowns): add items virtualisation by @djcouto in #345
- feat!: add keyboard shortcuts to dropdown components by @djcouto in #344
- fix(tab-navigation): observe tab visibility for correct calculation of selected indicator width by @pedrorebelocosta in #343
- fix(select-option): set highlighted state default colors to hover state by @djcouto in #349
- fix(relative-time-picker): allow set the container min-height by @ricardogoncalves89 in #346
- fix(search): show reset icon when input starts with one by @GoncaloCamaz in #348
- fix(dropdown): add action icon by @GoncaloCamaz in #350
Full Changelog: v0.22.0...v0.23.0
v0.22.0
What's Changed
- fix(multi-select-dropdown): add search placeholder prop by @djcouto in #318
- feat(wizard): add a toggle-tip to the wizard header by @djcouto in #320
- feat(multi-select-dropdown)!: add "select all" action and counter label by @djcouto in #319
- fix(time-picker)!: cover utc timezone name by @GoncaloCamaz in #321
- feat(wizard-footer): move additional actions slot for added flexibility by @pedrorebelocosta in #324
- fix(dropdown): remove search bottom padding when no actions are provided by @djcouto in #322
- chore(ui-components): upgrade stencil to v4 and associated deps also support to node 18 by @miguelpinto98 in #325
- feat(schema-form): add additional validation props to text-field widget by @pedrorebelocosta in #326
- feat(dropdown)!: add multi level select option to single select dropdown by @djcouto in #323
- fix: run lerna bootstrap before downloading chrome binary by @djcouto in #328
- fix(select): disable "Select All" when all items are selected by @djcouto in #329
- chore(icons)!: rename metrics icon to datastreams by @GoncaloCamaz in #327
- fix(schema-form): fix select widget by @ricardogoncalves89 in #330
- fix(text-input): count string length in UTF-8 instead UTF-16 by @ricardogoncalves89 in #331
- feat(range-input): allow pass a value formatter to range input by @ricardogoncalves89 in #332
- feat(schema-form): allow configure the behavior for the default values and a default help text by @ricardogoncalves89 in #333
- fix(text-field): fix caret position when using inputmask by @pedrorebelocosta in #334
- fix(single-select-dropdown): check for invalid selected option value by @pedrorebelocosta in #336
- fix: add "description" property to
ISingleSelectDropdownOption
andISelectMultiOption
types by @djcouto in #337 - fix(react-ui-components): change copy-icons script to generate svg on the right path by @miguelpinto98 in #335
- fix(modal): add ellipsis to title when width is fixed to prevent overflow by @GoncaloCamaz in #339
- fix(tab-navigation): calculate selected tab indicator in interval by @pedrorebelocosta in #338
Breaking Changes
-
kv-relative-time-picker:
- Timezone options calculation was moved to the parent component kv-time-picker to improve performence, avoiding two calculations that were being done previously.
-
kv-dropdown:
- kv-group removed. Please use the kv-select-option "options" and "selectable" props to achieve the same behaviour.
const options= { “option-a”: { value: “option-a”, label: “Option A”, group: “Options” }, “option-b”: { value: “option-b”, label: “Option B”, group: “Options” } }
becames
const options= { “options”: { value: “option”, selectable: false, label: “Options”, options: { “option-a”: { value: “option-a”, label: “Option A”, }, “option-b”: { value: “option-b”, label: “Option B”, } } }
- kv-select-option-multi-level removed. Please use the kv-select-option instead.
- kv-group removed. Please use the kv-select-option "options" and "selectable" props to achieve the same behaviour.
-
kv-icon:
- Rename icon with name icon-metric to icon-datastream
Full Changelog: v0.21.0...v0.22.0
v0.21.0
What's Changed
- feat(select): add header actions slot by @pedrorebelocosta in #305
- feat(relative-time-picker): reorder items in relative time picker default config by @GoncaloCamaz in #307
- feat(select-option): add description label on the right by @GoncaloCamaz in #309
- feat(icons): add kelvin-ai usage icons by @miguelpinto98 in #312
- feat(schema-form): add tooltip props to submit button by @GoncaloCamaz in #310
- feat(labels-dropdown)!: add component by @pedrorebelocosta in #313
- fix(select-multi-options): emit only selected options in map by @pedrorebelocosta in #308
- fix(typography): add 1.5px letter-spacing on uppercase fonts by @djcouto in #317
- refactor(toggle-tip, dropdown)!: use portal to show floating content by @ricardogoncalves89 in #304
- refactor(multi-select-dropdown): isolate options selector to a separate component by @pedrorebelocosta in #306
Breaking Changes
-
kv-tooltip:
- part 'container' should be styled through the customClass property in 'tooltip-container' part.
-
kv-toggle-tip not in Shadow DOM:
- part 'toggle-tip-open-element-container' should be accessed through the '.toggle-tip-open-element-container' class
- parts 'toggle-tip-container' and 'toggle-tip-slot-content' should be styled through the customClass property in 'tooltip-container' and 'tooltip-slot-content' parts respectively.
- CSS variable '--toggletip-z-index' was removed
- CSS variables '--toggle-tip-container-width' and '--toggle-tip-container-max-width' should be styled through the customClass property in '--container-width' and '--container-max-width' vars respectively
-
kv-dropdown not in Shadow DOM:
- part 'input' should be accessed through the 'kv-text-field' selector
-
kv-range-dates-select-dropdown not in Shadow DOM:
- parts 'start-input' and 'end-input' should be styled through the '.start-single-date-select-dropdown kv-text-field' and '.end-single-date-select-dropdown kv-text-field' selectors respectively.
-
kv-single-select-dropdown and kv-multi-select-dropdown not in Shadow DOM:
- CSS variable '--dropdown-max-height' still working as before.
- part 'option' should be styled through the customClass property with 'kv-select-option' selector.
- part 'input' should be accessed through the 'kv-dropdown kv-text-field' selector.
IMultiSelectDropdownOptions
was replaced byISelectMultiOptions
IMultiSelectDropdownOption
was replaced byISelectMultiOption
-
kv-text-field renamed CSS prop
--left-slot-padding-left
to--left-slot-width
Full Changelog: v0.20.0...v0.21.0
v0.20.0
What's Changed
- feat(icons): add data explorer and applications icons by @GoncaloCamaz in #296
- feat(button): add loading state by @laraujo7 in #289
- feat(text-area): add component by @pedrorebelocosta in #294
- fix(action-button): remove padding around button due to loading animation by @GoncaloCamaz in #300
- fix(action-button): remove ghost button flickering on hover by @djcouto in #301
- fix(icons): replace entity-asset and entity-area icons by @GoncaloCamaz in #299
- fix(tooltip): create portal to add tooltip floating content in body context by @ricardogoncalves89 in #298
- fix(time-picker): allow empty timezone state in props by @GoncaloCamaz in #295
- fix(time-picker): show calendar state sync by @GoncaloCamaz in #302
Full Changelog: v0.19.0...v0.20.0
v0.19.0
What's Changed
- feat(icons): add log and telemetry icons by @ricardogoncalves89 in #292
-
- feat(wizard): allow configure the header and footer height by @ricardogoncalves89 in #291
- feat(range): add optional min and max labels and fix some styles by @ricardogoncalves89 in #288
- fix(time-picker): sync initial view with show calendar toggle state by @GoncaloCamaz in #287
- fix(relative-time-picker): add default timezone to avoid firefox erros on relative time options list by @GoncaloCamaz in #290
Full Changelog: v0.18.0...v0.19.0
v0.18.0
What's Changed
- fix(toggletip): stop click event propagation by @pedrorebelocosta in #259
- feat(copy-to-clipboard): add component by @pedrorebelocosta in #253
- fix(help-text): change help-text label color to match DS by @pedrorebelocosta in #260
- feat(dropdown): add input size configuration by @GoncaloCamaz in #257
- feat(action-button): add ghost button by @feliciofilipe in #249
- feat(description-list): add component by @pedrorebelocosta in #261
- feat(icon): add new icons by @feliciofilipe in #264
- fix(copy-to-clipboard): change component behavior on hover and minor updates by @miguelpinto98 in #266
- fix(modal): enable style customization on modal component by @djcouto in #265
- fix(toggle-button)!: update styling and usage by @feliciofilipe in #247
- fix(action-button): remove unwanted right border [KMAPS-884] by @feliciofilipe in #270
- feat(description-list): support toggletip container styling from outside by @pedrorebelocosta in #269
- feat(relative-time-picker): new relative time picker component by @GoncaloCamaz in #256
- fix(tag-status): update tag status style by @djcouto in #271
- feat(tag-status): add custom css properties to tag status style by @djcouto in #272
- fix(tooltip): fix tooltip action width calculation when text is ellipsis by @laraujo7 in #273
- fix(single-select-dropdown): update icon size [KMAPS-910] by @feliciofilipe in #276
- chore(storybook): disable keyboard shortcuts [skip-ci] by @djcouto in #278
- fix(schema-form-checkbox-widget): fix toogle selected options by @laraujo7 in #274
- refactor(code-editor)!: separate font loading logic and add kelvin theme by @pedrorebelocosta in #277
- feat: expose utils by @pedrorebelocosta in #279
- feat(radio-list): add component by @pedrorebelocosta in #282
- fix(typography)!: update typography mixins according to DS by @djcouto in #268
- feat(absolute-time-picker): add new absolute time picker component by @GoncaloCamaz in #262
- feat(icons): add settings and pin icons by @djcouto in #284
- fix(modal): set correct topbar height by @djcouto in #285
- feat(time-range): add new time range picker component by @GoncaloCamaz in #281
Breaking Changes
- kv-toggle-button: updated styling, renaming from radio-* to toggle-* and changed disabled prop to control each button individually
- kv-code-editor: readOnly and paddingTop properties were moved to the customOptions object
- typography: kv-font-h3-regular and kv-font-label-medium-light mixins were removed
Full Changelog: v0.17.0...v0.18.0
v0.17.0
What's Changed
- fix(switch-button): replace label with slots by @djcouto in #218
- feat(code-editor): add component by @pedrorebelocosta in #208
- fix: add storybook build to CI by @djcouto in #222
- fix(search): fix clean search by @ricardogoncalves89 in #224
- feat(icon): add download bucket icon by @pedrorebelocosta in #227
- fix(modal)!: click outside behavior can now be customized by @pedrorebelocosta in #221
- feat(wizard-header): add component by @pedrorebelocosta in #220
- fix(toaster): fix toaster aspect and position by @ricardogoncalves89 in #230
- fix(colors): fix light/dark color codes by @ricardogoncalves89 in #231
- feat(icon): add close circle by @pedrorebelocosta in #229
- fix(modal): export modal overlay types by @GoncaloCamaz in #232
- feat(dropdown): add
disabled
prop by @djcouto in #233 - fix(tag-status, toaster, tree-item): add white background to icon when state is success error or info by @ricardogoncalves89 in #235
- feat(wizard-footer): add component by @pedrorebelocosta in #226
- feat(alert): add component by @pedrorebelocosta in #228
- feat(code-editor): add padding top option by @pedrorebelocosta in #238
- feat(wizard): add wizard component by @ricardogoncalves89 in #234
- fix(action-button-text): fix text font by @ricardogoncalves89 in #241
- fix(code-editor)!: remove debounce time from onChange by @pedrorebelocosta in #239
- fix(wizard-header): change text and separator color by @pedrorebelocosta in #242
- fix(tooltip): protect code when tooltip text is empty by @ricardogoncalves89 in #243
- fix(calendar): split dropdowns open state changes into multiple events by @djcouto in #236
- feat(tooltip): add white space variable to tooltip configurable css p… by @GoncaloCamaz in #246
- refactor(action-button-text): add Action button text types by @laraujo7 in #237
- fix(switch-button): align svg inside toggle button by @GoncaloCamaz in #248
- feat(icon): add do not disturb on circle and update add cross circle by @feliciofilipe in #244
- feat(dropdown-base): add top and bottom spacing by @feliciofilipe in #250
- fix(dropdown): Change dropdown list default width to be the same as its action by @laraujo7 in #240
- fix(code-editor): wait until font is loaded and use initial props by @pedrorebelocosta in #245
- fix(dropdown): add missing flip middleware by @djcouto in #254
- feat(single-select-dropdown): allow clear selected item in single-select-dropdown by @ricardogoncalves89 in #252
- fix(dropdown): fix position where the dropdown-list is open by @ricardogoncalves89 in #255
Breaking Changes
- kv-modal:
closable
was removed, to replicate the previous behavior setcloseOnOverlayClick
andshowCloseButton
to false. - kv-code-editor: removed the
debounceTime
property from the component
Full Changelog: v0.16.0...v0.17.0
v0.16.0
What's Changed
- feat(icon): add connection icon by @ricardogoncalves89 in #214
- fix(multi-select-dropdown): ensure options are neither nil nor empty by @djcouto in #216
- feat: add view column icons by @feliciofilipe in #212
- feat(checkbox): add
kv-checkbox
component by @djcouto in #207
Full Changelog: v0.15.0...v0.16.0
v0.15.0
What's Changed
- fix(action-button-icon): remove height offset by @GoncaloCamaz in #201
- fix(illustration): change size to max size by @laraujo7 in #203
- feat(tag-alarm): add new tag alarm component by @GoncaloCamaz in #202
- feat(icon): add new icons by @GoncaloCamaz in #209
- fix(tag-status)!: replace tag status props to expand functionallity by @GoncaloCamaz in #206
- fix(react-ui-components): change build config to organize correctly the lodash dependency by @miguelpinto98 in #205
- chore: add script to get ui-components bundle size by @nelsonmestevao in #204
- fix(multi-select-dropdown): add empty check to options by @djcouto in #211
BREAKING CHANGES
- tag-status: replaces the previous prop 'type' by 'state' to specify the color of the icon, 'icon' to specify the icon to be displayed and 'label' (optional) to define the text.
Full Changelog: v0.14.0...v0.15.0