Patch Changes

• #3166 2f0cc80 Thanks @Szymon-dziewonski! - [FIXED] README.md file update, especially instalation process and required dependencies

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

v0.13.6

🐛 Fixes

• SfStoreLocator: fixed leaflet critical bug

🧹 Chores:

• dependencies update

v0.13.5

🐛 Fixes

• SfHeader: restored changeHandler
• npm doesn't support link - changed to file

🧹 Chores:

• docs: update links and logs on welcome page

🐛 Fixes

• SfSearchbar: icon slot added
• SfModal story: modal can be closed in stories
• SfImage, SfBullets: wrong props will cause warning instead of error
• SfFooter: closing columns on mobile
• SfDropdown: change rendering to inline and fix styling
• SfGallery: scroll for more than 4 thumb images
• SfHeader: search value displays in story
• SfInput: changes in placeholder are visible in story
• Cart on nuxt - after closing sidebar user goes to homepage

🧹 Chores:

• docs: update links and logs on welcome page

🐛 Fixes

• SfInput: showing password icon fixed
• SfImage: removed conditions causing placeholder to hide when using nuxt-image
• Tests: fixed test on login page
• SfButton: fix 'With Default Slot' story in Storybook
• Configurable aria-label attributes
• SfInput: showing password icon fixed
• click-outside-directive: event passed to closeHandler
• fixed test on login page
• SfTextarea: readonly prop fixed

🧹 Chores:

v0.13.2

🚀 Features

• a11y: Configurable aria-label attributes

🐛 Fixes

• SfSearchbar: change event name in 'UseIconSlot' story in Storybook
• SfCheckbox: fix checkbox size in stories
• SfCheckbox: fix checkbox required message in stories
• SfRadio: remove required prop from stories
• SfSteps: fix steps navigation in stories
• SfGroupedProduct: added inputHandler methods in stories
• SfStoreLocator: lack of marker icons fix
• a11y: color primary #5ece7b changed on #018937 with better contrast ratio

v0.13.1

🐛 Fixes

• SfAccordion: removed the click event to solve the issue of change not defined
• SfButton: replaced onClick method with click
• Improvement in the release section structure in storybook
• SfBullets: if current prop is greater than or equal total prop then current prop value is 0
  and there is an error message in console about wrong value for current prop
• SfInput: fixed errors in storybook story
• SfHero: showing mobile images
• SfCallToAction: showing desktop images in background
• SfBottomModal: fix story
• SfGallery: fix size and position of outside zoom image

🧹 Chores:

• added new website to list of companies that use SFUI

v0.13.0

❗ Breaking Changes

• SfSidebar: new position prop is added for positioning sidebar. Available values are left and right. When prop isn't set, default value is left
• removed SfSlidingSection and mobile observer

🚀 Features

• add the possibility to change breakpoint by mixins and configuration in Nuxt and by script in Vue projects
• SfScrollable: replaced plugin with native solution
• SfScrollable: added styling for native scrollbar
• SfIcon: added lazy loading feature for icons

🐛 Fixes

• E2E tests: SfHero on home page fixed,
• one footer for nuxt pages,
• SfHero: image passed as object doesn't appear,
• SfCollectedProduct: removed issue of input function in story and removed duplicate props
• SfFooter: removed mobile observer
• SfSidebar: add position prop and fix animation loading for async component

🧹 Chores:

• gh action workflow change to run tests on push/pull to develop and master branches
• SfProductCard, SfMegaMenu, SfFooter, SfContentPages: removed isMobile,
• global: removed SfSlidingSection and mobile observer
• docs: added example to use playground and update command

v0.12.3

🚀 Features

• Category and Home page: added SfColorPicer to SfProductCard components
• Lighthouse tests: Product, Detailed Cart, Static and Login page added

🐛 Fixes

• SfColorPicker: stretch overlay for color picker
• SfGallery: no alt and src props error appearing when refreshed product page is rendered,
• E2E test: SfCarousel and SfHero test fixed

🧹 Chores:

• global: removed isMobile from SfHeader, SfHero, SfBanner, SfTile, SfCategoryCard and Error, Home pages

v0.12.2

🚀 Features

• SfHero: new CSS vars for easier customization of SfHeroItem button (--hero-item-button-width, --hero-item-button-height,
  --hero-item-button-padding, --hero-item-button-color, --hero-item-button-transition, --hero-item-button-background,
  --hero-item-button-cursor, --hero-item-button-wrap, --hero-item-button-text-transform, --hero-item-button-text-decoration,
  --hero-item-button-border-radius)
• feat: change the docs tab to the first place in toolbar
• SfModal: new CSS var - --modal-content-height

🐛 Fixes

• SfImage: fix invalid attribute at srcset,
• SfImage: when rendered on nuxt it has image-tag set to img as default,
• SfImage: cannot add width and height as separate props when using nuxt-img,
• SfGroupedProduct: fixed issue with display on mobile view,
• Nuxt Detailed Cart page not found fixed,
• SfInput: attribute has invalid input in some cases,
• add timeout options to cypress configuration
• SfProductCardHorizontal: adjusted position of wishlist icon
• add timeout options to cypress configuration,
• SfImage: add internal custom properties --_image-width and --_image-height to set props height and width properly and allow to overwrite them by custom properties --image-width and --image-height when needed,
• Nuxt module: exclude core-js from transpiling process

🧹 Chores:

• docs: mutating props error in following stories: SfAddressPicker, SfAddToCart, SfColorPicker, SfComponentSelect, SfDropdown, SfCheckbox, SfPagination, SfContentPages,
• docs: changed date format to text in SfReview component story,
• docs: mutating props error in following stories: SfAddressPicker, SfAddToCart, SfColorPicker, SfComponentSelect, SfDropdown, SfCheckbox, SfPagination, SfContentPages,