0.11.1

v0.11.1

❗ Breaking Changes

🚀 Features

• SfGallery, SfSearchBar, SfSlidingSection, SfHeader, SfProductCard: add aria-label to icon only / image only SfButton
• SfProductCard, SfProductCardHorizontal: image placeholder
• SfCollectedProduct: added event handler for more actions button
• SfCollectedProduct: added visibility props for more actions and remove button

🐛 Fixes

• SfAddressPicker: center icon inside circle container
• SfSelect: binding native HTML attributes directly to the select tag
• pages: Category, Checkout, Detailed Cart, Product, Login, Home, Thank You - changed headings order
• templates: Personal Details, Shipping, Payment, Order Summary, Order Review, Confirm Order - changed headings order
• SfHeaderNavigation: Mobile observer was not keeping track of changes due to invalid variable
• SfAccordion: fix mutating multiple prop
• SfBanner: restored clicks on slotted elements
• SfBottomModal: div wrapper instead of nav tag

🧹 Chores:

• docs: fix descriptions and types of props in Storybook and add components descriptions
• Unused function deleted in category component
• Updated README, SfHeader and SfTopBar with new branding

0.11.0

v0.11.0

v0.11.0 contains API breaking changes and new features.
This version also contains changes from 0.11.0-rc.1 and 0.11.0-rc.2

🚀 Features

• Storefront UI module for Nuxt (@storefront-ui/nuxt)
• New section templates for more advanced components than organisms

🐛 Fixes

• SfQuantitySelector: blur event fix and increment bug fixed
• SfCircleIcon: remove unused badge props
• shipping step on checkout page and passing data to slot in payment component
• postcss-calc bug during building projects
• SfMyNewsletter, SfOrderHistory: added default values for all props
• Form: email input validation error message

🧹 Chores:

• docs: add embeded YouTube video tutorials
• docs: create section about integrations with updated TailwindCSS configuration
• docs: upgrade storybook version to 6.3.8
• tests: fix bugs on GH actions in Category page (SfPagination and SfSidebar)
• docs: reorganize docs for better readability

0.11.0-rc.2

🚀 Features

• SfSkeleton: new component as a placeholder for components that are in a loading phase
• SfQuantitySelector: emits blur event
• SfHero: add withImgTag slot for placing custom images

🧹 Chores

• docs: transitions in Utilites/Transitions/Docs
• docs: SfHero with Cloudinary image example

🐛 Fixes

• SfProductCard, SfProductCardHorizontal: rename isOnWishlist to isInWishlist [BREAKING]
• SfRadio: remove component variables for radio text color
• SfCallToAction: doesn't emit click events

0.11.0-rc.1

• Migration guide will be added to the v0.11.0

✨ Props

Props
Component	Before	v0.11.0-rc.1	Required	Default value
SfQuantitySelector	-	min	false	null
SfQuantitySelector	-	max	false	null
SfNotification	-	persistent	false	false

🚀 Features

• SfButton - disabled state made more inclusive
• SfAccordion - SfAccordionItems can be opened programmatically
• SfFooter: now works with JS disabled
• SfNotification: added persistent prop to exclude closing button
• SfProductCard: added SfColorPicker inside a new slot colors
• SfQuantitySelector: Add min and max props to set minimum or maximum allowed QTY
• E2E tests moved to nuxt directory
• docs: example pages on Storybook refactored to show full source code in docs tab
• docs: clean up releases page

🐛 Fixes

• SfSelect: cannot click on label to open the dropdown
• SfRadio: fixed to work on Safari 11 and older
• SfProductCardHorizontal: access to quantity during adding to cart
• SfRange: removed optional chaining
• SfCart, SfDetailedCart: increasing quantity with "+" button fixed
• SfImage: fix dynamic styles in ProductCard
• SfBottomNavigation: adjusted the same wrapper size for the items
• SfGallery: fix missing alt on a SfImage which displays the zoomed image when outsideZoom is enabled
• molecules: replace dynamic classes with static
• atoms: replace dynamic classes with static
• deps: add missing glob dependency to fix bug when adding SFUI to project on yarn2 in pnp mode
• docs: fix links to Discord Channel
• docs: fix Meet the team section lists and email to storefront ui contributors

0.10.8

✨ Props

Component	Before	v0.10.8	Required	Default value
SfHeader	-	logoHeight	false	35
SfHeader	-	logoWidth	false	34

🚀 Features

• Storysource: new addon panel "Story" for Storybook - displays stories source code
• Storybook: New page "Who is using Storefront UI?" with list of websites that are using Storefront UI
• Storybook: New page "Local Development" with guide on local development
• Storybook: Add list of websites that are using Storefront UI to homepage

🐛 Fixes

• SfModal: docs work correctly
• SfMenuItem: multiline text aligned to left in subcategories
• Add favicon to storybook docs
• SfHero: fix unable to find uri in 'background' warning
• SfSelect - fix ssr missmatch error (in stories)
• SfLink: revert component from functional to stateful due to problems with nesting
• SfModal: navigation to SfModal doesn't break scroll on the other components
• Width and height for logo and flag images
• Docs: update team structure, Readme.md, package.json, License
• Docs: fix iframe sizes in docs addon for SfModal, SfBottomModal, SfDropdown, SfOverlay
• Replace node-sass with sass for Node v16.0.0 compatibility

0.10.71

• SfSidebar - scroll not working on mobile devices (hotfix)

0.10.7

🚀 Features

• SfRange new component implemented
• atom components refactor to functional:
  • SfBreadcrumbs
  • SfBullet
  • SfButton
  • SfColor
  • SfHeading
  • SfIcon
  • SfLink
  • SfQuantitySelector
  • SfRating
  • SfSkeleton
  • SfTextarea
• add nuxt branch for testing purposes and lighthouse ci audit on push to master and develop branches

🐛 Fixes

• SfAccordion - header text should be aligned left when multiline
• SfBanner, SfCategoryCard, SfTile, SfHeader, SfHero: fixed SSR missmatch

0.10.6

🚀 Features

• adding Cypress e2e tests for storybook examples

🐛 Fixes

• SfHero: fix infinite image request loop by removing css variables for background image
• unit tests warnings fixed,
• Package.json - Removed unnecessary libraries

0.10.5

🐛 Fixes

• SfMegaMenu - additional class to hide bar on desktop
• SfIcon - change div wrapping element to span to avoid html syntax error in SfMenuItem
• SfGallery - main image not appearing on Firefox
• SfImage: images are dispalyed on SSR
• v-click-outside: correctly handles mousedown event

0.10.4

🚀 Features

• SfTabs - possibility to open tabs not only by clicking on SfTab
• add script allowing for using Storybook composition automatically

🐛 Fixes

• SfSelect: added disabled attribute
• Checkout page: SfInput label overlaps the entered text
• SfProductCard: title and picture can also be buttons when link is not provided
• SfTabs: jump effect on page reload fix
• SfRadio: add change event for older browsers