v0.23.2

Fixes

• Fix dispatched "change" event in RadioButtonGroup (PR #408)
• Export component types and interfaces (PR #411, issue #409)

---

Contributors

• @weaseldotro

v0.23.1

Fixes

• Fix selected prop reactivity in RadioButtonGroup so that it can be programmatically updated (PR #407, issue #406)
• Allow click propagation in ListBox so that list box menus can close correctly; this fixes behavior in the ComboBox, Dropdown, and MultiSelect components (PR #405, issue #388)

Documentation

• Add programmatic RadioButton example
• Add multiple ComboBox example
• Add multiple Dropdown example
• Add multiple MultiSelect example
• Add ExpandableAccordion recipe

---

Contributors

• @weaseldotro

v0.23.0

Features

• Persist UI Shell Header hamburger menu if persistentHamburgerMenu is true (PR #396, issue #374, rendered example)
• Disable auto focus in ComposedModal if selectorPrimaryFocus is null (PR #393)
• Use small size Toggle variant if size is "sm"; deprecate ToggleSmall which will be removed in the next major release (PR #401)

Fixes

• Fix currentIndex reactivity in ProgressIndicator so that it can be programmatically updated (PR #404, issue #399)

Refactoring

• Rewrite TypeScript definitions with better type signatures for slots, dispatched events; fix IntrinsicAttributes errors (PR #385, issue #304)
• Remove useless if statement that wraps svelte:component in Button; by design, svelte:component will not render falsy values (PR #402)

Documentation

• Update auto-generated Component API documentation with output from sveld
• Label reactive component props and list them first
• Replace back ticks in Component API prop descriptions with a code tag (PR #392, issue #390)
• Simplify date sort method in "Sortable with custom display and sort methods" DataTable example (PR #382)
• Add programmatic ProgressIndicator example
• Add vertical ProgressIndicatorSkeleton example
• Add deprecation warning to the ToggleSmall component

Housekeeping

• Upgrade carbon-icons-svelte from version ^10.17 to ^10.21

Breaking Changes

• Internal component TypeScript interfaces are no longer exported to avoid polluting library exports

---

Contributors

• @josefaidt
• @weaseldotro
• @albertms10

Special thanks to @albertms10 for reviewing pull requests.

v0.22.0

Features

• Button: add "danger-tertiary", "danger-ghost" kinds
• OverflowMenu: support "sm", "xl" size variants (PR #376)
• TimePicker: support "sm", "xl" size variants (PR #376)
• Link: support "sm", "lg" size variants (PR #376)
• OrderedList: support native list styles (095173a)
• MultiSelect: forward "clear" event (PR #380, a016bf8)
• MultiSelect: dispatch "select" event to be consistent with ComboBox, Dropdown (PR #380, 2140eeb)

Fixes

• OverflowMenu: menu width should be scoped to component instance (b4caea5)
• OverflowMenu: remove tabindex attribute from trigger button (87b8de1)
• CodeSnippet: showMoreLess should be re-computed if code is dynamically updated (PR #381)

Documentation

• Document itemToString prop for Dropdown, MultiSelect
• MultiSelect: add example for "Initial selected items"
• CodeSnippet: add example for dynamically updating code
• CodeSnippet: add example for "Hidden code snippet" edge case (issue #373)
• OverflowMenu: add example for "Custom trigger icon"

Housekeeping

• upgrade carbon-components to v10.23.1, @carbon/themes to v10.22.1
• bump/patch development dependencies

v0.21.0

Features

• ListBoxMenu: forward "scroll" event (PR #366)
• ComboBox: export reference to list box menu (PR #366)
• DataTable: add ToolbarMenu, ToolbarMenuItem (PR #369)
• DataTable: support empty table body columns by adding optional empty key to headers prop (PR #370)
• Dropdown: support "sm", "xl" field sizes

Fixes

• DataTable: cancelling batch selection should deselect "select all rows" checkbox
• Toolbar: remove duplicate "bx--toolbar-content" element

Documentation

• DataTable: add example "Empty column with overflow menu"
• hand off current theme for examples opened in a new tab
• add field size examples for Dropdown, MultiSelect, Select

---

Contributors

• @weaseldotro

v0.20.0

Features

• DataTable: add Toolbar, ToolbarContent, ToolbarSearch, ToolbarBatchActions
• DataTable: support row selection, batch selection, radio selection
• DataTable: dispatch "mouseenter", "mouseleave" events on table rows
• Search: forward "focus", "blur" events to search input; dispatch "clear" event

Fixes

• DataTable: include sort direction with custom sort method (PR #356)
• fix: allow item ids in ComboBox, Dropdown, MultiSelect to be numbers
• fix(ui-shell): initialize platformName as empty string to prevent rendering as "undefined"

Refactoring

• refactor(ui-shell): remove redundant conditional in HeaderGlobalAction

Documentation

• new DataTable examples:
  • With custom display and sort methods
  • With toolbar
  • With toolbar (small size)
  • Selectable
  • Initial selected rows
  • Selectable with batch actions
  • Selectable (radio)
• fix(docgen): list both default and named slots in COMPONENT_INDEX.md

---

Contributors

• @albertms10

v0.19.0

Features

• DataTable: add optional display and sort methods in header object (PR #352)
• ProgressIndicator: add preventChangeOnClick; default value is false (PR #351)
• TooltipDefinition: make tooltip text slottable through slot="tooltip"

Fixes

• ProgressIndicator: make currentIndex reactive (PR #351)
• ComposedModal: use onDestroy for destroy logic due to async usage of onMount(PR #348)
• Search: forward size prop to Search skeleton

Refactoring

• TooltipDefinition: remove redundant hidden reactive variable

Breaking Changes

• ProgressIndicator: clicking a completed step will update currentIndex; to opt out of this default behavior, set preventChangeOnClick to true

Documentation

• ContentSwitcher: add "Selected index" example
• CodeSnippet: add multi-line skeleton example
• InlineLoading: add UX example showcasing various statuses

---

Contributors

• @weaseldotro
• @albertms10

v0.18.0

Features

• DataTable: support individual, batch row expansion (PR #341, documentation)
• DataTable: make header, row cells slottable (PR #342, documentation)

Fixes

• fix(data-table): fix misaligned tall row table headers (PR #340, documentation)
• Documentation generator: parse ArrayExpression in exported props (PR #341)

Documentation

• add Component API metadata (PR #340)
• DataTable: add expandable, batch expandable examples (PR #341)
• DataTable: add slottable cells example (PR #342)

Breaking Changes

• Remove top-level slot in DataTable in favor of named slots (PR #341)

v0.17.0

New Components

• AspectRatio: utility component for constraining fluid content within an aspect ratio. Supported aspect ratios include "2x1", "16x9", "4x3", "1x1", "3x4", "9x16", "1x2".

Features

• set rel="nooopener noreferrer" if target="_blank" for anchor links (PR #321)
• Search: support Search disabled state (PR #330)
• ButtonSkeleton: add size prop consistent with Button (PR #332)
• ProgressIndicatorSkeleton: add count prop (PR #332)
• Accordion: add disabled prop for Accordion and AccordionItem (PR #333)
• Accordion: add "sm", "xl" size variants to Accordion and AccordionSkeleton (PR #333)
• ContentSwitcher: add "sm", "xl" size variants (PR #334)
• CodeSnippet: add wrapText prop for "multi" type CodeSnippet (PR #335)
• AspectRatio: add AspectRatio component (PR #336)
• Dropdown: dispatch "select" event, use window instead of body for click events (PR #339)

Fixes

• ComboBox: disabled combobox should not open (PR #329)
• InlineLoading: add wrapper class "bx--inline-loading" (PR #332)
• Breadcrumb: forward noTrailingSlash to skeleton (PR #332)
• SkeletonText: unkey paragraph rows due to high collision rate (PR #332)
• AccordionSkeleton: forward align prop (PR #333)

Refactoring

• Icon: remove old logic that inferred icon size from function name (PR #332)

Documentation

• AspectRatio (new component): demo all ratios
• Breadcrumb: use noTrailingSlash in skeleton example
• Button: demo skeleton size variants
• CodeSnippet: add example "Wrap text"
• ComboBox: add examples "Light variant," "Filterable"
• ContentSwitcher: add examples "Extra-large size" and "Small size"
• SkeletonText: add example "Paragraph with custom line count"
• Pagination: add example "Hidden page size"
• ProgressIndicator: demo custom step count for skeleton
• Link: add example Target _blank
• MultiSelect: add example "No alphabetical sorting"
• Accordion: add examples for "Extra-large" and "Small" size variants
• Accordion: add examples for "Disabled" and "Disabled (item)"
• AccordionSkeleton: add examples "Skeleton (chevron aligned left)" and size variants

Housekeeping

• chore(deps-dev): bump carbon-components to ^v10.22 (PR #337)
• retire Storybook by removing Storybook-related dependencies, set-up and stories (PR #331)
• use npm-run-all to run build:css and build:lib in parallel (PR #331)

---

Contributors

• @weaseldotro
• @josefaidt

v0.16.0

Features

• Pagination: add pageSizeInputDisabled prop to hide page size buttons (default is false) (PR #292)
• ListBoxMenu: add ref prop (PR #303)
• Pre-compiled CSS: upgrade carbon-components to version 10.21

Fixes

• Link: explicitly define href prop to fix TypeScript errors (PR #301)
• RadioButtonGroup: explicitly define id prop to fix TypeScript errors (PR #303)
• ComboBox: light prop should use the light variant (PR #303)
• ComposedModal: class "bx--body--with-modal-open" should be removed when closing the modal (PR #306)
• Dropdown: remove unused setContext import (PR #308)
• css/all.css: default theme should be "white," not "g10" (PR #322)
• UI Shell: HeaderAction menu should close when clicking in the window, not just the document body (PR #323)

Performance

• DatePicker: remove default i10n locales import to reduce bundle size by ~42 kB (PR #316)

Breaking Changes

• DatePicker: default i10n locales are no longer imported
• if using css/all.css, set the "theme" attribute on the HTML element to "g10" in order to use the Gray 10 theme

Documentation

• Redesign component documentation website (Short link: ibm.biz/carbon-svelte); deployments sponsored by Vercel
• Update development workflow in CONTRIBUTING.md
• Typo fixes in README.md (PR #324, PR #325)

Housekeeping

• Git hooks: only lint staged files in the pre-commit Git hook (PR #319)

---

Contributors

• @weaseldotro
• @josefaidt
• @albertms10
• @orta
• @mzaini30