@designcrowd/fe-shared-lib 1.2.14 → 1.2.15-ast-upsell-1

package/src/atoms/components/design-com/Icon/Icon.stories.js

@@ -1,82 +1,82 @@
-import Icon from './Icon.vue';
-
-export default {
-  title: 'Components/DesignCom/Icons',
-  component: Icon,
-};
-
-export const IconSample = () => {
-  return {
-    components: {
-      Icon,
-    },
-    data() {
-      return {
-        sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
-        icons: [
-          { name: 'annotate-heart' },
-          { name: 'award' },
-          { name: 'bulb' },
-          { name: 'bezier-curve' },
-          { name: 'card' },
-          { name: 'check-circle-light' },
-          { name: 'chevron-down' },
-          { name: 'chevron-left' },
-          { name: 'chevron-right' },
-          { name: 'chevron-up' },
-          { name: 'diamond' },
-          { name: 'download' },
-          { name: 'file' },
-          { name: 'file-empty' },
-          { name: 'filter' },
-          { name: 'font' },
-          { name: 'headphones' },
-          { name: 'heart' },
-          { name: 'image' },
-          { name: 'logo' },
-          { name: 'minus-circle-light' },
-          { name: 'pen' },
-          { name: 'palette' },
-          { name: 'plus-circle-light' },
-          { name: 'question-circle-filled' },
-          { name: 'search' },
-          { name: 'star-filled' },
-          { name: 'star-hollow' },
-          { name: 'text' },
-          { name: 'users' },
-        ],
-      };
-    },
-    template: `
-      <table class="tw-w-full">
-        <thead>
-          <tr>
-            <th class="tw-text-center tw-p-4 tw-bg-grayscale-400 tw-font-sans">Icon ({{icons.length}})</th>
-            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
-          </tr>
-        </thead>
-        <tr v-for="(icon, i) in icons" :key="i" :class="{'tw-bg-grayscale-200': i % 2 !== 0}">
-          <td class="tw-p-4">
-            <div class="tw-grid tw-grid-cols-8 tw-gap-4 tw-items-center" style="grid-template-columns: repeat(8, minmax(0, 1fr));">
-              <Icon
-                v-for="size in sizes"
-                :name="icon.name"
-                :alt-text="icon.altText"
-                :size="size"
-              />
-            </div>
-          </td>
-          <td class="tw-p-4">
-            <code class="tw-bg-info-100 tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
-              &lt;Icon :name="{{ icon.name }}" :alt-text="{{ icon.altText }}" size="{{ sizes.join('|') }}" /&gt;
-            </code>
-          </td>
-        </tr>
-      </table>
-    `,
-  };
-};
-
-IconSample.story = {
-  name: 'Dcom Icon Library',
-};
+import Icon from './Icon.vue';
+
+export default {
+  title: 'Components/DesignCom/Icons',
+  component: Icon,
+};
+
+export const IconSample = () => {
+  return {
+    components: {
+      Icon,
+    },
+    data() {
+      return {
+        sizes: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl'],
+        icons: [
+          { name: 'annotate-heart' },
+          { name: 'award' },
+          { name: 'bulb' },
+          { name: 'bezier-curve' },
+          { name: 'card' },
+          { name: 'check-circle-light' },
+          { name: 'chevron-down' },
+          { name: 'chevron-left' },
+          { name: 'chevron-right' },
+          { name: 'chevron-up' },
+          { name: 'diamond' },
+          { name: 'download' },
+          { name: 'file' },
+          { name: 'file-empty' },
+          { name: 'filter' },
+          { name: 'font' },
+          { name: 'headphones' },
+          { name: 'heart' },
+          { name: 'image' },
+          { name: 'logo' },
+          { name: 'minus-circle-light' },
+          { name: 'pen' },
+          { name: 'palette' },
+          { name: 'plus-circle-light' },
+          { name: 'question-circle-filled' },
+          { name: 'search' },
+          { name: 'star-filled' },
+          { name: 'star-hollow' },
+          { name: 'text' },
+          { name: 'users' },
+        ],
+      };
+    },
+    template: `
+      <table class="tw-w-full">
+        <thead>
+          <tr>
+            <th class="tw-text-center tw-p-4 tw-bg-grayscale-400 tw-font-sans">Icon ({{icons.length}})</th>
+            <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
+          </tr>
+        </thead>
+        <tr v-for="(icon, i) in icons" :key="i" :class="{'tw-bg-grayscale-200': i % 2 !== 0}">
+          <td class="tw-p-4">
+            <div class="tw-grid tw-grid-cols-8 tw-gap-4 tw-items-center" style="grid-template-columns: repeat(8, minmax(0, 1fr));">
+              <Icon
+                v-for="size in sizes"
+                :name="icon.name"
+                :alt-text="icon.altText"
+                :size="size"
+              />
+            </div>
+          </td>
+          <td class="tw-p-4">
+            <code class="tw-bg-info-100 tw-p-2 tw-rounded tw-bg-gray-400 tw-border tw-border-solid tw-border-info-300 tw-text-info-900">
+              &lt;Icon :name="{{ icon.name }}" :alt-text="{{ icon.altText }}" size="{{ sizes.join('|') }}" /&gt;
+            </code>
+          </td>
+        </tr>
+      </table>
+    `,
+  };
+};
+
+IconSample.story = {
+  name: 'Dcom Icon Library',
+};

