Skip to content

Conversation

@github-actions
Copy link
Contributor

@github-actions github-actions bot commented Mar 28, 2025

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/[email protected]

Major Changes

  • #1836 ab33cc8 - Refactor dialog to better work on mobile devices:

    • Add primary-actions and secondary-actions slots

    This was done to make it easier to position the actions at the top of the dialog on mobile devices. On mobile, primary actions are positioned on both sides of the title, and secondary actions are positioned at the bottom of the body of the dialog. On desktop, the secondary actions are automatically positioned at the bottom left of the dialog.

    This change also includes new renderPrimaryActions() and renderSecondaryActions() methods that can be overridden by developers who need to customize the rendering of the dialog.

    The dialog automatically sets the fill property on the primary action buttons, depending on the size of the viewport.

    • Make the dialog header and footer behave as sticky when scrolling
    • Animate the dialog using only CSS
      • Add distinct entry and exit animations for both desktop & mobile
      • Support <body> entry/exit animations on mobile devices
      • Enable animations only when the prefers-reduced-motion: no-preference media feature is met
      • Disable exit animations when the overlay CSS property is not supported (Safari and Firefox at the time of writing)
    • Use new contextual tokens
    • Fix bug where the keydown event wasn't captured when emitted by light DOM elements
    • Remove light DOM styling workaround, now that ::backdrop styles are inherited
    • Remove subtitle slot

Patch Changes

@sl-design-system/[email protected]

Major Changes

  • #1928 6432836 - - Removes the variant attribute; you can now only set the color of the spinner by changing the text color of the container (or the spinner itself) by css.
    • Adds the 4xl size
    • refactored to use new token structure

@sl-design-system/[email protected]

Minor Changes

  • #1836 ab33cc8 - Refactor message-dialog to use contextual tokens
    • Remove the subtitle attribute from MessageDialogConfig (this is a non-breaking change)
    • Use new contextual tokens for styling
    • Use a plain <dialog> instead of inheriting from <sl-dialog>
    • Use same desktop animations as <sl-dialog>

Patch Changes

@sl-design-system/[email protected]

Minor Changes

  • #1935 1cc26a2 - - Refactored to use new contextual tokens
    • Moved sub label (in main slot) above the progress bar
    • The text in the main slot in error variant is no longer the danger color. To communicate errors you can use the new error slot. That is placed underneath the progressbar and shown in a contrasting colour.

@sl-design-system/[email protected]

Minor Changes

  • #1836 ab33cc8 - - Remove the FocusTrapController and related focus-trap dependency

    This was only used within <sl-dialog>. That component no longer uses this functionality. Because this was internal API, it's not seen as a breaking change.

    • Add new MediaController class to help manage media queries

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

@sl-design-system/[email protected]

Patch Changes

  • #1926 3766da5 - Fixed incorrect variables in Dutch translations, added missing translation

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1927 0b2d135 - Changes header font from Arboria to Open Sans

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1934 57f5b14 - Refactored tokes for progress bar

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1836 ab33cc8 - Add missing color prefix to blanket token

  • #1933 6072e05 - Add missing selected - subtlest tokens.

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@sl-design-system/[email protected]

Patch Changes

  • #1905 cfcd262 - Refactored tooltip and popover to use new tokens

  • #1902 c4c3ba2 - Improved contrast between selected and unselected toggle button

@github-actions github-actions bot force-pushed the changeset-release/main branch 8 times, most recently from c9ea98b to 999ed62 Compare April 4, 2025 12:28
@github-actions github-actions bot force-pushed the changeset-release/main branch 3 times, most recently from 58c7cd2 to 504c72a Compare April 8, 2025 12:11
@github-actions github-actions bot force-pushed the changeset-release/main branch from 504c72a to 67893fc Compare April 8, 2025 12:53
@jpzwarte jpzwarte merged commit 689c37b into main Apr 8, 2025
@jpzwarte jpzwarte deleted the changeset-release/main branch April 8, 2025 12:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants