React

Patch Changes

• #3028 dd5ab48d0 Thanks @Szymon-dziewonski! - fix order inherit of attributes

• #3070 e15a3f6cb Thanks @Szymon-dziewonski! - Add new alokai icon

• Updated dependencies [a40579d26, e15a3f6cb]:

  • @storefront-ui/[email protected]

Vue

Patch Changes

• #3070 e15a3f6cb Thanks @Szymon-dziewonski! - Add new alokai icon

• Updated dependencies [a40579d26, e15a3f6cb]:

  • @storefront-ui/[email protected]

Tailwing-config v2.4.0

Minor Changes

• #3070 e15a3f6cb Thanks @Szymon-dziewonski! - Change general rules for styling

Patch Changes

• #3073 a40579d26 Thanks @Szymon-dziewonski! - Change Inter Display into Inter

Typography v2.5.0

Minor Changes

• #3070 e15a3f6cb Thanks @Szymon-dziewonski! - Change general rules for styling

React

Minor Changes

• #2888 d5df1cd79 Thanks @justyna-13! - New prop for defining tags for children in SfListItem component

Patch Changes

• #3005 e82aa920e Thanks @Szymon-dziewonski! - Fix inhertiance of react icons, possibility to alter default attributes

• #2939 d57c3cfe3 Thanks @filrak! - Import types from package in SfBadge

• #2936 6bf2b3fbc Thanks @Szymon-dziewonski! - Unify code between vue and react, when buttons are disabled in floating button position mode they should be hidden

• #2946 979c29ee9 Thanks @jagoral! - Fix aria-label casing in SfScrollable

• #2947 1667e4fa2 Thanks @jagoral! - Remove redundant selected attribute from SfSelect placeholder

Vue

Minor Changes

• #2888 d5df1cd79 Thanks @justyna-13! - New prop for defining tags for children in SfListItem component

Patch Changes

• #2933 b227ddd8e Thanks @Szymon-dziewonski! - Correct usage of v-model in SfSelect

• #2988 fae7ba0de Thanks @Szymon-dziewonski! - Fix wrong binding in components, user should overwrite data-testid

• #2936 6bf2b3fbc Thanks @Szymon-dziewonski! - Unify code between vue and react, when buttons are disabled in floating button position mode they should be hidden

• #2947 1667e4fa2 Thanks @jagoral! - Remove redundant selected attribute from SfSelect placeholder

[email protected]

Minor Changes

• #3006 c753696d1 Thanks @Szymon-dziewonski! - Add typography-hint-xs and typography-error-xs classes

[email protected]

Patch Changes

• Updated dependencies [d5df1cd79, b227ddd8e, fae7ba0de, 6bf2b3fbc, 1667e4fa2]:
  • @storefront-ui/[email protected]

React & Vue

Minor Changes

• #2848 93107ab26 Thanks @AdamPawlinski! - Added props changing aria label for nav buttons in SfScrollable

• #2880 aa9c2f328 Thanks @AdamPawlinski! - Added textarea base component

Patch Changes

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

Shared

Minor Changes

• #2880 aa9c2f328 Thanks @AdamPawlinski! - Added textarea base component

2.4.1

Patch Changes

• fixing publish error with workspaces protocol handling

React & Vue

Minor Changes

• #2730 4094afe04 Thanks @dkacper! - Added SfBadge component in react and vue

• #2746 74dfce2c8 Thanks @aniamusial! - Added new search blocks with customized buttons for react and vue

• #2725 05560b55d Thanks @AdamPawlinski! - useTrapFocus:

  • added updateFocusableElement method that allow to refresh the list of focusable children within container element,
  • use useState instead of useRefs for current and focusable return values.

• #2833 623ed8ade Thanks @github-actions! - add RatingButton component (#2820)

• #2787 17e7e60d8 Thanks @justyna-13! - add Email icon

Patch Changes

• #2819 b3a946367 Thanks @FRSgit! - fix typings of SfScrollable drag prop

• #2787 17e7e60d8 Thanks @justyna-13! - SfSelect wrapper as span tag

• #2747 0ab7b3967 Thanks @Szymon-dziewonski! - Format SfSelect component, removal of extra unecessary lines

• Updated dependencies [4094afe04, 74dfce2c8, 623ed8ade]:

  • @storefront-ui/[email protected]

Shared

Minor Changes

• #2730 4094afe04 Thanks @dkacper! - Added SfBadge component in react and vue

• #2746 74dfce2c8 Thanks @aniamusial! - Added new search blocks with customized buttons

• #2833 623ed8ade Thanks @github-actions! - add RatingButton component (#2820)

2.3.1 (2023-06-08)

Bug fixes

• fix package cross-dependencies that caused released package to fail

2.3.0 (2023-06-07)

Overview

This release introduces SfBadge alongside new blocks and improvements.

Features

Blocks Vue.js and React.js

• Filters: Category, Rating, Price and Brand blocks
• Combobox
• Search: with custom button and with custom icon button
• Gallery: with arrow keys navigation

Components Vue.js and React.js

• SfBadge

Improvements

• docs: possibility to turn off padding in example iframe
• chore: introduced changesets and continuos development pipeline
• useScrollable: add missing methods, remove prop getter and add containerRef
• chore: ESLint speed improvement
• uploading assets to the cloud allowing for code to be use-ready after copying
• docs: add figma redirect link to latest version
• chore: create nuxt module

Bug fixes

• SfInput: replace div element with dynamic WrapperTag, remove spans around slots, styling issues
• Pagination: on mobile, buttons width based on container width, gap above prev/next buttons on Vue
• Breadcrumbs: replace anchor from last item to span
• SfButton: ring border fixed
• Filters: checkbox and radio components selecting, styling issues
• Card Feature: styling issues
• Icons: visibility on the list
• docs: changing size of example preview on mobile
• docs: add missing useTrapFocus description and adding tailwind section
• docs: redirect nginx app to .html suffix and v2 domain url fix
• blocks: all dummy links changed to #

2.2.0 (2023-05-11)

Overview

This release introduces new blocks and improvements of existing blocks.

Features

Blocks Vue.js and React.js

• SelectDropdown
• MegaMenu mobile navigation
• Search
• Gallery

Improvements

• Order Summary - alerts

Bug fixes

• SfSelect chevron rotates on blur (#2569)
• SfScrollable: general improvement
• MegaMenu: styling issues and keyboard navigation
• Pagination: improved mobile version
• Order Summary: styling issues
• Alert: styling issues
• NavbarTop: double login button
• Filters: issues with sort by and clear all

2.1.0 (2023-04-18)

Overview

The following release contains new blocks and UI elements alongside bugfixes reported after 2.0.0 release.

Features

All new blocks and UI elements are listed below.

Base UI Elements Vue.js and React.js

• SfScrollable

Blocks Vue.js and React.js

• Alert
• Banner
• Breadcrumbs
• Card
• Footer
• MegaMenu
• Newsletter Box
• Order Summary
• Pagination

Composables / Hooks

• useScrollable
• useFocusVisible

Improvements

• Modal - added animated block.

2.0.0 (2023-03-28)

full changelog

Features

Base components Vue.js and React.js

• AccordionItem component
• Button component
• Checkbox component
• Checkbox
• Chip component
• Counter component
• Drawer component
• Dropdown component
• IconBase component
• Input component
• Link component
• ListItem component
• LoaderCircular component
• LoaderLinear component
• Modal component
• ProgressCircular component
• ProgressLinear component
• Radio component
• Rating component
• Select component
• Switch component
• Thumbnail component
• Tooltip component

Blocks Vue.js and React.js

• Checkout
• Filters
• NavbarBottom
• NavbarTop
• ProductCard
• QuantitySelector
• Review

Composables / Hooks

• useDisclosure
• useDropdown
• usePopover
• useTooltip
• useTrapFocus