@storefront-ui/[email protected]

Minor Changes

• #2885 e75c802 Thanks @FRSgit! - Bump version so it would match current state in npm

@storefront-ui/[email protected]

Major Changes

• #2885 a7e88e6 Thanks @FRSgit! - - [BREAKING][CHANGED] Padding size for square variant of SfButton changed

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

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

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

• #3333 2b3ad4a Thanks @FRSgit! - - [CHANGED][BREAKING] Use useId method coming from vue package instead of custom implementation. To migrate:

  1. Update your vue dependency version to at least 3.5.0.
  2. Update every useId usage as follows:

  -import { useId } from '@storefront-ui/vue';
  +import { useId } from 'vue';

• #2885 a7e88e6 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.

• #2885 a7e88e6 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.

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

• #2885 a7e88e6 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.

• #2885 a7e88e6 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.

• #3332 55fa6a2 Thanks @FRSgit! - - [FIXED][BREAKING] From now on, onClose callback in useDropdown will be triggered only if outside click triggers closing of the dropdown. Previously onClose was also triggered when the dropdown was already closed.

• #2885 a7e88e6 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

• #3334 a708eaf Thanks @FRSgit! - - [ADDED] Support for setting id attribute on the content in SfTooltip component.

  • [ADDED] Possibility to open tooltip programatically via modelValue prop.
  • [ADDED] useTooltip now closes tooltip on Escape keypress.

• #2885 a7e88e6 Thanks @FRSgit! - - [ADDED] blank prop for SfButton component that eases out creating custom buttons. See documentation for more details.

Patch Changes

• #3325 023abe7 Thanks @FRSgit! - - [FIXED] allow to change default data-testid attribute on SfButton and SfBadge components.

• Updated dependencies [a7e88e6, a7e88e6, a7e88e6, a7e88e6]:

  • @storefront-ui/[email protected]
  • @storefront-ui/[email protected]

@storefront-ui/[email protected]

Minor Changes

• #2885 e75c802 Thanks @FRSgit! - Bump version so it would match current state in npm

@storefront-ui/[email protected]

Major Changes

• #2885 a7e88e6 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

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

@storefront-ui/[email protected]

Minor Changes

• #2885 e75c802 Thanks @FRSgit! - Bump version so it would match current state in npm

@storefront-ui/[email protected]

Major Changes

• #2885 a7e88e6 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/[email protected]

Minor Changes

• #2885 e75c802 Thanks @FRSgit! - Bump version so it would match current state in npm

Patch Changes

• Updated dependencies [e75c802]:
  • @storefront-ui/[email protected]

@storefront-ui/[email protected]

Major Changes

• #2885 a7e88e6 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.

• #2885 a7e88e6 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

• #2885 a7e88e6 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 [a7e88e6]:
  • @storefront-ui/[email protected]

@storefront-ui/[email protected]

Minor Changes

• #2885 e75c802 Thanks @FRSgit! - Bump version so it would match current state in npm

@storefront-ui/[email protected]

Major Changes

• #2885 a7e88e6 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.