Version Packages - #3565
Open
github-actions[bot] wants to merge 1 commit into
Open
Conversation
github-actions
Bot
requested review from
Diaan,
a11ymiko,
anna-lach,
jpzwarte and
michal-sanoma
as code owners
July 31, 2026 09:08
github-actions
Bot
force-pushed
the
changeset-release/main
branch
7 times, most recently
from
August 11, 2026 07:26
3f707d5 to
e4627d1
Compare
github-actions
Bot
force-pushed
the
changeset-release/main
branch
5 times, most recently
from
August 17, 2026 08:23
37cfee5 to
e183c4b
Compare
github-actions
Bot
force-pushed
the
changeset-release/main
branch
from
August 17, 2026 10:18
e183c4b to
0761c19
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.
Releases
@sl-design-system/toggle-button@1.0.0
Major Changes
#3368
dd4b09b- Refactor toggle button to use an internal<button>element. This improves accessibility and removes the need for manual keyboard and ARIA handling.Breaking changes
[pressed],[icon-only],[text-only], and[error]attributes have been replaced by CSS custom states (:state(pressed),:state(icon-only),:state(text-only),:state(error)). Update any custom styles targeting these attributes.shapeproperty type has changed fromButtonShapetoToggleButtonShape('rect' | 'pill').pressedproperty is no longer reflected as an attribute. Use:state(pressed)for styling.labelproperty (previously reflected asaria-label) has been removed. Use the newtooltipproperty instead.New features
tooltipproperty for declaratively adding a tooltip. For icon-only buttons the tooltip acts as the accessible label; for other buttons it acts as an accessible description.buttonandtooltipfor styling the internal elements.<button>viadelegatesFocus: true.<button>viaForwardAriaMixin.Minor Changes
#3368
dd4b09b- AddtooltippropertyPreviously, adding a tooltip to any kind of component required adding a sibling
<sl-tooltip>element manually and wiring up the correctaria-describedbyoraria-labelledbyrelationship by hand. This was especially cumbersome for icon-only buttons, where the tooltip doubles as the accessible label.The new
tooltipproperty improves the Developer Experience by letting you set a tooltip directly on the component.For buttons, it handles all the accessibility wiring automatically:
aria-labelledby).aria-describedby).Patch Changes
dd4b09b,dd4b09b]:@sl-design-system/tooltip@3.0.0
Major Changes
#3368
dd4b09b- Rewrite of the tooltip component: the tooltip was the component responsible for the most bug reports and had a complex internal implementation. This rewrite significantly simplifies the component.The complex internal positioning logic,
AnchorController,EventsController, andlazy()static method have been removed in favour of native browserpopoverand CSS Anchor Positioning APIs.Breaking changes
TooltipOptionsinterface andTooltip.lazy()static method have been removed. Use theforattribute to link a tooltip to its anchor instead.position,offset,maxWidth,arrowPadding, andviewportMarginproperties/statics have been removed.hoverShowDelaychanged from500msto150msandhoverHideDelaychanged from200msto0ms.New API
for— links the tooltip to one or more anchor elements by id; pass a space-separated list of ids to share a single tooltip between multiple elementstype— controls the ARIA relationship:'label'(ariaLabelledByElements, default) or'description'(ariaDescribedByElements)trigger— space-separated list of triggers:'focus','hover', and/or'click'(default:'focus hover')disabled— prevents the tooltip from showingopen— shows or hides the tooltip programmatically, regardless of trigger; to check whether the tooltip is showing, usematches(':popover-open')insteadEvery element listed in
forgets the ARIA relation and the triggers. The tooltip is positioned against the anchor that triggered it, and against the first anchor until then.Patch Changes
dd4b09b]:@sl-design-system/angular@4.2.0
Minor Changes
#3368
dd4b09b- Use the new tooltip implementationThe tooltip directive has been updated to use the new tooltip implementation. This means that the tooltip is now created as a separate element and positioned using the
forattribute. The old implementation, which used a lazy loader, has been removed. The API of the tooltip directive remains the same, but the DOM structure may have changed.The directive also no longer creates an
<sl-tooltip>element when the tooltip text is empty. Previously an empty tooltip was always inserted, which gave the anchor element an empty accessible name or description. The tooltip is now created as soon as the text becomes non-empty and removed again when it becomes empty.Patch Changes
6fcae28,945f701,ac75744,dd4b09b,101ff8e,318505d,249b261,945f701]:@sl-design-system/avatar@1.3.0
Minor Changes
dd4b09b- Use the new tooltip implementationPatch Changes
dd4b09b,dd4b09b]:@sl-design-system/breadcrumbs@1.3.0
Minor Changes
#3368
dd4b09b- Use the new tooltip implementationThe breadcrumbs component has been updated to use the simplified tooltip implementation. Tooltips for truncated breadcrumb links are now managed using the new
<sl-tooltip>forattribute approach, removing the need for manual cleanup functions and reducing internal complexity.Patch Changes
dd4b09b,dd4b09b]:@sl-design-system/button@2.2.0
Minor Changes
#3368
dd4b09b- AddtooltippropertyPreviously, adding a tooltip to any kind of component required adding a sibling
<sl-tooltip>element manually and wiring up the correctaria-describedbyoraria-labelledbyrelationship by hand. This was especially cumbersome for icon-only buttons, where the tooltip doubles as the accessible label.The new
tooltipproperty improves the Developer Experience by letting you set a tooltip directly on the component.For buttons, it handles all the accessibility wiring automatically:
aria-labelledby).aria-describedby).Patch Changes
dd4b09b,dd4b09b]:@sl-design-system/calendar@0.1.0
Minor Changes
dd4b09b- Use the new tooltip implementationPatch Changes
dd4b09b,dd4b09b]:@sl-design-system/checkbox@2.3.0
Minor Changes
#3368
dd4b09b-sl-checkboxnow usesForwardAriaMixininstead ofObserveAttributesMixinto forward ARIA to the<input>element. Reference attributes (aria-labelledbyandaria-describedby) are resolved toelements and forwarded via
ariaLabelledByElements/ariaDescribedByElements, so relationships thatare set as element references — such as an
sl-tooltiplabelling or describing the checkbox — nowreach the
<input>. Previously only the attribute value was copied, which meant a tooltip anchoredto an
sl-checkboxdid not label the actual control.All
aria-*attributes set on the host are now forwarded, rather than a fixed list. This meansaria-describedbyreaches the<input>as well; it used to stay on the host.Patch Changes
dd4b09b]:@sl-design-system/ellipsize-text@0.1.0
Minor Changes
dd4b09b- Use the new tooltip implementationPatch Changes
dd4b09b]:@sl-design-system/grid@0.8.0
Minor Changes
#3560
101ff8e- Improve drag-and-drop behavior for grouped grids.tr[part~='group']) and dropping them to reorder groups.group-labeltosl-grid-group-headerso the group checkbox gets a cleararia-label(for example,School A group).sl-grid-droppositioninbetweenmode — was always'after', now correctly'before'or'after'.#3368
dd4b09b- Use the new tooltip implementationPatch Changes
#3544
ac75744- Add missingaria-labeltosl-grid-filterandsl-grid-group-header.#3570
dcace67- Fix grid rows shrinking when hovering ellipsized cell content.Updated dependencies [
dd4b09b,101ff8e,dd4b09b,dd4b09b,dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/menu@0.5.0
Minor Changes
#3368
dd4b09b- AddtooltippropertyPreviously, adding a tooltip to any kind of component required adding a sibling
<sl-tooltip>element manually and wiring up the correctaria-describedbyoraria-labelledbyrelationship by hand. This was especially cumbersome for icon-only buttons, where the tooltip doubles as the accessible label.The new
tooltipproperty improves the Developer Experience by letting you set a tooltip directly on the component.For buttons, it handles all the accessibility wiring automatically:
aria-labelledby).aria-describedby).Patch Changes
#3368
dd4b09b- Fix clicking a second time did not dismiss the menuWhen a user clicked the menu button to open the menu and then clicked it again to close it, the menu would immediately reopen. This happened because the button click fired after the popover's
toggleevent, causing the button's click handler to calltogglePopover()again on an already-closed menu. The fix tracks a#popoverJustClosedflag via thebeforetoggleevent and skips the click handler when the flag is set.Updated dependencies [
dd4b09b,dd4b09b]:@sl-design-system/shared@0.13.0
Minor Changes
#3368
dd4b09b- Improved howForwardAriaMixinforwards ARIA element references (such asariaDescribedByElementsandariaLabelledByElements) to its proxy target:aria-labelledbyleft the old reference in place, which resulted in a stale accessible name.MutationObserver.@sl-design-system/tag@0.2.0
Minor Changes
#3368
dd4b09b- AddtooltippropertyPreviously, adding a tooltip to any kind of component required adding a sibling
<sl-tooltip>element manually and wiring up the correctaria-describedbyoraria-labelledbyrelationship by hand. This was especially cumbersome for icon-only buttons, where the tooltip doubles as the accessible label.The new
tooltipproperty improves the Developer Experience by letting you set a tooltip directly on the component.For buttons, it handles all the accessibility wiring automatically:
aria-labelledby).aria-describedby).Patch Changes
#3581
318505d- Fixed stacked tag lists and multi-select comboboxes so at least one selected tag remains visible and removable when selected values overflow. Long visible tags are now constrained and truncated instead of being hidden entirely behind the stack counter, and comboboxes no longer create a large gap between the visible tags and the input caret when stacking is active.Updated dependencies [
dd4b09b,dd4b09b]:@sl-design-system/text-area@1.2.0
Minor Changes
945f701- Add the possibility to show a character count. The newshowCountproperty accepts a maximum character value and displays the remaining character count in the helper text below the text area.Patch Changes
dd4b09b]:@sl-design-system/toggle-group@0.1.0
Minor Changes
#3368
dd4b09b- Update the group styling for the refactored toggle button@sl-design-system/toggle-buttonhas a major release in which the[pressed],[icon-only],[text-only], and[error]attributes were replaced by CSS custom states. The group styles itsslotted buttons, so it now targets
::slotted(sl-toggle-button:state(pressed))instead of the[pressed]attribute. The border radius of the first and last button is also applied through the--_button-border-radiuscustom property rather than separate corner properties.Patch Changes
dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/locales@0.4.0
Minor Changes
#3526
945f701- New translations forsl-text-area:sl.textArea.charCountTooMany_one,sl.textArea.charCountTooMany_few,sl.textArea.charCountTooMany_other,sl.textArea.charCountRemaining_one,sl.textArea.charCountRemaining_few,sl.textArea.charCountRemaining_other,sl.textArea.validation.tooLong_one,sl.textArea.validation.tooLong_few,sl.textArea.validation.tooLong_otherin Dutch, Italian, Spanish and Polish.
#3544
ac75744- New translations forsl.paginator.itemsPerPageAriaLabelandsl.grid.selectGroupin Dutch, Italian, Spanish and Polish.#3560
101ff8e- Add translations forsl.grid.selectGroupWithNamein Dutch, Italian, Polish and Spanish.@sl-design-system/eslint-plugin-slds@0.2.0
Minor Changes
#3544
ac75744- Add accessibility lint rules for SLDS form controls.slds/checkbox-group-has-label: Require an accessible label for<sl-checkbox-group>.slds/checkbox-has-label: Require an accessible label for<sl-checkbox>.slds/combobox-has-label: Require an accessible label for<sl-combobox>.slds/date-field-has-label: Require an accessible label for<sl-date-field>.slds/number-field-has-label: Require an accessible label for<sl-number-field>.slds/radio-has-label: Require an accessible label for<sl-radio>.slds/radio-group-has-label: Require an accessible label for<sl-radio-group>.slds/select-has-label: Require an accessible label for<sl-select>.slds/switch-has-label: Require an accessible label for<sl-switch>.slds/text-area-has-label: Require an accessible label for<sl-textarea>.slds/text-field-has-label: Require an accessible label for<sl-text-field>.slds/time-field-has-label: Require an accessible label for<sl-time-field>.Labels can be provided via
aria-label,aria-labelledby, native<label for="...">association, or a labeled<sl-form-field>wrapper (depending on the control).#3368
dd4b09b- Thebutton-has-labelrule has been updated to match the rewritten tooltip. An icon-onlysl-buttonnow counts as labelled when it has a non-emptytooltipattribute, or when an<sl-tooltip for="...">in the same template points at its id (unless that tooltip is atype="description", which describes the button instead of naming it). Tooltips that are shared between multiple elements, so with a space separated list of ids infor, label each of those elements.Support for the old tooltip directive has been removed, since the directive no longer exists in
@sl-design-system/tooltip:mustBeAriaRelationLabelmessage is gone. An icon-only button that relies on${tooltip('...', { ariaRelation: 'label' })}for its accessible name is now reported asmissingText.htmltemplate, so a singleariaRelation: 'label'anywhere in a template suppressed the rule for everysl-buttonin that template, including unrelated ones without an accessible name.Patch Changes
8a24328- Fix linting for new tooltip implementation@sl-design-system/accordion@1.2.8
Patch Changes
dd4b09b]:@sl-design-system/announcer@0.1.1
Patch Changes
dd4b09b]:@sl-design-system/button-bar@1.5.1
Patch Changes
#3368
dd4b09b- Fix not giving buttons enough time to set the icon-only stateUpdated dependencies [
dd4b09b]:@sl-design-system/callout@0.2.2
Patch Changes
dd4b09b]:@sl-design-system/combobox@0.1.12
Patch Changes
#3532
6fcae28- Addoption-disabled-pathto map disabled option state when rendering combobox options from theoptionsproperty.#3581
318505d- Fixed stacked tag lists and multi-select comboboxes so at least one selected tag remains visible and removable when selected values overflow. Long visible tags are now constrained and truncated instead of being hidden entirely behind the stack counter, and comboboxes no longer create a large gap between the visible tags and the input caret when stacking is active.#3593
249b261- Fix invalid combobox styling by applyingshow-validityto the internal text field.Updated dependencies [
dd4b09b,318505d]:@sl-design-system/data-source@0.4.2
Patch Changes
#3560
101ff8e- ImproveArrayListDataSourceitem order handling.update().Updated dependencies [
dd4b09b]:@sl-design-system/date-field@0.1.6
Patch Changes
#3582
f28ec84- Fixes incorrect text color in year select dialogUpdated dependencies [
dd4b09b,dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/dialog@2.1.2
Patch Changes
dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/editor@0.1.8
Patch Changes
dd4b09b]:@sl-design-system/emoji@0.0.14
Patch Changes
dd4b09b,dd4b09b]:@sl-design-system/form@1.4.3
Patch Changes
dd4b09b]:@sl-design-system/format-date@0.1.7
Patch Changes
dd4b09b]:@sl-design-system/format-number@0.0.9
Patch Changes
dd4b09b]:@sl-design-system/inline-message@2.1.2
Patch Changes
dd4b09b,dd4b09b]:@sl-design-system/number-field@0.1.11
Patch Changes
dd4b09b]:@sl-design-system/paginator@0.2.9
Patch Changes
#3544
ac75744- Add missingaria-labeltosl-paginator-page-size.Updated dependencies [
dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/panel@0.3.9
Patch Changes
dd4b09b]:@sl-design-system/popover@1.2.8
Patch Changes
dd4b09b]:@sl-design-system/radio-group@1.2.1
Patch Changes
dd4b09b]:@sl-design-system/search-field@0.2.7
Patch Changes
dd4b09b]:@sl-design-system/select@2.2.1
Patch Changes
dd4b09b]:@sl-design-system/switch@1.2.1
Patch Changes
dd4b09b]:@sl-design-system/tabs@1.2.10
Patch Changes
dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/text-field@1.6.12
Patch Changes
dd4b09b]:@sl-design-system/tool-bar@0.3.1
Patch Changes
dd4b09b,dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/tree@0.3.1
Patch Changes
101ff8e,dd4b09b,dd4b09b,dd4b09b]:@sl-design-system/virtual-list@0.2.1
Patch Changes
dd4b09b]:@sl-design-system/eslint-config@0.6.1
Patch Changes
ac75744,8a24328,dd4b09b]: