@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.

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

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

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

• #3334 a708eaf Thanks @FRSgit! - - [ADDED] Support for passing id and data-testid attributes to SfTooltip component.

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

Patch Changes

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