package/src/atoms/components/design-com/Icon/Icon.vue

@@ -1,157 +1,157 @@
-<template>
-  <div :class="computedClass">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      :viewBox="viewBox"
-      class="tw-fill-current"
-      :class="{
-        'tw-w-3 tw-h-3': size === 'xs',
-        'tw-w-4 tw-h-4': size === 'sm',
-        'tw-w-6 tw-h-6': size === 'md',
-        'tw-w-8 tw-h-8': size === 'lg',
-        'tw-w-10 tw-h-10': size === 'xl',
-        'tw-w-12 tw-h-12': size === '2xl',
-        'tw-w-14 tw-h-14': size === '3xl',
-        'tw-w-16 tw-h-16': size === '4xl',
-      }"
-      role="graphics-symbol"
-      aria-labelledby="title"
-      aria-describedby="desc"
-    >
-      <title :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
-      <desc :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
-      <component :is="`icon-${iconName}`"></component>
-    </svg>
-  </div>
-</template>
-<script>
-import IconAnnotateHeart from './icons/annotate-heart.vue';
-import IconAward from './icons/award.vue';
-import IconBezierCurve from './icons/bezier-curve.vue';
-import IconBulb from './icons/bulb.vue';
-import IconCard from './icons/card.vue';
-import IconCheckCircleLight from './icons/check-circle-light.vue';
-import IconChevronDown from './icons/chevron-down.vue';
-import IconChevronLeft from './icons/chevron-left.vue';
-import IconChevronRight from './icons/chevron-right.vue';
-import IconChevronUp from './icons/chevron-up.vue';
-import IconDiamond from './icons/diamond.vue';
-import IconDownload from './icons/download.vue';
-import IconFile from './icons/file.vue';
-import IconFileEmpty from './icons/file-empty.vue';
-import IconFilter from './icons/filter.vue';
-import IconFont from './icons/font.vue';
-import IconHeadphones from './icons/headphones.vue';
-import IconHeart from './icons/heart.vue';
-import IconImage from './icons/image.vue';
-import IconLogo from './icons/logo.vue';
-import IconMinusCircleLight from './icons/minus-circle-light.vue';
-import IconPalette from './icons/palette.vue';
-import IconPen from './icons/pen.vue';
-import IconPlusCircleLight from './icons/plus-circle-light.vue';
-import IconQuestionCircleFilled from './icons/question-circle-filled.vue';
-import IconSearch from './icons/search.vue';
-import IconStarFilled from './icons/star-filled.vue';
-import IconStarHollow from './icons/star-hollow.vue';
-import IconText from './icons/text.vue';
-import IconUsers from './icons/users.vue';
-
-export default {
-  components: {
-    IconAnnotateHeart,
-    IconAward,
-    IconBezierCurve,
-    IconBulb,
-    IconCard,
-    IconCheckCircleLight,
-    IconChevronDown,
-    IconChevronLeft,
-    IconChevronRight,
-    IconChevronUp,
-    IconDiamond,
-    IconDownload,
-    IconFile,
-    IconFileEmpty,
-    IconFilter,
-    IconFont,
-    IconHeadphones,
-    IconHeart,
-    IconImage,
-    IconLogo,
-    IconMinusCircleLight,
-    IconPalette,
-    IconPen,
-    IconPlusCircleLight,
-    IconQuestionCircleFilled,
-    IconSearch,
-    IconStarFilled,
-    IconStarHollow,
-    IconText,
-    IconUsers,
-  },
-  props: {
-    viewBox: {
-      type: String,
-      required: false,
-      default: '0 0 16 16',
-    },
-    name: {
-      type: String,
-      required: true,
-    },
-    altText: {
-      type: String,
-      default: null,
-    },
-    color: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    size: {
-      type: String,
-      required: false,
-      default: 'sm',
-    },
-    classes: {
-      type: String,
-      required: false,
-      default: '',
-    },
-  },
-  data() {
-    return {
-      id: null,
-    };
-  },
-  computed: {
-    computedClass() {
-      const colorCss = this.color ? `tw-text-${this.color}` : '';
-      const css = `${colorCss} ${this.classes}`.trim();
-      return css || null;
-    },
-    title() {
-      return this.altText || `${this.titleCase(this.name)}`;
-    },
-    description() {
-      return `${this.title} Icon`;
-    },
-    iconName() {
-      if (this.name) {
-        return this.name.split(' ').join('-');
-      };
-
-      return this.name;
-    },
-  },
-  mounted() {
-    // eslint-disable-next-line no-underscore-dangle
-    this.id = this.$.uid;
-  },
-  methods: {
-    titleCase(word) {
-      return word.replace(/^[-]*(.)/, (_, c) => c.toUpperCase()).replace(/[-]+(.)/g, (_, c) => ` ${c.toUpperCase()}`);
-    },
-  },
-};
-</script>
+<template>
+  <div :class="computedClass">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      :viewBox="viewBox"
+      class="tw-fill-current"
+      :class="{
+        'tw-w-3 tw-h-3': size === 'xs',
+        'tw-w-4 tw-h-4': size === 'sm',
+        'tw-w-6 tw-h-6': size === 'md',
+        'tw-w-8 tw-h-8': size === 'lg',
+        'tw-w-10 tw-h-10': size === 'xl',
+        'tw-w-12 tw-h-12': size === '2xl',
+        'tw-w-14 tw-h-14': size === '3xl',
+        'tw-w-16 tw-h-16': size === '4xl',
+      }"
+      role="graphics-symbol"
+      aria-labelledby="title"
+      aria-describedby="desc"
+    >
+      <title :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
+      <desc :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
+      <component :is="`icon-${iconName}`"></component>
+    </svg>
+  </div>
+</template>
+<script>
+import IconAnnotateHeart from './icons/annotate-heart.vue';
+import IconAward from './icons/award.vue';
+import IconBezierCurve from './icons/bezier-curve.vue';
+import IconBulb from './icons/bulb.vue';
+import IconCard from './icons/card.vue';
+import IconCheckCircleLight from './icons/check-circle-light.vue';
+import IconChevronDown from './icons/chevron-down.vue';
+import IconChevronLeft from './icons/chevron-left.vue';
+import IconChevronRight from './icons/chevron-right.vue';
+import IconChevronUp from './icons/chevron-up.vue';
+import IconDiamond from './icons/diamond.vue';
+import IconDownload from './icons/download.vue';
+import IconFile from './icons/file.vue';
+import IconFileEmpty from './icons/file-empty.vue';
+import IconFilter from './icons/filter.vue';
+import IconFont from './icons/font.vue';
+import IconHeadphones from './icons/headphones.vue';
+import IconHeart from './icons/heart.vue';
+import IconImage from './icons/image.vue';
+import IconLogo from './icons/logo.vue';
+import IconMinusCircleLight from './icons/minus-circle-light.vue';
+import IconPalette from './icons/palette.vue';
+import IconPen from './icons/pen.vue';
+import IconPlusCircleLight from './icons/plus-circle-light.vue';
+import IconQuestionCircleFilled from './icons/question-circle-filled.vue';
+import IconSearch from './icons/search.vue';
+import IconStarFilled from './icons/star-filled.vue';
+import IconStarHollow from './icons/star-hollow.vue';
+import IconText from './icons/text.vue';
+import IconUsers from './icons/users.vue';
+
+export default {
+  components: {
+    IconAnnotateHeart,
+    IconAward,
+    IconBezierCurve,
+    IconBulb,
+    IconCard,
+    IconCheckCircleLight,
+    IconChevronDown,
+    IconChevronLeft,
+    IconChevronRight,
+    IconChevronUp,
+    IconDiamond,
+    IconDownload,
+    IconFile,
+    IconFileEmpty,
+    IconFilter,
+    IconFont,
+    IconHeadphones,
+    IconHeart,
+    IconImage,
+    IconLogo,
+    IconMinusCircleLight,
+    IconPalette,
+    IconPen,
+    IconPlusCircleLight,
+    IconQuestionCircleFilled,
+    IconSearch,
+    IconStarFilled,
+    IconStarHollow,
+    IconText,
+    IconUsers,
+  },
+  props: {
+    viewBox: {
+      type: String,
+      required: false,
+      default: '0 0 16 16',
+    },
+    name: {
+      type: String,
+      required: true,
+    },
+    altText: {
+      type: String,
+      default: null,
+    },
+    color: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    size: {
+      type: String,
+      required: false,
+      default: 'sm',
+    },
+    classes: {
+      type: String,
+      required: false,
+      default: '',
+    },
+  },
+  data() {
+    return {
+      id: null,
+    };
+  },
+  computed: {
+    computedClass() {
+      const colorCss = this.color ? `tw-text-${this.color}` : '';
+      const css = `${colorCss} ${this.classes}`.trim();
+      return css || null;
+    },
+    title() {
+      return this.altText || `${this.titleCase(this.name)}`;
+    },
+    description() {
+      return `${this.title} Icon`;
+    },
+    iconName() {
+      if (this.name) {
+        return this.name.split(' ').join('-');
+      };
+
+      return this.name;
+    },
+  },
+  mounted() {
+    // eslint-disable-next-line no-underscore-dangle
+    this.id = this.$.uid;
+  },
+  methods: {
+    titleCase(word) {
+      return word.replace(/^[-]*(.)/, (_, c) => c.toUpperCase()).replace(/[-]+(.)/g, (_, c) => ` ${c.toUpperCase()}`);
+    },
+  },
+};
+</script>

