@designcrowd/fe-shared-lib 1.4.7-ast-generate-ai-3 → 1.4.7-jj-2

package/dist/css/tailwind-designCom.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -655,10 +651,6 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.tw-my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -687,9 +679,6 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
-.tw-mb-10 {
-  margin-bottom: 2.5rem;
-}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -717,12 +706,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
-.tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -831,10 +820,6 @@ video {
 .tw-h-auto {
   height: auto;
 }
-.tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .tw-h-full {
   height: 100%;
 }
@@ -1018,9 +1003,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1202,9 +1184,6 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
-.tw-border-b-2 {
-  border-bottom-width: 2px;
-}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1454,17 +1433,6 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1603,9 +1571,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1706,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1753,9 +1715,6 @@ video {
 .tw-text-center {
   text-align: center;
 }
-.tw-align-top {
-  vertical-align: top;
-}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2048,10 +2007,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
-.hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
-}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2116,10 +2071,6 @@ video {
   --tw-shadow-color: #3f59f6 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(182 58 42 / var(--tw-border-opacity));
@@ -2262,10 +2213,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2282,10 +2229,6 @@ video {
     display: grid;
   }
 
-  .md\:tw-hidden {
-    display: none;
-  }
-
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2302,10 +2245,6 @@ video {
     width: 2.5rem;
   }
 
-  .md\:tw-w-24 {
-    width: 6rem;
-  }
-
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2314,14 +2253,6 @@ video {
     width: 100%;
   }
 
-  .md\:tw-max-w-full {
-    max-width: 100%;
-  }
-
-  .md\:tw-grow {
-    flex-grow: 1;
-  }
-
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2350,10 +2281,6 @@ video {
     justify-content: flex-start;
   }
 
-  .md\:tw-justify-end {
-    justify-content: flex-end;
-  }
-
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2408,10 +2335,6 @@ video {
     padding-bottom: 0.5rem;
   }
 
-  .md\:tw-pl-4 {
-    padding-left: 1rem;
-  }
-
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-designCrowd.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -655,10 +651,6 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.tw-my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -687,9 +679,6 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
-.tw-mb-10 {
-  margin-bottom: 2.5rem;
-}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -717,12 +706,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
+.tw-ml-6 {
+  margin-left: 1.5rem;
+}
 .tw-ml-auto {
   margin-left: auto;
 }
-.tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -831,10 +820,6 @@ video {
 .tw-h-auto {
   height: auto;
 }
-.tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .tw-h-full {
   height: 100%;
 }
@@ -1018,9 +1003,6 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1202,9 +1184,6 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
-.tw-border-b-2 {
-  border-bottom-width: 2px;
-}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1454,17 +1433,6 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1603,9 +1571,6 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
-.tw-p-5 {
-  padding: 1.25rem;
-}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1741,9 +1706,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1753,9 +1715,6 @@ video {
 .tw-text-center {
   text-align: center;
 }
-.tw-align-top {
-  vertical-align: top;
-}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2048,10 +2007,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
-.hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
-}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2116,10 +2071,6 @@ video {
   --tw-shadow-color: #1197EB !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(195 50 48 / var(--tw-border-opacity));
@@ -2262,10 +2213,6 @@ video {
     margin-left: 1rem;
   }
 
-  .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
-
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2282,10 +2229,6 @@ video {
     display: grid;
   }
 
-  .md\:tw-hidden {
-    display: none;
-  }
-
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2302,10 +2245,6 @@ video {
     width: 2.5rem;
   }
 
-  .md\:tw-w-24 {
-    width: 6rem;
-  }
-
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2314,14 +2253,6 @@ video {
     width: 100%;
   }
 
-  .md\:tw-max-w-full {
-    max-width: 100%;
-  }
-
-  .md\:tw-grow {
-    flex-grow: 1;
-  }
-
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2350,10 +2281,6 @@ video {
     justify-content: flex-start;
   }
 
-  .md\:tw-justify-end {
-    justify-content: flex-end;
-  }
-
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2408,10 +2335,6 @@ video {
     padding-bottom: 0.5rem;
   }
 
-  .md\:tw-pl-4 {
-    padding-left: 1rem;
-  }
-
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.4.7-ast-generate-ai-3",
+  "version": "1.4.7-jj-2",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -926,9 +926,6 @@ video {
 .theme-brandCrowd .tw-flex-none {
   flex: none;
 }
-.theme-brandCrowd .tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .theme-brandCrowd .tw-grow {
   flex-grow: 1;
 }

package/public/css/tailwind-brandPage.css

@@ -926,9 +926,6 @@ video {
 .theme-brandPage .tw-flex-none {
   flex: none;
 }
-.theme-brandPage .tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .theme-brandPage .tw-grow {
   flex-grow: 1;
 }

package/public/css/tailwind-crazyDomains.css

@@ -926,9 +926,6 @@ video {
 .theme-crazyDomains .tw-flex-none {
   flex: none;
 }
-.theme-crazyDomains .tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .theme-crazyDomains .tw-grow {
   flex-grow: 1;
 }

package/public/css/tailwind-designCom.css

@@ -926,9 +926,6 @@ video {
 .theme-designCom .tw-flex-none {
   flex: none;
 }
-.theme-designCom .tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .theme-designCom .tw-grow {
   flex-grow: 1;
 }

package/public/css/tailwind-designCrowd.css

@@ -926,9 +926,6 @@ video {
 .theme-designCrowd .tw-flex-none {
   flex: none;
 }
-.theme-designCrowd .tw-flex-shrink-0 {
-  flex-shrink: 0;
-}
 .theme-designCrowd .tw-grow {
   flex-grow: 1;
 }

package/src/atoms/components/Icon/Icon.stories.js

@@ -205,7 +205,6 @@ export const IconSample = () => {
           { name: 'reorderable' },
           { name: 'search' },
           { name: 'secure' },
-          { name: 'send' },
           { name: 'services' },
           { name: 'settings' },
           { name: 'share' },
@@ -225,7 +224,6 @@ export const IconSample = () => {
           { name: 'star-filled' },
           { name: 'star-hollow' },
           { name: 'sticker' },
-          { name: 'stop' },
           { name: 'submit' },
           { name: 'time' },
           { name: 'text-image' },

package/src/atoms/components/Icon/Icon.vue

@@ -255,12 +255,10 @@ import IconReorderable from './icons/reorderable.vue';
 import IconRequestPayment from './icons/request-payment.vue';
 import IconSearch from './icons/search.vue';
 import IconSecure from './icons/secure.vue';
-import IconSend from './icons/send.vue';
 import IconServices from './icons/services.vue';
 import IconSettings from './icons/settings.vue';
 import IconShare from './icons/share.vue';
 import IconShop from './icons/shop.vue';
-import IconStop from './icons/stop.vue';
 import IconSms from './icons/sms.vue';
 import IconSocialFacebookColor from './icons/social-facebook-color.vue';
 import IconSocialFacebook from './icons/social-facebook.vue';
@@ -612,7 +610,6 @@ export default {
     IconShop,
     IconSearch,
     IconSecure,
-    IconSend,
     IconServices,
     IconSettings,
     IconShare,
@@ -632,7 +629,6 @@ export default {
     IconStarFilled,
     IconStarHollow,
     IconSticker,
-    IconStop,
     IconStyles,
     IconSubmit,
     IconTemplates,

package/src/atoms/components/SparkleIcon/SparkleIcon.stories.js

@@ -52,10 +52,10 @@ Static.story = {
 export const Animated = () => ({
   components: { SparkleIcon },
   template: `
-    <div class="tw-flex tw-gap-4 tw-items-center tw-text-black">
+    <div class="tw-flex tw-gap-4 tw-items-center">
       <SparkleIcon :animated="true" size="sm" />
       <SparkleIcon :animated="true" size="md" />
-      <SparkleIcon :animated="true" size="lg" :color-class="'tw-text-primary-500'" />
+      <SparkleIcon :animated="true" size="lg" />
     </div>
   `,
 });

package/src/atoms/components/SparkleIcon/SparkleIcon.vue

@@ -1,31 +1,27 @@
 <template>
-  <svg
-    :width="sizeValue"
-    :height="sizeValue"
-    viewBox="0 0 20 20"
-    :class="['tw-flex-shrink-0', props.colorClass]"
-    :style="colorStyle"
-  >
-    <path v-for="(pathData, index) in currentPaths" :key="index" :d="pathData" fill="currentColor" />
-  </svg>
+  <img :src="currentIcon" alt="AI" class="tw-flex-shrink-0" :style="sizeStyle" />
 </template>
 
 <script setup lang="ts">
 import { ref, computed, watch, onUnmounted } from 'vue';
-import { SPARKLE_PATHS } from './sparkle-paths';
+import sparkleIcon from './assets/sparkle.svg';
+import sparkleState01 from './assets/animations/state-01.svg';
+import sparkleState02 from './assets/animations/state-02.svg';
+import sparkleState03 from './assets/animations/state-03.svg';
+import sparkleState04 from './assets/animations/state-04.svg';
+import sparkleState05 from './assets/animations/state-05.svg';
+import sparkleState06 from './assets/animations/state-06.svg';
+import sparkleState07 from './assets/animations/state-07.svg';
+import sparkleState08 from './assets/animations/state-08.svg';
 
 interface SparkleIconProps {
   animated?: boolean;
   size?: 'sm' | 'md' | 'lg' | number;
-  color?: string;
-  colorClass?: string;
 }
 
 const props = withDefaults(defineProps<SparkleIconProps>(), {
   animated: false,
   size: 'md',
-  color: '#3F59F6',
-  colorClass: '',
 });
 
 // Size mapping
@@ -35,26 +31,38 @@ const sizeMap = {
   lg: 20,
 };
 
-// Computed size value
-const sizeValue = computed(() => (typeof props.size === 'number' ? props.size : sizeMap[props.size]));
+// Computed style for size
+const sizeStyle = computed(() => {
+  const sizeValue = typeof props.size === 'number' ? props.size : sizeMap[props.size];
 
-// Computed color style - only apply inline color if no colorClass is provided
-const colorStyle = computed(() => {
-  if (props.colorClass) {
-    return undefined;
-  }
-  return { color: props.color };
+  return {
+    width: `${sizeValue}px`,
+    height: `${sizeValue}px`,
+  };
 });
 
+// Animation frames
+const sparkleFrames = [
+  sparkleState01,
+  sparkleState02,
+  sparkleState03,
+  sparkleState04,
+  sparkleState05,
+  sparkleState06,
+  sparkleState07,
+  sparkleState08,
+];
+
 const currentFrame = ref(0);
 let animationInterval: number | null = null;
 
-// Computed property to return current paths
-const currentPaths = computed(() => {
+// Computed property to return either static or animated icon
+const currentIcon = computed(() => {
   if (props.animated) {
-    return SPARKLE_PATHS[currentFrame.value];
+    return sparkleFrames[currentFrame.value];
   }
-  return SPARKLE_PATHS[0]; // Static icon uses first frame
+
+  return sparkleIcon;
 });
 
 // Start animation
@@ -63,8 +71,8 @@ const startAnimation = () => {
 
   currentFrame.value = 0;
   animationInterval = window.setInterval(() => {
-    currentFrame.value = (currentFrame.value + 1) % SPARKLE_PATHS.length;
-  }, 100);
+    currentFrame.value = (currentFrame.value + 1) % sparkleFrames.length;
+  }, 100); // Change frame every 100ms
 };
 
 // Stop animation

package/src/atoms/components/SparkleIcon/assets/sparkle.svg

@@ -1,3 +1,3 @@
 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.59375 4.41406C9.53125 4.38281 9.5 4.32812 9.5 4.25C9.5 4.17188 9.53125 4.11719 9.59375 4.08594L11 3.5L11.5859 2.09375C11.6172 2.03125 11.6719 2 11.75 2C11.8281 2 11.8828 2.03125 11.9141 2.09375L12.5 3.5L13.9062 4.08594C13.9688 4.11719 14 4.17188 14 4.25C14 4.32812 13.9688 4.38281 13.9062 4.41406L12.5 5L11.9141 6.40625C11.8828 6.46875 11.8281 6.5 11.75 6.5C11.6719 6.5 11.6172 6.46875 11.5859 6.40625L11 5L9.59375 4.41406ZM13.9062 11.5859C13.9688 11.6172 14 11.6719 14 11.75C14 11.8281 13.9688 11.8828 13.9062 11.9141L12.5 12.5L11.9141 13.9062C11.8828 13.9688 11.8281 14 11.75 14C11.6719 14 11.6172 13.9688 11.5859 13.9062L11 12.5L9.59375 11.9141C9.53125 11.8828 9.5 11.8281 9.5 11.75C9.5 11.6719 9.53125 11.6172 9.59375 11.5859L11 11L11.5859 9.59375C11.6172 9.53125 11.6719 9.5 11.75 9.5C11.8281 9.5 11.8828 9.53125 11.9141 9.59375L12.5 11L13.9062 11.5859ZM10.7891 7.64844C10.9297 7.72656 11 7.84375 11 8C11 8.15625 10.9297 8.26562 10.7891 8.32812L8.16406 9.64062L6.82812 12.2891C6.76562 12.4297 6.65625 12.5 6.5 12.5C6.34375 12.5 6.23438 12.4297 6.17188 12.2891L4.83594 9.64062L2.21094 8.32812C2.07031 8.26562 2 8.15625 2 8C2 7.84375 2.07031 7.72656 2.21094 7.64844L4.83594 6.33594L6.17188 3.6875C6.23438 3.5625 6.34375 3.5 6.5 3.5C6.65625 3.5 6.76562 3.5625 6.82812 3.6875L8.16406 6.33594L10.7891 7.64844Z"/>
+<path d="M9.59375 4.41406C9.53125 4.38281 9.5 4.32812 9.5 4.25C9.5 4.17188 9.53125 4.11719 9.59375 4.08594L11 3.5L11.5859 2.09375C11.6172 2.03125 11.6719 2 11.75 2C11.8281 2 11.8828 2.03125 11.9141 2.09375L12.5 3.5L13.9062 4.08594C13.9688 4.11719 14 4.17188 14 4.25C14 4.32812 13.9688 4.38281 13.9062 4.41406L12.5 5L11.9141 6.40625C11.8828 6.46875 11.8281 6.5 11.75 6.5C11.6719 6.5 11.6172 6.46875 11.5859 6.40625L11 5L9.59375 4.41406ZM13.9062 11.5859C13.9688 11.6172 14 11.6719 14 11.75C14 11.8281 13.9688 11.8828 13.9062 11.9141L12.5 12.5L11.9141 13.9062C11.8828 13.9688 11.8281 14 11.75 14C11.6719 14 11.6172 13.9688 11.5859 13.9062L11 12.5L9.59375 11.9141C9.53125 11.8828 9.5 11.8281 9.5 11.75C9.5 11.6719 9.53125 11.6172 9.59375 11.5859L11 11L11.5859 9.59375C11.6172 9.53125 11.6719 9.5 11.75 9.5C11.8281 9.5 11.8828 9.53125 11.9141 9.59375L12.5 11L13.9062 11.5859ZM10.7891 7.64844C10.9297 7.72656 11 7.84375 11 8C11 8.15625 10.9297 8.26562 10.7891 8.32812L8.16406 9.64062L6.82812 12.2891C6.76562 12.4297 6.65625 12.5 6.5 12.5C6.34375 12.5 6.23438 12.4297 6.17188 12.2891L4.83594 9.64062L2.21094 8.32812C2.07031 8.26562 2 8.15625 2 8C2 7.84375 2.07031 7.72656 2.21094 7.64844L4.83594 6.33594L6.17188 3.6875C6.23438 3.5625 6.34375 3.5 6.5 3.5C6.65625 3.5 6.76562 3.5625 6.82812 3.6875L8.16406 6.33594L10.7891 7.64844Z" fill="#3F59F6"/>
 </svg>

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js

@@ -87,35 +87,6 @@ export const PublishWithSelectedDomain = () => {
 
 PublishWithSelectedDomain.loaders = [loadTranslationAsync];
 
-export const SetSlug = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-      };
-    },
-    methods: {},
-    template: `
-      <PublishBrandPageModal
-        visible
-        is-brand-page-slug-edit-mode
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site"
-        brand-page-slug='test-slug' 
-        :show-radio-buttons="domains.length > 0"
-      />
-    `,
-  };
-};
-
-SetSlug.loaders = [loadTranslationAsync];
-
 export const Published = () => {
   return {
     components: {