diff --git a/.changeset/brave-coats-explode.md b/.changeset/brave-coats-explode.md deleted file mode 100644 index 6fd94b9580..0000000000 --- a/.changeset/brave-coats-explode.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -'@sl-design-system/combobox': patch ---- - -Improve scroll-to-item behavior and virtual list handling - -Internal improvements to scrolling and virtual list constraints for better user experience. These improvements depend on the updated `@sl-design-system/listbox` and `@sl-design-system/virtual-list` packages. - -- Improved scroll-to-item behavior when selecting options -- Better handling of virtual list constraints diff --git a/.changeset/few-colts-wave.md b/.changeset/few-colts-wave.md deleted file mode 100644 index b8b2eef4c7..0000000000 --- a/.changeset/few-colts-wave.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/inline-message': patch ---- - -Layer `elevation.surface.raised.default` underneath the semantic inline message background so text remains readable on bold, patterned, and image backgrounds diff --git a/.changeset/fix-menu-disabled-aria.md b/.changeset/fix-menu-disabled-aria.md deleted file mode 100644 index 43fc50da9d..0000000000 --- a/.changeset/fix-menu-disabled-aria.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@sl-design-system/menu': patch -'@sl-design-system/toggle-button': patch ---- - -Expose and enforce `aria-disabled="true"` on disabled menu items and toggle buttons so assistive technologies announce them as unavailable and the components remain non-interactive diff --git a/.changeset/flat-chefs-swim.md b/.changeset/flat-chefs-swim.md deleted file mode 100644 index 6e9514ecbb..0000000000 --- a/.changeset/flat-chefs-swim.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/menu': patch ---- - -Fix nested submenu item clicks being intercepted by parent menu items with submenus diff --git a/.changeset/giant-turkeys-study.md b/.changeset/giant-turkeys-study.md deleted file mode 100644 index 0db154d57e..0000000000 --- a/.changeset/giant-turkeys-study.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/callout': patch ---- - -Layer `elevation.surface.raised.default` underneath the semantic callout background so text remains readable on bold, patterned, and image backgrounds diff --git a/.changeset/great-owls-mix.md b/.changeset/great-owls-mix.md deleted file mode 100644 index 508493598a..0000000000 --- a/.changeset/great-owls-mix.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/tag': patch ---- - -Fixed stacked tag lists so the generated stack counter tag has `role="listitem"`, matching the slotted tags and satisfying ARIA list semantics diff --git a/.changeset/icy-worlds-do.md b/.changeset/icy-worlds-do.md deleted file mode 100644 index b70c76c476..0000000000 --- a/.changeset/icy-worlds-do.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@sl-design-system/combobox': patch ---- - -Fix combobox selection matching when option values and the combobox value use different primitive types. - -The combobox now treats primitive values such as `1` and "1" as equivalent when resolving selected options. This prevents the selected option from being cleared when a value is provided as a string while the matching `sl-option` value is a number. diff --git a/.changeset/large-deer-brake.md b/.changeset/large-deer-brake.md deleted file mode 100644 index 6098f00358..0000000000 --- a/.changeset/large-deer-brake.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/rolldown-plugin-css-sheet': patch ---- - -Add a Rolldown/Vite plugin that imports `.css` files as constructable `CSSStyleSheet` instances when imported with a `type: 'css'` import attribute diff --git a/.changeset/modern-lists-render.md b/.changeset/modern-lists-render.md deleted file mode 100644 index fa3326a829..0000000000 --- a/.changeset/modern-lists-render.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -'@sl-design-system/virtual-list': minor ---- - -Migrate to TanStack Virtual for improved performance and reliability - -The virtual-list component has been refactored to use TanStack Virtual instead of the custom virtualization implementation. This provides better performance, smoother scrolling, and more reliable item measurement. - -- Migrated to TanStack Virtual for core virtualization logic -- Added `scrollMargin` property to control scroll offset when scrolling items into view -- Added `requestLayout()` method to trigger re-measurement of item sizes -- Updated `VirtualListItemRenderer` type to support both Element and TemplateResult return types diff --git a/.changeset/orange-bottles-arrive.md b/.changeset/orange-bottles-arrive.md deleted file mode 100644 index 89a0780860..0000000000 --- a/.changeset/orange-bottles-arrive.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/grid': patch ---- - -Fixed sticky grid columns becoming transparent when using `row-action="activate"` diff --git a/.changeset/plain-times-beam.md b/.changeset/plain-times-beam.md deleted file mode 100644 index d24792ddfa..0000000000 --- a/.changeset/plain-times-beam.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@sl-design-system/menu': patch -'@sl-design-system/shared': patch -'@sl-design-system/tool-bar': patch ---- - -Expose `aria-disabled="true"` on disabled menu items so assistive technologies announce them as unavailable. Toolbar overflow menu items now preserve disabled semantics with `aria-disabled` instead of rendering hard-disabled menu items, keeping them reachable while preventing activation. Forwarded `ariaDisabled` now clears correctly through nested proxy targets diff --git a/.changeset/quiet-spaces-select.md b/.changeset/quiet-spaces-select.md deleted file mode 100644 index daf1b7d8c1..0000000000 --- a/.changeset/quiet-spaces-select.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/combobox': patch ---- - -Fixed select-only comboboxes so keyboard users can select and deselect the current option with Space while editable comboboxes still insert spaces in the input field diff --git a/.changeset/solid-badgers-fall.md b/.changeset/solid-badgers-fall.md deleted file mode 100644 index b83fb8f2d9..0000000000 --- a/.changeset/solid-badgers-fall.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@sl-design-system/paginator': patch -'@sl-design-system/button': patch ---- - -Fix paginator selected page styling for `emphasis="bold"` by driving page button appearance via `fill`/`variant` (selected uses `variant="primary"` with `fill="solid"` for bold and `fill="outline"` for subtle), while keeping `aria-current="page"` for accessibility. - -Update `sl-button` interaction styling so `fill="ghost"`/`fill="outline"` use the plain hover/active opacity tokens, and outline buttons marked `aria-current="page"` get a selected border color. diff --git a/.changeset/swift-boxes-vanish.md b/.changeset/swift-boxes-vanish.md deleted file mode 100644 index d9d3b416d6..0000000000 --- a/.changeset/swift-boxes-vanish.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -'@sl-design-system/listbox': minor ---- - -Add virtual list support for improved performance with large option lists - -The listbox component now uses the virtual-list component for efficient rendering of large lists. This provides better performance and smoother scrolling when dealing with many options. - -- Integrated virtual-list component for virtualization -- Improved scrolling behavior and item visibility -- Added support for CSS max-height constraints with virtual lists diff --git a/.changeset/three-wasps-search.md b/.changeset/three-wasps-search.md deleted file mode 100644 index 807157f76d..0000000000 --- a/.changeset/three-wasps-search.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/grid': patch ---- - -Added a `hide-header-text` property to Grid columns so header text can be visually hidden while remaining available to assistive technologies. diff --git a/.changeset/young-hands-judge.md b/.changeset/young-hands-judge.md deleted file mode 100644 index 9b2ea3950e..0000000000 --- a/.changeset/young-hands-judge.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -'@sl-design-system/grid': patch ---- - -Accessibility improvement: added `aria-expanded` to the toggle group button in the group header. diff --git a/examples/lit/package.json b/examples/lit/package.json index da1f134a35..78725854e1 100644 --- a/examples/lit/package.json +++ b/examples/lit/package.json @@ -22,6 +22,6 @@ }, "dependencies": { "@open-wc/scoped-elements": "^3.0.6", - "@sl-design-system/shared": "^0.12.1" + "@sl-design-system/shared": "^0.12.2" } } diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md index dc65913741..7c3abd9595 100644 --- a/packages/components/button/CHANGELOG.md +++ b/packages/components/button/CHANGELOG.md @@ -1,5 +1,16 @@ # @sl-design-system/button +## 2.1.1 + +### Patch Changes + +- [#3289](https://github.com/sl-design-system/components/pull/3289) [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68) - Fix paginator selected page styling for `emphasis="bold"` by driving page button appearance via `fill`/`variant` (selected uses `variant="primary"` with `fill="solid"` for bold and `fill="outline"` for subtle), while keeping `aria-current="page"` for accessibility. + + Update `sl-button` interaction styling so `fill="ghost"`/`fill="outline"` use the plain hover/active opacity tokens, and outline buttons marked `aria-current="page"` get a selected border color. + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/shared@0.12.2 + ## 2.1.0 ### Minor Changes diff --git a/packages/components/button/package.json b/packages/components/button/package.json index f9096e5182..09e78eaafc 100644 --- a/packages/components/button/package.json +++ b/packages/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/button", - "version": "2.1.0", + "version": "2.1.1", "status": "stable", "description": "Button component for the SL Design System", "license": "Apache-2.0", @@ -39,6 +39,6 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/shared": "^0.12.1" + "@sl-design-system/shared": "^0.12.2" } } diff --git a/packages/components/callout/CHANGELOG.md b/packages/components/callout/CHANGELOG.md index f816332489..c08f72f5ac 100644 --- a/packages/components/callout/CHANGELOG.md +++ b/packages/components/callout/CHANGELOG.md @@ -1,5 +1,14 @@ # @sl-design-system/callout +## 0.2.1 + +### Patch Changes + +- [#3413](https://github.com/sl-design-system/components/pull/3413) [`69d0bf0`](https://github.com/sl-design-system/components/commit/69d0bf0f48c0a29c05f27b0f9f6511ddc72843bf) - Layer `elevation.surface.raised.default` underneath the semantic callout background so text remains readable on bold, patterned, and image backgrounds + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/shared@0.12.2 + ## 0.2.0 ### Minor Changes diff --git a/packages/components/callout/package.json b/packages/components/callout/package.json index e0e416b190..ed9fb5e340 100644 --- a/packages/components/callout/package.json +++ b/packages/components/callout/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/callout", - "version": "0.2.0", + "version": "0.2.1", "status": "preview", "description": "Callout component for the SL Design System", "license": "Apache-2.0", @@ -40,7 +40,7 @@ }, "dependencies": { "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.0" + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/combobox/CHANGELOG.md b/packages/components/combobox/CHANGELOG.md index d5f11aba5f..f548ae8bfd 100644 --- a/packages/components/combobox/CHANGELOG.md +++ b/packages/components/combobox/CHANGELOG.md @@ -1,5 +1,26 @@ # @sl-design-system/combobox +## 0.1.10 + +### Patch Changes + +- [#3409](https://github.com/sl-design-system/components/pull/3409) [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59) - Improve scroll-to-item behavior and virtual list handling + + Internal improvements to scrolling and virtual list constraints for better user experience. These improvements depend on the updated `@sl-design-system/listbox` and `@sl-design-system/virtual-list` packages. + + - Improved scroll-to-item behavior when selecting options + - Better handling of virtual list constraints + +- [#3427](https://github.com/sl-design-system/components/pull/3427) [`a2713a8`](https://github.com/sl-design-system/components/commit/a2713a8fd882d7672816aef39e09581c7ab559b0) - Fix combobox selection matching when option values and the combobox value use different primitive types. + + The combobox now treats primitive values such as `1` and "1" as equivalent when resolving selected options. This prevents the selected option from being cleared when a value is provided as a string while the matching `sl-option` value is a number. + +- [#3398](https://github.com/sl-design-system/components/pull/3398) [`0b948e2`](https://github.com/sl-design-system/components/commit/0b948e282dedb6787eb116d991233b4b2a766225) - Fixed select-only comboboxes so keyboard users can select and deselect the current option with Space while editable comboboxes still insert spaces in the input field + +- Updated dependencies [[`d6f8588`](https://github.com/sl-design-system/components/commit/d6f858895428de34e4398e275c4e6246b2088882), [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59)]: + - @sl-design-system/tag@0.1.13 + - @sl-design-system/listbox@0.2.0 + ## 0.1.9 ### Patch Changes diff --git a/packages/components/combobox/package.json b/packages/components/combobox/package.json index 08008570ce..2d6864b0e2 100644 --- a/packages/components/combobox/package.json +++ b/packages/components/combobox/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/combobox", - "version": "0.1.9", + "version": "0.1.10", "status": "draft", "description": "Combobox component for the SL Design System", "license": "Apache-2.0", @@ -41,8 +41,8 @@ "dependencies": { "@sl-design-system/form": "^1.4.1", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/listbox": "^0.1.7", - "@sl-design-system/tag": "^0.1.12", + "@sl-design-system/listbox": "^0.2.0", + "@sl-design-system/tag": "^0.1.13", "@sl-design-system/text-field": "^1.6.10" }, "devDependencies": { diff --git a/packages/components/grid/CHANGELOG.md b/packages/components/grid/CHANGELOG.md index 2b05594182..c5f585be5d 100644 --- a/packages/components/grid/CHANGELOG.md +++ b/packages/components/grid/CHANGELOG.md @@ -1,5 +1,23 @@ # @sl-design-system/grid +## 0.7.4 + +### Patch Changes + +- [#3376](https://github.com/sl-design-system/components/pull/3376) [`54e1beb`](https://github.com/sl-design-system/components/commit/54e1bebbb047dadca5213ce0fcb5049319c1f5e0) - Fixed sticky grid columns becoming transparent when using `row-action="activate"` + +- [#3379](https://github.com/sl-design-system/components/pull/3379) [`a470889`](https://github.com/sl-design-system/components/commit/a47088978b07ef027090972b93394c6c2ad58b01) - Added a `hide-header-text` property to Grid columns so header text can be visually hidden while remaining available to assistive technologies. + +- [#3385](https://github.com/sl-design-system/components/pull/3385) [`5210ab7`](https://github.com/sl-design-system/components/commit/5210ab73ef22fed783135a1aa93dc73b32112f3a) - Accessibility improvement: added `aria-expanded` to the toggle group button in the group header. + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68), [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59)]: + - @sl-design-system/shared@0.12.2 + - @sl-design-system/tool-bar@0.2.5 + - @sl-design-system/button@2.1.1 + - @sl-design-system/listbox@0.2.0 + - @sl-design-system/toggle-group@0.0.16 + - @sl-design-system/select@2.1.5 + ## 0.7.3 ### Patch Changes diff --git a/packages/components/grid/package.json b/packages/components/grid/package.json index 202ec017f8..e83dfc735c 100644 --- a/packages/components/grid/package.json +++ b/packages/components/grid/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/grid", - "version": "0.7.3", + "version": "0.7.4", "status": "draft", "description": "Grid components for the SL Design System", "license": "Apache-2.0", @@ -40,20 +40,20 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/button": "^2.1.0", + "@sl-design-system/button": "^2.1.1", "@sl-design-system/checkbox": "^2.1.10", "@sl-design-system/data-source": "^0.4.0", "@sl-design-system/ellipsize-text": "^0.0.3", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/listbox": "^0.1.7", + "@sl-design-system/listbox": "^0.2.0", "@sl-design-system/scrollbar": "^0.1.2", "@sl-design-system/search-field": "^0.2.5", - "@sl-design-system/select": "^2.1.4", - "@sl-design-system/shared": "^0.12.1", + "@sl-design-system/select": "^2.1.5", + "@sl-design-system/shared": "^0.12.2", "@sl-design-system/skeleton": "^1.0.1", "@sl-design-system/text-field": "^1.6.10", - "@sl-design-system/toggle-group": "^0.0.15", - "@sl-design-system/tool-bar": "^0.2.4", + "@sl-design-system/toggle-group": "^0.0.16", + "@sl-design-system/tool-bar": "^0.2.5", "@sl-design-system/tooltip": "^2.0.0" }, "devDependencies": { diff --git a/packages/components/inline-message/CHANGELOG.md b/packages/components/inline-message/CHANGELOG.md index 1b8eb7c559..6237673125 100644 --- a/packages/components/inline-message/CHANGELOG.md +++ b/packages/components/inline-message/CHANGELOG.md @@ -1,5 +1,15 @@ # @sl-design-system/inline-message +## 2.1.1 + +### Patch Changes + +- [#3414](https://github.com/sl-design-system/components/pull/3414) [`e07c746`](https://github.com/sl-design-system/components/commit/e07c746bec373ae9fe9d0e7c274d9deeadca9544) - Layer `elevation.surface.raised.default` underneath the semantic inline message background so text remains readable on bold, patterned, and image backgrounds + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68)]: + - @sl-design-system/shared@0.12.2 + - @sl-design-system/button@2.1.1 + ## 2.1.0 ### Minor Changes @@ -71,9 +81,11 @@ ### Major Changes - [#2031](https://github.com/sl-design-system/components/pull/2031) [`79c250d`](https://github.com/sl-design-system/components/commit/79c250db048f1db459305df9c90b78e03f7b6162) - Breaking change: + - Remove `action` slot for action buttons. The `action` slot has been removed due to accessibility reasons. We do not recommend using inline messages with interactive elements inside. Other changes: + - Remove `role` - announcer (aria-live) is used in the component instead. - Added `announcer` to the component (for the `danger` variant there is `aria-live="assertive"` used, for the rest: `aria-live="polite"`). diff --git a/packages/components/inline-message/package.json b/packages/components/inline-message/package.json index 36a584ec52..7c422516b4 100644 --- a/packages/components/inline-message/package.json +++ b/packages/components/inline-message/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/inline-message", - "version": "2.1.0", + "version": "2.1.1", "status": "stable", "description": "Inline-message component for the SL Design System", "license": "Apache-2.0", @@ -40,9 +40,9 @@ }, "dependencies": { "@sl-design-system/announcer": "^0.0.8", - "@sl-design-system/button": "^2.0.1", + "@sl-design-system/button": "^2.1.1", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.0" + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/listbox/CHANGELOG.md b/packages/components/listbox/CHANGELOG.md index 44194657af..553b70cc97 100644 --- a/packages/components/listbox/CHANGELOG.md +++ b/packages/components/listbox/CHANGELOG.md @@ -1,5 +1,22 @@ # @sl-design-system/listbox +## 0.2.0 + +### Minor Changes + +- [#3409](https://github.com/sl-design-system/components/pull/3409) [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59) - Add virtual list support for improved performance with large option lists + + The listbox component now uses the virtual-list component for efficient rendering of large lists. This provides better performance and smoother scrolling when dealing with many options. + + - Integrated virtual-list component for virtualization + - Improved scrolling behavior and item visibility + - Added support for CSS max-height constraints with virtual lists + +### Patch Changes + +- Updated dependencies [[`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59)]: + - @sl-design-system/virtual-list@0.1.0 + ## 0.1.7 ### Patch Changes diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json index 031b82b21e..e1c3c3c5c2 100644 --- a/packages/components/listbox/package.json +++ b/packages/components/listbox/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/listbox", - "version": "0.1.7", + "version": "0.2.0", "status": "draft", "description": "Listbox components for the SL Design System", "license": "Apache-2.0", @@ -40,7 +40,7 @@ }, "dependencies": { "@sl-design-system/icon": "^1.4.0", - "@sl-design-system/virtual-list": "^0.0.5" + "@sl-design-system/virtual-list": "^0.1.0" }, "devDependencies": { "@open-wc/scoped-elements": "^3.0.6", diff --git a/packages/components/menu/CHANGELOG.md b/packages/components/menu/CHANGELOG.md index 250413032b..da3c972075 100644 --- a/packages/components/menu/CHANGELOG.md +++ b/packages/components/menu/CHANGELOG.md @@ -1,5 +1,19 @@ # @sl-design-system/menu +## 0.3.4 + +### Patch Changes + +- [#3392](https://github.com/sl-design-system/components/pull/3392) [`f2d2914`](https://github.com/sl-design-system/components/commit/f2d2914f4622de01b49e49b78abc17956e7438d3) - Expose and enforce `aria-disabled="true"` on disabled menu items and toggle buttons so assistive technologies announce them as unavailable and the components remain non-interactive + +- [#3421](https://github.com/sl-design-system/components/pull/3421) [`db96be2`](https://github.com/sl-design-system/components/commit/db96be26709e837b1a4e3e6ea176b75c0823be2a) - Fix nested submenu item clicks being intercepted by parent menu items with submenus + +- [#3383](https://github.com/sl-design-system/components/pull/3383) [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba) - Expose `aria-disabled="true"` on disabled menu items so assistive technologies announce them as unavailable. Toolbar overflow menu items now preserve disabled semantics with `aria-disabled` instead of rendering hard-disabled menu items, keeping them reachable while preventing activation. Forwarded `ariaDisabled` now clears correctly through nested proxy targets + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68)]: + - @sl-design-system/shared@0.12.2 + - @sl-design-system/button@2.1.1 + ## 0.3.3 ### Patch Changes diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json index 1927da6b9d..2fca79281e 100644 --- a/packages/components/menu/package.json +++ b/packages/components/menu/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/menu", - "version": "0.3.3", + "version": "0.3.4", "status": "preview", "description": "Menu components for the SL Design System", "license": "Apache-2.0", @@ -39,9 +39,9 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/button": "^2.1.0", + "@sl-design-system/button": "^2.1.1", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.1" + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/paginator/CHANGELOG.md b/packages/components/paginator/CHANGELOG.md index 4e48466d19..b671ca13ad 100644 --- a/packages/components/paginator/CHANGELOG.md +++ b/packages/components/paginator/CHANGELOG.md @@ -1,5 +1,19 @@ # @sl-design-system/paginator +## 0.2.7 + +### Patch Changes + +- [#3289](https://github.com/sl-design-system/components/pull/3289) [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68) - Fix paginator selected page styling for `emphasis="bold"` by driving page button appearance via `fill`/`variant` (selected uses `variant="primary"` with `fill="solid"` for bold and `fill="outline"` for subtle), while keeping `aria-current="page"` for accessibility. + + Update `sl-button` interaction styling so `fill="ghost"`/`fill="outline"` use the plain hover/active opacity tokens, and outline buttons marked `aria-current="page"` get a selected border color. + +- Updated dependencies [[`f2d2914`](https://github.com/sl-design-system/components/commit/f2d2914f4622de01b49e49b78abc17956e7438d3), [`db96be2`](https://github.com/sl-design-system/components/commit/db96be26709e837b1a4e3e6ea176b75c0823be2a), [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68)]: + - @sl-design-system/menu@0.3.4 + - @sl-design-system/shared@0.12.2 + - @sl-design-system/button@2.1.1 + - @sl-design-system/select@2.1.5 + ## 0.2.6 ### Patch Changes diff --git a/packages/components/paginator/package.json b/packages/components/paginator/package.json index 0e017d8591..f8969bd45b 100644 --- a/packages/components/paginator/package.json +++ b/packages/components/paginator/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/paginator", - "version": "0.2.6", + "version": "0.2.7", "status": "draft", "description": "Paginator components for the SL Design System", "license": "Apache-2.0", @@ -40,12 +40,12 @@ }, "dependencies": { "@sl-design-system/announcer": "^0.0.8", - "@sl-design-system/button": "^2.1.0", + "@sl-design-system/button": "^2.1.1", "@sl-design-system/form": "^1.4.1", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/menu": "^0.3.3", - "@sl-design-system/select": "^2.1.3", - "@sl-design-system/shared": "^0.12.1" + "@sl-design-system/menu": "^0.3.4", + "@sl-design-system/select": "^2.1.5", + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/select/CHANGELOG.md b/packages/components/select/CHANGELOG.md index f43d4f36ad..5a1cea86f3 100644 --- a/packages/components/select/CHANGELOG.md +++ b/packages/components/select/CHANGELOG.md @@ -1,5 +1,13 @@ # @sl-design-system/select +## 2.1.5 + +### Patch Changes + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59)]: + - @sl-design-system/shared@0.12.2 + - @sl-design-system/listbox@0.2.0 + ## 2.1.4 ### Patch Changes @@ -14,6 +22,7 @@ ### Patch Changes - [#3109](https://github.com/sl-design-system/components/pull/3109) [`01c7740`](https://github.com/sl-design-system/components/commit/01c7740ba9f15a3cbee3065a798424d783b2c452) - Accessibility improvements: + - Moved the clear button from `sl-select-button` to `sl-select`, the clear button is now focusable on its own, - Added `aria-keyshortcuts` attribute to announce Backspace/Delete shortcuts to assistive technology, - Added `sl-clear` event to `sl-select` with consistent event ordering across click and keyboard interactions. @@ -83,6 +92,7 @@ ### Patch Changes - [#2086](https://github.com/sl-design-system/components/pull/2086) [`0b48907`](https://github.com/sl-design-system/components/commit/0b48907b54289cbfd37266d870a42baba071ba1a) - Various fixes: + - Fix built-in validation bug when there already is a custom error - Fix disabled select getting keyboard focus - Fix missing label in `` @@ -156,6 +166,7 @@ Make sure you have those custom elements loaded. If not, you can import them from the `@sl-design-system/listbox` package. Various improvements: + - Add `clearable` property for clearing the selection - Hide the listbox popover when focus leaves the `` component - Show the listbox popover immediately; only animate it when closing @@ -388,6 +399,7 @@ This add a new `sl-validate` event that is fired when the validity of the form control is updated. It fires _after_ any builtin validation has been performed, so it can be used to override the validity of the control. - [#828](https://github.com/sl-design-system/components/pull/828) [`974e2a3`](https://github.com/sl-design-system/components/commit/974e2a305431be631be3b72a685dcf72199ea031) - Refactor `` to + - use new `FormControlMixin` from the form package - use `aria-activedescendant` to indicate the currently focused option diff --git a/packages/components/select/package.json b/packages/components/select/package.json index 8f9e932d3a..055d2f5a5c 100644 --- a/packages/components/select/package.json +++ b/packages/components/select/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/select", - "version": "2.1.4", + "version": "2.1.5", "status": "stable", "description": "Select component for the SL Design System", "license": "Apache-2.0", @@ -41,8 +41,8 @@ "dependencies": { "@sl-design-system/form": "^1.4.0", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/listbox": "^0.1.6", - "@sl-design-system/shared": "^0.12.0" + "@sl-design-system/listbox": "^0.2.0", + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/shared/CHANGELOG.md b/packages/components/shared/CHANGELOG.md index a50d7049d3..99e5bc7f36 100644 --- a/packages/components/shared/CHANGELOG.md +++ b/packages/components/shared/CHANGELOG.md @@ -1,5 +1,11 @@ # @sl-design-system/shared +## 0.12.2 + +### Patch Changes + +- [#3383](https://github.com/sl-design-system/components/pull/3383) [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba) - Expose `aria-disabled="true"` on disabled menu items so assistive technologies announce them as unavailable. Toolbar overflow menu items now preserve disabled semantics with `aria-disabled` instead of rendering hard-disabled menu items, keeping them reachable while preventing activation. Forwarded `ariaDisabled` now clears correctly through nested proxy targets + ## 0.12.1 ### Patch Changes diff --git a/packages/components/shared/package.json b/packages/components/shared/package.json index 5062655400..9fbc94f11c 100644 --- a/packages/components/shared/package.json +++ b/packages/components/shared/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/shared", - "version": "0.12.1", + "version": "0.12.2", "description": "Shared code for the SL Design System components", "license": "Apache-2.0", "publishConfig": { diff --git a/packages/components/tag/CHANGELOG.md b/packages/components/tag/CHANGELOG.md index 2111dadb2b..a9c5688796 100644 --- a/packages/components/tag/CHANGELOG.md +++ b/packages/components/tag/CHANGELOG.md @@ -1,5 +1,14 @@ # @sl-design-system/tag +## 0.1.13 + +### Patch Changes + +- [#3408](https://github.com/sl-design-system/components/pull/3408) [`d6f8588`](https://github.com/sl-design-system/components/commit/d6f858895428de34e4398e275c4e6246b2088882) - Fixed stacked tag lists so the generated stack counter tag has `role="listitem"`, matching the slotted tags and satisfying ARIA list semantics + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/shared@0.12.2 + ## 0.1.12 ### Patch Changes @@ -123,6 +132,7 @@ ### Minor Changes - [#1813](https://github.com/sl-design-system/components/pull/1813) [`7b2fdc6`](https://github.com/sl-design-system/components/commit/7b2fdc6ee42af1b096b6f019b0f9e9daba5ed950) - Various improvements: + - Add missing `disabled` property to `` so the stack tag can be disabled - Change design from a visual stack to a regular tag with a `+` text - Use the same size (`24px` for `md`, `36px` for `lg`) that is used elsewhere in the design system @@ -148,10 +158,12 @@ - [#1599](https://github.com/sl-design-system/components/pull/1599) [`4714b36`](https://github.com/sl-design-system/components/commit/4714b36f1387d4d1731a310b621caf5a33be105b) - Various a11y related fixes ``: + - Use `aria-labelledby` for the tooltip instead of `aria-describedby` - Do not set an `aria-label` on the host element; `role="list"` provides enough information ``: + - Add ability to use Delete or Backspace keys to remove the tag - Use `aria-description` to describe how to remove the tag using the keyboard - Make the delete button have `aria-hidden="true"` diff --git a/packages/components/tag/package.json b/packages/components/tag/package.json index a704699851..520a40cfa7 100644 --- a/packages/components/tag/package.json +++ b/packages/components/tag/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/tag", - "version": "0.1.12", + "version": "0.1.13", "status": "preview", "description": "Tag component for the SL Design System", "license": "Apache-2.0", @@ -40,7 +40,7 @@ }, "dependencies": { "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.0", + "@sl-design-system/shared": "^0.12.2", "@sl-design-system/tooltip": "^2.0.0" }, "devDependencies": { diff --git a/packages/components/time-field/CHANGELOG.md b/packages/components/time-field/CHANGELOG.md index 3d0f73d924..d0418d968a 100644 --- a/packages/components/time-field/CHANGELOG.md +++ b/packages/components/time-field/CHANGELOG.md @@ -1,5 +1,12 @@ # @sl-design-system/time-field +## 0.1.2 + +### Patch Changes + +- Updated dependencies [[`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59)]: + - @sl-design-system/listbox@0.2.0 + ## 0.1.1 ### Patch Changes @@ -38,6 +45,7 @@ ### Patch Changes - [#2824](https://github.com/sl-design-system/components/pull/2824) [`ff5b844`](https://github.com/sl-design-system/components/commit/ff5b8447d854505f9d8619f2d7489d909dd757d0) - Multiple fixes: + - For `required` time-field, native validation message is now used. The custom message "Please enter a time." appears only when the entered value is not a valid time. - Fixed an issue where the dialog time picker value did not update when the user typed a new value. diff --git a/packages/components/time-field/package.json b/packages/components/time-field/package.json index a1bbe49701..223375887f 100644 --- a/packages/components/time-field/package.json +++ b/packages/components/time-field/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/time-field", - "version": "0.1.1", + "version": "0.1.2", "status": "draft", "description": "Time field component for the SL Design System", "license": "Apache-2.0", @@ -41,7 +41,7 @@ "dependencies": { "@sl-design-system/form": "^1.3.6", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/listbox": "^0.1.4", + "@sl-design-system/listbox": "^0.2.0", "@sl-design-system/text-field": "^1.6.9" }, "devDependencies": { diff --git a/packages/components/toggle-button/CHANGELOG.md b/packages/components/toggle-button/CHANGELOG.md index 27b51971c2..c0fada2a09 100644 --- a/packages/components/toggle-button/CHANGELOG.md +++ b/packages/components/toggle-button/CHANGELOG.md @@ -1,5 +1,14 @@ # @sl-design-system/toggle-button +## 0.0.16 + +### Patch Changes + +- [#3392](https://github.com/sl-design-system/components/pull/3392) [`f2d2914`](https://github.com/sl-design-system/components/commit/f2d2914f4622de01b49e49b78abc17956e7438d3) - Expose and enforce `aria-disabled="true"` on disabled menu items and toggle buttons so assistive technologies announce them as unavailable and the components remain non-interactive + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/shared@0.12.2 + ## 0.0.15 ### Patch Changes @@ -100,6 +109,7 @@ - [#1602](https://github.com/sl-design-system/components/pull/1602) [`6866dd0`](https://github.com/sl-design-system/components/commit/6866dd0f47f7decf2938e62edc8e3f6a865e6f6b) - Fixed toggling `text-only` attribute. - [#1807](https://github.com/sl-design-system/components/pull/1807) [`b0ac221`](https://github.com/sl-design-system/components/commit/b0ac22130da66c4f1ce68bf008a4e22a456ea768) - Incorporate the new contextual tokens and add new options: + - add size `sm` - add shape `pill` | `square` - changed fill `ghost` `to solid` diff --git a/packages/components/toggle-button/package.json b/packages/components/toggle-button/package.json index 21c5e334f8..5523b373a6 100644 --- a/packages/components/toggle-button/package.json +++ b/packages/components/toggle-button/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/toggle-button", - "version": "0.0.15", + "version": "0.0.16", "status": "preview", "description": "Toggle button component for the SL Design System", "license": "Apache-2.0", @@ -40,7 +40,7 @@ }, "dependencies": { "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.0", + "@sl-design-system/shared": "^0.12.2", "@sl-design-system/tooltip": "^2.0.0" }, "devDependencies": { diff --git a/packages/components/toggle-group/CHANGELOG.md b/packages/components/toggle-group/CHANGELOG.md index 1a6610a35f..b9e6c9a90f 100644 --- a/packages/components/toggle-group/CHANGELOG.md +++ b/packages/components/toggle-group/CHANGELOG.md @@ -1,5 +1,13 @@ # @sl-design-system/toggle-group +## 0.0.16 + +### Patch Changes + +- Updated dependencies [[`f2d2914`](https://github.com/sl-design-system/components/commit/f2d2914f4622de01b49e49b78abc17956e7438d3), [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/toggle-button@0.0.16 + - @sl-design-system/shared@0.12.2 + ## 0.0.15 ### Patch Changes @@ -87,6 +95,7 @@ ### Patch Changes - [#1807](https://github.com/sl-design-system/components/pull/1807) [`b0ac221`](https://github.com/sl-design-system/components/commit/b0ac22130da66c4f1ce68bf008a4e22a456ea768) - Incorporate the new contextual tokens and add new options: + - add size `sm` - add shape `pill` | `square` - changed fill `ghost` `to solid` diff --git a/packages/components/toggle-group/package.json b/packages/components/toggle-group/package.json index 8565e24b3d..278cd6264f 100644 --- a/packages/components/toggle-group/package.json +++ b/packages/components/toggle-group/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/toggle-group", - "version": "0.0.15", + "version": "0.0.16", "status": "preview", "description": "Toggle group component for the SL Design System", "license": "Apache-2.0", @@ -39,8 +39,8 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/shared": "^0.12.0", - "@sl-design-system/toggle-button": "^0.0.15" + "@sl-design-system/shared": "^0.12.2", + "@sl-design-system/toggle-button": "^0.0.16" }, "devDependencies": { "@open-wc/scoped-elements": "^3.0.6", diff --git a/packages/components/tool-bar/CHANGELOG.md b/packages/components/tool-bar/CHANGELOG.md index b261362569..6a882af9e7 100644 --- a/packages/components/tool-bar/CHANGELOG.md +++ b/packages/components/tool-bar/CHANGELOG.md @@ -1,5 +1,17 @@ # @sl-design-system/tool-bar +## 0.2.5 + +### Patch Changes + +- [#3383](https://github.com/sl-design-system/components/pull/3383) [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba) - Expose `aria-disabled="true"` on disabled menu items so assistive technologies announce them as unavailable. Toolbar overflow menu items now preserve disabled semantics with `aria-disabled` instead of rendering hard-disabled menu items, keeping them reachable while preventing activation. Forwarded `ariaDisabled` now clears correctly through nested proxy targets + +- Updated dependencies [[`f2d2914`](https://github.com/sl-design-system/components/commit/f2d2914f4622de01b49e49b78abc17956e7438d3), [`db96be2`](https://github.com/sl-design-system/components/commit/db96be26709e837b1a4e3e6ea176b75c0823be2a), [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba), [`7f08962`](https://github.com/sl-design-system/components/commit/7f08962d1e7313a87b58729d64c88e283c686e68)]: + - @sl-design-system/menu@0.3.4 + - @sl-design-system/toggle-button@0.0.16 + - @sl-design-system/button@2.1.1 + - @sl-design-system/toggle-group@0.0.16 + ## 0.2.4 ### Patch Changes @@ -9,6 +21,7 @@ The overflow mapping now falls back from forwarded ARIA name/description to host `aria-labelledby` / `aria-label`, and finally to `slot="button"` text content, ensuring labels remain visible - [#3241](https://github.com/sl-design-system/components/pull/3241) [`af5594c`](https://github.com/sl-design-system/components/commit/af5594c2bece0792652e17a7f5088532aacc9411) - Fix overflow behavior: + - Refactor overflow logic to more accurately calculate visible items, reserve space for the menu button, and handle the menu button margin correctly when all items are hidden. - Update `tool-bar.ts` to use the new measurement utilities (`measureMenuButtonWidth` and `measureConstrainedWidth`) for more reliable overflow calculations. - Update toolbar styles to prevent layout shifts during measurement and ensure correct sizing in flexible containers. @@ -65,15 +78,18 @@ ### Minor Changes - [#2867](https://github.com/sl-design-system/components/pull/2867) [`198b92f`](https://github.com/sl-design-system/components/commit/198b92f8ef43283e9809b80e348e03ed45103fe9) - **Breaking Changes:** + - Removed `fill` property - use `type` property instead. If you were using `fill="outline"`, change it to `type="outline"`. If you were using `fill="ghost"`, change it to `type="ghost"`. - Removed `no-border` property - border now only shows in `contained` variant (except when `inverted`). **New Features:** + - Added `contained` property to enable contained mode - Added keyboard navigation support for arrow keys when toolbar is focused - Added `inverted` property to the divider component **Improvements:** + - Improved overall styling and fixed overflow behavior issues ### Patch Changes @@ -152,6 +168,7 @@ ### Patch Changes - [#2081](https://github.com/sl-design-system/components/pull/2081) [`604dc17`](https://github.com/sl-design-system/components/commit/604dc17be38f77fa099ffc890fcbe8f3768755a6) - Various improvements: + - Add `ellipsis-vertical` icon to the icon set - Add `inverted` boolean property so the menu button can be inverted - Fix overflow calculation so we never have an unnecessary menu button diff --git a/packages/components/tool-bar/package.json b/packages/components/tool-bar/package.json index e610c11b14..987de45b38 100644 --- a/packages/components/tool-bar/package.json +++ b/packages/components/tool-bar/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/tool-bar", - "version": "0.2.4", + "version": "0.2.5", "status": "draft", "description": "Tool bar component for the SL Design System", "license": "Apache-2.0", @@ -39,11 +39,11 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/button": "^2.0.1", + "@sl-design-system/button": "^2.1.1", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/menu": "^0.3.2", - "@sl-design-system/toggle-button": "^0.0.15", - "@sl-design-system/toggle-group": "^0.0.15" + "@sl-design-system/menu": "^0.3.4", + "@sl-design-system/toggle-button": "^0.0.16", + "@sl-design-system/toggle-group": "^0.0.16" }, "devDependencies": { "@lit/localize": "^0.12.2", diff --git a/packages/components/tree/CHANGELOG.md b/packages/components/tree/CHANGELOG.md index 2a2ec677cc..0583e4c977 100644 --- a/packages/components/tree/CHANGELOG.md +++ b/packages/components/tree/CHANGELOG.md @@ -1,5 +1,13 @@ # @sl-design-system/tree +## 0.2.5 + +### Patch Changes + +- Updated dependencies [[`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59), [`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/virtual-list@0.1.0 + - @sl-design-system/shared@0.12.2 + ## 0.2.4 ### Patch Changes diff --git a/packages/components/tree/package.json b/packages/components/tree/package.json index 0c061c8ade..3d959b12ed 100644 --- a/packages/components/tree/package.json +++ b/packages/components/tree/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/tree", - "version": "0.2.4", + "version": "0.2.5", "status": "preview", "description": "Tree component for the SL Design System", "license": "Apache-2.0", @@ -43,10 +43,10 @@ "@sl-design-system/checkbox": "^2.1.10", "@sl-design-system/data-source": "^0.4.0", "@sl-design-system/icon": "^1.4.2", - "@sl-design-system/shared": "^0.12.0", + "@sl-design-system/shared": "^0.12.2", "@sl-design-system/skeleton": "^1.0.1", "@sl-design-system/spinner": "^2.0.1", - "@sl-design-system/virtual-list": "^0.0.5" + "@sl-design-system/virtual-list": "^0.1.0" }, "devDependencies": { "@open-wc/scoped-elements": "^3.0.6", diff --git a/packages/components/virtual-list/CHANGELOG.md b/packages/components/virtual-list/CHANGELOG.md index 52c32d2d04..716e0a7bcf 100644 --- a/packages/components/virtual-list/CHANGELOG.md +++ b/packages/components/virtual-list/CHANGELOG.md @@ -1,5 +1,23 @@ # @sl-design-system/virtual-list +## 0.1.0 + +### Minor Changes + +- [#3409](https://github.com/sl-design-system/components/pull/3409) [`7d96c3a`](https://github.com/sl-design-system/components/commit/7d96c3aebdc8922f0b031f2ea84aa04c12db2c59) - Migrate to TanStack Virtual for improved performance and reliability + + The virtual-list component has been refactored to use TanStack Virtual instead of the custom virtualization implementation. This provides better performance, smoother scrolling, and more reliable item measurement. + + - Migrated to TanStack Virtual for core virtualization logic + - Added `scrollMargin` property to control scroll offset when scrolling items into view + - Added `requestLayout()` method to trigger re-measurement of item sizes + - Updated `VirtualListItemRenderer` type to support both Element and TemplateResult return types + +### Patch Changes + +- Updated dependencies [[`b19dbe7`](https://github.com/sl-design-system/components/commit/b19dbe7d6bffbf3f7e1373f4bcc5693b4352c3ba)]: + - @sl-design-system/shared@0.12.2 + ## 0.0.5 ### Patch Changes diff --git a/packages/components/virtual-list/package.json b/packages/components/virtual-list/package.json index 4ff83fbda7..fc92258321 100644 --- a/packages/components/virtual-list/package.json +++ b/packages/components/virtual-list/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/virtual-list", - "version": "0.0.5", + "version": "0.1.0", "status": "draft", "description": "Virtual list component for the SL Design System", "license": "Apache-2.0", @@ -39,7 +39,7 @@ "test": "echo \"Error: run tests from monorepo root.\" && exit 1" }, "dependencies": { - "@sl-design-system/shared": "^0.12.0" + "@sl-design-system/shared": "^0.12.2" }, "devDependencies": { "@tanstack/virtual-core": "3.13.12", diff --git a/tools/rolldown-plugin-css-sheet/CHANGELOG.md b/tools/rolldown-plugin-css-sheet/CHANGELOG.md new file mode 100644 index 0000000000..5387c40a40 --- /dev/null +++ b/tools/rolldown-plugin-css-sheet/CHANGELOG.md @@ -0,0 +1,7 @@ +# @sl-design-system/rolldown-plugin-css-sheet + +## 0.0.1 + +### Patch Changes + +- [#3439](https://github.com/sl-design-system/components/pull/3439) [`4ff727c`](https://github.com/sl-design-system/components/commit/4ff727c778916b586d786011df46024209fa6f15) - Add a Rolldown/Vite plugin that imports `.css` files as constructable `CSSStyleSheet` instances when imported with a `type: 'css'` import attribute diff --git a/tools/rolldown-plugin-css-sheet/package.json b/tools/rolldown-plugin-css-sheet/package.json index e09558a3a0..f9fd7e0371 100644 --- a/tools/rolldown-plugin-css-sheet/package.json +++ b/tools/rolldown-plugin-css-sheet/package.json @@ -1,6 +1,6 @@ { "name": "@sl-design-system/rolldown-plugin-css-sheet", - "version": "0.0.0", + "version": "0.0.1", "description": "Rolldown/Vite plugin that imports .css files (with { type: 'css' }) as constructable CSSStyleSheet instances", "license": "Apache-2.0", "publishConfig": { diff --git a/yarn.lock b/yarn.lock index 2817c63acd..f73cc5a3bc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5599,11 +5599,11 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/button@npm:^2.0.0, @sl-design-system/button@npm:^2.0.1, @sl-design-system/button@npm:^2.1.0, @sl-design-system/button@workspace:packages/components/button": +"@sl-design-system/button@npm:^2.0.0, @sl-design-system/button@npm:^2.0.1, @sl-design-system/button@npm:^2.1.0, @sl-design-system/button@npm:^2.1.1, @sl-design-system/button@workspace:packages/components/button": version: 0.0.0-use.local resolution: "@sl-design-system/button@workspace:packages/components/button" dependencies: - "@sl-design-system/shared": "npm:^0.12.1" + "@sl-design-system/shared": "npm:^0.12.2" languageName: unknown linkType: soft @@ -5632,7 +5632,7 @@ __metadata: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" peerDependencies: "@lit/localize": ^0.12.1 "@open-wc/scoped-elements": ^3.0.6 @@ -5693,8 +5693,8 @@ __metadata: "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/form": "npm:^1.4.1" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/listbox": "npm:^0.1.7" - "@sl-design-system/tag": "npm:^0.1.12" + "@sl-design-system/listbox": "npm:^0.2.0" + "@sl-design-system/tag": "npm:^0.1.13" "@sl-design-system/text-field": "npm:^1.6.10" lit: "npm:^3.3.2" peerDependencies: @@ -5922,21 +5922,21 @@ __metadata: "@lit-labs/virtualizer": "npm:^2.1.1" "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" - "@sl-design-system/button": "npm:^2.1.0" + "@sl-design-system/button": "npm:^2.1.1" "@sl-design-system/checkbox": "npm:^2.1.10" "@sl-design-system/data-source": "npm:^0.4.0" "@sl-design-system/ellipsize-text": "npm:^0.0.3" "@sl-design-system/example-data": "npm:^1.0.0" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/listbox": "npm:^0.1.7" + "@sl-design-system/listbox": "npm:^0.2.0" "@sl-design-system/scrollbar": "npm:^0.1.2" "@sl-design-system/search-field": "npm:^0.2.5" - "@sl-design-system/select": "npm:^2.1.4" - "@sl-design-system/shared": "npm:^0.12.1" + "@sl-design-system/select": "npm:^2.1.5" + "@sl-design-system/shared": "npm:^0.12.2" "@sl-design-system/skeleton": "npm:^1.0.1" "@sl-design-system/text-field": "npm:^1.6.10" - "@sl-design-system/toggle-group": "npm:^0.0.15" - "@sl-design-system/tool-bar": "npm:^0.2.4" + "@sl-design-system/toggle-group": "npm:^0.0.16" + "@sl-design-system/tool-bar": "npm:^0.2.5" "@sl-design-system/tooltip": "npm:^2.0.0" lit: "npm:^3.3.2" peerDependencies: @@ -5981,9 +5981,9 @@ __metadata: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/announcer": "npm:^0.0.8" - "@sl-design-system/button": "npm:^2.0.1" + "@sl-design-system/button": "npm:^2.1.1" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" peerDependencies: "@lit/localize": ^0.12.1 "@open-wc/scoped-elements": ^3.0.6 @@ -6006,13 +6006,13 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/listbox@npm:^0.1.4, @sl-design-system/listbox@npm:^0.1.6, @sl-design-system/listbox@npm:^0.1.7, @sl-design-system/listbox@workspace:packages/components/listbox": +"@sl-design-system/listbox@npm:^0.2.0, @sl-design-system/listbox@workspace:packages/components/listbox": version: 0.0.0-use.local resolution: "@sl-design-system/listbox@workspace:packages/components/listbox" dependencies: "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/icon": "npm:^1.4.0" - "@sl-design-system/virtual-list": "npm:^0.0.5" + "@sl-design-system/virtual-list": "npm:^0.1.0" lit: "npm:^3.3.2" peerDependencies: "@open-wc/scoped-elements": ^3.0.6 @@ -6025,7 +6025,7 @@ __metadata: resolution: "@sl-design-system/lit-examples@workspace:examples/lit" dependencies: "@open-wc/scoped-elements": "npm:^3.0.6" - "@sl-design-system/shared": "npm:^0.12.1" + "@sl-design-system/shared": "npm:^0.12.2" languageName: unknown linkType: soft @@ -6055,15 +6055,15 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/menu@npm:^0.3.1, @sl-design-system/menu@npm:^0.3.2, @sl-design-system/menu@npm:^0.3.3, @sl-design-system/menu@workspace:packages/components/menu": +"@sl-design-system/menu@npm:^0.3.1, @sl-design-system/menu@npm:^0.3.4, @sl-design-system/menu@workspace:packages/components/menu": version: 0.0.0-use.local resolution: "@sl-design-system/menu@workspace:packages/components/menu" dependencies: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" - "@sl-design-system/button": "npm:^2.1.0" + "@sl-design-system/button": "npm:^2.1.1" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.1" + "@sl-design-system/shared": "npm:^0.12.2" peerDependencies: "@lit/localize": ^0.12.1 "@open-wc/scoped-elements": ^3.0.6 @@ -6178,12 +6178,12 @@ __metadata: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/announcer": "npm:^0.0.8" - "@sl-design-system/button": "npm:^2.1.0" + "@sl-design-system/button": "npm:^2.1.1" "@sl-design-system/form": "npm:^1.4.1" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/menu": "npm:^0.3.3" - "@sl-design-system/select": "npm:^2.1.3" - "@sl-design-system/shared": "npm:^0.12.1" + "@sl-design-system/menu": "npm:^0.3.4" + "@sl-design-system/select": "npm:^2.1.5" + "@sl-design-system/shared": "npm:^0.12.2" peerDependencies: "@lit/localize": ^0.12.1 "@open-wc/scoped-elements": ^3.0.6 @@ -6323,7 +6323,7 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/select@npm:^2.1.3, @sl-design-system/select@npm:^2.1.4, @sl-design-system/select@workspace:packages/components/select": +"@sl-design-system/select@npm:^2.1.4, @sl-design-system/select@npm:^2.1.5, @sl-design-system/select@workspace:packages/components/select": version: 0.0.0-use.local resolution: "@sl-design-system/select@workspace:packages/components/select" dependencies: @@ -6331,8 +6331,8 @@ __metadata: "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/form": "npm:^1.4.0" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/listbox": "npm:^0.1.6" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/listbox": "npm:^0.2.0" + "@sl-design-system/shared": "npm:^0.12.2" lit: "npm:^3.3.2" peerDependencies: "@lit/localize": ^0.12.1 @@ -6340,7 +6340,7 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/shared@npm:^0.12.0, @sl-design-system/shared@npm:^0.12.1, @sl-design-system/shared@workspace:packages/components/shared": +"@sl-design-system/shared@npm:^0.12.0, @sl-design-system/shared@npm:^0.12.1, @sl-design-system/shared@npm:^0.12.2, @sl-design-system/shared@workspace:packages/components/shared": version: 0.0.0-use.local resolution: "@sl-design-system/shared@workspace:packages/components/shared" dependencies: @@ -6418,14 +6418,14 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/tag@npm:^0.1.12, @sl-design-system/tag@workspace:packages/components/tag": +"@sl-design-system/tag@npm:^0.1.13, @sl-design-system/tag@workspace:packages/components/tag": version: 0.0.0-use.local resolution: "@sl-design-system/tag@workspace:packages/components/tag" dependencies: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" "@sl-design-system/tooltip": "npm:^2.0.0" lit: "npm:^3.3.2" peerDependencies: @@ -6484,7 +6484,7 @@ __metadata: "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/form": "npm:^1.3.6" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/listbox": "npm:^0.1.4" + "@sl-design-system/listbox": "npm:^0.2.0" "@sl-design-system/text-field": "npm:^1.6.9" lit: "npm:^3.3.2" peerDependencies: @@ -6493,13 +6493,13 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/toggle-button@npm:^0.0.15, @sl-design-system/toggle-button@workspace:packages/components/toggle-button": +"@sl-design-system/toggle-button@npm:^0.0.16, @sl-design-system/toggle-button@workspace:packages/components/toggle-button": version: 0.0.0-use.local resolution: "@sl-design-system/toggle-button@workspace:packages/components/toggle-button" dependencies: "@open-wc/scoped-elements": "npm:^3.0.6" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" "@sl-design-system/tooltip": "npm:^2.0.0" lit: "npm:^3.3.2" peerDependencies: @@ -6508,13 +6508,13 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/toggle-group@npm:^0.0.15, @sl-design-system/toggle-group@workspace:packages/components/toggle-group": +"@sl-design-system/toggle-group@npm:^0.0.16, @sl-design-system/toggle-group@workspace:packages/components/toggle-group": version: 0.0.0-use.local resolution: "@sl-design-system/toggle-group@workspace:packages/components/toggle-group" dependencies: "@open-wc/scoped-elements": "npm:^3.0.6" - "@sl-design-system/shared": "npm:^0.12.0" - "@sl-design-system/toggle-button": "npm:^0.0.15" + "@sl-design-system/shared": "npm:^0.12.2" + "@sl-design-system/toggle-button": "npm:^0.0.16" lit: "npm:^3.3.2" peerDependencies: lit: ^3.1.4 @@ -6527,17 +6527,17 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/tool-bar@npm:^0.2.4, @sl-design-system/tool-bar@workspace:packages/components/tool-bar": +"@sl-design-system/tool-bar@npm:^0.2.4, @sl-design-system/tool-bar@npm:^0.2.5, @sl-design-system/tool-bar@workspace:packages/components/tool-bar": version: 0.0.0-use.local resolution: "@sl-design-system/tool-bar@workspace:packages/components/tool-bar" dependencies: "@lit/localize": "npm:^0.12.2" "@open-wc/scoped-elements": "npm:^3.0.6" - "@sl-design-system/button": "npm:^2.0.1" + "@sl-design-system/button": "npm:^2.1.1" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/menu": "npm:^0.3.2" - "@sl-design-system/toggle-button": "npm:^0.0.15" - "@sl-design-system/toggle-group": "npm:^0.0.15" + "@sl-design-system/menu": "npm:^0.3.4" + "@sl-design-system/toggle-button": "npm:^0.0.16" + "@sl-design-system/toggle-group": "npm:^0.0.16" lit: "npm:^3.3.2" peerDependencies: "@open-wc/scoped-elements": ^3.0.6 @@ -6561,10 +6561,10 @@ __metadata: "@sl-design-system/checkbox": "npm:^2.1.10" "@sl-design-system/data-source": "npm:^0.4.0" "@sl-design-system/icon": "npm:^1.4.2" - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" "@sl-design-system/skeleton": "npm:^1.0.1" "@sl-design-system/spinner": "npm:^2.0.1" - "@sl-design-system/virtual-list": "npm:^0.0.5" + "@sl-design-system/virtual-list": "npm:^0.1.0" lit: "npm:^3.3.2" peerDependencies: "@open-wc/scoped-elements": ^3.0.6 @@ -6572,11 +6572,11 @@ __metadata: languageName: unknown linkType: soft -"@sl-design-system/virtual-list@npm:^0.0.5, @sl-design-system/virtual-list@workspace:packages/components/virtual-list": +"@sl-design-system/virtual-list@npm:^0.1.0, @sl-design-system/virtual-list@workspace:packages/components/virtual-list": version: 0.0.0-use.local resolution: "@sl-design-system/virtual-list@workspace:packages/components/virtual-list" dependencies: - "@sl-design-system/shared": "npm:^0.12.0" + "@sl-design-system/shared": "npm:^0.12.2" "@tanstack/virtual-core": "npm:3.13.12" lit: "npm:^3.3.2" peerDependencies: