Skip to content

Conversation

@github-actions
Copy link
Contributor

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and publish to npm yourself or setup this action to publish automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to v2-release/4.0.0, this PR will be updated.

Releases

@storefront-ui/tailwind-config@3.0.0

Major Changes

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Migrate to Tailwind@4 new configuration syntax. If you're using Tailwind@3, please stick to @storefront-ui/tailwind-config in version 2.x.

    • [BREAKING][CHANGED] Introduce OOTB dark mode handling instead of relying on @mertasan/tailwindcss-variables package.
    • [REMOVED] The @mertasan/tailwindcss-variables dependency has been removed as Tailwind support CSS variables out of the box now.
  • #3282 31aa18f Thanks @FRSgit! - - [BREAKING][CHANGED] The default color palette for primary, neutral and secondary colors. Copy old color palette to your local tailwind.config.js if you need to keep some of them.
    Also, now the palette is converted from rgb to oklch colors to fit with tailwind 4.

Minor Changes

  • #3282 31aa18f Thanks @FRSgit! - - [ADDED] Add @tailwindcss/container-queries. Now container queries are available out-of-the-box when using @storefront-ui/tailwind-config.

Patch Changes

  • Updated dependencies [80a44dd]:
    • @storefront-ui/tw-plugin-peer-next@3.0.0

@storefront-ui/nuxt@3.0.0

Major Changes

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Migrate to Tailwind@4. SFUI tries to defer some of Tailwinds' breaking changes, e.g. the default outline width or border-radius size scale, but not everything was possible. Please refer to all breaking changes described in the Tailwind upgrade guide and updated storefront-ui docs.

Patch Changes

@storefront-ui/react@3.0.0

Major Changes

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Padding size for square variant of SfButton changed

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] removed flex classes from wrapper for slot in SfListItem

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Padding left and right in SfSelect changed from 14px and 16px to 12px

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] default badge background color. Add className !bg-secondary-700 explicitly in order to migrate.

  • #3316 939a982 Thanks @FRSgit! - - [BREAKING][CHANGED] upgrade to React 19. There are no breaking changes specific to SFUI library itself. To upgrade, please follow official React guide.

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Deprecated option arrowKeysOn from useTrapFocus is removed.
    This option was separated and replaced by two more specialised options arrowKeysLeftRight and arrowKeysUpDown.
    In order to migrate please one of those options or both.

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] Moved from rounded-md to rounded-xl as a default styling for SfInput.

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] Changed SfCheckbox default text color. To brind the previous behaviour back, apply !text-gray !disabled:text-gray-300 !hover:text-gray-300 to your SfCheckbox element.

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Migrate to Tailwind@4. SFUI tries to defer some of Tailwinds' breaking changes, e.g. the default outline width or border-radius size scale, but not everything was possible. Please refer to all breaking changes described in the Tailwind upgrade guide and updated storefront-ui docs.

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Added tailwind-merge to all base components & blocks. From now on it will be easier to override default SFUI styles. See tailwind-merge docs for more details.

Minor Changes

Patch Changes

@storefront-ui/vue@3.0.0

Major Changes

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Padding size for square variant of SfButton changed

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] removed flex classes from wrapper for slot in SfListItem

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Padding left and right in SfSelect changed from 14px and 16px to 12px

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] default badge background color. Add className !bg-secondary-700 explicitly in order to migrate.

  • #3282 31aa18f Thanks @FRSgit! - - [BREAKING][UPDATED] @vueuse/core package to major version 12 with the biggest change being dropped support for Vue 2. Please consult @vuseuse/core release notes to see the details.

  • #3281 15e4549 Thanks @FRSgit! - - [BREAKING][CHANGED] Deprecated option arrowKeysOn from useTrapFocus is removed.
    This option was separated and replaced by two more specialised options arrowKeysLeftRight and arrowKeysUpDown.
    In order to migrate please one of those options or both.

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] Moved from rounded-md to rounded-xl as a default styling for SfInput.

  • #3289 6e609e7 Thanks @FRSgit! - - [BREAKING][CHANGED] Changed SfCheckbox default text color. To brind the previous behaviour back, apply !text-gray !disabled:text-gray-300 !hover:text-gray-300 to your SfCheckbox element.

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Migrate to Tailwind@4. SFUI tries to defer some of Tailwinds' breaking changes, e.g. the default outline width or border-radius size scale, but not everything was possible. Please refer to all breaking changes described in the Tailwind upgrade guide and updated storefront-ui docs.

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Added tailwind-merge to all base components & blocks. From now on it will be easier to override default SFUI styles. See tailwind-merge docs for more details.

Minor Changes

Patch Changes

@storefront-ui/shared@3.0.0

Major Changes

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Migrate to Tailwind@4. SFUI tries to defer some of Tailwinds' breaking changes, e.g. the default outline width or border-radius size scale, but not everything was possible. Please refer to all breaking changes described in the Tailwind upgrade guide and updated storefront-ui docs.

@storefront-ui/tw-plugin-peer-next@3.0.0

Major Changes

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] - Migrate to Tailwind@4. If you're using Tailwind@3 - please use tw-plugin-peer-next in version 2.x.

@storefront-ui/typography@3.0.0

Major Changes

  • #3313 80a44dd Thanks @FRSgit! - - [BREAKING][CHANGED] Support for Tailwind@4, dropped support for Tailwind@3. If you'd like to use Tailwind@3, please us @storefront-ui/typography in version 2.x.

Patch Changes

  • #3317 a7a861b Thanks @FRSgit! - [FIXED] typography plugin now generates utils that use CSS variables instead of specific values by default.

@FRSgit FRSgit merged commit 1d7ce6b into v2-release/4.0.0 Nov 17, 2025
@FRSgit FRSgit deleted the changeset-release/v2-release/4.0.0 branch November 17, 2025 12:22
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