carbon-design-system/carbon-components-svelte v0.93.0

on GitHub

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