@designcrowd/fe-shared-lib 1.5.7-fix-icon → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.7-fix-icon",
+  "version": "1.5.7",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -214,6 +214,7 @@ export const IconSample = () => {
           { name: 'services' },
           { name: 'settings' },
           { name: 'share' },
+          { name: 'shield-tick' },
           { name: 'sms' },
           { name: 'social-facebook' },
           { name: 'social-facebook-color' },

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

@@ -262,6 +262,7 @@ 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 IconShieldTick from './icons/shield-tick.vue';
 import IconShop from './icons/shop.vue';
 import IconStop from './icons/stop.vue';
 import IconSms from './icons/sms.vue';
@@ -619,6 +620,7 @@ export default {
     IconResize,
     IconMedia,
     IconRequestPayment,
+    IconShieldTick,
     IconShop,
     IconSearch,
     IconSecure,

package/src/atoms/components/Icon/icons/shield-tick.vue

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M12.5837 4.81128C12.5837 4.21729 12.5719 4.11868 12.5456 4.04956C12.5119 3.96109 12.4564 3.88266 12.3854 3.82007C12.3299 3.77117 12.2424 3.72494 11.6862 3.51636L8.11101 2.17554C8.07578 2.16233 8.04852 2.15286 8.02507 2.14429C8.01522 2.14069 8.00685 2.13706 7.99968 2.13452C7.99266 2.13701 7.98481 2.1408 7.97527 2.14429C7.9517 2.1529 7.92384 2.16223 7.88835 2.17554L4.31413 3.51636C3.75767 3.72503 3.66943 3.77116 3.61394 3.82007C3.54313 3.88259 3.48839 3.96129 3.45476 4.04956C3.42846 4.11868 3.41668 4.21729 3.41667 4.81128V7.99976C3.41667 9.3566 4.16012 10.5923 5.15495 11.6287C6.14141 12.6563 7.29201 13.4003 7.91277 13.7625C7.95012 13.7842 7.97682 13.7994 7.99968 13.8123C8.0227 13.7993 8.04982 13.7845 8.08757 13.7625C8.70836 13.4003 9.8589 12.6564 10.8454 11.6287C11.8402 10.5923 12.5837 9.3566 12.5837 7.99976V4.81128ZM9.80339 5.46948C10.0963 5.17687 10.5711 5.17668 10.8639 5.46948C11.1567 5.76228 11.1565 6.23713 10.8639 6.53003L7.86394 9.53003C7.72336 9.6706 7.53246 9.74967 7.33366 9.74976C7.13477 9.74976 6.94404 9.67065 6.80339 9.53003L5.46941 8.19702C5.1767 7.90419 5.17676 7.42934 5.46941 7.13647C5.76226 6.84362 6.23705 6.8437 6.52995 7.13647L7.33269 7.93921L9.80339 5.46948ZM14.0837 7.99976C14.0837 9.91521 13.0419 11.5067 11.9274 12.6677C10.8048 13.8372 9.52137 14.6618 8.84343 15.0574C8.71957 15.1296 8.54012 15.2426 8.29753 15.2947C8.11304 15.3342 7.88729 15.3342 7.7028 15.2947C7.46005 15.2426 7.28081 15.1297 7.15691 15.0574C6.47906 14.6619 5.19566 13.8373 4.07292 12.6677C2.95843 11.5067 1.91667 9.91521 1.91667 7.99976V4.4646C1.9203 4.12537 1.94148 3.80797 2.05241 3.51636C2.17274 3.20015 2.3689 2.91779 2.62273 2.69409C2.93499 2.419 3.34627 2.27762 3.78777 2.11206L7.36198 0.77124C7.47044 0.73057 7.62746 0.667886 7.79753 0.643311L7.99968 0.628662L8.2028 0.643311L8.32683 0.667725C8.44787 0.697738 8.55694 0.740711 8.63835 0.77124L12.2126 2.11206C12.6541 2.27763 13.0654 2.41893 13.3776 2.69409C13.6314 2.91777 13.8266 3.20018 13.9469 3.51636C14.0949 3.90527 14.0837 4.33983 14.0837 4.81128V7.99976Z"
+    fill="evenodd"
+  />
+</template>

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

@@ -80,65 +80,3 @@ export const IconSample = () => {
 IconSample.story = {
   name: 'Dcom Icon Library',
 };
-
-export const IconInternationalization = () => {
-  return {
-    components: {
-      Icon,
-    },
-    data() {
-      return {
-        languages: [
-          { code: 'en', name: 'English' },
-          { code: 'fr', name: 'French' },
-          { code: 'es', name: 'Spanish' },
-          { code: 'pt', name: 'Portuguese' },
-          { code: 'de', name: 'German' },
-        ],
-      };
-    },
-    template: `
-      <div>
-        <h3 class="tw-font-sans tw-mb-4 tw-text-lg tw-font-bold">Internationalization (i18n) Support</h3>
-        <p class="tw-font-sans tw-mb-4">The <code>lang</code> prop allows you to specify the language code for screen readers. This is crucial for proper accessibility in internationalized applications.</p>
-
-        <table class="tw-w-full tw-mb-6">
-          <thead>
-            <tr>
-              <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Language</th>
-              <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Icon</th>
-              <th class="tw-text-left tw-p-4 tw-bg-grayscale-400 tw-font-sans">Code</th>
-            </tr>
-          </thead>
-          <tr v-for="(language, i) in languages" :key="i" :class="{'tw-bg-grayscale-200': i % 2 !== 0}">
-            <td class="tw-p-4 tw-font-sans">{{ language.name }} ({{ language.code }})</td>
-            <td class="tw-p-4">
-              <Icon name="heart" size="md" :lang="language.code" />
-            </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="heart" size="md" lang="{{ language.code }}" /&gt;
-              </code>
-            </td>
-          </tr>
-        </table>
-
-        <div class="tw-font-sans tw-bg-blue-50 tw-p-4 tw-rounded tw-border tw-border-blue-200">
-          <h4 class="tw-font-bold tw-mb-2">Usage in i18n Applications:</h4>
-          <p class="tw-mb-2">In Vue applications with i18n, you can dynamically pass the current locale:</p>
-          <pre class="tw-bg-gray-100 tw-p-3 tw-rounded tw-text-sm tw-overflow-x-auto"><code>&lt;Icon
-  name="feature.iconName"
-  size="md"
-  :lang="$i18n.locale.split('-')[0]"
-  :alt-text="$t('icons.heart.title')"
-/&gt;</code></pre>
-          <p class="tw-mt-2 tw-text-sm tw-text-gray-600">Note: The lang prop defaults to 'en' for backward compatibility.</p>
-        </div>
-      </div>
-    `,
-  };
-};
-
-IconInternationalization.story = {
-  name: 'Internationalization (lang prop)',
-};

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

@@ -18,8 +18,8 @@
       aria-labelledby="title"
       aria-describedby="desc"
     >
-      <title :id="`${name}-${id}-title`" :lang="lang">{{ title }}</title>
-      <desc :id="`${name}-${id}-desc`" :lang="lang">{{ description }}</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>
@@ -118,11 +118,6 @@ export default {
       required: false,
       default: '',
     },
-    lang: {
-      type: String,
-      required: false,
-      default: 'en',
-    },
   },
   data() {
     return {

package/.claude/settings.local.json

@@ -1,17 +0,0 @@
-{
-  "env": {
-    "CLAUDE_CODE_USE_BEDROCK": "1",
-    "AWS_PROFILE": "default",
-    "AWS_REGION": "us-east-1",
-    "ANTHROPIC_MODEL": "global.anthropic.claude-sonnet-4-5-20250929-v1:0",
-    "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "10000",
-    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
-  },
-  "outputStyle": "default",
-  "spinnerTipsEnabled": false,
-  "permissions": {
-    "allow": [
-      "Bash(mkdir:*)"
-    ]
-  }
-}

package/dist/types/index.d.ts

@@ -1,55 +0,0 @@
-export { default as UploadYourLogoDropzone } from "./src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.vue";
-export { default as UploadYourLogoApplication } from "./src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue";
-export { default as UploadedLogoSearchResultCard } from "./src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue";
-export { default as SignUpModal } from "./src/experiences/components/AuthFlow/SignUpModal.vue";
-export { default as SignUp } from "./src/experiences/components/AuthFlow/SignUp.vue";
-export { default as SignIn } from "./src/experiences/components/AuthFlow/SignIn.vue";
-export { default as ForgotPasswordModal } from "./src/experiences/components/AuthFlow/ForgotPasswordModal.vue";
-export { default as ForgotPassword } from "./src/experiences/components/AuthFlow/ForgotPassword.vue";
-export { default as ResetPasswordModal } from "./src/experiences/components/AuthFlow/ResetPasswordModal.vue";
-export { default as ResetPassword } from "./src/experiences/components/AuthFlow/ResetPassword.vue";
-export { default as ResetPasswordSuccessModal } from "./src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue";
-export { default as PaymentConfigList } from "./src/experiences/components/PaymentConfigList/PaymentConfigList.vue";
-export { default as PaymentConfigDropdown } from "./src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue";
-export { default as brandPageApiClient } from "./src/experiences/clients/brand-page-api.client";
-export { default as brandCrowdApiClient } from "./src/experiences/clients/brand-crowd-api.client";
-export { default as SellDomainNameListModal } from "./src/experiences/components/SellDomainNameListModal/SellDomainNameListModal.vue";
-export { default as SellDomainNameList } from "./src/experiences/components/SellDomainNameList/SellDomainNameList.vue";
-export { default as SellDomainNameWidget } from "./src/experiences/components/SellDomainNameWidget/SellDomainNameWidget.vue";
-export { default as PublishBrandPageModal } from "./src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue";
-export { default as PublishBrandPageCard } from "./src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue";
-export { default as Button } from "./src/atoms/components/Button/Button.vue";
-export { default as ButtonGroup } from "./src/atoms/components/ButtonGroup/ButtonGroup.vue";
-export { default as Dropdown } from "./src/atoms/components/Dropdown/Dropdown.vue";
-export { default as DropdownItem } from "./src/atoms/components/Dropdown/DropdownItem.vue";
-export { default as Icon } from "./src/atoms/components/Icon/Icon.vue";
-export { default as DcomIcon } from "./src/atoms/components/design-com/Icon/Icon.vue";
-export { default as Modal } from "./src/atoms/components/Modal/Modal.vue";
-export { default as Loader } from "./src/atoms/components/Loader/Loader.vue";
-export { default as Tooltip } from "./src/atoms/components/Tooltip/Tooltip.vue";
-export { default as Picture } from "./src/atoms/components/Picture/Picture.vue";
-export { default as HelloBar } from "./src/atoms/components/HelloBar/HelloBar.vue";
-export { default as SearchBar } from "./src/atoms/components/SearchBar/SearchBar.vue";
-export { default as StarRating } from "./src/atoms/components/StarRating/StarRating.vue";
-export { default as TabMenu } from "./src/atoms/components/TabMenu/TabMenu.vue";
-export { default as TextInput } from "./src/atoms/components/TextInput/TextInput.vue";
-export { default as TextCopyField } from "./src/atoms/components/TextCopyField/TextCopyField.vue";
-export { default as Textarea } from "./src/atoms/components/Textarea/Textarea.vue";
-export { default as Toggle } from "./src/atoms/components/Toggle/Toggle.vue";
-export { default as Checkbox } from "./src/atoms/components/Checkbox/Checkbox.vue";
-export { default as ColorPicker } from "./src/atoms/components/ColorPicker/ColorPicker.vue";
-export { default as Carousel } from "./src/atoms/components/Carousel/Carousel.vue";
-export { default as Checktile } from "./src/atoms/components/Checktile/Checktile.vue";
-export { default as Pill } from "./src/atoms/components/Pill/Pill.vue";
-export { default as PillBar } from "./src/atoms/components/PillBar/PillBar.vue";
-export { default as Notice } from "./src/atoms/components/Notice/Notice.vue";
-export { default as Masonry } from "./src/atoms/components/Masonry/Masonry.vue";
-export { default as CollapsiblePanel } from "./src/atoms/components/CollapsiblePanel/CollapsiblePanel.vue";
-export { default as Slider } from "./src/atoms/components/Slider/Slider.vue";
-export { default as Price } from "./src/atoms/components/Price/Price.vue";
-export { default as HashRouteModal } from "./src/atoms/components/Modal/HashRouteModal.vue";
-export { default as Select } from "./src/atoms/components/Select/Select.vue";
-export { default as NumberStepper } from "./src/atoms/components/NumberStepper/NumberStepper.vue";
-export { default as CopyToClipboardText } from "./src/atoms/components/CopyToClipboardText/CopyToClipboardText.vue";
-export { default as SparkleIcon } from "./src/atoms/components/SparkleIcon/SparkleIcon.vue";
-export { setSharedLibLocaleAsync, tr } from "./src/useSharedLibTranslate";