From e82aa920ecaa58ec7bd50204a6e6a165d5341958 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Szymon=20Dziewo=C5=84ski?= <szymon.dziewonski@gmail.com>
Date: Wed, 4 Oct 2023 17:25:53 +0200
Subject: [PATCH] fix: inheritance attribute for react icons (#3005)

---
 .changeset/chatty-cameras-leave.md                           | 5 +++++
 createIcons.js                                               | 4 ++--
 .../frameworks/react/components/SfIconBase/SfIconBase.tsx    | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx   | 2 +-
 .../react/components/SfIcons/SfIconAddShoppingCart.tsx       | 2 +-
 .../frameworks/react/components/SfIcons/SfIconArrowBack.tsx  | 2 +-
 .../react/components/SfIcons/SfIconArrowDownward.tsx         | 2 +-
 .../react/components/SfIcons/SfIconArrowForward.tsx          | 2 +-
 .../react/components/SfIcons/SfIconArrowUpward.tsx           | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx | 2 +-
 .../react/components/SfIcons/SfIconCalendarToday.tsx         | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconCall.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconCancel.tsx     | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconCheckBox.tsx   | 2 +-
 .../react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx  | 2 +-
 .../react/components/SfIcons/SfIconCheckCircle.tsx           | 2 +-
 .../react/components/SfIcons/SfIconChevronLeft.tsx           | 2 +-
 .../react/components/SfIcons/SfIconChevronRight.tsx          | 2 +-
 .../frameworks/react/components/SfIcons/SfIconCircle.tsx     | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconClose.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconCloseSm.tsx    | 2 +-
 .../react/components/SfIcons/SfIconCompareArrows.tsx         | 2 +-
 .../react/components/SfIcons/SfIconContactSupport.tsx        | 2 +-
 .../frameworks/react/components/SfIcons/SfIconCreditCard.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconDelete.tsx     | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconError.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconExpandLess.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconExpandMore.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconFacebook.tsx   | 2 +-
 .../frameworks/react/components/SfIcons/SfIconFavorite.tsx   | 2 +-
 .../react/components/SfIcons/SfIconFavoriteFilled.tsx        | 2 +-
 .../frameworks/react/components/SfIcons/SfIconGridView.tsx   | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx  | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconHome.tsx  | 2 +-
 .../react/components/SfIcons/SfIconIndeterminateCheckBox.tsx | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconInstagram.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconLanguage.tsx   | 2 +-
 .../react/components/SfIcons/SfIconLocalShipping.tsx         | 2 +-
 .../frameworks/react/components/SfIcons/SfIconLocationOn.tsx | 2 +-
 .../react/components/SfIcons/SfIconLocationOnFilled.tsx      | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconLock.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconLockOpen.tsx   | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconLogout.tsx     | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconMoreVert.tsx   | 2 +-
 .../frameworks/react/components/SfIcons/SfIconOpenInNew.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconOpenSource.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconPackage.tsx    | 2 +-
 .../frameworks/react/components/SfIcons/SfIconPercent.tsx    | 2 +-
 .../frameworks/react/components/SfIcons/SfIconPerson.tsx     | 2 +-
 .../frameworks/react/components/SfIcons/SfIconPinterest.tsx  | 2 +-
 .../react/components/SfIcons/SfIconPublishedWithChanges.tsx  | 2 +-
 .../react/components/SfIcons/SfIconRadioButtonChecked.tsx    | 2 +-
 .../react/components/SfIcons/SfIconRadioButtonUnchecked.tsx  | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconReact.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconRemove.tsx     | 2 +-
 .../react/components/SfIcons/SfIconRemoveShoppingCart.tsx    | 2 +-
 .../react/components/SfIcons/SfIconSafetyCheck.tsx           | 2 +-
 .../frameworks/react/components/SfIcons/SfIconSchedule.tsx   | 2 +-
 .../frameworks/react/components/SfIcons/SfIconSearch.tsx     | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconSell.tsx  | 2 +-
 .../react/components/SfIcons/SfIconShoppingCart.tsx          | 2 +-
 .../react/components/SfIcons/SfIconShoppingCartCheckout.tsx  | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconSort.tsx  | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconStar.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconStarFilled.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconStarHalf.tsx   | 2 +-
 .../frameworks/react/components/SfIcons/SfIconThumbDown.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconThumbUp.tsx    | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconTune.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconTwitter.tsx    | 2 +-
 .../frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx | 2 +-
 .../frameworks/react/components/SfIcons/SfIconViewList.tsx   | 2 +-
 .../frameworks/react/components/SfIcons/SfIconVisibility.tsx | 2 +-
 .../react/components/SfIcons/SfIconVisibilityOff.tsx         | 2 +-
 .../frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx | 2 +-
 .../sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx | 2 +-
 .../react/components/SfIcons/SfIconVuestorefront.tsx         | 2 +-
 .../frameworks/react/components/SfIcons/SfIconWarehouse.tsx  | 2 +-
 .../frameworks/react/components/SfIcons/SfIconWarning.tsx    | 2 +-
 .../frameworks/react/components/SfIcons/SfIconYoutube.tsx    | 2 +-
 .../react/components/SfRatingButton/SfRatingButton.tsx       | 1 -
 .../sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue     | 2 +-
 .../vue/components/SfIcons/SfIconAddShoppingCart.vue         | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconArrowBack.vue    | 2 +-
 .../vue/components/SfIcons/SfIconArrowDownward.vue           | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconArrowForward.vue | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconArrowUpward.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue   | 2 +-
 .../vue/components/SfIcons/SfIconCalendarToday.vue           | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconCall.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconCheckBox.vue     | 2 +-
 .../vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconCheckCircle.vue  | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconChevronLeft.vue  | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconChevronRight.vue | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconClose.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue | 2 +-
 .../vue/components/SfIcons/SfIconCompareArrows.vue           | 2 +-
 .../vue/components/SfIcons/SfIconContactSupport.vue          | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconCreditCard.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconError.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconExpandLess.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconExpandMore.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconFacebook.vue     | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconFavorite.vue     | 2 +-
 .../vue/components/SfIcons/SfIconFavoriteFilled.vue          | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconGridView.vue     | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconHome.vue    | 2 +-
 .../vue/components/SfIcons/SfIconIndeterminateCheckBox.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconInstagram.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconLanguage.vue     | 2 +-
 .../vue/components/SfIcons/SfIconLocalShipping.vue           | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconLocationOn.vue   | 2 +-
 .../vue/components/SfIcons/SfIconLocationOnFilled.vue        | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconLock.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconLockOpen.vue     | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconMoreVert.vue     | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconOpenInNew.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconOpenSource.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue  | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconPinterest.vue    | 2 +-
 .../vue/components/SfIcons/SfIconPublishedWithChanges.vue    | 2 +-
 .../vue/components/SfIcons/SfIconRadioButtonChecked.vue      | 2 +-
 .../vue/components/SfIcons/SfIconRadioButtonUnchecked.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconReact.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue  | 2 +-
 .../vue/components/SfIcons/SfIconRemoveShoppingCart.vue      | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue  | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconSchedule.vue     | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue  | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconSell.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconShoppingCart.vue | 2 +-
 .../vue/components/SfIcons/SfIconShoppingCartCheckout.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconSort.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconStar.vue    | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconStarFilled.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconStarHalf.vue     | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconThumbDown.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconTune.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue   | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconViewList.vue     | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconVisibility.vue   | 2 +-
 .../vue/components/SfIcons/SfIconVisibilityOff.vue           | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue   | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue   | 2 +-
 .../vue/components/SfIcons/SfIconVuestorefront.vue           | 2 +-
 .../frameworks/vue/components/SfIcons/SfIconWarehouse.vue    | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue | 2 +-
 .../sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue | 2 +-
 .../tests/components/SfRatingButton/SfRatingButton.cy.tsx    | 4 +---
 171 files changed, 175 insertions(+), 173 deletions(-)
 create mode 100644 .changeset/chatty-cameras-leave.md

diff --git a/.changeset/chatty-cameras-leave.md b/.changeset/chatty-cameras-leave.md
new file mode 100644
index 0000000000..502cc2ae6a
--- /dev/null
+++ b/.changeset/chatty-cameras-leave.md
@@ -0,0 +1,5 @@
+---
+'@storefront-ui/react': patch
+---
+
+Fix inhertiance of react icons, possibility to alter default attributes
diff --git a/createIcons.js b/createIcons.js
index 30d26a9078..dd6277d912 100644
--- a/createIcons.js
+++ b/createIcons.js
@@ -96,7 +96,7 @@ const vueIcon = (name, content, attributes) => `
     <SfIconBase :size="size" viewBox="${attributes.viewBox}" ${attributes.dataTestId && `data-testid="${attributes.dataTestId}"`}>${content}</SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '${absolutePathToIconBase || (relativePathToIconBasePath && `${relativePathToIconBasePath}SfIconBase`)}';
 
 defineProps({
@@ -116,7 +116,7 @@ export default function SfIcon${camelCaseName}({
     viewBox = '${attributes.viewBox}',
     ...attributes
 }: SfIconProps) {
-    return <SfIconBase {...attributes} size={size} viewBox={viewBox} ${attributes.dataTestId && `data-testid="${attributes.dataTestId}"`}>${content}</SfIconBase>;
+    return <SfIconBase size={size} viewBox={viewBox} ${attributes.dataTestId && `data-testid="${attributes.dataTestId}"`} {...attributes}>${content}</SfIconBase>;
 }`;
 
 const vueExports = [];
diff --git a/packages/sfui/frameworks/react/components/SfIconBase/SfIconBase.tsx b/packages/sfui/frameworks/react/components/SfIconBase/SfIconBase.tsx
index 8e9d677f3f..0ecba3b554 100644
--- a/packages/sfui/frameworks/react/components/SfIconBase/SfIconBase.tsx
+++ b/packages/sfui/frameworks/react/components/SfIconBase/SfIconBase.tsx
@@ -30,9 +30,9 @@ export default function SfIconBase({
 }: SfIconBaseProps) {
   return (
     <svg
-      {...attributes}
       xmlns="http://www.w3.org/2000/svg"
       className={`inline-block fill-current ${getSizeClasses(size)} ${className}`}
+      {...attributes}
     >
       {children}
     </svg>
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
index faf0f99eec..297c0ed737 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAdd.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconAdd({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="add">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="add" {...attributes}>
       <path d="M12 19a.965.965 0 0 1-.712-.288A.965.965 0 0 1 11 18v-5H6a.968.968 0 0 1-.713-.288A.967.967 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h5V6c0-.283.096-.521.288-.713A.967.967 0 0 1 12 5a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6v5h5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.965.965 0 0 1 18 13h-5v5a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 19Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
index 95c8a1d045..7fc3bfe6e9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconAddShoppingCart.tsx
@@ -7,7 +7,7 @@ export default function SfIconAddShoppingCart({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="add-shopping-cart">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="add-shopping-cart" {...attributes}>
       <path d="M12 9a.968.968 0 0 1-.713-.287A.967.967 0 0 1 11 8V6H9a.968.968 0 0 1-.713-.287A.968.968 0 0 1 8 5c0-.283.096-.52.287-.713A.968.968 0 0 1 9 4h2V2a.97.97 0 0 1 .287-.712A.968.968 0 0 1 12 1a.97.97 0 0 1 .713.288A.968.968 0 0 1 13 2v2h2c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 15 6h-2v2c0 .283-.096.52-.287.713A.968.968 0 0 1 12 9ZM7 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 18c.55 0 1.02.196 1.412.587C8.804 18.98 9 19.45 9 20s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 22Zm10 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 15 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 17 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 22ZM7 17c-.767 0-1.346-.33-1.737-.988-.392-.658-.396-1.312-.013-1.962L6.6 11.6 3 4H2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 1 3c0-.283.096-.52.288-.712A.968.968 0 0 1 2 2h1.65c.183 0 .358.05.525.15a.93.93 0 0 1 .375.425L8.525 11h7.025l3.6-6.5A.973.973 0 0 1 20 4a.94.94 0 0 1 .863.487.937.937 0 0 1 .012.988L17.3 11.95c-.183.333-.43.592-.738.775A1.945 1.945 0 0 1 15.55 13H8.1L7 15h11a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.968.968 0 0 1 18 17H7Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
index cacdbc4e64..3f618a5b76 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowBack.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconArrowBack({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="arrow-back">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-back" {...attributes}>
       <path d="m10.875 19.3-6.6-6.6a.883.883 0 0 1-.213-.325A1.115 1.115 0 0 1 4 12c0-.133.02-.258.062-.375a.883.883 0 0 1 .213-.325l6.6-6.6a.978.978 0 0 1 .687-.288.933.933 0 0 1 .713.288c.2.183.304.412.313.687a.933.933 0 0 1-.288.713L7.4 11h11.175a.97.97 0 0 1 .713.287.97.97 0 0 1 .287.713.97.97 0 0 1-.287.712.968.968 0 0 1-.713.288H7.4l4.9 4.9c.183.183.28.417.288.7a.872.872 0 0 1-.288.7c-.183.2-.417.3-.7.3a.988.988 0 0 1-.725-.3Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
index c3c11934d2..8e7baee5b5 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowDownward.tsx
@@ -7,7 +7,7 @@ export default function SfIconArrowDownward({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="arrow-downward">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-downward" {...attributes}>
       <path d="M12 19.575a1.1 1.1 0 0 1-.375-.063.872.872 0 0 1-.325-.212l-6.6-6.6c-.2-.2-.3-.438-.3-.713 0-.275.1-.512.3-.712.2-.2.433-.3.7-.3.267 0 .5.1.7.3l4.9 4.9v-11.2c0-.283.096-.517.288-.7A.99.99 0 0 1 12 4a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 5v11.175l4.9-4.9c.2-.2.433-.3.7-.3.267 0 .5.1.7.3.2.2.3.437.3.712 0 .275-.1.513-.3.713l-6.6 6.6c-.1.1-.208.17-.325.212a1.098 1.098 0 0 1-.375.063Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
index 5f1648401a..3e28141b72 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowForward.tsx
@@ -7,7 +7,7 @@ export default function SfIconArrowForward({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="arrow-forward">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-forward" {...attributes}>
       <path d="M11.3 19.3a.994.994 0 0 1-.288-.7.91.91 0 0 1 .263-.7l4.9-4.9H5a.968.968 0 0 1-.713-.288A.967.967 0 0 1 4 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 11h11.175l-4.9-4.9a.91.91 0 0 1-.263-.7.994.994 0 0 1 .288-.7.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l6.6 6.6c.1.083.171.187.213.312.041.125.062.255.062.388s-.02.258-.062.375a.883.883 0 0 1-.213.325l-6.6 6.6a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
index c144e8b255..78f9ab3b88 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconArrowUpward.tsx
@@ -7,7 +7,7 @@ export default function SfIconArrowUpward({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="arrow-upward">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="arrow-upward" {...attributes}>
       <path d="M12 20a.965.965 0 0 1-.712-.288A.965.965 0 0 1 11 19V7.825L6.125 12.7c-.2.2-.438.3-.713.3a.973.973 0 0 1-.712-.3.96.96 0 0 1-.3-.7c0-.267.1-.5.3-.7l6.6-6.6a.88.88 0 0 1 .325-.213 1.212 1.212 0 0 1 .763 0 .681.681 0 0 1 .312.213l6.6 6.6c.2.2.3.433.3.7 0 .267-.1.5-.3.7-.2.2-.438.3-.713.3a.973.973 0 0 1-.712-.3L13 7.825V19a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 20Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
index 6067339e46..1db7bfe413 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconBlock.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconBlock({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="block">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="block" {...attributes}>
       <path d="M12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-.9-.146-1.767-.438-2.6A7.94 7.94 0 0 0 18.3 7.1L7.1 18.3c.7.55 1.467.97 2.3 1.262.833.292 1.7.438 2.6.438Zm-6.3-3.1L16.9 5.7a7.96 7.96 0 0 0-2.3-1.262A7.805 7.805 0 0 0 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .9.146 1.767.438 2.6.291.833.712 1.6 1.262 2.3Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
index 9549ef6cfe..227bbfe4c0 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCalendarToday.tsx
@@ -7,7 +7,7 @@ export default function SfIconCalendarToday({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="calendar-today">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="calendar-today" {...attributes}>
       <path d="M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2.975c0-.283.096-.517.287-.7A.993.993 0 0 1 7 2a.97.97 0 0 1 .713.287A.97.97 0 0 1 8 3v1h8V2.975c0-.283.096-.517.288-.7A.99.99 0 0 1 17 2a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5Zm0-2h14V10H5v10Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
index 3e6f8e210d..2cbbf41d10 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCall.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCall({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="call">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="call" {...attributes}>
       <path d="M19.95 21c-2.15 0-4.246-.48-6.287-1.438a19.045 19.045 0 0 1-5.425-3.8 19.045 19.045 0 0 1-3.8-5.425C3.479 8.296 3 6.2 3 4.05c0-.3.1-.55.3-.75.2-.2.45-.3.75-.3H8.1a.96.96 0 0 1 .625.225.88.88 0 0 1 .325.575l.65 3.5c.033.233.03.446-.012.637a1.027 1.027 0 0 1-.288.513L6.975 10.9a16.4 16.4 0 0 0 2.638 3.375A18.626 18.626 0 0 0 13.1 17l2.35-2.35a1.4 1.4 0 0 1 .588-.338c.241-.075.479-.095.712-.062l3.45.7c.233.05.425.162.575.337.15.175.225.38.225.613v4.05c0 .3-.1.55-.3.75-.2.2-.45.3-.75.3ZM6.025 9l1.65-1.65L7.25 5H5.025c.083.683.2 1.358.35 2.025.15.667.367 1.325.65 1.975ZM19 18.95v-2.2l-2.35-.475-1.675 1.675c.65.283 1.313.508 1.988.675.675.167 1.354.275 2.037.325Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
index 5fd16ef32d..2f9809f288 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCancel.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCancel({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="cancel">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="cancel" {...attributes}>
       <path
         fillRule="evenodd"
         d="M2 12C2 6.47 6.47 2 12 2s10 4.47 10 10-4.47 10-10 10S2 17.53 2 12Zm14.295 4.295a.997.997 0 0 0 0-1.41L13.41 12l2.885-2.885a.997.997 0 1 0-1.41-1.41L12 10.59 9.115 7.705a.997.997 0 0 0-1.41 1.41L10.59 12l-2.885 2.885a.997.997 0 0 0 1.41 1.41L12 13.41l2.885 2.885c.39.39 1.02.39 1.41 0Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
index 278daf745d..889ae00d0d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheck.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCheck({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="check">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="check" {...attributes}>
       <path d="M4.535 12.705 8 16.17l9.885-9.875a.997.997 0 0 1 1.41 1.41L8.707 18.293a1 1 0 0 1-1.414 0L3.12 14.12a1 1 0 0 1 1.415-1.415Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
index c785b87162..ff174fbdad 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBox.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCheckBox({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="check-box">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="check-box" {...attributes}>
       <path d="M5 21a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 19V5c0-.55.196-1.021.587-1.413A1.928 1.928 0 0 1 5 3h14c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 21H5Zm5.6-5.225c.133 0 .258-.02.375-.062a.883.883 0 0 0 .325-.213l5.675-5.675a.918.918 0 0 0 .275-.675c0-.267-.1-.5-.3-.7a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.4l-2.175-2.175a.918.918 0 0 0-.675-.275c-.267 0-.5.1-.7.3a.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.5c.1.1.208.171.325.213.117.041.242.062.375.062Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
index 94fe70fb1e..f0a843053d 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckBoxOutlineBlank.tsx
@@ -7,7 +7,7 @@ export default function SfIconCheckBoxOutlineBlank({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="check-box-outline-blank">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="check-box-outline-blank" {...attributes}>
       <path
         fillRule="evenodd"
         d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm16 .5a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-13Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
index 579e18d796..a452ee2127 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCheckCircle.tsx
@@ -7,7 +7,7 @@ export default function SfIconCheckCircle({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="check-circle">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="check-circle" {...attributes}>
       <path d="m10.6 13.8-2.175-2.175a.918.918 0 0 0-.675-.275c-.267 0-.5.1-.7.3a.948.948 0 0 0-.275.7.95.95 0 0 0 .275.7L9.9 15.9a.948.948 0 0 0 .7.275.948.948 0 0 0 .7-.275l5.675-5.675a.918.918 0 0 0 .275-.675c0-.267-.1-.5-.3-.7a.948.948 0 0 0-.7-.275.948.948 0 0 0-.7.275L10.6 13.8ZM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
index e90388e902..f907949d4a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronLeft.tsx
@@ -7,7 +7,7 @@ export default function SfIconChevronLeft({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="chevron-left">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-left" {...attributes}>
       <path d="M14.706 17.297a.998.998 0 0 0 0-1.41l-3.876-3.885 3.877-3.885a.998.998 0 0 0-1.412-1.41l-4.588 4.588a1 1 0 0 0 0 1.414l4.588 4.588a.997.997 0 0 0 1.41 0Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
index a1e7b83ff2..ba6384521e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconChevronRight.tsx
@@ -7,7 +7,7 @@ export default function SfIconChevronRight({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="chevron-right">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="chevron-right" {...attributes}>
       <path d="M8.705 17.297a.998.998 0 0 1-.001-1.41l3.876-3.885-3.876-3.885a.998.998 0 0 1 1.412-1.41l4.587 4.588a1 1 0 0 1 0 1.414l-4.587 4.588a.997.997 0 0 1-1.411 0Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
index eaf36c02ca..1c1625d503 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCircle.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCircle({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="circle">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="circle" {...attributes}>
       <path d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
index d85da3f986..d394fd1c83 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconClose.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconClose({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="close">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="close" {...attributes}>
       <path d="M18.295 5.705a.998.998 0 0 1 0 1.41L13.41 12l4.885 4.885a.997.997 0 1 1-1.41 1.41L12 13.41l-4.885 4.885a.997.997 0 1 1-1.41-1.41L10.59 12 5.705 7.115a.997.997 0 0 1 1.41-1.41L12 10.59l4.885-4.885a.997.997 0 0 1 1.41 0Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
index 7304172547..9037ee3dea 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCloseSm.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconCloseSm({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="close-sm">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="close-sm" {...attributes}>
       <path
         fillRule="evenodd"
         d="M16.615 8.564a.974.974 0 0 0-1.378-1.378L11.9 10.522 8.563 7.186a.974.974 0 1 0-1.378 1.378l3.337 3.336-3.337 3.337a.974.974 0 1 0 1.378 1.378l3.337-3.337 3.336 3.337a.974.974 0 1 0 1.379-1.378L13.278 11.9l3.337-3.336Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
index 431fbc5e1a..07d0f24728 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCompareArrows.tsx
@@ -7,7 +7,7 @@ export default function SfIconCompareArrows({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="compare-arrows">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="compare-arrows" {...attributes}>
       <path d="m15.3 13.3-3.6-3.6a.871.871 0 0 1-.212-.325A1.099 1.099 0 0 1 11.425 9c0-.133.021-.258.063-.375A.871.871 0 0 1 11.7 8.3l3.6-3.6c.2-.2.433-.3.7-.3.267 0 .5.1.7.3.2.2.3.437.3.712 0 .275-.1.513-.3.713L14.825 8H21a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.965.965 0 0 1 21 10h-6.175l1.875 1.875c.2.2.3.433.3.7 0 .267-.1.5-.3.7-.2.2-.429.308-.687.325-.259.017-.496-.083-.713-.3Zm-8 5.975c.2.2.433.304.7.312.267.009.5-.087.7-.287l3.6-3.6a.88.88 0 0 0 .213-.325c.041-.117.062-.242.062-.375s-.02-.258-.062-.375a.883.883 0 0 0-.213-.325l-3.6-3.6a.96.96 0 0 0-.7-.3c-.267 0-.5.1-.7.3-.2.2-.3.437-.3.712 0 .275.1.513.3.713L9.175 14H3a.967.967 0 0 0-.712.287A.968.968 0 0 0 2 15c0 .283.096.52.288.712A.965.965 0 0 0 3 16h6.175L7.3 17.875c-.2.2-.3.433-.3.7 0 .267.1.5.3.7Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
index 6bc55c9319..bc1801e08c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconContactSupport.tsx
@@ -7,7 +7,7 @@ export default function SfIconContactSupport({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="contact-support">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="contact-support" {...attributes}>
       <path d="m13 22-.25-3h-.25c-2.367 0-4.375-.825-6.025-2.475C4.825 14.875 4 12.867 4 10.5c0-2.367.825-4.375 2.475-6.025C8.125 2.825 10.133 2 12.5 2c1.183 0 2.287.22 3.312.662a8.6 8.6 0 0 1 2.701 1.825 8.588 8.588 0 0 1 1.824 2.7A8.279 8.279 0 0 1 21 10.5c0 2.533-.758 4.804-2.275 6.812C17.208 19.321 15.3 20.883 13 22Zm-.525-6.025c.283 0 .525-.1.725-.3.2-.2.3-.442.3-.725s-.1-.525-.3-.725c-.2-.2-.442-.3-.725-.3s-.525.1-.725.3c-.2.2-.3.442-.3.725s.1.525.3.725c.2.2.442.3.725.3ZM12.5 12.8c.183 0 .35-.067.5-.2a.988.988 0 0 0 .3-.55c.033-.217.125-.413.275-.588.15-.175.408-.445.775-.812.3-.3.55-.625.75-.975.2-.35.3-.725.3-1.125 0-.85-.287-1.488-.862-1.913C13.963 6.212 13.283 6 12.5 6c-.583 0-1.087.133-1.512.4a3.41 3.41 0 0 0-1.038 1 .617.617 0 0 0-.063.575c.075.2.23.342.463.425a.65.65 0 0 0 .5 0c.167-.067.317-.192.45-.375a1.67 1.67 0 0 1 .488-.45c.191-.117.429-.175.712-.175.45 0 .788.125 1.013.375.225.25.337.525.337.825 0 .283-.083.537-.25.762a6.18 6.18 0 0 1-.6.688c-.467.4-.78.725-.938.975-.158.25-.254.592-.287 1.025-.017.2.046.375.188.525.141.15.32.225.537.225ZM15 17v1.35c1.183-1 2.146-2.17 2.887-3.512A8.822 8.822 0 0 0 19 10.5c0-1.817-.629-3.354-1.887-4.613C15.854 4.629 14.317 4 12.5 4c-1.817 0-3.354.629-4.612 1.887C6.629 7.146 6 8.683 6 10.5c0 1.817.63 3.354 1.888 4.613C9.146 16.371 10.683 17 12.5 17H15Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
index 239892063a..b40d8f882b 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconCreditCard.tsx
@@ -7,7 +7,7 @@ export default function SfIconCreditCard({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="credit-card">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="credit-card" {...attributes}>
       <path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2Zm0 14H4v-6h16v6Zm0-10H4V6h16v2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
index 7afe3ebcce..da1de3b22a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconDelete.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconDelete({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="delete">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="delete" {...attributes}>
       <path d="M7 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 5 18V5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 4 4a.97.97 0 0 1 .287-.713A.97.97 0 0 1 5 3h4c0-.283.096-.521.288-.713A.967.967 0 0 1 10 2h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 15 3h4a.97.97 0 0 1 .712.287c.192.192.288.43.288.713a.968.968 0 0 1-.288.713A.967.967 0 0 1 19 5v13a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 17 20H7ZM7 5v13h10V5H7Zm2 10c0 .283.096.52.288.712A.965.965 0 0 0 10 16a.968.968 0 0 0 .713-.288A.967.967 0 0 0 11 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 10 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 9 8v7Zm4 0c0 .283.096.52.288.712A.965.965 0 0 0 14 16a.968.968 0 0 0 .713-.288A.967.967 0 0 0 15 15V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 14 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 13 8v7Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
index 83399a454b..b7d581a374 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconEmail.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconEmail({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="email">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="email" {...attributes}>
       <path d="M4 20c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 18V6c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 4 4h16c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v12c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 20 20H4ZM20 8l-7.475 4.675a1.04 1.04 0 0 1-.525.15 1.04 1.04 0 0 1-.525-.15L4 8v10h16V8Zm-8 3 8-5H4l8 5ZM4 8.25V6.775 6.8v-.013V8.25Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
index 17a4d68f00..8da19fc873 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconError.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconError({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="error">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="error" {...attributes}>
       <path
         fillRule="evenodd"
         d="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10ZM12 7a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm0 7.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
index c1977958fc..6564acdef3 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandLess.tsx
@@ -7,7 +7,7 @@ export default function SfIconExpandLess({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="expand-less">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="expand-less" {...attributes}>
       <path d="M17 15a.998.998 0 0 1-1.41 0l-3.885-3.875L7.82 15a.998.998 0 0 1-1.41-1.412l4.588-4.587a1 1 0 0 1 1.414 0L17 13.589A.998.998 0 0 1 17 15Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
index 3470aeb0b4..a03056c3b2 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconExpandMore.tsx
@@ -7,7 +7,7 @@ export default function SfIconExpandMore({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="expand-more">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="expand-more" {...attributes}>
       <path d="M17 9.003a.998.998 0 0 0-1.41 0l-3.885 3.876L7.82 9.003a.998.998 0 0 0-1.41 1.411l4.588 4.588a1 1 0 0 0 1.414 0L17 10.414a.997.997 0 0 0 0-1.41Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
index 95e1705c40..a5138f0dd6 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFacebook.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconFacebook({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="facebook">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="facebook" {...attributes}>
       <path d="m17.01 13.25.555-3.62h-3.473V7.282c0-.99.485-1.956 2.04-1.956h1.58V2.245S16.279 2 14.909 2c-2.86 0-4.73 1.734-4.73 4.872V9.63H7v3.62h3.18V22h3.912v-8.75h2.918Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
index 9089caf278..07c36459b2 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavorite.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconFavorite({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="favorite">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="favorite" {...attributes}>
       <path
         fillRule="evenodd"
         d="M19.664 4.99c-2.64-1.8-5.9-.96-7.66 1.1-1.76-2.06-5.02-2.91-7.66-1.1-1.4.96-2.28 2.58-2.34 4.29-.14 3.88 3.3 6.99 8.55 11.76l.1.09c.76.69 1.93.69 2.69-.01l.11-.1c5.25-4.76 8.68-7.87 8.55-11.75-.06-1.7-.94-3.32-2.34-4.28Zm-7.56 14.56-.1.1-.1-.1c-4.76-4.31-7.9-7.16-7.9-10.05 0-2 1.5-3.5 3.5-3.5 1.54 0 3.04.99 3.57 2.36h1.87c.52-1.37 2.02-2.36 3.56-2.36 2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
index 6362d43af3..41e0479a6e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconFavoriteFilled.tsx
@@ -7,7 +7,7 @@ export default function SfIconFavoriteFilled({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="favorite-filled">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="favorite-filled" {...attributes}>
       <path d="M10.67 21.133c-5.52-4.95-8.72-7.64-8.67-11.39.04-2.97 2.3-4.39 2.35-4.43 3.61-2.46 6.89.22 7.65 1.11.75-.88 3.99-3.51 7.56-1.16.52.34 2.23 1.65 2.42 4.12.32 4.28-4.14 7.76-8.65 11.76-.38.34-.86.5-1.34.5-.47 0-.94-.17-1.32-.51Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
index dc22107851..5032e9efd4 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconGridView.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconGridView({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="grid-view">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="grid-view" {...attributes}>
       <path d="M5 11c-.55 0-1.021-.196-1.413-.588A1.925 1.925 0 0 1 3 9V5c0-.55.196-1.021.587-1.413A1.928 1.928 0 0 1 5 3h4c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v4c0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 11H5Zm0 10a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 19v-4c0-.55.196-1.021.587-1.413A1.928 1.928 0 0 1 5 13h4c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v4a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 9 21H5Zm10-10c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 9V5c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 3h4c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v4c0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 19 11h-4Zm0 10c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 13 19v-4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 13h4c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v4a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 21h-4ZM5 9h4V5H5v4Zm10 0h4V5h-4v4Zm0 10h4v-4h-4v4ZM5 19h4v-4H5v4Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
index 9cd05131b8..a8d1e339f9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconHelp.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconHelp({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="help">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="help" {...attributes}>
       <path d="M11.95 18c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887a1.208 1.208 0 0 0-.888-.363c-.35 0-.646.121-.888.363a1.206 1.206 0 0 0-.362.887c0 .35.12.646.362.887.242.242.538.363.888.363Zm.15-10.3c.467 0 .842.129 1.125.387.283.259.425.596.425 1.013 0 .283-.096.57-.287.862a4.896 4.896 0 0 1-.813.913c-.5.433-.867.85-1.1 1.25-.233.4-.35.8-.35 1.2a.76.76 0 0 0 .263.587.904.904 0 0 0 1.237-.012c.183-.167.3-.375.35-.625.05-.283.163-.546.338-.787.175-.242.462-.555.862-.938.517-.483.88-.925 1.088-1.325.208-.4.312-.842.312-1.325 0-.85-.32-1.546-.962-2.088C13.946 6.271 13.117 6 12.1 6c-.7 0-1.32.133-1.862.4a2.844 2.844 0 0 0-1.263 1.225.99.99 0 0 0-.125.637c.033.209.15.38.35.513a.965.965 0 0 0 .713.125 1 1 0 0 0 .637-.425c.183-.25.404-.442.663-.575.258-.133.554-.2.887-.2ZM12 22a9.671 9.671 0 0 1-3.875-.788 10.238 10.238 0 0 1-3.187-2.137 9.983 9.983 0 0 1-2.15-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 9.983 9.983 0 0 1 2.15-3.175c.908-.9 1.97-1.613 3.187-2.138A9.681 9.681 0 0 1 12 2c1.4 0 2.708.262 3.925.787A10.105 10.105 0 0 1 19.1 4.925c.9.9 1.608 1.958 2.125 3.175A9.873 9.873 0 0 1 22 12a9.873 9.873 0 0 1-.775 3.9 9.927 9.927 0 0 1-2.125 3.175c-.9.9-1.958 1.612-3.175 2.137C14.708 21.737 13.4 22 12 22Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
index 5c9bcfd216..f1ffff1d8a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconHome.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconHome({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="home">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="home" {...attributes}>
       <path d="M6 19h3v-6h6v6h3v-9l-6-4.5L6 10v9Zm0 2c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 19v-9c0-.317.071-.617.213-.9a1.91 1.91 0 0 1 .587-.7l6-4.5a2.11 2.11 0 0 1 .575-.3c.2-.067.408-.1.625-.1.217 0 .425.033.625.1s.392.167.575.3l6 4.5A1.99 1.99 0 0 1 20 10v9a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 21h-5v-6h-2v6H6Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
index 7303c0101a..dc2c647294 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconIndeterminateCheckBox.tsx
@@ -7,7 +7,7 @@ export default function SfIconIndeterminateCheckBox({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="indeterminate-check-box">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="indeterminate-check-box" {...attributes}>
       <path
         fillRule="evenodd"
         d="M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm14 7a1 1 0 0 1-1 1H8a1 1 0 1 1 0-2h8a1 1 0 0 1 1 1Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
index 7f407d18d6..123fb522ec 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconInfo.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconInfo({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="info">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="info" {...attributes}>
       <>
         <path d="M13.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM11 16a1 1 0 1 0 2 0v-4a1 1 0 1 0-2 0v4Z" />
         <path
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
index d7c0e6f004..0a8a8b520c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconInstagram.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconInstagram({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="instagram">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="instagram" {...attributes}>
       <path d="M12.003 6.871a5.118 5.118 0 0 0-5.127 5.127 5.118 5.118 0 0 0 5.127 5.126 5.118 5.118 0 0 0 5.126-5.126 5.118 5.118 0 0 0-5.126-5.127Zm0 8.46a3.339 3.339 0 0 1-3.333-3.333 3.336 3.336 0 0 1 3.333-3.333 3.336 3.336 0 0 1 3.333 3.333 3.34 3.34 0 0 1-3.333 3.333Zm6.532-8.67c0 .665-.536 1.196-1.196 1.196a1.196 1.196 0 1 1 1.196-1.196Zm3.395 1.214c-.076-1.602-.442-3.02-1.615-4.19-1.169-1.169-2.588-1.534-4.19-1.615-1.65-.093-6.599-.093-8.25 0-1.597.076-3.016.442-4.19 1.611-1.173 1.169-1.534 2.588-1.614 4.19-.094 1.65-.094 6.599 0 8.25.076 1.601.441 3.02 1.615 4.19 1.173 1.168 2.588 1.534 4.19 1.614 1.65.094 6.599.094 8.25 0 1.601-.076 3.02-.442 4.189-1.615 1.169-1.169 1.535-2.588 1.615-4.19.094-1.65.094-6.594 0-8.245Zm-2.133 10.017a3.375 3.375 0 0 1-1.9 1.9c-1.316.523-4.44.402-5.894.402-1.455 0-4.583.116-5.894-.401a3.374 3.374 0 0 1-1.901-1.901c-.522-1.316-.402-4.44-.402-5.894 0-1.455-.116-4.582.402-5.894a3.374 3.374 0 0 1 1.9-1.901c1.317-.522 4.44-.402 5.895-.402 1.454 0 4.582-.116 5.894.402a3.374 3.374 0 0 1 1.9 1.9c.523 1.317.402 4.44.402 5.895 0 1.454.12 4.582-.402 5.894Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
index 63b1da42d4..8356d83ef9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLanguage.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLanguage({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="language">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="language" {...attributes}>
       <path
         fillRule="evenodd"
         d="M12.534 21.98a10.032 10.032 0 0 0 8.708-13.84 9.949 9.949 0 0 0-9.661-6.132 9.801 9.801 0 0 0-9.58 9.787 10.127 10.127 0 0 0 9.412 10.177c.095.02.192.025.289.016.085.004.17.006.257.008h.017c.124 0 .249-.002.373-.007.062.003.124 0 .185-.009ZM14.81 4.493a13.412 13.412 0 0 1 1.604 3.502h2.535a7.95 7.95 0 0 0-4.139-3.502Zm-2.805-.421c1.063 1.236 1.83 2.553 2.31 3.923h-4.62c.48-1.37 1.247-2.687 2.31-3.923Zm2.8 5.923h-5.6a10.848 10.848 0 0 0-.113 1.565c0 .881.105 1.782.319 2.696h5.188a11.82 11.82 0 0 0 .319-2.697c0-.526-.037-1.047-.112-1.564Zm-.84 6.261h-3.92a17.616 17.616 0 0 0 1.96 3.571 17.762 17.762 0 0 0 1.96-3.57Zm-6.6-2a13.71 13.71 0 0 1-.273-2.696c0-.526.032-1.048.095-1.565H4.213A7.798 7.798 0 0 0 4 11.801v.006a8.123 8.123 0 0 0 .358 2.45h3.005Zm-2.079 2H7.91c.38 1.101.893 2.199 1.532 3.285a8.125 8.125 0 0 1-4.156-3.285Zm10.813 0h2.66a8.03 8.03 0 0 1-4.21 3.315 18.231 18.231 0 0 0 1.55-3.315Zm3.569-2h-3.022c.18-.902.272-1.803.272-2.697 0-.526-.032-1.048-.095-1.564h2.935a7.97 7.97 0 0 1 .243 1.965v.002a8.03 8.03 0 0 1-.333 2.294ZM9.233 4.441a13.428 13.428 0 0 0-1.637 3.554H4.995a7.799 7.799 0 0 1 4.238-3.554ZM12 2h.003v.086l-.005-.002V2H12Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
index d0b539ae15..2b73d400cb 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocalShipping.tsx
@@ -7,7 +7,7 @@ export default function SfIconLocalShipping({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="local-shipping">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="local-shipping" {...attributes}>
       <path d="M6 20a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 3 17c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 1 15V6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 3 4h12c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v2h2.5c.167 0 .317.033.45.1s.25.167.35.3l2.5 3.325a.883.883 0 0 1 .15.275c.033.1.05.208.05.325V16c0 .283-.096.52-.288.712A.965.965 0 0 1 22 17h-1c0 .833-.292 1.542-.875 2.125A2.893 2.893 0 0 1 18 20a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 15 17H9c0 .833-.292 1.542-.875 2.125A2.893 2.893 0 0 1 6 20Zm0-2a.968.968 0 0 0 .713-.288A.967.967 0 0 0 7 17a.967.967 0 0 0-.287-.712A.968.968 0 0 0 6 16a.968.968 0 0 0-.713.288A.967.967 0 0 0 5 17c0 .283.096.52.287.712.192.192.43.288.713.288ZM3 6v9h.8c.283-.3.608-.542.975-.725A2.701 2.701 0 0 1 6 14c.45 0 .858.092 1.225.275.367.183.692.425.975.725H15V6H3Zm15 12c.283 0 .52-.096.712-.288A.965.965 0 0 0 19 17a.965.965 0 0 0-.288-.712A.965.965 0 0 0 18 16a.965.965 0 0 0-.712.288A.965.965 0 0 0 17 17c0 .283.096.52.288.712A.965.965 0 0 0 18 18Zm-1-5h4.25L19 10h-2v3Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
index 72036646de..6b03f44958 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOn.tsx
@@ -7,7 +7,7 @@ export default function SfIconLocationOn({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="location-on">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="location-on" {...attributes}>
       <>
         <path d="M10 10c0 1.1.9 2 2 2s2-.9 2-2-.9-2-2-2-2 .9-2 2Z" />
         <path
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
index b6ccd94097..05bbb111b9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLocationOnFilled.tsx
@@ -7,7 +7,7 @@ export default function SfIconLocationOnFilled({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="location-on-filled">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="location-on-filled" {...attributes}>
       <path
         fillRule="evenodd"
         d="M12 2c-4.2 0-8 3.22-8 8.2 0 3.18 2.45 6.92 7.34 11.23.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2 20 5.22 16.2 2 12 2Zm0 10c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
index b7bf46d12e..6ccf65404e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLock.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLock({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="lock">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="lock" {...attributes}>
       <path d="M6 23c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 21V11c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 9h1V7c0-1.383.488-2.563 1.463-3.538C9.438 2.487 10.617 2 12 2s2.563.487 3.538 1.462C16.513 4.437 17 5.617 17 7v2h1c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v10a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 23H6Zm6-5a1.93 1.93 0 0 0 1.413-.587c.391-.392.587-.863.587-1.413s-.196-1.021-.587-1.413A1.928 1.928 0 0 0 12 14c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 10 16c0 .55.196 1.021.588 1.413.391.391.862.587 1.412.587ZM9 9h6V7c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 4c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 7v2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
index b399074f4a..d865ec8f16 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLockOpen.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLockOpen({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="lock-open">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="lock-open" {...attributes}>
       <path d="M6 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 20V10c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 8h9V6c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 3a2.87 2.87 0 0 0-1.812.612A2.99 2.99 0 0 0 9.125 5.15a1.4 1.4 0 0 1-.387.612.885.885 0 0 1-.613.238c-.333 0-.6-.113-.8-.338a.81.81 0 0 1-.2-.762c.25-1.117.825-2.046 1.725-2.788C9.75 1.371 10.8 1 12 1c1.383 0 2.563.487 3.538 1.462C16.513 3.437 17 4.617 17 6v2h1c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v10a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 22H6Zm0-2h12V10H6v10Zm6-3a1.93 1.93 0 0 0 1.413-.587c.391-.392.587-.863.587-1.413s-.196-1.021-.587-1.413A1.928 1.928 0 0 0 12 13c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 10 15c0 .55.196 1.021.588 1.413.391.391.862.587 1.412.587Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
index c76ef1052c..1fca988552 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogin.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLogin({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="login">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="login" {...attributes}>
       <path d="M9.325 16.275a1.111 1.111 0 0 1-.275-.738c0-.275.092-.504.275-.687l1.85-1.85H4a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 12c0-.283.096-.521.288-.713A.967.967 0 0 1 4 11h7.175l-1.85-1.85c-.2-.2-.3-.437-.3-.712 0-.275.1-.513.3-.713.183-.2.413-.3.688-.3.275 0 .504.092.687.275l3.6 3.6c.1.1.171.208.213.325.041.117.062.242.062.375s-.02.258-.062.375a.883.883 0 0 1-.213.325l-3.6 3.6c-.2.2-.433.292-.7.275a1.012 1.012 0 0 1-.675-.3ZM13 21a.965.965 0 0 1-.712-.288A.965.965 0 0 1 12 20c0-.283.096-.52.288-.712A.965.965 0 0 1 13 19h6V5h-6a.965.965 0 0 1-.712-.288A.965.965 0 0 1 12 4c0-.283.096-.521.288-.713A.967.967 0 0 1 13 3h6c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 21h-6Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
index 4ddfa717ec..259aa82d33 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconLogout.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconLogout({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="logout">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="logout" {...attributes}>
       <path d="M15.325 16.275a1.112 1.112 0 0 1-.275-.738c0-.275.092-.504.275-.687l1.85-1.85H10a.965.965 0 0 1-.712-.288A.965.965 0 0 1 9 12c0-.283.096-.521.288-.713A.967.967 0 0 1 10 11h7.175l-1.85-1.85c-.2-.2-.3-.437-.3-.712 0-.275.1-.513.3-.713.183-.2.413-.3.688-.3.275 0 .504.092.687.275l3.6 3.6c.1.1.171.208.213.325.041.117.062.242.062.375s-.02.258-.062.375a.883.883 0 0 1-.213.325l-3.6 3.6c-.217.217-.454.312-.712.287a1.052 1.052 0 0 1-.663-.312ZM5 21a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 19V5c0-.55.196-1.021.587-1.413A1.928 1.928 0 0 1 5 3h6a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 4a.97.97 0 0 1-.287.712A.968.968 0 0 1 11 5H5v14h6c.283 0 .521.096.713.288A.967.967 0 0 1 12 20a.97.97 0 0 1-.287.712A.968.968 0 0 1 11 21H5Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
index cb6bd19187..5f6d23c83b 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMenu.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconMenu({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="menu">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="menu" {...attributes}>
       <path d="M4 18a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4Zm0-5a1 1 0 1 1 0-2h16a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
index 212d5d71f9..8a561b782a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreHoriz.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconMoreHoriz({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="more-horiz">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="more-horiz" {...attributes}>
       <path d="M12 14a2 2 0 1 1 .001-4.001A2 2 0 0 1 12 14Zm4-2a2 2 0 1 0 4.001-.001A2 2 0 0 0 16 12Zm-8 0a2 2 0 1 0-4.001.001A2 2 0 0 0 8 12Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
index 4dc8363c8e..e663e30af7 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconMoreVert.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconMoreVert({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="more-vert">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="more-vert" {...attributes}>
       <path d="M14 12a2 2 0 1 1-4.001-.001A2 2 0 0 1 14 12Zm-2-4a2 2 0 1 0-.001-4.001A2 2 0 0 0 12 8Zm0 8a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 16Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
index 8ddaee976d..d28c96cec9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenInNew.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconOpenInNew({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="open-in-new">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="open-in-new" {...attributes}>
       <path d="M19 19H5V5h6a1 1 0 1 0 0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2v-6a1 1 0 1 0-2 0v6ZM15 3a1 1 0 1 0 0 2h2.59l-9.125 9.125a.997.997 0 0 0 1.41 1.41L19 6.41V9a1 1 0 1 0 2 0V3h-6Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
index 789dcb9c16..6599a880c0 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconOpenSource.tsx
@@ -7,7 +7,7 @@ export default function SfIconOpenSource({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="open-source">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="open-source" {...attributes}>
       <path d="M12 2C5.913 2 1 6.913 1 13c0 3.887 1.98 7.407 5.28 9.46.073.073.22.073.293.073.074 0 .147-.073.22-.146l3.447-5.647a.387.387 0 0 0-.147-.513c-1.1-.66-1.76-1.834-1.76-3.154A3.631 3.631 0 0 1 12 9.407a3.631 3.631 0 0 1 3.667 3.666c0 1.394-.807 2.64-1.98 3.3l-.22.22c0 .074 0 .22.073.294l3.447 5.646c.073.147.22.147.293.147.073 0 .147 0 .147-.073C20.873 20.627 23 16.96 23 13.073 23 6.987 18.087 2 12 2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
index 82fe06a922..efcec71182 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPackage.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconPackage({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="package">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="package" {...attributes}>
       <path d="m10 9.75 1.325-.65a1.593 1.593 0 0 1 1.35 0L14 9.75V5h-4v4.75ZM8 17a.968.968 0 0 1-.713-.288A.967.967 0 0 1 7 16a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 15h3a.97.97 0 0 1 .713.287A.97.97 0 0 1 12 16a.97.97 0 0 1-.287.712A.968.968 0 0 1 11 17H8Zm-3 4a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 19V5c0-.55.196-1.021.587-1.413A1.928 1.928 0 0 1 5 3h14c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 21H5Zm0-2h14V5h-3v6.375c0 .383-.158.67-.475.862a.951.951 0 0 1-.975.038L12 11l-2.55 1.275a.951.951 0 0 1-.975-.038c-.317-.191-.475-.479-.475-.862V5H5v14Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
index cb0a5e3f50..4a0d312618 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPercent.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconPercent({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="percent">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="percent" {...attributes}>
       <path d="M8 11a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 4.5 7.5c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 8 4c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 11.5 7.5c0 .967-.342 1.792-1.025 2.475A3.372 3.372 0 0 1 8 11Zm0-2c.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 8 6c-.417 0-.77.146-1.063.438A1.447 1.447 0 0 0 6.5 7.5c0 .417.146.77.438 1.063C7.229 8.854 7.582 9 8 9Zm9 11a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 13.5 16.5c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 17 13c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 20.5 16.5c0 .967-.342 1.792-1.025 2.475A3.372 3.372 0 0 1 17 20Zm0-2c.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.446 1.446 0 0 0 17 15c-.417 0-.77.146-1.063.438A1.446 1.446 0 0 0 15.5 16.5c0 .417.146.77.438 1.063.291.291.645.437 1.062.437ZM5.2 19.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7L18.4 4.7a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275.948.948 0 0 1 .275.7.948.948 0 0 1-.275.7L6.6 19.3a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
index 2eaf4271e8..617febd332 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPerson.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconPerson({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="person">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="person" {...attributes}>
       <path d="M12 12c-1.1 0-2.042-.392-2.825-1.175C8.392 10.042 8 9.1 8 8s.392-2.042 1.175-2.825C9.958 4.392 10.9 4 12 4s2.042.392 2.825 1.175C15.608 5.958 16 6.9 16 8s-.392 2.042-1.175 2.825C14.042 11.608 13.1 12 12 12Zm6 8H6c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 18v-.8c0-.567.146-1.088.438-1.563A2.914 2.914 0 0 1 5.6 14.55a14.866 14.866 0 0 1 3.15-1.163A13.776 13.776 0 0 1 12 13c1.1 0 2.183.129 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.162 1.087.292.475.438.996.438 1.563v.8a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 20ZM6 18h12v-.8a.943.943 0 0 0-.137-.5.977.977 0 0 0-.363-.35 13.03 13.03 0 0 0-2.725-1.013 11.615 11.615 0 0 0-5.55 0A13.03 13.03 0 0 0 6.5 16.35a.97.97 0 0 0-.5.85v.8Zm6-8c.55 0 1.021-.196 1.413-.588C13.804 9.021 14 8.55 14 8c0-.55-.196-1.02-.587-1.412A1.927 1.927 0 0 0 12 6c-.55 0-1.02.196-1.412.588A1.923 1.923 0 0 0 10 8c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
index d648f11fc8..3f74e108df 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPinterest.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconPinterest({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="pinterest">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="pinterest" {...attributes}>
       <path d="M12.175 2C8.063 2 4 4.74 4 9.177c0 2.82 1.587 4.424 2.549 4.424.396 0 .625-1.106.625-1.419 0-.373-.95-1.166-.95-2.717 0-3.221 2.452-5.505 5.626-5.505 2.729 0 4.749 1.55 4.749 4.4 0 2.127-.854 6.118-3.619 6.118-.998 0-1.851-.721-1.851-1.755 0-1.515 1.058-2.981 1.058-4.544 0-2.653-3.763-2.172-3.763 1.034 0 .673.084 1.418.385 2.032-.553 2.38-1.683 5.926-1.683 8.378 0 .758.108 1.503.18 2.26.136.153.068.137.276.06 2.02-2.764 1.948-3.305 2.862-6.924.492.938 1.767 1.443 2.776 1.443 4.256 0 6.167-4.148 6.167-7.886C19.387 4.596 15.95 2 12.175 2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
index 7b4d8d21b4..bc89732a9b 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconPublishedWithChanges.tsx
@@ -7,7 +7,7 @@ export default function SfIconPublishedWithChanges({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="published-with-changes">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="published-with-changes" {...attributes}>
       <path d="M14.175 2.225c2.25.5 4.117 1.65 5.6 3.45C21.258 7.475 22 9.583 22 12c0 1.517-.304 2.917-.913 4.2a10.03 10.03 0 0 1-2.487 3.3H20c.283 0 .52.096.712.288A.965.965 0 0 1 21 20.5c0 .284-.096.52-.288.712A.965.965 0 0 1 20 21.5h-4a.965.965 0 0 1-.712-.288A.965.965 0 0 1 15 20.5v-4a.97.97 0 0 1 .288-.713A.967.967 0 0 1 16 15.5a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1.725a8.393 8.393 0 0 0 2.188-2.725c.541-1.066.812-2.233.812-3.5 0-1.916-.587-3.588-1.762-5.013-1.175-1.425-2.655-2.345-4.438-2.762a.99.99 0 0 1-.575-.35A.96.96 0 0 1 13 3.25c0-.333.117-.608.35-.825a.83.83 0 0 1 .825-.2Zm-4.35 19.55c-2.25-.5-4.117-1.65-5.6-3.45C2.742 16.525 2 14.417 2 12c0-1.517.304-2.917.913-4.2A10.03 10.03 0 0 1 5.4 4.5H4a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 3.5a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 2.5h4a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 3.5v4a.97.97 0 0 1-.287.713A.97.97 0 0 1 8 8.5a.97.97 0 0 1-.713-.287A.97.97 0 0 1 7 7.5V5.775a8.092 8.092 0 0 0-2.188 2.713C4.271 9.563 4 10.733 4 12c0 1.917.588 3.588 1.763 5.012 1.175 1.425 2.654 2.346 4.437 2.763a.99.99 0 0 1 .575.35.96.96 0 0 1 .225.625c0 .334-.117.608-.35.825a.83.83 0 0 1-.825.2Zm.75-5.6c-.133 0-.258-.02-.375-.062a.883.883 0 0 1-.325-.213L7.05 13.05a.976.976 0 0 1-.287-.688.928.928 0 0 1 .287-.712.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l2.125 2.125L15.55 8.8c.2-.2.433-.296.7-.288.267.009.5.113.7.313.183.2.28.433.288.7a.918.918 0 0 1-.288.7L11.275 15.9a.88.88 0 0 1-.325.213 1.116 1.116 0 0 1-.375.062Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
index 22394ab644..425a289947 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonChecked.tsx
@@ -7,7 +7,7 @@ export default function SfIconRadioButtonChecked({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="radio-button-checked">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-checked" {...attributes}>
       <path d="M12 17c1.383 0 2.563-.488 3.538-1.463C16.513 14.562 17 13.383 17 12s-.487-2.563-1.462-3.538C14.563 7.487 13.383 7 12 7s-2.562.487-3.537 1.462C7.488 9.437 7 10.617 7 12s.488 2.562 1.463 3.537C9.438 16.512 10.617 17 12 17Zm0 5a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
index 7659435992..c1913b69ac 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRadioButtonUnchecked.tsx
@@ -7,7 +7,7 @@ export default function SfIconRadioButtonUnchecked({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="radio-button-unchecked">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="radio-button-unchecked" {...attributes}>
       <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
index aae62b7758..d754e75dd9 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconReact.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconReact({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="react">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="react" {...attributes}>
       <>
         <path d="M13.96 11.952c0 1.099-.877 1.99-1.96 1.99s-1.96-.891-1.96-1.99c0-1.098.877-1.989 1.96-1.989s1.96.89 1.96 1.99Z" />
         <path
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
index 1fe572b7b2..f4719a3535 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemove.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconRemove({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="remove">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="remove" {...attributes}>
       <path d="M6 13a.968.968 0 0 1-.713-.288A.967.967 0 0 1 5 12a.97.97 0 0 1 .287-.713A.97.97 0 0 1 6 11h12a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.965.965 0 0 1 18 13H6Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
index 8b5701dfed..76b8509191 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconRemoveShoppingCart.tsx
@@ -7,7 +7,7 @@ export default function SfIconRemoveShoppingCart({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="remove-shopping-cart">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="remove-shopping-cart" {...attributes}>
       <path d="m15.823 12.995-2-2h1.725l2.75-5H8.823l-2-2h13.125c.383 0 .68.163.887.488.209.325.213.679.013 1.062l-3.55 6.4a2.07 2.07 0 0 1-.712.775c-.292.183-.546.275-.763.275Zm-8.825 9c-.55 0-1.02-.196-1.412-.588a1.926 1.926 0 0 1-.588-1.412c0-.55.196-1.02.588-1.413a1.926 1.926 0 0 1 1.412-.587c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412a1.926 1.926 0 0 1-1.413.588Zm12.8.6-5.65-5.6h-6.55c-.733 0-1.292-.313-1.675-.938-.383-.624-.408-1.279-.075-1.962l1.05-2.15-1.8-4.05L1.373 4.17a.892.892 0 0 1-.262-.687.977.977 0 0 1 .287-.688.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275L21.223 21.22c.183.183.27.413.262.688a.977.977 0 0 1-.287.687.932.932 0 0 1-.688.275 1.02 1.02 0 0 1-.712-.275Zm-7.65-7.6-2-2h-1.55l-1 2h4.55Zm4.85 7c-.55 0-1.02-.196-1.413-.588a1.926 1.926 0 0 1-.587-1.412c0-.55.196-1.02.588-1.413a1.926 1.926 0 0 1 1.412-.587c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.412a1.926 1.926 0 0 1-1.412.588Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
index ea33a2d612..12ac4f2cdf 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSafetyCheck.tsx
@@ -7,7 +7,7 @@ export default function SfIconSafetyCheck({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="safety-check">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="safety-check" {...attributes}>
       <path d="M12 16.5c1.383 0 2.563-.488 3.538-1.463C16.513 14.062 17 12.883 17 11.5s-.487-2.563-1.462-3.538C14.563 6.987 13.383 6.5 12 6.5s-2.562.487-3.537 1.462C7.488 8.937 7 10.117 7 11.5s.488 2.562 1.463 3.537c.975.975 2.154 1.463 3.537 1.463Zm1.65-2.65L11.5 11.7V8.5h1v2.8l1.85 1.85-.7.7ZM12 21.5c-2.317-.583-4.229-1.913-5.737-3.988C4.754 15.437 4 13.133 4 10.6V4.5l8-3 8 3v6.1c0 2.533-.754 4.837-2.262 6.912-1.509 2.075-3.421 3.405-5.738 3.988Zm0-2.1c1.733-.55 3.167-1.65 4.3-3.3s1.7-3.483 1.7-5.5V5.875l-6-2.25-6 2.25V10.6c0 2.017.567 3.85 1.7 5.5s2.567 2.75 4.3 3.3Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
index dad2e731c1..56d7e90e4e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSchedule.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconSchedule({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="schedule">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="schedule" {...attributes}>
       <path d="M14.625 16.025a.918.918 0 0 0 .675.275c.267 0 .5-.1.7-.3a.948.948 0 0 0 .275-.7.948.948 0 0 0-.275-.7l-3-3V7.975a.928.928 0 0 0-.287-.7A.993.993 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8v3.975a1.03 1.03 0 0 0 .3.725l3.325 3.325ZM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22Zm0-2c2.217 0 4.104-.779 5.663-2.337C19.221 16.104 20 14.217 20 12s-.779-4.104-2.337-5.663C16.104 4.779 14.217 4 12 4s-4.104.779-5.662 2.337C4.779 7.896 4 9.783 4 12s.78 4.104 2.338 5.663C7.896 19.221 9.783 20 12 20Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
index 12efeeb6c5..3672acf628 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSearch.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconSearch({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="search">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="search" {...attributes}>
       <path d="m18.9 20.3-5.6-5.6A6.096 6.096 0 0 1 9.5 16c-1.817 0-3.354-.629-4.612-1.887C3.629 12.854 3 11.317 3 9.5c0-1.817.63-3.354 1.888-4.613C6.146 3.629 7.683 3 9.5 3c1.817 0 3.354.629 4.613 1.887C15.371 6.146 16 7.683 16 9.5a6.096 6.096 0 0 1-1.3 3.8l5.625 5.625a.918.918 0 0 1 .275.675c0 .267-.1.5-.3.7a.948.948 0 0 1-.7.275.948.948 0 0 1-.7-.275ZM9.5 14c1.25 0 2.313-.437 3.188-1.312S14 10.75 14 9.5c0-1.25-.437-2.313-1.312-3.188S10.75 5 9.5 5c-1.25 0-2.313.437-3.188 1.312S5 8.25 5 9.5c0 1.25.437 2.313 1.312 3.188S8.25 14 9.5 14Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
index 56319777ee..9ced68c4c5 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSell.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconSell({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="sell">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="sell" {...attributes}>
       <path d="M14.25 21.4c-.383.383-.858.575-1.425.575-.567 0-1.042-.192-1.425-.575l-8.8-8.8a2.069 2.069 0 0 1-.6-1.45V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 4 2h7.15c.283 0 .55.054.8.162.25.109.467.255.65.438l8.8 8.825c.383.383.575.854.575 1.412a1.92 1.92 0 0 1-.575 1.413l-7.15 7.15ZM6.5 8c.417 0 .77-.146 1.062-.438C7.854 7.271 8 6.917 8 6.5c0-.417-.146-.77-.438-1.062A1.444 1.444 0 0 0 6.5 5c-.417 0-.77.146-1.062.438A1.444 1.444 0 0 0 5 6.5c0 .417.146.77.438 1.062.291.292.645.438 1.062.438Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
index 7d0716968d..2d32ee3955 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCart.tsx
@@ -7,7 +7,7 @@ export default function SfIconShoppingCart({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="shopping-cart">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart" {...attributes}>
       <path d="M7 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 18c.55 0 1.02.196 1.412.587C8.804 18.98 9 19.45 9 20s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 22Zm10 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 15 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 17 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 22ZM6.15 6l2.4 5h7l2.75-5H6.15ZM7 17c-.75 0-1.317-.33-1.7-.988-.383-.658-.4-1.312-.05-1.962L6.6 11.6 3 4H1.975a.927.927 0 0 1-.7-.288A.99.99 0 0 1 1 3c0-.283.096-.52.288-.712A.968.968 0 0 1 2 2h1.625c.183 0 .358.05.525.15a.93.93 0 0 1 .375.425L5.2 4h14.75c.45 0 .758.167.925.5.167.333.158.683-.025 1.05l-3.55 6.4a2.034 2.034 0 0 1-.725.775A1.93 1.93 0 0 1 15.55 13H8.1L7 15h11.025c.283 0 .517.096.7.287.183.192.275.43.275.713s-.096.52-.288.712A.968.968 0 0 1 18 17H7Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
index 1d196eedb8..7ffc571697 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconShoppingCartCheckout.tsx
@@ -7,7 +7,7 @@ export default function SfIconShoppingCartCheckout({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="shopping-cart-checkout">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="shopping-cart-checkout" {...attributes}>
       <path d="M7 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 18c.55 0 1.02.196 1.412.587C8.804 18.98 9 19.45 9 20s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7 22Zm10 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 15 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 17 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 22ZM11.3 9.3a.948.948 0 0 1-.275-.7.95.95 0 0 1 .275-.7l.875-.9H9a.968.968 0 0 1-.713-.287A.968.968 0 0 1 8 6c0-.283.096-.52.287-.713A.968.968 0 0 1 9 5h3.175l-.9-.9a.916.916 0 0 1-.287-.7c.008-.267.112-.5.312-.7.2-.183.433-.28.7-.288.267-.008.5.088.7.288l2.6 2.6c.1.1.17.208.212.325.042.117.063.242.063.375s-.02.258-.063.375a.878.878 0 0 1-.212.325l-2.6 2.6a.977.977 0 0 1-.688.287.93.93 0 0 1-.712-.287ZM7 17c-.767 0-1.346-.33-1.737-.988-.392-.658-.396-1.312-.013-1.962L6.6 11.6 3 4H2a.968.968 0 0 1-.712-.288A.968.968 0 0 1 1 3c0-.283.096-.52.288-.712A.968.968 0 0 1 2 2h1.65c.183 0 .358.05.525.15a.93.93 0 0 1 .375.425L8.525 11h7.025l3.6-6.5A.973.973 0 0 1 20 4a.94.94 0 0 1 .863.487.937.937 0 0 1 .012.988L17.3 11.95c-.183.333-.43.592-.738.775A1.945 1.945 0 0 1 15.55 13H8.1L7 15h11a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.968.968 0 0 1 18 17H7Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
index 05c5764b0b..39438dc8b8 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconSort.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconSort({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="sort">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="sort" {...attributes}>
       <path d="M4 18a1 1 0 1 1 0-2h4a1 1 0 1 1 0 2H4ZM3 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm1 6a1 1 0 1 1 0-2h10a1 1 0 1 1 0 2H4Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
index 0cab8cce5d..e5d78a2ea3 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStar.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconStar({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="star">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="star" {...attributes}>
       <path d="m8.85 17.825 3.15-1.9 3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4-1.45 3.375-3.65.325 2.775 2.425-.825 3.575Zm3.15.45-4.15 2.5a.908.908 0 0 1-.575.15.966.966 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.876.876 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.955.955 0 0 1-.312-.513.99.99 0 0 1 .037-.562 1.07 1.07 0 0 1 .3-.45c.133-.117.317-.192.55-.225l4.85-.425 1.875-4.45c.083-.2.213-.35.388-.45.175-.1.354-.15.537-.15.183 0 .363.05.538.15.175.1.304.25.387.45l1.875 4.45 4.85.425c.233.033.417.108.55.225.133.117.233.267.3.45a.961.961 0 0 1-.275 1.075l-3.675 3.175 1.1 4.725a.875.875 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.966.966 0 0 1-.525.2.908.908 0 0 1-.575-.15l-4.15-2.5Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
index bf76438564..7f86d2eadf 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarFilled.tsx
@@ -7,7 +7,7 @@ export default function SfIconStarFilled({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="star-filled">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="star-filled" {...attributes}>
       <path d="m12 18.275-4.15 2.5a.908.908 0 0 1-.575.15.966.966 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.876.876 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.955.955 0 0 1-.312-.513.99.99 0 0 1 .037-.562 1.07 1.07 0 0 1 .3-.45c.133-.117.317-.192.55-.225l4.85-.425 1.875-4.45c.083-.2.213-.35.388-.45.175-.1.354-.15.537-.15.183 0 .363.05.538.15.175.1.304.25.387.45l1.875 4.45 4.85.425c.233.033.417.108.55.225.133.117.233.267.3.45a.961.961 0 0 1-.275 1.075l-3.675 3.175 1.1 4.725a.875.875 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.966.966 0 0 1-.525.2.908.908 0 0 1-.575-.15l-4.15-2.5Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
index 19339dc437..1aab9cdc09 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconStarHalf.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconStarHalf({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="star-half">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="star-half" {...attributes}>
       <path d="M12 8.125v7.8l3.15 1.925-.825-3.6 2.775-2.4-3.65-.325-1.45-3.4Zm0 10.15-4.15 2.5a.908.908 0 0 1-.575.15.966.966 0 0 1-.525-.2 1.2 1.2 0 0 1-.35-.437.876.876 0 0 1-.05-.588l1.1-4.725L3.775 11.8a.955.955 0 0 1-.312-.513.99.99 0 0 1 .037-.562 1.07 1.07 0 0 1 .3-.45c.133-.117.317-.192.55-.225l4.85-.425 1.875-4.45c.083-.2.213-.35.388-.45.175-.1.354-.15.537-.15.183 0 .363.05.538.15.175.1.304.25.387.45l1.875 4.45 4.85.425c.233.033.417.108.55.225.133.117.233.267.3.45a.961.961 0 0 1-.275 1.075l-3.675 3.175 1.1 4.725a.875.875 0 0 1-.05.588 1.2 1.2 0 0 1-.35.437.966.966 0 0 1-.525.2.908.908 0 0 1-.575-.15l-4.15-2.5Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
index 327c5aa54f..8fdd5705c7 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbDown.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconThumbDown({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="thumb-down">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-down" {...attributes}>
       <path d="M3 16c-.533 0-1-.2-1.4-.6-.4-.4-.6-.867-.6-1.4v-2c0-.117.017-.242.05-.375s.067-.258.1-.375l3-7.05c.15-.333.4-.617.75-.85C5.25 3.117 5.617 3 6 3h11v13l-6 5.95c-.25.25-.546.396-.887.437a1.646 1.646 0 0 1-.988-.187 1.58 1.58 0 0 1-.7-.7 1.28 1.28 0 0 1-.1-.925L9.45 16H3Zm12-.85V5H6l-3 7v2h9l-1.35 5.5L15 15.15ZM20 3c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v9c0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 20 16h-3v-2h3V5h-3V3h3Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
index cffda7b68e..f2f0ff0c1a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconThumbUp.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconThumbUp({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="thumb-up">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="thumb-up" {...attributes}>
       <path d="M7 22V9l6-5.95c.25-.25.546-.396.887-.438a1.66 1.66 0 0 1 .988.188c.317.167.55.4.7.7.15.3.183.609.1.925L14.55 9H21c.533 0 1 .2 1.4.6.4.4.6.867.6 1.4v2c0 .117-.017.242-.05.375s-.067.258-.1.375l-3 7.05c-.15.334-.4.617-.75.85-.35.234-.717.35-1.1.35H7ZM9 9.85V20h9l3-7v-2h-9l1.35-5.5L9 9.85ZM4 22c-.55 0-1.02-.195-1.412-.587A1.927 1.927 0 0 1 2 20v-9c0-.55.196-1.02.588-1.413A1.925 1.925 0 0 1 4 9h3v2H4v9h3v2H4Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
index 9f934fea8c..13ced79d2e 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconTune.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconTune({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="tune">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="tune" {...attributes}>
       <path d="M4 19a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 18c0-.283.096-.52.288-.712A.965.965 0 0 1 4 17h4c.283 0 .521.096.713.288A.967.967 0 0 1 9 18a.97.97 0 0 1-.287.712A.968.968 0 0 1 8 19H4ZM4 7a.967.967 0 0 1-.712-.287A.968.968 0 0 1 3 6c0-.283.096-.521.288-.713A.967.967 0 0 1 4 5h8a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 6a.97.97 0 0 1-.287.713A.97.97 0 0 1 12 7H4Zm8 14a.965.965 0 0 1-.712-.288A.965.965 0 0 1 11 20v-4c0-.283.096-.521.288-.713A.967.967 0 0 1 12 15a.97.97 0 0 1 .713.287A.97.97 0 0 1 13 16v1h7c.283 0 .52.096.712.288A.965.965 0 0 1 21 18c0 .283-.096.52-.288.712A.965.965 0 0 1 20 19h-7v1a.97.97 0 0 1-.287.712A.968.968 0 0 1 12 21Zm-4-6a.968.968 0 0 1-.713-.288A.967.967 0 0 1 7 14v-1H4a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 12c0-.283.096-.521.288-.713A.967.967 0 0 1 4 11h3v-1a.97.97 0 0 1 .287-.713A.97.97 0 0 1 8 9a.97.97 0 0 1 .713.287A.97.97 0 0 1 9 10v4a.97.97 0 0 1-.287.712A.968.968 0 0 1 8 15Zm4-2a.965.965 0 0 1-.712-.288A.965.965 0 0 1 11 12c0-.283.096-.521.288-.713A.967.967 0 0 1 12 11h8a.97.97 0 0 1 .712.287c.192.192.288.43.288.713s-.096.52-.288.712A.965.965 0 0 1 20 13h-8Zm4-4a.965.965 0 0 1-.712-.288A.965.965 0 0 1 15 8V4c0-.283.096-.521.288-.713A.967.967 0 0 1 16 3a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v1h3a.97.97 0 0 1 .712.287c.192.192.288.43.288.713a.968.968 0 0 1-.288.713A.967.967 0 0 1 20 7h-3v1c0 .283-.096.52-.288.712A.965.965 0 0 1 16 9Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
index 21cdb0e0ed..2492cf518a 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconTwitter.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconTwitter({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="twitter">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="twitter" {...attributes}>
       <path d="M19.944 8.048c.013.178.013.356.013.533 0 5.419-4.124 11.663-11.663 11.663-2.322 0-4.48-.673-6.294-1.84.33.038.647.05.99.05 1.916 0 3.68-.647 5.089-1.75a4.106 4.106 0 0 1-3.833-2.844c.254.039.508.064.774.064.368 0 .736-.05 1.079-.14a4.1 4.1 0 0 1-3.287-4.023v-.05c.546.304 1.18.495 1.853.52a4.096 4.096 0 0 1-1.827-3.414c0-.761.203-1.46.558-2.068a11.651 11.651 0 0 0 8.452 4.29 4.63 4.63 0 0 1-.102-.94A4.097 4.097 0 0 1 15.846 4a4.09 4.09 0 0 1 2.994 1.294 8.07 8.07 0 0 0 2.602-.99 4.088 4.088 0 0 1-1.802 2.26A8.217 8.217 0 0 0 22 5.928a8.812 8.812 0 0 1-2.056 2.12Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
index a074269d37..22c0994fd6 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconUnfoldMore.tsx
@@ -7,7 +7,7 @@ export default function SfIconUnfoldMore({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="unfold-more">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="unfold-more" {...attributes}>
       <path d="M8.225 8.325C8.042 8.142 7.95 7.9 7.95 7.6s.092-.542.275-.725L11.3 3.8a.88.88 0 0 1 .325-.213 1.212 1.212 0 0 1 .763 0 .682.682 0 0 1 .312.213l3.1 3.1c.183.183.27.42.262.712-.008.292-.104.53-.287.713-.183.183-.425.275-.725.275s-.542-.092-.725-.275L12 6 9.65 8.35c-.183.183-.42.27-.712.263a1.01 1.01 0 0 1-.713-.288ZM12 20.575a.941.941 0 0 1-.375-.075 1.315 1.315 0 0 1-.325-.2l-3.075-3.075c-.183-.183-.275-.425-.275-.725s.092-.542.275-.725c.183-.183.425-.275.725-.275s.542.092.725.275L12 18.1l2.35-2.35c.183-.183.42-.27.712-.262.292.008.53.104.713.287.183.183.275.425.275.725s-.092.542-.275.725L12.7 20.3a.92.92 0 0 1-.312.2c-.125.05-.255.075-.388.075Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
index 734b09072f..758f1acd14 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconViewList.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconViewList({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="view-list">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="view-list" {...attributes}>
       <path d="M3 17V7c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 5h14c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v10a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 19H5a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 17Zm2-8h2V7H5v2Zm4 0h10V7H9v2Zm0 4h10v-2H9v2Zm0 4h10v-2H9v2Zm-4 0h2v-2H5v2Zm0-4h2v-2H5v2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
index 1fb795d9a5..b8f76796d0 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibility.tsx
@@ -7,7 +7,7 @@ export default function SfIconVisibility({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="visibility">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="visibility" {...attributes}>
       <path d="M12 16c1.25 0 2.313-.437 3.188-1.312S16.5 12.75 16.5 11.5c0-1.25-.437-2.313-1.312-3.188S13.25 7 12 7c-1.25 0-2.313.437-3.188 1.312S7.5 10.25 7.5 11.5c0 1.25.437 2.313 1.312 3.188S10.75 16 12 16Zm0-1.8c-.75 0-1.387-.263-1.912-.788A2.602 2.602 0 0 1 9.3 11.5c0-.75.263-1.388.788-1.913A2.603 2.603 0 0 1 12 8.8c.75 0 1.388.262 1.913.787.525.525.787 1.163.787 1.913s-.262 1.387-.787 1.912A2.605 2.605 0 0 1 12 14.2Zm0 4.8c-2.317 0-4.433-.612-6.35-1.837-1.917-1.225-3.367-2.88-4.35-4.963a.813.813 0 0 1-.1-.313 2.919 2.919 0 0 1 0-.775.811.811 0 0 1 .1-.312c.983-2.083 2.433-3.737 4.35-4.962C7.567 4.613 9.683 4 12 4c2.317 0 4.433.613 6.35 1.838 1.917 1.225 3.367 2.879 4.35 4.962.05.083.083.187.1.312a2.936 2.936 0 0 1 0 .775.813.813 0 0 1-.1.313c-.983 2.083-2.433 3.738-4.35 4.963C16.433 18.388 14.317 19 12 19Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
index 101fbc23d9..39c1d76bc0 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVisibilityOff.tsx
@@ -7,7 +7,7 @@ export default function SfIconVisibilityOff({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="visibility-off">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="visibility-off" {...attributes}>
       <path d="m19.3 16.5-3.2-3.2c.133-.283.233-.57.3-.862.067-.292.1-.605.1-.938 0-1.25-.437-2.313-1.312-3.188S13.25 7 12 7a4.19 4.19 0 0 0-.938.1 4.246 4.246 0 0 0-.862.3L7.65 4.85a11.106 11.106 0 0 1 2.1-.638A11.607 11.607 0 0 1 12 4c2.383 0 4.525.63 6.425 1.887 1.9 1.259 3.325 2.896 4.275 4.913.05.083.083.187.1.312s.025.255.025.388a1.987 1.987 0 0 1-.125.7c-.383.85-.862 1.642-1.437 2.375A10.48 10.48 0 0 1 19.3 16.5Zm-.2 5.4-3.5-3.45a12.06 12.06 0 0 1-1.762.413c-.592.091-1.205.137-1.838.137-2.383 0-4.525-.629-6.425-1.887-1.9-1.259-3.325-2.896-4.275-4.913a.813.813 0 0 1-.1-.313 2.919 2.919 0 0 1 0-.762.796.796 0 0 1 .1-.3c.35-.75.767-1.442 1.25-2.075A13.291 13.291 0 0 1 4.15 7L2.075 4.9a.933.933 0 0 1-.275-.688c0-.275.1-.512.3-.712a.948.948 0 0 1 .7-.275.95.95 0 0 1 .7.275l17 17c.183.183.28.413.288.688a.931.931 0 0 1-.288.712.948.948 0 0 1-.7.275.949.949 0 0 1-.7-.275ZM12 16c.183 0 .354-.008.512-.025.159-.017.33-.05.513-.1l-5.4-5.4a3.25 3.25 0 0 0-.1.513 4.895 4.895 0 0 0-.025.512c0 1.25.437 2.313 1.312 3.188S10.75 16 12 16Zm2.65-4.15-3-3c.95-.15 1.725.117 2.325.8.6.683.825 1.417.675 2.2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
index 38fa38c85d..b81903abea 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVsfDiamond.tsx
@@ -7,7 +7,7 @@ export default function SfIconVsfDiamond({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="vsf-diamond">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="vsf-diamond" {...attributes}>
       <path d="M7.888 2.174c-.761.473-1.508 1.22-3 2.713-1.494 1.493-2.24 2.24-2.714 3a7.788 7.788 0 0 0 0 8.226c.473.76 1.22 1.506 2.712 2.999 1.494 1.494 2.24 2.24 3.002 2.714a7.787 7.787 0 0 0 8.224 0c.761-.474 1.508-1.22 3-2.713 1.494-1.493 2.24-2.24 2.714-3a7.788 7.788 0 0 0 0-8.225c-.474-.761-1.22-1.508-2.713-3-1.493-1.494-2.24-2.24-3-2.714a7.788 7.788 0 0 0-8.225 0Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
index f0cca2c709..eab229ae23 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuejs.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconVuejs({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="vuejs">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="vuejs" {...attributes}>
       <path d="M18.526 2.3H14.75L12 6.65 9.643 2.3H1l11 18.843L23 2.3h-4.474ZM3.736 3.871h2.641L12 13.604l5.618-9.733h2.642L12 18.024 3.735 3.871Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
index eaaf7c68c7..02432042aa 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconVuestorefront.tsx
@@ -7,7 +7,7 @@ export default function SfIconVuestorefront({
   ...attributes
 }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="vuestorefront">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="vuestorefront" {...attributes}>
       <path d="m9.747 2.824.839-.838a2 2 0 0 1 2.828 0l.838.838a2 2 0 0 1 0 2.828l-.838.839a2 2 0 0 1-2.828 0l-.839-.839a2 2 0 0 1 0-2.828Zm3.69 10.978 4.482-4.483a2 2 0 0 1 2.829 0L23 11.571l-11 11-11-11 2.276-2.276a1.999 1.999 0 0 1 2.827 0l4.506 4.507a1.998 1.998 0 0 0 2.828 0Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
index 0581139293..f1fbdffb83 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarehouse.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconWarehouse({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="warehouse">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="warehouse" {...attributes}>
       <path d="m12 5.15-8 3.2V19h2v-6c0-.55.196-1.02.588-1.413A1.925 1.925 0 0 1 8 11h8c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413v6h2V8.35l-8-3.2ZM8 21H4c-.55 0-1.02-.195-1.412-.587A1.927 1.927 0 0 1 2 19V8.35A1.963 1.963 0 0 1 3.25 6.5l8-3.2c.233-.1.483-.15.75-.15s.517.05.75.15l8 3.2c.383.15.688.392.913.725.225.333.337.708.337 1.125V19a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 20 21h-4v-8H8v8Zm1 0v-2h2v2H9Zm2-3v-2h2v2h-2Zm2 3v-2h2v2h-2Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
index 97bd2eb76d..1ce70f806c 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconWarning.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconWarning({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="warning">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="warning" {...attributes}>
       <path
         fillRule="evenodd"
         d="M10.258 4.067c.764-1.363 2.725-1.363 3.49 0l7.818 13.95c.748 1.333-.216 2.978-1.744 2.978H4.183c-1.528 0-2.492-1.645-1.745-2.978l7.82-13.95ZM12 8a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm0 7.25a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Z"
diff --git a/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx b/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
index 7443bef4aa..4fb6c68223 100644
--- a/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
+++ b/packages/sfui/frameworks/react/components/SfIcons/SfIconYoutube.tsx
@@ -3,7 +3,7 @@ import { SfIconBase, SfIconSize } from '@storefront-ui/react';
 
 export default function SfIconYoutube({ size = SfIconSize.base, viewBox = '0 0 24 24', ...attributes }: SfIconProps) {
   return (
-    <SfIconBase {...attributes} size={size} viewBox={viewBox} data-testid="youtube">
+    <SfIconBase size={size} viewBox={viewBox} data-testid="youtube" {...attributes}>
       <path d="M22.54 6.42a2.764 2.764 0 0 0-1.944-1.957C18.88 4 12 4 12 4s-6.88 0-8.596.463A2.764 2.764 0 0 0 1.46 6.42C1 8.147 1 11.75 1 11.75s0 3.603.46 5.33a2.723 2.723 0 0 0 1.945 1.926c1.716.463 8.596.463 8.596.463s6.879 0 8.595-.463a2.723 2.723 0 0 0 1.945-1.926c.46-1.727.46-5.33.46-5.33s0-3.603-.46-5.33ZM9.75 15.021V8.48l5.75 3.271-5.75 3.271Z" />
     </SfIconBase>
   );
diff --git a/packages/sfui/frameworks/react/components/SfRatingButton/SfRatingButton.tsx b/packages/sfui/frameworks/react/components/SfRatingButton/SfRatingButton.tsx
index 3c24645251..ce01f4114b 100644
--- a/packages/sfui/frameworks/react/components/SfRatingButton/SfRatingButton.tsx
+++ b/packages/sfui/frameworks/react/components/SfRatingButton/SfRatingButton.tsx
@@ -25,7 +25,6 @@ const renderDefaultIcon = ({ isFilled, iconSize }: SfRatingButtonRenderProps) =>
   }
   return (
     <SfIconStar
-      data-testid="ratingbutton-icon-empty"
       role="none"
       className="text-neutral-500 cursor-pointer peer-disabled:cursor-default peer-disabled:text-disabled-500 peer-focus-visible:outline"
       size={iconSize}
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
index b3a5a17ac8..e236847676 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAdd.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
index 6e88dcb6bd..b53d92c254 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconAddShoppingCart.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
index af5f9db89f..cec8ffcd39 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowBack.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
index 182b08a8ce..907d54b574 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowDownward.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
index 9c036633a7..06dae71e93 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowForward.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
index e3a99ba49a..005e014fed 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconArrowUpward.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
index ea72018479..87b572a3ea 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconBlock.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
index f6f190856c..9087178362 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCalendarToday.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
index a43edd2f0f..775a3d3837 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCall.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
index e007b244a1..69f653c82c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCancel.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
index 70f4a0dd83..9f5f6e5f15 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheck.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
index c6d8f367a4..62c7815020 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBox.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
index b4370b0aed..a11be7c8d0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckBoxOutlineBlank.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
index 7ccfef14d7..3d26d3ea80 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCheckCircle.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
index 4d2ac9fddb..2de5229e7a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronLeft.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
index d2fd6978e1..a9ec1c0868 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconChevronRight.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
index ffc1c54cc5..10fe3bd74d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCircle.vue
@@ -4,7 +4,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
index f5e5258ad8..fb636320df 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconClose.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
index e183759a12..80cf877cc8 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCloseSm.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
index cc244c3785..feddf44f8e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCompareArrows.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
index ad6daf6475..be9b450467 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconContactSupport.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
index d98ac92335..6519368be7 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconCreditCard.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
index ec04f9747e..de4711a0ca 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconDelete.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
index 53e7608253..2c69911875 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconEmail.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
index ed143c5e06..0cb9a2e3f2 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconError.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
index 72768ced7d..32a7c85e10 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandLess.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
index 14bdbbf0cd..6e99753ef6 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconExpandMore.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
index e6ad2a3e41..c0cc1882a0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFacebook.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
index df92c01f2d..487f70c459 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavorite.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
index 16cf69ae2b..63e19e23ec 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconFavoriteFilled.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
index 1184c886fa..bcc22c8235 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconGridView.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
index 3497b4fed9..ed8832d750 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHelp.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
index df2ee214ac..fb8a218f10 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconHome.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
index 7bbf92ff55..ef18b9dc71 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconIndeterminateCheckBox.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
index 451a821a64..0c01f44345 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInfo.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
index 05cbc12df0..9919f31a65 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconInstagram.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
index 09d209f6b6..c3bc0f75af 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLanguage.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
index af1a0820da..c1a8adfd7d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocalShipping.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
index ce9fe4b134..2082fd78f5 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOn.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
index d6cf81a1ae..2fde68e2c3 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLocationOnFilled.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
index ec83643041..574fef4b1c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLock.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
index 10e21a4904..6146823548 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLockOpen.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
index dbbf016749..8169b051c0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogin.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
index c82c84d5e1..f4e82971a7 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconLogout.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
index 14a8fffbf0..ec2235c76e 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMenu.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
index 09736d9eba..38b15e1bbe 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreHoriz.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
index 0d35e48c03..31b2052741 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconMoreVert.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
index 175e81ed89..f6374581bc 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenInNew.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
index 666f5128fb..09bc37919b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconOpenSource.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
index 9a1fb95731..2671686501 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPackage.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
index 72d92a8efd..ecbb5518e1 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPercent.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
index 862b5d8aa8..a3ffe7c17a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPerson.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
index 4cfc38c18e..fea20ba438 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPinterest.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
index 00a271cbd5..1fd1ba8764 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconPublishedWithChanges.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
index 4868874fb2..aa338bfde8 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonChecked.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
index d34af93c84..2e11f59192 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRadioButtonUnchecked.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
index 0a1bdfd0bc..45126e55b6 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconReact.vue
@@ -8,7 +8,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
index a6635a33fa..689690cd7c 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemove.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
index e4dc1e6da1..5a6ffb332d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconRemoveShoppingCart.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
index 275253da0c..3fb9f4358a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSafetyCheck.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
index 2a93d746f0..b9fcf60334 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSchedule.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
index 63831e19dc..ecfb87f8b0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSearch.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
index 2f5545ff17..e0657f6d19 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSell.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
index d56b089bea..37a2722631 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCart.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
index bc4b92b176..d657a8e2ec 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconShoppingCartCheckout.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
index a3ae4eaffa..f25b989eb6 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconSort.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
index e9f3e1e64f..6ded04df99 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStar.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
index b4a38bdb1c..08ce45a3a5 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarFilled.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
index e5d3aaca51..986e3c3251 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconStarHalf.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
index 48682eccc8..07cba104da 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbDown.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
index 83a1c33630..aa2e178d72 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconThumbUp.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
index 6001f8c62b..93ba5f294a 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTune.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
index f002d08983..7357e6e8d9 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconTwitter.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
index c1df41a4bb..08f4451687 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconUnfoldMore.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
index 58f99ff6e3..c6f7d40c45 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconViewList.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
index 3756082227..31926886ee 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibility.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
index fa4c9660b3..811b82038b 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVisibilityOff.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
index efdc6ead59..5d9d7303b9 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVsfDiamond.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
index c67987ffe7..093096a31f 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuejs.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
index 3f10a71a62..57933d18f4 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconVuestorefront.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
index cdfa686523..a6580dd7a0 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarehouse.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
index 87618a3543..5874670a4d 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconWarning.vue
@@ -7,7 +7,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue b/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
index d89a70accd..3a41848902 100644
--- a/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
+++ b/packages/sfui/frameworks/vue/components/SfIcons/SfIconYoutube.vue
@@ -5,7 +5,7 @@
   /></SfIconBase>
 </template>
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import { SfIconBase, SfIconSize } from '@storefront-ui/vue';
 
 defineProps({
diff --git a/packages/tests/components/SfRatingButton/SfRatingButton.cy.tsx b/packages/tests/components/SfRatingButton/SfRatingButton.cy.tsx
index 1e5e43fd36..1a5d330c46 100644
--- a/packages/tests/components/SfRatingButton/SfRatingButton.cy.tsx
+++ b/packages/tests/components/SfRatingButton/SfRatingButton.cy.tsx
@@ -11,7 +11,7 @@ describe('SfRatingButton', () => {
   const page = () => new SfRatingButtonBaseObject('ratingbutton');
 
   const initializeComponent = (props: SfRatingButtonProps = {}) => {
-    const { value, onChange, max, name, disabled, label, size, getLabelText, children } = props;
+    const { value, onChange, max, name, disabled, size, getLabelText, children } = props;
     return mount({
       vue: {
         component: SfRatingButtonVue,
@@ -21,7 +21,6 @@ describe('SfRatingButton', () => {
           max,
           name,
           disabled,
-          label,
           size,
           getLabelText,
         },
@@ -33,7 +32,6 @@ describe('SfRatingButton', () => {
           max={max}
           name={name}
           disabled={disabled}
-          label={label}
           size={size}
           getLabelText={getLabelText}
         >