# Changelog All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [0.70.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.70.1) - 2022-08-23 **Fixes** - do not unset `Content` left margin for rail `SideNav` - set `role`, `aria-label` attributes on `DatePicker` calendar container ## [0.70.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.70.0) - 2022-08-18 **Features** - add `filteredRowIds` prop to `ToolbarSearch` to support pagination ## [0.69.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.69.0) - 2022-08-17 **Features** - dispatch `on:click:header--select` event in `DataTable` - dispatch `on:click:row--select` event in `DataTable` ## [0.68.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.68.0) - 2022-08-15 **Features** - add `fullWidth` prop to `ToastNotification` - dispatch cancelable `on:cancel` event in `ToolbarBatchActions` - add `active` prop to `ToolbarBatchActions` **Documentation** - add `ToastNotification` example "Full width" - add `DataTable` example "Batch selection with controlled toolbar" ## [0.67.9](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.9) - 2022-08-11 **Fixes** - `NotificationActionButton` types should extend `Button` props ## [0.67.8](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.8) - 2022-08-10 **Fixes** - remove `aria-checked="mixed"` if `InlineCheckbox` is indeterminate - add `aria-labelledby` to `Slider` thumb - add `role="switch"` to `Toggle` input ## [0.67.7](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.7) - 2022-08-07 **Fixes** - remove UI Shell `Content` left margin if `SideNav` is collapsed ## [0.67.6](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.6) - 2022-08-05 **Refactor** - use class directive in `TextInput`, `DatePickerInput` **Fixes** - avoid dynamic class names in `NotificationButton`, `NotificationIcon` - forward keydown, keyup events to `NumberInput` ## [0.67.5](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.5) - 2022-08-04 **Fixes** - correctly select a `ComboBox` item when pressing "Enter" ## [0.67.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.4) - 2022-07-26 **Fixes** - override `Toggle` margin-top style if `hideLabel` is true ## [0.67.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.3) - 2022-07-26 **Fixes** - correctly pluralize `Pagination` items display text - prevent label text selection in `Toggle` - add missing `hideLabel` prop to `Toggle` ## [0.67.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.2) - 2022-07-23 **Fixes** - display correct `ComboBox` value if using `itemToString` and `shouldFilterItem` props ## [0.67.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.1) - 2022-07-12 **Fixes** - set a high `z-index` on the `SideNav` overlay to avoid it being covered by other elements ## [0.67.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.67.0) - 2022-06-29 **Breaking Changes** Svelte version >=3.48.0 is required. - re-revert [924b6d35](924b6d352eebf5c82da63f0ead450dc59e80ca30) to allow close event in `ToastNotification`, `InlineNotification` to be cancellable ## [0.66.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.66.3) - 2022-06-29 **Fixes** - revert [924b6d35](924b6d352eebf5c82da63f0ead450dc59e80ca30) and re-publish since v0.66.2 contains breaking changes ## [0.66.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.66.2) - 2022-06-29 **Fixes** - allow close event in `ToastNotification`, `InlineNotification` to be cancellable **Documentation** - add `ToastNotification` example "Prevent default close behavior" - add `InlineNotification` example "Prevent default close behavior" ## [0.66.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.66.1) - 2022-06-27 **Fixes** - support `PasswordInput` invalid state when used in a `FluidForm` - remove title attribute from `SideNavMenu` icon - remove tabindex attribute from `SideNavMenu` icon - override max-height in an expanded `SideNavMenu` - fix `ComposedModal` type error where the focus node is possibly `null` **Refactor** - pass required `text` prop from `CodeSnippet` to `CopyButton` to prevent development warning **Documentation** - add `PasswordInput` example "Invalid state" - rename `ComboBox` example "Selected id" to "Initial selected id" - revise `DatePicker` example "DatePicker in a modal" to prevent iframe from stealing focus ## [0.66.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.66.0) - 2022-06-18 **Features** - add `fullWidth` prop to `Slider` - support number type for `selected` prop in `Select` **Fixes** - only dispatch "change" in `Select` if `selected` value has changed - use first `SelectItem` value as default `selected` value in `Select` if `undefined` **Documentation** - add `Slider` example "Full width" - revise `Select` example "Default" to demo usage without `selected` prop ## [0.65.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.65.3) - 2022-06-15 **Fixes** - fix `TreeView` type error when keyboard navigating an expanded node ## [0.65.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.65.2) - 2022-06-12 **Fixes** - `DataTable` header keys should be reactive - use native binding for value prop in `TimePicker` - use native binding for value prop in `ComboBox`, `MultiSelect` ## [0.65.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.65.1) - 2022-06-09 **Fixes** - `DataTable` column sort direction order should be independent ## [0.65.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.65.0) - 2022-06-07 **Breaking Changes** - mark array-type props as read-only **Features** - add `sortKey`, `sortDirection` props to `DataTable` for programmatic sorting - forward `paste` event to `ComboBox`, `DatePicker`, `MultiSelect`, `NumberInput`, `Search`, `TextArea`, `TextInput`, `PasswordInput`, `TimePicker`, `HeaderSearch` - support disabled items in `Dropdown`, `MultiSelect`, `ComboBox` **Fixes** - do not overwrite `cells` property in `rows` object in `DataTable` - correctly toggle the body class if using nested modals - remove useless `inline` prop from `Dropdown` - remove redundant `Dropdown` list box role and id - add missing `role="option"` and `aria-selected` attributes to `ListBoxMenuItem` **Refactor** - set alert `Modal` attributes in markup instead of script **Documentation** - add `DataTable` example "Programmatic sorting" - add `Modal` example "Has scrolling content" - add `Modal` example "Custom focus" - add `Dropdown` example "Disabled items" - add `MultiSelect` example "Disabled items" - add `ComboBox` example "Disabled items" ## [0.64.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.64.3) - 2022-05-29 **Fixes** - active tab in `Tabs` should not steal focus if programmatically selected - set title attribute in `CheckBox`, `MultiSelect`, `Dropdown`, `ComboBox` if label is truncated **Refactor** - refactor components to use `class:` directive instead of the class attribute **Documentation** - add `Tabs` example "Disabled tabs" ## [0.64.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.64.2) - 2022-05-25 **Fixes** - apply custom `DataTable` widths to empty columns ## [0.64.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.64.1) - 2022-05-23 **Fixes** - mark `CopyButton` text prop as required - mark `Dropdown` selectedId prop as required - use `@see` tag in `Theme` tokens prop description - remove `title` attribute from `Modal`, `ModalHeader` close button - remove redundant `aria-label` from `Modal` close button icon - add `aria-hidden="true"` to `Modal`, `ModalHeader` close button icon **Documentation** - update `Theme` docs to specify that it must be used with `all.css` - update `DataTable` docs to note that custom widths do not work with `stickyHeader` ## [0.64.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.64.0) - 2022-05-14 **Breaking Changes** - set `flatpickrProps.static` in `DatePicker` to be true by default - use data attribute instead of id for `DataTable` headers/rows **Features** - support custom column widths in `DataTable` - dispatch "expand" and "collapse" events in `CodeSnippet` **Fixes** - use `@see` tag for flatpickr options link in `DatePicker` - pressing "Enter" in `DatePicker` should update the value - dispatched event type without detail should be `null`, not `any` - type missing "open" event in `HeaderAction` - use small button in multi-line `CodeSnippet` **Documentation** - make calendar variants of `DatePicker` more prominent - add `DataTable` example "Custom column widths" - add `CodeSnippet` examples "Expanded by default" and "Reactive example" ## [0.63.8](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.8) - 2022-05-07 **Fixes** - elevate `Toolbar` z-index so overflow menu is not clipped by the table ## [0.63.7](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.7) - 2022-05-04 **Fixes** - strongly type `translateWithId` prop in `Dropdown` ## [0.63.6](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.6) - 2022-05-04 **Fixes** - add `translateWithIdsSelection` prop to `ComboBox`, `MultiSelect` to customize clear selection description - use default values in `ListBoxMenuIcon` if `translateWithIds` is undefined - use default values in `ListBoxSelection` if `translateWithIds` is undefined ## [0.63.5](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.5) - 2022-05-02 **Fixes** - dispatch "change" event in `Tabs` only if selected index has changed ## [0.63.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.4) - 2022-04-30 **Fixes** - add missing `"2x3"` ratio value to `AspectRatio` - fix typo in `ToolbarSearch` shouldFilterRows type annotation **Documentation** - correctly generate icon, action imports in examples - remove unnecessary `tooltipBodyId` in `Tooltip` examples - add `DataTable` "Expandable and selectable" example - add `DataTable` "Batch selection" example ## [0.63.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.3) - 2022-04-28 **Fixes** - fix `FileUploaderItem` regression where `delete` event should be dispatched if status is "edit" **Documentation** - add `FileUploader` "Item (edit)" example - revise `FileUploader` "Item (edit status, invalid state)" example to include `on:delete` usage - add `FileUploader` "Item (edit status, invalid state with subject, body)" example ## [0.63.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.2) - 2022-04-23 **Fixes** - set `type="button"` on `Dropdown` to fix usage in a form - re-focus search bar when clearing `ToolbarSearch` value ## [0.63.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.1) - 2022-04-18 **Fixes** - `HeaderGlobalAction` icon size should be `20` by default - fix `rows` reactivity in `DataTable` ## [0.63.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.63.0) - 2022-04-17 **Breaking Changes** - remove deprecated components: `Icon`, `IconSkeleton`, `NotificationTextDetails`, `ToggleSmall`, `ToggleSmallSkeleton`, `HeaderActionSearch` - remove deprecated component props - remove `optimizeCarbonImports` preprocessor - remove `GlobalHeader` and `SideNav` subfolders - move `truncate` action from `actions` to `src/Truncate` **Features** - add `breakpointObserver`, `breakpoints` to base exports - add `ProgressBar` `kind` prop to support inline, indented variants **Fixes** - add explicit `type="button"` attribute to interactive, filterable tag variants - add TypeScript support for `sveltekit:` attributes for anchor elements - `Link` types should extend `a` or `p` attributes - prevent selectable `DataTable` with sticky header from jumping **Refactor** - use icons from `carbon-icons-svelte` v11 **Documentation** - add `DataTable` "Sticky header" example - refactor `Grid` examples - add note to `UIShell` that theming is not supported - add `ProgressBar` examples "Inline variant" and "Indented variant" **Housekeeping** - upgrade `carbon-components` to v10.56.0 ## [0.62.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.62.3) - 2022-03-26 **Fixes** - fix `TreeView` filter logic in expandNodes/collapseNodes - correctly render slotted label in `NumberInput` - only render expandable `DataTable` row content when expanded ## [0.62.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.62.2) - 2022-03-23 **Fixes** - `DataTable` expandable variant should work with zebra styles - `DatePicker` `flatpickrProps` should override default `flatpickr` options **Documentation** - add `DataTable` "Expandable (zebra styles)" example ## [0.62.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.62.1) - 2022-03-20 **Fixes** - fix `ToolbarSearch` standalone usage where "DataTable" context can be undefined ## [0.62.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.62.0) - 2022-03-19 **Breaking Changes** - remove `Copy` component - do not prevent default submit behavior in `Form` **Features** - add `shouldFilterRows` prop to `ToolbarSearch` to support auto-filterable `DataTable` rows - make `SideNavLink` text slottable - make `icon` prop slottable in `ContextMenuOption`, `Link`, `Tag`, `HeaderAction`, `HeaderActionLink`, `SideNavLink`, `SideNavMenu` - make `MultiSelect` slottable - make `Dropdown` slottable - make `ComboBox` slottable **Fixes** - stop click propagation on `HeaderAction` button **Refactor** - inline `Copy` component in `CopyButton`, `CodeSnippet` - use native `bind:value` in `Search` - use native `bind:value` in `TextArea` **Documentation** - add `DataTable` "Filterable" and "Filterable (custom)" examples - add `MultiSelect` "Custom slot" example - add `Dropdown` "Custom slot" example - add `ComboBox` "Custom slot" example - add note that `items` object in `ComboBox`, `Dropdown`, `MultiSelect` requires a unique `id` - add `ClickableTile` "Prevent default behavior" example - add `Form` "Prevent default behavior" example - fix broken link in `Checkbox` docs ## [0.61.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.61.1) - 2022-03-13 **Fixes** - do not generate CSS file from `css/_popover.scss` ## [0.61.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.61.0) - 2022-03-13 **Breaking Changes** - remove `HeaderActionSlideTransition` interface from `HeaderAction`; type transition prop as `SlideParams` - rename `Breakpoint` "on:match" event to "on:change" - move `Breakpoint` breakpoints to `carbon-components-svelte/src/Breakpoint/breakpoints` **Features** - support `DataTable` non-selectable rows - expose `MultiSelect` highlightedId as a prop - add `breakpointObserver` store as an alternative to `Breakpoint` **Fixes** - audit `HeaderAction` text styles - visually align `HeaderActionLink` icon with `HeaderAction` icon - fix `MultiSelect` filterable selection error - correctly type `FileUploaderDropContainer` validateFiles prop - inline `Popover` SCSS from `carbon-components@10.47` **Refactor** - remove usage of deprecated `Icon` component - use direct component imports where possible **Documentation** - add `DataTable` "Non-selectable rows" example - add `OverflowMenu` "Disabled items" example - add `Breakpoint` "Store and Breakpoint Values" example ## [0.60.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.60.0) - 2022-02-26 **Features** - add `RadioButtonGroup` `hiddenLegend` prop to visually hide the legend - add `ProgressBar` `size` prop to support small size variant **Fixes** - update `DatePicker` calendar instance if options change **Refactor** - remove `StructuredList` `overflow-y` style monkey patch **Documentation** - add `RadioButton` "Hidden legend" example - add `ProgressBar` "Small size" example **Housekeeping** - upgrade `carbon-components` to v10.54.0 ## [0.59.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.59.0) - 2022-02-21 **Features** - add `maxCount` prop to `TextArea` - add `disabled` prop to `FileUploader` - add `files` prop to `FileUploaderDropContainer` - add `files` prop to `FileUploaderButton` **Fixes** - change `add`, `change` events in `FileUploaderDropContainer` to dispatch `File[]` instead of `FileList` - update `files` prop description in `FileUploader` **Documentation** - add `TextArea` "Maximum character count" example - add `FileUploader` disabled state example - add `FileUploader` "Clear files" example - document `validateFiles` prop for `FileUploaderDropContainer` - add descriptions for `FileUploaderButton`, `FileUploader` examples **Housekeeping** - upgrade `carbon-components` to v10.53.0 ## [0.58.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.58.4) - 2022-02-21 **Fixes** - dispatched events without a `detail` type should be `null` instead of `any` - `FileUploader` `clearFiles` description should reflect that it's an accessor, not a prop - `FileUploader` should correctly fire `add` and `remove` events - `FileUploader` files should not be keyed by file name - `FileUploader` change event detail signature should be `File[]` - fix `DataTable` regression where sort icon indicators don't update **Refactor** - remove unnecessary JSDoc default type notation ## [0.58.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.58.3) - 2022-02-20 **Fixes** - correctly set deprecation comments for deprecated components - `TextInput` and `PasswordInput` should render label if "labelText" slot is used - `PasswordInput` should not render `label` if no `labelText` is provided - `StructuredList` overflow-y should not be "hidden" - `MultiSelect` should not prevent default key behavior when open - `Switch` should have `type="button"` ## [0.58.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.58.2) - 2022-02-12 **Fixes** - `Tooltip` `aria-label` should use `iconDescription` if `triggerText` is falsy - `OverflowMenu` keyboard navigation should skip disabled items - UI Shell `HeaderPanelDivider` should use `hr` element to represent divider - `Button` should not set `aria-pressed` on icon-only, link buttons ## [0.58.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.58.1) - 2022-02-11 **Fixes** - remove whitespace from `pre` tag in `CodeSnippet` (Svelte v3.46.4 preserves `pre` whitespace by default) ## [0.58.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.58.0) - 2022-02-11 **Breaking Changes** - if `TextInput` is `type="number"`, value can be a `number` or `null` to signify "no value" - `TextInput` dispatches instead of forwards `input`, `change` events (detail: `null | number | string`) **Features** - pass `rowIndex`, `cellIndex` to `DataTable` "cell" slot - add `itemToInput` prop to `MultiSelect` to customize name, title, labelText values - add `open` prop to `TooltipDefinition`; dispatch `open`, `close` events **Fixes** - `DataTable` headers should be reactive - `DataTable` batch selection checkbox should be reactive - `MultiSelect` should correctly lose focus - non-filterable `MultiSelect` should dispatch a `blur` event - resolve `MultiSelect` accessibility issues - toggle `HeaderNavMenu` when pressing "Enter" or "Space" - close `HeaderNavMenu` menu when pressing "Enter" on an item - resolve `HeaderNavMenu` accessibility issues - fix `TextInput` reactivity by using native `bind:value` **Documentation** - remove duplicate "Heading variant" example **Housekeeping** - upgrade `carbon-components` to v10.52.0 ## [0.57.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.57.1) - 2022-02-01 **Fixes** - `Tooltip` definition is missing open, close events - `TooltipDefinition` button should have `type="button"` ## [0.57.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.57.0) - 2022-01-30 **Breaking Changes** - make `NumberInput` "input" event type consistent with "change" (`null | number`) **Features** - dispatch `NumberInput` input, change events when clicking the steppers - add `primaryButtonIcon` prop to `Modal`, `ModalFooter` **Fixes** - prevent `NumberInput` from coercing empty string to `0` ## [0.56.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.56.1) - 2022-01-27 **Fixes** - `NumberInput` with value `0` should not be converted to `null` ## [0.56.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.56.0) - 2022-01-27 **Breaking Changes** - type `NumberInput` value as `null | number` instead of `string | number` (`null` signifies "no value") **Fixes** - export `readonly` as a prop in `TextArea` - fix `Checkbox` two-way binding for `checked`, `group` props **Documentation** - add `Checkbox` reactive example for `bind:checked` - update `Checkbox` reactive example for `bind:group` to demo two-way binding - simplify `Tabs` reactive example - add `NumberInput` "No value" example ## [0.55.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.55.0) - 2022-01-22 **Features** - forward `focus`, `blur` events to `NumberInput` - update `ProgressStep` icons for current, incomplete steps - type `id` as `any` instead of `string` in `ComboBox`, `Dropdown`, `MultiSelect` **Fixes** - do not coerce empty value to `0` in `NumberInput` if `allowEmpty` is true - label `Slider` input if `aria-label` not explicitly defined - add missing `required` prop to `RadioButton` - add missing `required` prop to `Checkbox` - include `@default undefined` annotations for props that are `undefined` by default **Refactor** - remove hotfix in `DatePicker` to prevent disabled icon from being clickable **Housekeeping** - upgrade `carbon-components` to v10.51.0 ## [0.54.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.54.0) - 2022-01-19 **Features** - support paginated `DataTable` ## [0.53.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.53.0) - 2022-01-18 **Breaking Changes** - replace `selectedIndex` with `selectedId` in `Dropdown` - replace `selectedIndex` with `selectedId` in `ComboBox` **Fixes** - prevent `Dropdown` icon from being clickable when disabled ## [0.52.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.52.0) - 2022-01-17 **Features** - make `Toggle` labels slottable - add option to `ComboBox.clear` to not re-focus input (`clear({ focus: false })`) **Fixes** - break out of trap focus in `Tooltip` when pressing "Escape" - pass "name" prop in `ComboBox` to input element - emit `change` event in `Checkbox` after modifying state - restore explicit typing of `null | HTMLElement` for TypeScript strict mode - dispatch `click:button--primary` in `Modal` if `shouldSubmitOnEnter` is true **Documentation** - simplify reactive `RadioButton` example - add reactive `Select` example for `Select` - fix grammar in `TreeView` "Expand all nodes" example - note that `Search` clear event is also dispatched when pressing "Escape" - demo reactivity in expandable `Search` example ## [0.51.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.51.3) - 2022-01-12 **Fixes** - fix `selectedIndex` reactivity in `ComboBox` **Refactor** - remove redundant `null` in `null | HTMLElement` prop types ## [0.51.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.51.2) - 2022-01-10 **Fixes** - correctly reset values in `ComboBox` when manually clearing selection - fix filterable `ComboBox` keyboard selection - remove redundant role attributes from `Dropdown`, `Header` to fix a11y warnings - fix `TileGroup` two-way binding on the `selected` prop **Documentation** - document `DatePicker` usage with a Rollup set-up - add multiple modals example for `Modal` - add reactive examples for `RadioTile` ## [0.51.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.51.1) - 2022-01-03 **Fixes** - add missing `required` prop to `Select` - set global theme variable first in SCSS files ## [0.51.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.51.0) - 2021-12-30 **Features** - enhance `Checkbox` to support `bind:group` ## [0.50.5](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.5) - 2021-12-30 **Fixes** - filterable `MultiSelect` should blur when pressing "Tab" - filterable `MultiSelect` menu should close when pressing "Escape" - filterable `MultiSelect` menu should open when pressing "Space" - `DatePicker` input should not lose focus when pressing "Enter" - `ToolbarSearch` should expand if `value` is programmatically set ## [0.50.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.4) - 2021-12-30 **Fixes** - pressing "Escape" in a `DatePicker` should not propagate past the open calendar - prevent menu icon in filterable `MultiSelect` from triggering twice ## [0.50.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.3) - 2021-12-28 **Fixes** - do not dispatch "click", "click:row" `DataTable` events when selecting a checkbox or radio button - render "labelText" slot if `labelText` prop or `$$slots.labelText` is truthy - prevent default behavior in `Tabs` mobile variant when clicking a menu option - coalesce nullish values to `""` for `TextInput`, `PasswordInput`, `TextArea` ## [0.50.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.2) - 2021-11-27 **Fixes** - select correct item in filterable `MultiSelect` using keyboard navigation - do not mutate `sortedItems` in `MultiSelect` ## [0.50.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.1) - 2021-11-19 **Fixes** - do not dispatch `DataTable` "click", "click:row" events if target is an `OverflowMenu` ## [0.50.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.50.0) - 2021-11-18 **Features** - add `target` prop to `ContextMenu` to support custom trigger element(s) - pass clicked element as `event.detail` in `ContextMenu` "open" event ## [0.49.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.49.2) - 2021-11-18 **Fixes** - `Tabs` should not dispatch an initial "change" event when no change has occurred - `Pagination` page value should not exceed total pages - fix `Popover` relative prop by inlining style - replace `onDestroy` with `onMount` return function to avoid running code server-side ## [0.49.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.49.1) - 2021-11-17 **Fixes** - include missing `Popover` styles from `carbon-components@10.47` ## [0.49.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.49.0) - 2021-11-12 **Features** - support `UIShell` HeaderNavMenu with current item - make `InlineNotification` title, subtitle props slottable - make `ToastNotification` title, subtitle, and caption props slottable **Refactor** - remove unnecessary "position: relative" style in `ExpandableTile` - remove unused `refContent` in `ExpandableTile` **Housekeeping** - upgrade `carbon-components` to v10.48.0 ## [0.48.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.48.1) - 2021-11-12 **Fixes** - type `DatePicker` locale prop as flatpickr `CustomLocale` or `key` - update remaining `carbon-icons-svelte` imports to use inlined icons ## [0.48.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.48.0) - 2021-11-11 **Breaking Changes** - remove `carbon-icons-svelte` from direct dependencies **Features** - support auto-width `Tabs` - add ref prop to `Form` **Fixes** - set calendar instance to `null` when destroying `DatePicker` ## [0.47.6](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.6) - 2021-11-10 **Fixes** - fix `Tooltip` two way binding when icon is in focus - coerce `TextInput` value to a number if `type="number"` ## [0.47.5](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.5) - 2021-11-07 **Fixes** - fix `Tooltip` open/close logic to allow two way binding of the `open` prop - inline `position: relative` style in `ExpandableTile` ## [0.47.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.4) - 2021-11-06 **Fixes** - only dispatch `click:row--expand` when clicking an expandable `DataTable` row chevron ## [0.47.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.3) - 2021-10-22 **Fixes** - correctly toggle batch expansion button in `DataTable` ## [0.47.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.2) - 2021-10-21 **Fixes** - close the open `Tooltip` when using multiple tooltips - collapse batch expansion button in `DataTable` if one or more rows is collapsed - omit explicit reference to "carbon-icons-svelte" from `icon` prop descriptions ## [0.47.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.1) - 2021-10-20 **Fixes** - include border style for non-expandable rows in a batch expandable `DataTable` ## [0.47.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.47.0) - 2021-10-19 **Features** - add `nonExpandableRowIds` prop to `DataTable` to specify rows that should not be expandable ## [0.46.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.46.0) - 2021-10-17 **Breaking Changes** - use `.svelte.d.ts` extension instead of `.d.ts` for Svelte component TypeScript definitions **Features** - support `Tag` outline type - add `hideLabel` prop to `MultiSelect` - allow any Svelte component to be used for `icon` props, not just `CarbonIcon` - add `closeIcon` prop to `HeaderAction` to override the default `Close20` icon **Fixes** - avoid opening the calendar if `DatePickerInput` is a disabled `fieldset` descendant - remove `stopPropagation` modifier from `HeaderAction` to allow multiple UI Shell app switchers **Housekeeping** - upgrade `carbon-components` to v10.46.0 ## [0.45.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.45.1) - 2021-10-15 **Fixes** - prevent space/enter keys from selecting incomplete `ProgressIndicator` steps ## [0.45.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.45.0) - 2021-10-13 **Features** - add `TreeView` component accessors to programmatically expand/collapse nodes ## [0.44.7](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.7) - 2021-10-13 **Fixes** - add missing `value` prop to `Checkbox` ## [0.44.6](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.6) - 2021-10-11 **Fixes** - fix `DataTable` sorting to tolerate `null`, `undefined` values ## [0.44.5](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.5) - 2021-10-04 **Fixes** - correctly apply `menuOptionsClass` in `OverflowMenu` ## [0.44.4](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.4) - 2021-09-28 **Fixes** - `ClickableTile` TypeScript definition restProps should extend attributes of either `a` or `p` tags ## [0.44.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.3) - 2021-09-23 **Fixes** - correctly apply styles when using a static width `DataTable` with a title and description ## [0.44.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.2) - 2021-09-14 **Fixes** - prevent redundant `clear` events in `ComboBox` ## [0.44.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.1) - 2021-09-11 **Fixes** - if `ComboBox` is disabled, clicking the chevron icon should not toggle the dropdown - `ToolbarBatchActions` cancel button text should be slottable ## [0.44.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.44.0) - 2021-09-07 **Features** - add ability to override or customize `DatePicker` calendar options using the `flatpickrProps` prop ## [0.43.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.43.0) - 2021-09-06 **Features** - add ability to programmatically clear a `ComboBox` using the `clear` component accessor ## [0.42.3](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.42.3) - 2021-09-05 **Fixes** - `RadioButton` "labelText" slot should render even if `labelText` is falsy - only render `FormGroup` `legend` element if `legendText` is truthy ## [0.42.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.42.2) - 2021-07-29 **Fixes** - fix reactivity regression in `ComboBox` **Documentation** - update example set-ups - document styling instructions, `carbon-preprocess-svelte` in README.md ## [0.42.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.42.1) - 2021-07-26 **Fixes** - disable `a11y-mouse-events-have-key-events` warnings - upgrade `carbon-icons-svelte` to v10.36.0 to quell `a11y-mouse...` warnings **Refactor** - remove `formatStyle` utility in `OverflowMenu` **Documentation** - add `svelte:head` example usage for loading CDN styles - add instructions for dynamic theming - update number of available Carbon icons ## [0.42.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.42.0) - 2021-07-22 **Features** - add `helperText` prop to `DatePickerInput` **Fixes** - replace `svelte:body` with `svelte:window` when listening for an outside click **Documentation** - fix typos in styling instructions - update expanded nodes guidance - add `DatePicker` example "With helper text" **Refactor** - omit explicit `treeview.scss` import in `css/*.scss` files as it is included by default in `carbon-components@10.40` **Housekeeping** - upgrade `carbon-components` to v10.40.0 ## [0.41.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.41.0) - 2021-07-18 **Features** - add expandedIds to `TreeView` **Fixes** - do not fall back to an empty string for a `DataTable` value if falsy - omit disabled attribute in `Button` if value is falsy **Documentation** - add styling instructions to the home page ## [0.40.1](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.40.1) - 2021-07-14 **Fixes** - focus first, non-disabled `TreeView` node if active id does not match the selected id - set `type="button"` on `OverflowMenu` to prevent submit behavior when pressing "Enter" - update semantic attributes in `OverflowMenuItem` - do not render `OverflowMenuItem` title attribute if using a slot - do not dispatch `NumberInput` on:change event on initialization - dynamically load ESM `flatpickr` rangePlugin - forward input, focus events to `Select` - type `DataTableRowId` as `any`, fixes ## [0.40.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.40.0) - 2021-07-11 **Breaking Changes** - remove `appendTo` prop in `DatePicker` for server-side rendering (SSR) compatibility **Features** - add `Breakpoint` component to detect the current Carbon grid size based on browser width - add `Theme` component to dynamically update the current theme client-side - add `valueFrom`, `valueTo` props for range `DatePicker` - export `multiSelectRef`, `fieldRef`, `selectionRef` in `MultiSelect` - add clearItem, clearAll instance methods to `LocalStorage` - support `NumberInput` readonly variant **Fixes** - append `DatePicker` instance to local reference to prevent arrow key locking - fix `on:change` type signature in `DatePicker` - export id prop in `ProgressBar` - add skeleton text for every row and column in `DataTableSkeleton` - deprecate `shouldShowBorder` prop in `Table` - correctly type exported constant props and function declarations as accessors in `SvelteComponentTyped` interface **Documentation** - document Breakpoint component - document Theme component - add ProgressBar "UX example" - add DatePicker example "Range" - add NumberInput example "Read-only variant" **Housekeeping** - upgrade `carbon-components` to v10.39.0 ## [0.39.0](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.39.0) - 2021-07-05 **Breaking Changes** - remove `clipboard-copy` direct dependency; use native Clipboard API instead of `clipboard-copy` to copy text in `CopyButton`, `CodeSnippet` **Features** - add `TreeView` component - add `RecursiveList` component - support 3 buttons in `Modal`, `ComposedModal` via `secondaryButtons` - make `DataTable` title/description slottable - allow custom `expansionBreakpoint` in UI Shell `Header`, `SideNav` - dispatch "click:button--primary" as an alias to "submit" in `Modal`, `ComposedModal` **Fixes** - export `useStaticWidth` prop in `DataTable` - do not render `DataTable` table header if title/description not provided **Documentation** - add TreeView documentation - add RecursiveList documentation - add CopyButton examples "Overriding copy functionality", "Preventing copy functionality" - add CodeSnippet examples "Overriding copy functionality", "Preventing copy functionality" - add DataTable example "Static width" - include typedefs in Component API section ## [0.38.2](https://github.com/carbon-design-system/carbon-components-svelte/releases/tag/v0.38.2) - 2021-07-03 **Fixes** - prevent `