@designcrowd/fe-shared-lib 1.2.7-rr-debugging-2 → 1.2.8

package/dist/css/tailwind-brandCrowd.css

@@ -643,6 +643,10 @@ 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;
@@ -849,9 +853,6 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
-.tw-w-1\/3 {
-  width: 33.333333%;
-}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -2255,6 +2256,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-brandPage.css

@@ -643,6 +643,10 @@ 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;
@@ -849,9 +853,6 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
-.tw-w-1\/3 {
-  width: 33.333333%;
-}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -1939,6 +1940,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-crazyDomains.css

@@ -643,6 +643,10 @@ 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;
@@ -849,9 +853,6 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
-.tw-w-1\/3 {
-  width: 33.333333%;
-}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -2255,6 +2256,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-designCom.css

@@ -643,6 +643,10 @@ 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;
@@ -849,9 +853,6 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
-.tw-w-1\/3 {
-  width: 33.333333%;
-}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -2255,6 +2256,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/dist/css/tailwind-designCrowd.css

@@ -643,6 +643,10 @@ 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;
@@ -849,9 +853,6 @@ video {
 .tw-max-h-screen {
   max-height: 100vh;
 }
-.tw-w-1\/3 {
-  width: 33.333333%;
-}
 .tw-w-10 {
   width: 2.5rem;
 }
@@ -2255,6 +2256,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.7-rr-debugging-2",
+  "version": "1.2.8",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
   "overrides": {
     "storybook": "$storybook"
   }
-}
+}

package/src/atoms/components/CollapsiblePanel/CollapsiblePanel.mixin.js

@@ -6,6 +6,10 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    subtitle: {
+      type: String,
+      default: '',
+    },
     isCollapsed: {
       type: Boolean,
       required: false,

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

@@ -38,3 +38,16 @@ export const WithForm = () => {
     `,
   };
 };
+
+export const WithSubtitle = () => {
+  return {
+    ...data,
+    template: `
+      <CollapsiblePanel title="Hello" subtitle="This is a subtitle">
+        <p>Test case with subtitle</p>
+        <p>Test case with subtitle</p>
+        <p>Test case with subtitle</p>
+      </CollapsiblePanel>
+    `,
+  };
+};

package/src/atoms/components/CollapsiblePanel/CollapsiblePanel.vue

@@ -7,8 +7,11 @@
       :class="{ 'tw-mb-2': !selfIsCollapsed }"
       @click="toggleCollapsed()"
     >
-      <div class="tw-grow tw-text-md tw-font-sans tw-font-bold tw-text-secondary-800">
-        {{ title }}
+      <div class="tw-grow">
+        <div class="tw-text-md tw-font-sans tw-font-bold tw-text-secondary-800">
+          {{ title }}
+        </div>
+        <div v-if="subtitle" class="tw-text-sm tw-text-grayscale-700 tw-my-1">{{ subtitle }}</div>
       </div>
       <div class="tw-bg-transparent tw-border-none tw-text-grayscale-600 tw-ml-2">
         <Icon :name="selfIsCollapsed ? 'chevron-down' : 'chevron-up'" size="sm" />

package/src/experiences/components/SellDomainNameSearch/SellDomainNameSearch.vue

@@ -41,7 +41,6 @@
   </div>
 </template>
 <script>
-import i18next from 'i18next';
 import Button from '../../../atoms/components/Button/Button.vue';
 import TextInput from '../../../atoms/components/TextInput/TextInput.vue';
 import { sellDomainNameMinSearchTextLength } from '../../constants/sell-domain-name-constants';
@@ -83,12 +82,6 @@ export default {
   },
   emits: ['onSearch', 'onSearchTextInputChange'],
   setup() {
-    // eslint-disable-next-line import/no-extraneous-dependencies
-    // Make i18next available globally for debugging
-    if (typeof window !== 'undefined') {
-      window.i18nextSearch = i18next;
-    }
-
     return {
       searchButtonLabel: sellDomainNameSearchTr('searchButtonLabel'),
       searchBarLabel: sellDomainNameSearchTr('searchBarLabel'),

package/src/useSharedLibTranslate.js

@@ -1,11 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import i18next from 'i18next';
 
-// Make i18next available globally for debugging
-if (typeof window !== 'undefined') {
-  window.i18next = i18next;
-}
-
 const fallbackLocale = 'en-US';
 
 const relativePathsToTranslationFiles = {
@@ -21,16 +16,10 @@ const setSharedLibLocaleAsync = async (locale = 'en-US') => {
 
   if (!i18next.isInitialized) {
     await i18next.init({
-      debug: true, 
+      debug: false,
       fallbackLng: fallbackLocale,
       lng: localeToUse,
     });
-
-    console.log('[i18next] Initialized:', {
-      language: i18next.language,
-      isInitialized: i18next.isInitialized,
-      resources: i18next.services.resourceStore.data,
-    });
   }
 
   const languageFile = (await relativePathsToTranslationFiles[localeToUse]()).default;
@@ -38,12 +27,11 @@ const setSharedLibLocaleAsync = async (locale = 'en-US') => {
   await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
     ...languageFile,
   });
-
-  console.log(`[i18next] Resource bundle loaded for ${localeToUse}:`, i18next.getResourceBundle(localeToUse, 'fe-shared-lib'));
 };
 
 const tr = (key, valuesToInterpolate = {}) => {
   const translated = i18next.t(key, { ns: 'fe-shared-lib', ...valuesToInterpolate });
+
   return translated;
 };
 
@@ -77,4 +65,4 @@ export {
   sellDomainNameModalApplicationTr,
   sellDomainNameListModalTr,
   sellDomainNameListTr,
-};
+};