v0.94.0

What's Changed

⚠ BREAKING CHANGES

• progress-step: remove one-update delay for complete prop by @metonym in (#2368)

Features

• header-search: support TypeScript generics by @metonym in (5d0468a)
• notification: add NotificationQueue component by @metonym in (9560791), closes #2283
• recursive-list: support TypeScript generics by @metonym in (b200828)
• selectable-tile: add SelectableTileGroup component by @metonym in (6ba0fdf)
• select: support TypeScript generics by @metonym in (d57b375)
• theme: export themes constant by @metonym in (776e471), closes #939
• tile-group: make selectedValue and selected generic by @metonym in (#2374) (209cc02)
• tree-view: support TypeScript generics by @metonym in (9efbbda)

Bug Fixes

• inline-notification: conditionally render title/subtitle by @metonym in (751190c), closes #2379
• toast-notification: conditionally render subtitle/caption by @metonym in (f4d2091)
• modal: improve focus trap for Dropdown and other components by @metonym in (#2369) (d11e3ac), closes #1392
• tabs: avoid infinite update loop in Svelte 5 by @metonym in (#2367) (413aab5), closes #2366
• tile-group: improve context types for SelectableTileGroup and TileGroup by @metonym in (#2375) (ff144d2)

---

New NotificationQueue component

Control toast notifications using an imperative API. See Documentation.

<script>
  import { Button, NotificationQueue } from "carbon-components-svelte";

  let queue;
</script>

<NotificationQueue bind:this={queue} />

<Button
  on:click={() => {
    queue.add({
      kind: "success",
      title: "Success",
      subtitle: "Your changes have been saved.",
      timeout: 3000,
    });
  }}
>
  Show success
</Button>
<Button
  on:click={() => {
    queue.clear();
  }}
>
  Clear all
</Button>

New SelectableTileGroup component

Similar to TileGroup for radio tiles, the new SelectableTileGroup component abstracts state management for multi-selectable tiles. See Documentation.

<script>
  import { SelectableTileGroup, SelectableTile } from "carbon-components-svelte";
</script>

<SelectableTileGroup
  legend="Select options"
  name="options"
  selected={["option1", "option2"]}
>
  <SelectableTile value="option1">Option 1</SelectableTile>
  <SelectableTile value="option2">Option 2</SelectableTile>
  <SelectableTile value="option3">Option 3</SelectableTile>
</SelectableTileGroup>

Full Changelog: v0.93.0...v0.94.0

v0.93.0

What's Changed

⚠ BREAKING CHANGES

• number-input: remove unused iconDescription prop by @metonym in #2354
• file-uploader: use button for accessibility by @b-r-i-a-n-w-e-s-t in #2351 (ace3376)

Features

• stack: add Stack component by @metonym in #2352 (bf3b93a), closes #2278
• overflow-menu: support e.preventDefault on item click by @metonym in #2360 (e63b7d8)
• data-table: add tableHeaderTranslateWithId prop by @metonym in 864d687
• types: add @example tags for accessors by @metonym in 0192d0e

Bug Fixes

• context-menu: close on any click instead of only outside clicks by @metonym in #2349 (a980071), closes #578
• data-table: restore target and currentTarget types by @metonym in #2345 (6b11d7a), closes #2344
• dropdown: support typeahead when menu is open by @metonym in #2357(f2b5056), closes #1975
• table-header: implement translateWithId by @metonym in c4eed4d
• tabs: resolve index de-sync from dynamic tab rendering by @metonym in 8a2d0ae, closes #1537
• toolbar: prevent keyboard focus on hidden toolbar elements by @metonym in #2359 (bdaf6b5), closes #663

---

New Stack component

Use Stack to manage vertical and horizontal spacing using Carbon Design System layout tokens. See Documentation.

<Stack>
  <p>Item 1</p>
  <p>Item 2</p>
  <p>Item 3</p>
</Stack>

OverflowMenuItem supports close on click

Use preventDefault() on individual click events to prevent the menu from closing when that item is clicked.

<OverflowMenu>
  <OverflowMenuItem
    text="Show all files"
    on:click={(e) => {
      // Prevent menu from closing for this item.
      e.preventDefault();
    }}
  />
  <OverflowMenuItem text="Close menu" />
</OverflowMenu>

Full Changelog: v0.92.0...v0.93.0

v0.92.1

Fix is backported from v0.93.0

Bug Fixes

• data-table: restore target and currentTarget types (#2345) (fa4e1cc), closes #2344

Full Changelog: v0.92.0...v0.92.1

v0.91.1

Fix is backported from v0.93.0

Bug Fixes

• data-table: restore target and currentTarget types (#2345) (1894602), closes #2344

Full Changelog: v0.91.0...v0.91.1

v0.92.0

What's Changed

⚠ BREAKING CHANGES

• number-input: rename label to labelText (#2337)
• multi-select: rename titleText to labelText (#2337)
• dropdown: rename titleText to labelText (#2337)
• combo-box: rename titleText to labelText (#2337)

Features

• feat(combo-box): add typeahead prop for autocomplete by @spburtsev in #2340

Fixes

• fix!: rename form label prop names for consistency by @spburtsev in #2337
• fix(modal): prevent pointer events on closed modals by @metonym in #2339

Full Changelog: v0.91.0...v0.92.0

v0.91.0

What's Changed

• feat(tree-view): add filterTreeNodes utilities by @metonym in #2269
• feat(tree-view): showNode is configurable by @metonym in #2332
• feat(combo-box): support TypeScript generics by @metonym in #2271
• feat(dropdown): support TypeScript generics by @metonym in #2315
• feat(multi-select): support TypeScript generics by @metonym in #2316
• feat(types): annotate typedefs and dispatched events by @metonym in #2322
• perf(data-table): hoist regex for nested keys by @metonym in #2318
• perf: optimize barrel file exports by @metonym in #2327
• fix(slider): store event object for drag calculations by @metonym in #2320
• fix(types): correctly generate @default values by @metonym in #2325
• fix(multi-select): restore complete keyboard navigation for filterable variant by @metonym in #2317
• fix(breakpoint): use declare const in types by @metonym in #2330
• fix(tree-view-node): correctly type computeTreeLeafDepth export by @metonym in #2333

Full Changelog: v0.90.2...v0.91.0

v0.90.3

Bug Fixes

• multi-select: restore complete keyboard navigation for filterable variant (#2317) (4958db4), closes #2313

Full Changelog: v0.90.2...v0.90.3

v0.90.2

What's Changed

• fix(types): include skeleton props for Button/DataTableSkeleton by @metonym in #2306
• fix(button): icon slot includes style prop in TypeScript definitions by @metonym in #2310
• fix(multi-select): restore keyboard navigation for filterable variant by @metonym in #2314

Full Changelog: v0.90.1...v0.90.2

v0.89.11

Fix is backported from v0.90.3

Bug Fixes

• multi-select: restore complete keyboard navigation for filterable variant (#2317) (e7808bc), closes #2313

Full Changelog: v0.89.10...v0.89.11

v0.89.10

Fix is backported from v0.90.2

Bug Fixes

• multi-select: restore keyboard navigation for filterable variant (#2314) (ce0b9ca), closes #2313

Full Changelog: v0.89.9...v0.89.10