@designcrowd/fe-shared-lib 1.5.1-icontranslation → 1.5.2

package/package.json

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

package/public/css/tailwind-brandCrowd.css

@@ -738,9 +738,6 @@ video {
 .theme-brandCrowd .tw-mt-0 {
   margin-top: 0px;
 }
-.theme-brandCrowd .tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .theme-brandCrowd .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +750,9 @@ video {
 .theme-brandCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandCrowd .tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .theme-brandCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -926,6 +926,9 @@ 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

@@ -738,9 +738,6 @@ video {
 .theme-brandPage .tw-mt-0 {
   margin-top: 0px;
 }
-.theme-brandPage .tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .theme-brandPage .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +750,9 @@ video {
 .theme-brandPage .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-brandPage .tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .theme-brandPage .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -926,6 +926,9 @@ 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

@@ -738,9 +738,6 @@ video {
 .theme-crazyDomains .tw-mt-0 {
   margin-top: 0px;
 }
-.theme-crazyDomains .tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .theme-crazyDomains .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +750,9 @@ video {
 .theme-crazyDomains .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-crazyDomains .tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .theme-crazyDomains .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -926,6 +926,9 @@ 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

@@ -738,9 +738,6 @@ video {
 .theme-designCom .tw-mt-0 {
   margin-top: 0px;
 }
-.theme-designCom .tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .theme-designCom .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +750,9 @@ video {
 .theme-designCom .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCom .tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .theme-designCom .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -926,6 +926,9 @@ 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

@@ -738,9 +738,6 @@ video {
 .theme-designCrowd .tw-mt-0 {
   margin-top: 0px;
 }
-.theme-designCrowd .tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .theme-designCrowd .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +750,9 @@ video {
 .theme-designCrowd .tw-mt-4 {
   margin-top: 1rem;
 }
+.theme-designCrowd .tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .theme-designCrowd .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -926,6 +926,9 @@ 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/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/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js

@@ -174,6 +174,42 @@ export const PublishedNoDomains = () => {
 
 PublishedNoDomains.loaders = [loadTranslationAsync];
 
+export const PublishedWithContent = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+      };
+    },
+    methods: {},
+    template: `
+     <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        isSubsequentPublish="true"
+        showUpsellRotation="true"
+        brand-page-display-name='Website' 
+        brand-page-slug='test-slug' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/test-slug"
+      >
+        <template #upsell>
+          <div>Upsell container goes here 111111</div>
+        </template>
+      </PublishBrandPageModal>
+    `,
+  };
+};
+
+PublishedWithContent.loaders = [loadTranslationAsync];
+
 export const Free = () => {
   return {
     components: {