package/src/atoms/components/design-com/Icon/icons/award.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M7.66667 1.75C5.50355 1.75 3.75 3.50355 3.75 5.66667C3.75 6.98564 4.40197 8.15233 5.40123 8.86206C5.4071 8.86608 5.41292 8.87019 5.41867 8.87438C6.05494 9.32111 6.83018 9.58333 7.66667 9.58333C8.50339 9.58333 9.27883 9.32096 9.9152 8.874C9.92096 8.86981 9.92678 8.8657 9.93266 8.86167C10.9316 8.1519 11.5833 6.9854 11.5833 5.66667C11.5833 3.50355 9.82978 1.75 7.66667 1.75ZM11.1564 9.80955C12.3348 8.81593 13.0833 7.32872 13.0833 5.66667C13.0833 2.67512 10.6582 0.25 7.66667 0.25C4.67512 0.25 2.25 2.67512 2.25 5.66667C2.25 7.32899 2.99882 8.81642 4.17754 9.81004L3.58986 14.2346C3.55194 14.5201 3.68085 14.8021 3.92156 14.9602C4.16226 15.1183 4.47225 15.1246 4.71921 14.9765L7.66667 13.208L10.6141 14.9765C10.8611 15.1246 11.171 15.1183 11.4117 14.9602C11.6524 14.8021 11.7814 14.5202 11.7435 14.2347L11.1564 9.80955ZM9.75678 10.6654C9.11363 10.9346 8.40752 11.0833 7.66667 11.0833C6.92601 11.0833 6.22008 10.9347 5.57708 10.6656L5.28167 12.8897L7.0064 11.8549C7.01148 11.8518 7.01759 11.848 7.02464 11.8437C7.09325 11.8015 7.25149 11.7041 7.43431 11.6639C7.58739 11.6303 7.74594 11.6303 7.89903 11.6639C8.08184 11.7041 8.24008 11.8015 8.30869 11.8437C8.31574 11.848 8.32185 11.8518 8.32694 11.8549L7.94106 12.498L8.32694 11.8549L10.0519 12.8898L9.75678 10.6654Z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.66667 1.75C5.50355 1.75 3.75 3.50355 3.75 5.66667C3.75 6.98564 4.40197 8.15233 5.40123 8.86206C5.4071 8.86608 5.41292 8.87019 5.41867 8.87438C6.05494 9.32111 6.83018 9.58333 7.66667 9.58333C8.50339 9.58333 9.27883 9.32096 9.9152 8.874C9.92096 8.86981 9.92678 8.8657 9.93266 8.86167C10.9316 8.1519 11.5833 6.9854 11.5833 5.66667C11.5833 3.50355 9.82978 1.75 7.66667 1.75ZM11.1564 9.80955C12.3348 8.81593 13.0833 7.32872 13.0833 5.66667C13.0833 2.67512 10.6582 0.25 7.66667 0.25C4.67512 0.25 2.25 2.67512 2.25 5.66667C2.25 7.32899 2.99882 8.81642 4.17754 9.81004L3.58986 14.2346C3.55194 14.5201 3.68085 14.8021 3.92156 14.9602C4.16226 15.1183 4.47225 15.1246 4.71921 14.9765L7.66667 13.208L10.6141 14.9765C10.8611 15.1246 11.171 15.1183 11.4117 14.9602C11.6524 14.8021 11.7814 14.5202 11.7435 14.2347L11.1564 9.80955ZM9.75678 10.6654C9.11363 10.9346 8.40752 11.0833 7.66667 11.0833C6.92601 11.0833 6.22008 10.9347 5.57708 10.6656L5.28167 12.8897L7.0064 11.8549C7.01148 11.8518 7.01759 11.848 7.02464 11.8437C7.09325 11.8015 7.25149 11.7041 7.43431 11.6639C7.58739 11.6303 7.74594 11.6303 7.89903 11.6639C8.08184 11.7041 8.24008 11.8015 8.30869 11.8437C8.31574 11.848 8.32185 11.8518 8.32694 11.8549L7.94106 12.498L8.32694 11.8549L10.0519 12.8898L9.75678 10.6654Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/bulb.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M7.99992 0.583374C8.41413 0.583374 8.74992 0.91916 8.74992 1.33337V2.00004C8.74992 2.41425 8.41413 2.75004 7.99992 2.75004C7.58571 2.75004 7.24992 2.41425 7.24992 2.00004V1.33337C7.24992 0.91916 7.58571 0.583374 7.99992 0.583374ZM2.73619 2.73631C3.02908 2.44342 3.50396 2.44342 3.79685 2.73631L4.19692 3.13638C4.48981 3.42927 4.48981 3.90414 4.19692 4.19704C3.90402 4.48993 3.42915 4.48993 3.13626 4.19704L2.73619 3.79697C2.4433 3.50408 2.4433 3.02921 2.73619 2.73631ZM13.2638 2.73638C13.5567 3.02931 13.5566 3.50418 13.2637 3.79704L12.8635 4.1971C12.5706 4.48996 12.0957 4.4899 11.8029 4.19697C11.51 3.90404 11.5101 3.42917 11.803 3.13631L12.2032 2.73625C12.4961 2.44339 12.971 2.44345 13.2638 2.73638ZM7.99992 4.75004C6.20499 4.75004 4.74992 6.20512 4.74992 8.00004C4.74992 9.79497 6.20499 11.25 7.99992 11.25C9.79484 11.25 11.2499 9.79497 11.2499 8.00004C11.2499 6.20512 9.79484 4.75004 7.99992 4.75004ZM3.24992 8.00004C3.24992 5.37669 5.37657 3.25004 7.99992 3.25004C10.6233 3.25004 12.7499 5.37669 12.7499 8.00004C12.7499 9.87608 11.6623 11.4981 10.0833 12.27V13.3334C10.0833 14.484 9.15051 15.4167 7.99992 15.4167C6.84933 15.4167 5.91659 14.484 5.91659 13.3334V12.27C4.33751 11.4981 3.24992 9.87608 3.24992 8.00004ZM7.41659 12.7146V13.3334C7.41659 13.6555 7.67775 13.9167 7.99992 13.9167C8.32208 13.9167 8.58325 13.6555 8.58325 13.3334V12.7146C8.39209 12.738 8.19741 12.75 7.99992 12.75C7.80243 12.75 7.60775 12.738 7.41659 12.7146ZM0.583252 8.00004C0.583252 7.58583 0.919038 7.25004 1.33325 7.25004H1.99992C2.41413 7.25004 2.74992 7.58583 2.74992 8.00004C2.74992 8.41425 2.41413 8.75004 1.99992 8.75004H1.33325C0.919038 8.75004 0.583252 8.41425 0.583252 8.00004ZM13.2499 8.00004C13.2499 7.58583 13.5857 7.25004 13.9999 7.25004H14.6666C15.0808 7.25004 15.4166 7.58583 15.4166 8.00004C15.4166 8.41425 15.0808 8.75004 14.6666 8.75004H13.9999C13.5857 8.75004 13.2499 8.41425 13.2499 8.00004Z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.99992 0.583374C8.41413 0.583374 8.74992 0.91916 8.74992 1.33337V2.00004C8.74992 2.41425 8.41413 2.75004 7.99992 2.75004C7.58571 2.75004 7.24992 2.41425 7.24992 2.00004V1.33337C7.24992 0.91916 7.58571 0.583374 7.99992 0.583374ZM2.73619 2.73631C3.02908 2.44342 3.50396 2.44342 3.79685 2.73631L4.19692 3.13638C4.48981 3.42927 4.48981 3.90414 4.19692 4.19704C3.90402 4.48993 3.42915 4.48993 3.13626 4.19704L2.73619 3.79697C2.4433 3.50408 2.4433 3.02921 2.73619 2.73631ZM13.2638 2.73638C13.5567 3.02931 13.5566 3.50418 13.2637 3.79704L12.8635 4.1971C12.5706 4.48996 12.0957 4.4899 11.8029 4.19697C11.51 3.90404 11.5101 3.42917 11.803 3.13631L12.2032 2.73625C12.4961 2.44339 12.971 2.44345 13.2638 2.73638ZM7.99992 4.75004C6.20499 4.75004 4.74992 6.20512 4.74992 8.00004C4.74992 9.79497 6.20499 11.25 7.99992 11.25C9.79484 11.25 11.2499 9.79497 11.2499 8.00004C11.2499 6.20512 9.79484 4.75004 7.99992 4.75004ZM3.24992 8.00004C3.24992 5.37669 5.37657 3.25004 7.99992 3.25004C10.6233 3.25004 12.7499 5.37669 12.7499 8.00004C12.7499 9.87608 11.6623 11.4981 10.0833 12.27V13.3334C10.0833 14.484 9.15051 15.4167 7.99992 15.4167C6.84933 15.4167 5.91659 14.484 5.91659 13.3334V12.27C4.33751 11.4981 3.24992 9.87608 3.24992 8.00004ZM7.41659 12.7146V13.3334C7.41659 13.6555 7.67775 13.9167 7.99992 13.9167C8.32208 13.9167 8.58325 13.6555 8.58325 13.3334V12.7146C8.39209 12.738 8.19741 12.75 7.99992 12.75C7.80243 12.75 7.60775 12.738 7.41659 12.7146ZM0.583252 8.00004C0.583252 7.58583 0.919038 7.25004 1.33325 7.25004H1.99992C2.41413 7.25004 2.74992 7.58583 2.74992 8.00004C2.74992 8.41425 2.41413 8.75004 1.99992 8.75004H1.33325C0.919038 8.75004 0.583252 8.41425 0.583252 8.00004ZM13.2499 8.00004C13.2499 7.58583 13.5857 7.25004 13.9999 7.25004H14.6666C15.0808 7.25004 15.4166 7.58583 15.4166 8.00004C15.4166 8.41425 15.0808 8.75004 14.6666 8.75004H13.9999C13.5857 8.75004 13.2499 8.41425 13.2499 8.00004Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/card.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4.49964 0.579956H11.4938C12.028 0.579946 12.4738 0.579937 12.8381 0.609696C13.218 0.640734 13.5746 0.707845 13.9119 0.879689C14.4293 1.14334 14.85 1.56404 15.1137 2.08148C15.2855 2.41875 15.3526 2.7754 15.3837 3.15529C15.4134 3.51952 15.4134 3.96536 15.4134 4.49951V11.4937C15.4134 12.0279 15.4134 12.4737 15.3837 12.838C15.3526 13.2178 15.2855 13.5745 15.1137 13.9118C14.85 14.4292 14.4293 14.8499 13.9119 15.1136C13.5746 15.2854 13.218 15.3525 12.8381 15.3836C12.4739 15.4133 12.028 15.4133 11.4939 15.4133H4.49963C3.96548 15.4133 3.51964 15.4133 3.15541 15.3836C2.77552 15.3525 2.41887 15.2854 2.08161 15.1136C1.56416 14.8499 1.14346 14.4292 0.879811 13.9118C0.707967 13.5745 0.640856 13.2178 0.609818 12.838C0.580059 12.4737 0.580068 12.0279 0.580079 11.4937V4.49952C0.580068 3.96537 0.580059 3.51952 0.609818 3.15529C0.640856 2.7754 0.707967 2.41875 0.879811 2.08148C1.14346 1.56404 1.56416 1.14334 2.08161 0.879689C2.41887 0.707845 2.77552 0.640734 3.15541 0.609696C3.51964 0.579937 3.96549 0.579946 4.49964 0.579956ZM3.27756 2.10471C2.99043 2.12817 2.85315 2.17006 2.76259 2.2162C2.52739 2.33604 2.33616 2.52727 2.21632 2.76247C2.17018 2.85303 2.1283 2.99031 2.10484 3.27743C2.08066 3.57331 2.08008 3.95753 2.08008 4.52996V11.4633C2.08008 12.0357 2.08066 12.4199 2.10484 12.7158C2.1283 13.0029 2.17018 13.1402 2.21632 13.2308C2.33616 13.466 2.52739 13.6572 2.76259 13.777C2.85315 13.8232 2.99043 13.8651 3.27756 13.8885C3.57344 13.9127 3.95765 13.9133 4.53008 13.9133H11.4634C12.0358 13.9133 12.4201 13.9127 12.7159 13.8885C13.0031 13.8651 13.1403 13.8232 13.2309 13.777C13.4661 13.6572 13.6573 13.466 13.7772 13.2308C13.8233 13.1402 13.8652 13.0029 13.8887 12.7158C13.9128 12.4199 13.9134 12.0357 13.9134 11.4633V4.52996C13.9134 3.95753 13.9128 3.57331 13.8887 3.27743C13.8652 2.99031 13.8233 2.85303 13.7772 2.76247C13.6573 2.52727 13.4661 2.33604 13.2309 2.2162C13.1403 2.17006 13.0031 2.12817 12.7159 2.10471C12.4201 2.08054 12.0358 2.07996 11.4634 2.07996H4.53008C3.95765 2.07996 3.57344 2.08054 3.27756 2.10471ZM8.00012 5.74996C7.30977 5.74996 6.75012 6.3096 6.75012 6.99996C6.75012 7.69031 7.30977 8.24996 8.00012 8.24996C8.69048 8.24996 9.25012 7.69031 9.25012 6.99996C9.25012 6.3096 8.69048 5.74996 8.00012 5.74996ZM5.25012 6.99996C5.25012 5.48117 6.48134 4.24996 8.00012 4.24996C9.51891 4.24996 10.7501 5.48117 10.7501 6.99996C10.7501 8.51874 9.51891 9.74996 8.00012 9.74996C6.48134 9.74996 5.25012 8.51874 5.25012 6.99996ZM5.91679 11.6666C5.91679 11.2524 6.25258 10.9166 6.66679 10.9166H9.33346C9.74767 10.9166 10.0835 11.2524 10.0835 11.6666C10.0835 12.0808 9.74767 12.4166 9.33346 12.4166H6.66679C6.25258 12.4166 5.91679 12.0808 5.91679 11.6666Z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.49964 0.579956H11.4938C12.028 0.579946 12.4738 0.579937 12.8381 0.609696C13.218 0.640734 13.5746 0.707845 13.9119 0.879689C14.4293 1.14334 14.85 1.56404 15.1137 2.08148C15.2855 2.41875 15.3526 2.7754 15.3837 3.15529C15.4134 3.51952 15.4134 3.96536 15.4134 4.49951V11.4937C15.4134 12.0279 15.4134 12.4737 15.3837 12.838C15.3526 13.2178 15.2855 13.5745 15.1137 13.9118C14.85 14.4292 14.4293 14.8499 13.9119 15.1136C13.5746 15.2854 13.218 15.3525 12.8381 15.3836C12.4739 15.4133 12.028 15.4133 11.4939 15.4133H4.49963C3.96548 15.4133 3.51964 15.4133 3.15541 15.3836C2.77552 15.3525 2.41887 15.2854 2.08161 15.1136C1.56416 14.8499 1.14346 14.4292 0.879811 13.9118C0.707967 13.5745 0.640856 13.2178 0.609818 12.838C0.580059 12.4737 0.580068 12.0279 0.580079 11.4937V4.49952C0.580068 3.96537 0.580059 3.51952 0.609818 3.15529C0.640856 2.7754 0.707967 2.41875 0.879811 2.08148C1.14346 1.56404 1.56416 1.14334 2.08161 0.879689C2.41887 0.707845 2.77552 0.640734 3.15541 0.609696C3.51964 0.579937 3.96549 0.579946 4.49964 0.579956ZM3.27756 2.10471C2.99043 2.12817 2.85315 2.17006 2.76259 2.2162C2.52739 2.33604 2.33616 2.52727 2.21632 2.76247C2.17018 2.85303 2.1283 2.99031 2.10484 3.27743C2.08066 3.57331 2.08008 3.95753 2.08008 4.52996V11.4633C2.08008 12.0357 2.08066 12.4199 2.10484 12.7158C2.1283 13.0029 2.17018 13.1402 2.21632 13.2308C2.33616 13.466 2.52739 13.6572 2.76259 13.777C2.85315 13.8232 2.99043 13.8651 3.27756 13.8885C3.57344 13.9127 3.95765 13.9133 4.53008 13.9133H11.4634C12.0358 13.9133 12.4201 13.9127 12.7159 13.8885C13.0031 13.8651 13.1403 13.8232 13.2309 13.777C13.4661 13.6572 13.6573 13.466 13.7772 13.2308C13.8233 13.1402 13.8652 13.0029 13.8887 12.7158C13.9128 12.4199 13.9134 12.0357 13.9134 11.4633V4.52996C13.9134 3.95753 13.9128 3.57331 13.8887 3.27743C13.8652 2.99031 13.8233 2.85303 13.7772 2.76247C13.6573 2.52727 13.4661 2.33604 13.2309 2.2162C13.1403 2.17006 13.0031 2.12817 12.7159 2.10471C12.4201 2.08054 12.0358 2.07996 11.4634 2.07996H4.53008C3.95765 2.07996 3.57344 2.08054 3.27756 2.10471ZM8.00012 5.74996C7.30977 5.74996 6.75012 6.3096 6.75012 6.99996C6.75012 7.69031 7.30977 8.24996 8.00012 8.24996C8.69048 8.24996 9.25012 7.69031 9.25012 6.99996C9.25012 6.3096 8.69048 5.74996 8.00012 5.74996ZM5.25012 6.99996C5.25012 5.48117 6.48134 4.24996 8.00012 4.24996C9.51891 4.24996 10.7501 5.48117 10.7501 6.99996C10.7501 8.51874 9.51891 9.74996 8.00012 9.74996C6.48134 9.74996 5.25012 8.51874 5.25012 6.99996ZM5.91679 11.6666C5.91679 11.2524 6.25258 10.9166 6.66679 10.9166H9.33346C9.74767 10.9166 10.0835 11.2524 10.0835 11.6666C10.0835 12.0808 9.74767 12.4166 9.33346 12.4166H6.66679C6.25258 12.4166 5.91679 12.0808 5.91679 11.6666Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/check-circle-light.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M7.99992 1.83337C4.59416 1.83337 1.83325 4.59428 1.83325 8.00004C1.83325 11.4058 4.59416 14.1667 7.99992 14.1667C11.4057 14.1667 14.1666 11.4058 14.1666 8.00004C14.1666 4.59428 11.4057 1.83337 7.99992 1.83337ZM0.833252 8.00004C0.833252 4.042 4.04188 0.833374 7.99992 0.833374C11.958 0.833374 15.1666 4.042 15.1666 8.00004C15.1666 11.9581 11.958 15.1667 7.99992 15.1667C4.04188 15.1667 0.833252 11.9581 0.833252 8.00004ZM11.3535 5.64649C11.5487 5.84175 11.5487 6.15833 11.3535 6.35359L7.35347 10.3536C7.15821 10.5489 6.84163 10.5489 6.64637 10.3536L4.64637 8.35359C4.4511 8.15833 4.4511 7.84175 4.64637 7.64649C4.84163 7.45123 5.15821 7.45123 5.35347 7.64649L6.99992 9.29293L10.6464 5.64649C10.8416 5.45123 11.1582 5.45123 11.3535 5.64649Z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.99992 1.83337C4.59416 1.83337 1.83325 4.59428 1.83325 8.00004C1.83325 11.4058 4.59416 14.1667 7.99992 14.1667C11.4057 14.1667 14.1666 11.4058 14.1666 8.00004C14.1666 4.59428 11.4057 1.83337 7.99992 1.83337ZM0.833252 8.00004C0.833252 4.042 4.04188 0.833374 7.99992 0.833374C11.958 0.833374 15.1666 4.042 15.1666 8.00004C15.1666 11.9581 11.958 15.1667 7.99992 15.1667C4.04188 15.1667 0.833252 11.9581 0.833252 8.00004ZM11.3535 5.64649C11.5487 5.84175 11.5487 6.15833 11.3535 6.35359L7.35347 10.3536C7.15821 10.5489 6.84163 10.5489 6.64637 10.3536L4.64637 8.35359C4.4511 8.15833 4.4511 7.84175 4.64637 7.64649C4.84163 7.45123 5.15821 7.45123 5.35347 7.64649L6.99992 9.29293L10.6464 5.64649C10.8416 5.45123 11.1582 5.45123 11.3535 5.64649Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/chevron-down.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    transform="rotate(90)  translate(0 -16)"
-    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
-    fill-rule="nonzero"
-  />
-</template>
+<template>
+  <path
+    transform="rotate(90)  translate(0 -16)"
+    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/chevron-left.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    transform="rotate(180) translate(-16 -16)"
-    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
-    fill-rule="nonzero"
-  />
-</template>
+<template>
+  <path
+    transform="rotate(180) translate(-16 -16)"
+    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/chevron-right.vue

