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

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

@@ -205,6 +205,7 @@ export const IconSample = () => {
           { name: 'reorderable' },
           { name: 'search' },
           { name: 'secure' },
+          { name: 'send' },
           { name: 'services' },
           { name: 'settings' },
           { name: 'share' },
@@ -224,6 +225,7 @@ 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,10 +255,12 @@ 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';
@@ -610,6 +612,7 @@ export default {
     IconShop,
     IconSearch,
     IconSecure,
+    IconSend,
     IconServices,
     IconSettings,
     IconShare,
@@ -629,6 +632,7 @@ export default {
     IconStarFilled,
     IconStarHollow,
     IconSticker,
+    IconStop,
     IconStyles,
     IconSubmit,
     IconTemplates,

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

@@ -0,0 +1,12 @@
+<template>
+  <g clip-path="url(#clip0_3927_472)">
+    <path
+      d="M10.34 15.818L7.22803 8.837L0.228027 5.731L14.514 0.744002C14.526 0.740002 14.537 0.738002 14.548 0.733002L15.783 0.302002L15.351 1.535C15.347 1.545 15.343 1.557 15.34 1.567L10.34 15.818ZM3.69403 5.874L7.57003 7.595L12.31 2.864L3.69403 5.874ZM10.197 12.36L13.215 3.766L8.47303 8.496L10.197 12.36Z"
+    />
+  </g>
+  <defs>
+    <clipPath id="clip0_3927_472">
+      <rect width="16" height="16" fill="white" />
+    </clipPath>
+  </defs>
+</template>

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

@@ -0,0 +1,5 @@
+<template>
+  <path
+    d="M11.9286 3C12.2262 3 12.4792 3.10417 12.6875 3.3125C12.8958 3.52083 13 3.77381 13 4.07143V11.9286C13 12.2262 12.8958 12.4792 12.6875 12.6875C12.4792 12.8958 12.2262 13 11.9286 13H4.07143C3.77381 13 3.52083 12.8958 3.3125 12.6875C3.10417 12.4792 3 12.2262 3 11.9286V4.07143C3 3.77381 3.10417 3.52083 3.3125 3.3125C3.52083 3.10417 3.77381 3 4.07143 3H11.9286Z"
+  />
+</template>

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

@@ -1,5 +1,10 @@
 <template>
-  <img :src="currentIcon" alt="AI" class="tw-flex-shrink-0" :style="sizeStyle" />
+  <img 
+    :src="currentIcon" 
+    alt="AI" 
+    class="sparkle-icon tw-flex-shrink-0" 
+    :style="iconStyle" 
+  />
 </template>
 
 <script setup lang="ts">
@@ -17,11 +22,13 @@ import sparkleState08 from './assets/animations/state-08.svg';
 interface SparkleIconProps {
   animated?: boolean;
   size?: 'sm' | 'md' | 'lg' | number;
+  color?: string;
 }
 
 const props = withDefaults(defineProps<SparkleIconProps>(), {
   animated: false,
   size: 'md',
+  color: '#3F59F6',
 });
 
 // Size mapping
@@ -41,6 +48,14 @@ const sizeStyle = computed(() => {
   };
 });
 
+// Computed combined style with color
+const iconStyle = computed(() => {
+  return {
+    ...sizeStyle.value,
+    color: props.color,
+  };
+});
+
 // Animation frames
 const sparkleFrames = [
   sparkleState01,

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" fill="#3F59F6"/>
+<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"/>
 </svg>