@@ -1,3 +1,3 @@
-<template>
-  <path d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z" fill-rule="nonzero" />
-</template>
+<template>
+  <path d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z" fill-rule="nonzero" />
+</template>

package/src/atoms/components/design-com/Icon/icons/chevron-up.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    transform="rotate(-90) translate(-16 0)"
-    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
-    fill-rule="nonzero"
-  />
-</template>
+<template>
+  <path
+    transform="rotate(-90) translate(-16 0)"
+    d="M10.0541 8L5 2.3497 6.7386 1 13 8l-6.2614 7L5 13.6503z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/diamond.vue

@@ -1,7 +1,7 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M4.9 1.25H11.1c.065 0 .213-.002.358.037.123.033.239.087.342.16.124.087.217.202.258.252l.011.013 2.898 3.477c.042.051.097.116.142.179a1.084 1.084 0 0 1 .166.93c-.043.148-.113.26-.166.334-.045.063-.1.128-.142.179l-5.981 7.178-.012.014c-.06.071-.132.158-.201.227-.079.08-.21.197-.401.267-.24.088-.504.088-.744 0a1.093 1.093 0 0 1-.402-.267c-.069-.07-.14-.156-.2-.227l-.012-.014L1.04 6.822l-.009-.011a3.143 3.143 0 0 1-.141-.179 1.085 1.085 0 0 1-.166-.335 1.083 1.083 0 0 1 0-.594c.043-.149.112-.26.166-.335.044-.063.099-.128.141-.179l.01-.01L3.93 1.711l.011-.013a1.083 1.083 0 0 1 .6-.411c.146-.04.294-.039.358-.038Zm3.892 1.5H7.207l-.833 2.5h3.252l-.834-2.5Zm2.415 2.5-.833-2.5h.608l2.083 2.5h-1.858ZM9.61 6.75 8 11.384 6.388 6.75h3.223Zm-4.819-1.5.834-2.5h-.608l-2.084 2.5h1.858Zm-1.858 1.5H4.8l1.336 3.842L2.934 6.75Zm6.93 3.842L11.2 6.75h1.865l-3.202 3.842Z"
-  />
-</template>
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.9 1.25H11.1c.065 0 .213-.002.358.037.123.033.239.087.342.16.124.087.217.202.258.252l.011.013 2.898 3.477c.042.051.097.116.142.179a1.084 1.084 0 0 1 .166.93c-.043.148-.113.26-.166.334-.045.063-.1.128-.142.179l-5.981 7.178-.012.014c-.06.071-.132.158-.201.227-.079.08-.21.197-.401.267-.24.088-.504.088-.744 0a1.093 1.093 0 0 1-.402-.267c-.069-.07-.14-.156-.2-.227l-.012-.014L1.04 6.822l-.009-.011a3.143 3.143 0 0 1-.141-.179 1.085 1.085 0 0 1-.166-.335 1.083 1.083 0 0 1 0-.594c.043-.149.112-.26.166-.335.044-.063.099-.128.141-.179l.01-.01L3.93 1.711l.011-.013a1.083 1.083 0 0 1 .6-.411c.146-.04.294-.039.358-.038Zm3.892 1.5H7.207l-.833 2.5h3.252l-.834-2.5Zm2.415 2.5-.833-2.5h.608l2.083 2.5h-1.858ZM9.61 6.75 8 11.384 6.388 6.75h3.223Zm-4.819-1.5.834-2.5h-.608l-2.084 2.5h1.858Zm-1.858 1.5H4.8l1.336 3.842L2.934 6.75Zm6.93 3.842L11.2 6.75h1.865l-3.202 3.842Z"
+  />
+</template>