@designcrowd/fe-shared-lib 1.2.5-pl-3 → 1.2.6-debug-1

package/Dockerfile

@@ -29,7 +29,7 @@ COPY .npmignore ./
 RUN npm run bundle-translation
 
 RUN mkdir artifacts
-RUN npm publish || (touch artifacts/npm_publish_failed && exit 1)
+RUN npm publish || touch artifacts/npm_publish_failed
 RUN cp package.json artifacts/
 
 ENTRYPOINT ["/bin/echo", "Nothing to do."]

package/index.js

@@ -19,7 +19,7 @@ export { default as SellDomainNameWidget } from './src/experiences/components/Se
 export { default as PublishBrandPageModal } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue';
 export { default as PublishBrandPageCard } from './src/experiences/components/PublishBrandPageModal/PublishBrandPageCard.vue';
 
-export { setLocaleAsync, tr } from './src/useSharedLibTranslate';
+export { setSharedLibLocaleAsync, tr } from './src/useSharedLibTranslate';
 
 export { default as Button } from './src/atoms/components/Button/Button.vue';
 export { default as ButtonGroup } from './src/atoms/components/ButtonGroup/ButtonGroup.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.5-pl-3",
+  "version": "1.2.6-debug-1",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
   "overrides": {
     "storybook": "$storybook"
   }
-}
+}

package/public/css/tailwind-brandCrowd.css

@@ -719,9 +719,6 @@ video {
 .theme-brandCrowd .tw-ml-auto {
   margin-left: auto;
 }
-.theme-brandCrowd .tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .theme-brandCrowd .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -830,10 +827,6 @@ video {
 .theme-brandCrowd .tw-h-auto {
   height: auto;
 }
-.theme-brandCrowd .tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .theme-brandCrowd .tw-h-full {
   height: 100%;
 }
@@ -1453,17 +1446,6 @@ video {
 .theme-brandCrowd .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.theme-brandCrowd .tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.theme-brandCrowd .tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.theme-brandCrowd .tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .theme-brandCrowd .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2041,10 +2023,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 121 172 / var(--tw-bg-opacity));
 }
-.theme-brandCrowd .hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(252 209 217 / var(--tw-bg-opacity));
-}
 .theme-brandCrowd .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 73 101 / var(--tw-bg-opacity));
@@ -2109,10 +2087,6 @@ video {
   --tw-shadow-color: #0097D7 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.theme-brandCrowd .hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .theme-brandCrowd .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(194 22 50 / var(--tw-border-opacity));

package/public/css/tailwind-brandPage.css

@@ -719,9 +719,6 @@ video {
 .theme-brandPage .tw-ml-auto {
   margin-left: auto;
 }
-.theme-brandPage .tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .theme-brandPage .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -830,10 +827,6 @@ video {
 .theme-brandPage .tw-h-auto {
   height: auto;
 }
-.theme-brandPage .tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .theme-brandPage .tw-h-full {
   height: 100%;
 }
@@ -1301,17 +1294,6 @@ video {
 .theme-brandPage .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.theme-brandPage .tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.theme-brandPage .tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.theme-brandPage .tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .theme-brandPage .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1809,10 +1791,6 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.theme-brandPage .hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .theme-brandPage .focus\:tw-border-grayscale-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));

package/public/css/tailwind-crazyDomains.css

@@ -719,9 +719,6 @@ video {
 .theme-crazyDomains .tw-ml-auto {
   margin-left: auto;
 }
-.theme-crazyDomains .tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .theme-crazyDomains .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -830,10 +827,6 @@ video {
 .theme-crazyDomains .tw-h-auto {
   height: auto;
 }
-.theme-crazyDomains .tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .theme-crazyDomains .tw-h-full {
   height: 100%;
 }
@@ -1453,17 +1446,6 @@ video {
 .theme-crazyDomains .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.theme-crazyDomains .tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.theme-crazyDomains .tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.theme-crazyDomains .tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .theme-crazyDomains .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2041,10 +2023,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 129 191 / var(--tw-bg-opacity));
 }
-.theme-crazyDomains .hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(226 238 213 / var(--tw-bg-opacity));
-}
 .theme-crazyDomains .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(140 189 89 / var(--tw-bg-opacity));
@@ -2109,10 +2087,6 @@ video {
   --tw-shadow-color: #00A1EF !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.theme-crazyDomains .hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .theme-crazyDomains .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(186 24 79 / var(--tw-border-opacity));

package/public/css/tailwind-designCom.css

@@ -719,9 +719,6 @@ video {
 .theme-designCom .tw-ml-auto {
   margin-left: auto;
 }
-.theme-designCom .tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .theme-designCom .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -830,10 +827,6 @@ video {
 .theme-designCom .tw-h-auto {
   height: auto;
 }
-.theme-designCom .tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .theme-designCom .tw-h-full {
   height: 100%;
 }
@@ -1453,17 +1446,6 @@ video {
 .theme-designCom .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.theme-designCom .tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.theme-designCom .tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.theme-designCom .tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .theme-designCom .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2041,10 +2023,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
-.theme-designCom .hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
-}
 .theme-designCom .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2109,10 +2087,6 @@ video {
   --tw-shadow-color: #3f59f6 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.theme-designCom .hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .theme-designCom .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(182 58 42 / var(--tw-border-opacity));

package/public/css/tailwind-designCrowd.css

@@ -719,9 +719,6 @@ video {
 .theme-designCrowd .tw-ml-auto {
   margin-left: auto;
 }
-.theme-designCrowd .tw-mr-1 {
-  margin-right: 0.25rem;
-}
 .theme-designCrowd .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -830,10 +827,6 @@ video {
 .theme-designCrowd .tw-h-auto {
   height: auto;
 }
-.theme-designCrowd .tw-h-fit {
-  height: -moz-fit-content;
-  height: fit-content;
-}
 .theme-designCrowd .tw-h-full {
   height: 100%;
 }
@@ -1453,17 +1446,6 @@ video {
 .theme-designCrowd .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
-.theme-designCrowd .tw-bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.theme-designCrowd .tw-from-\[\#d946ef\] {
-  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
-  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.theme-designCrowd .tw-to-\[\#8b5cf6\] {
-  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
-}
 .theme-designCrowd .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -2041,10 +2023,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
-.theme-designCrowd .hover\:tw-bg-primary-100:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
-}
 .theme-designCrowd .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2109,10 +2087,6 @@ video {
   --tw-shadow-color: #1197EB !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
-.theme-designCrowd .hover\:tw-brightness-\[0\.85\]:hover {
-  --tw-brightness: brightness(0.85);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .theme-designCrowd .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(195 50 48 / var(--tw-border-opacity));

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

@@ -19,9 +19,10 @@
       role="graphics-symbol"
       aria-labelledby="title"
       aria-describedby="desc"
+      :data-id="`${name}-${id}-title`"
     >
-      <title :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
-      <desc :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
+      <title v-if="title" :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
+      <desc v-if="description" :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
       <component :is="`icon-${iconName}`"></component>
     </svg>
   </div>
@@ -799,7 +800,7 @@ export default {
       return css || null;
     },
     title() {
-      return this.altText || `${this.titleCase(this.name)}`;
+      return this.altText;
     },
     description() {
       return `${this.title} Icon`;

package/src/experiences/components/AuthFlow/ForgotPassword.vue

@@ -38,7 +38,6 @@
           <p class="tw-mb-8 tw-text-grayscale-600">{{ modalDescription }}</p>
           <form id="forgotPassword" ref="forgotPasswordForm" method="post" @submit="validate">
             <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
-            <input type="hidden" name="locale" :value="currentLocale" />
             <label for="email" class="tw-sr-only"> {{ emailLabel }} </label>
             <input
               v-model="aEmail"
@@ -73,7 +72,6 @@
   </div>
 </template>
 <script>
-import i18next from 'i18next';
 import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
@@ -143,9 +141,6 @@ export default {
     };
   },
   computed: {
-    currentLocale() {
-      return i18next.language || 'en-US';
-    },
     getRedirectToSignInUrl() {
       const url = new URL(`https://${window.location.host}${this.signInUrl}`);
       if (this.aEmail) {

package/src/experiences/components/AuthFlow/ResetPassword.vue

@@ -13,11 +13,10 @@
             {{ title }}
           </h2>
           <p class="tw-mb-8 tw-text-grayscale-600">{{ description }}</p>
-          <form id="resetPassword" ref="resetPasswordForm" method="post" @submit="validate">
+          <form id="resetPassword" method="post" @submit="validate">
             <input name="__RequestVerificationToken" type="hidden" :value="antiForgeryToken" />
             <input name="userName" type="hidden" :value="userName" />
             <input name="resetPasswordToken" type="hidden" :value="resetPasswordToken" />
-            <input name="locale" type="hidden" :value="currentLocale" />
             <label for="password" class="tw-sr-only">New Password</label>
             <input
               v-model="password"
@@ -26,14 +25,14 @@
               aria-required="true"
               :aria-invalid="!!passwordError"
               autocomplete="new-password"
-              :placeholder="newPasswordPlaceholder"
+              placeholder="New password"
               class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
               :class="{ 'tw-border-error-500': !!passwordError }"
             />
             <p v-if="!!passwordError" class="tw-text-error-500 tw-text-sm tw-text-left tw-mb-4">
               {{ passwordError }}
             </p>
-            <label for="confirmPassword" class="tw-sr-only">{{ confirmPasswordLabel }}</label>
+            <label for="confirmPassword" class="tw-sr-only"> Confirm Password </label>
             <input
               v-model="confirmPassword"
               name="confirmPassword"
@@ -41,7 +40,7 @@
               aria-required="true"
               :aria-invalid="!!confirmPasswordError"
               autocomplete="off"
-              :placeholder="confirmPasswordPlaceholder"
+              placeholder="Confirm new password"
               class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
               :class="{ 'tw-border-error-500': !!confirmPasswordError }"
             />
@@ -51,7 +50,7 @@
             <SubmissionButton
               variant="primary"
               size="medium"
-              :label="updatePasswordLabel"
+              label="UPDATE PASSWORD"
               label-size="larger"
               :is-loading="isLoading"
               :disabled="isLoading"
@@ -64,7 +63,6 @@
   </div>
 </template>
 <script>
-import i18next from 'i18next';
 import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
@@ -82,7 +80,7 @@ export default {
     description: {
       type: String,
       required: false,
-      default: undefined,
+      default: 'Enter and confirm your new password',
     },
     userName: {
       type: String,
@@ -106,16 +104,6 @@ export default {
       required: false,
       default: undefined,
     },
-    submitAction: {
-      type: String,
-      required: false,
-      default: undefined,
-    },
-    resetPasswordContent: {
-      type: Object,
-      required: false,
-      default: () => {},
-    },
   },
   data() {
     return {
@@ -124,28 +112,10 @@ export default {
       confirmPassword: undefined,
       passwordError: undefined,
       confirmPasswordError: undefined,
-
-      title: this.resetPasswordContent?.title,
-      newPasswordLabel: this.resetPasswordContent?.newPasswordLabel ?? 'New Password',
-      newPasswordPlaceholder: this.resetPasswordContent?.newPasswordPlaceholder ?? 'New password',
-      confirmPasswordLabel: this.resetPasswordContent?.confirmPasswordLabel ?? 'Confirm Password',
-      confirmPasswordPlaceholder: this.resetPasswordContent?.confirmPasswordPlaceholder ?? 'Confirm new password',
-      updatePasswordLabel: this.resetPasswordContent?.updatePasswordLabel ?? 'UPDATE PASSWORD',
-      passwordRequiredError: this.resetPasswordContent?.passwordRequiredError ?? 'Please enter a password',
-      passwordsDoNotMatchError: this.resetPasswordContent?.passwordsDoNotMatchError ?? 'Passwords do not match',
-      description: this.resetPasswordContent?.description ?? 'Enter and confirm your new password',
     };
   },
-  computed: {
-    currentLocale() {
-      return i18next.language || 'en-US';
-    },
-  },
   methods: {
     validate(e) {
-      if (this.submitAction) {
-        this.$refs.resetPasswordForm.action = this.submitAction;
-      }
       if (this.password && this.password === this.confirmPassword) {
         this.isLoading = true;
         return true;
@@ -157,9 +127,9 @@ export default {
       this.confirmPasswordError = undefined;
 
       if (!this.password) {
-        this.passwordError = this.passwordRequiredError;
+        this.passwordError = 'Please enter a password';
       } else if (!this.confirmPassword || this.password !== this.confirmPassword) {
-        this.confirmPasswordError = this.passwordsDoNotMatchError;
+        this.confirmPasswordError = 'Passwords do not match';
       }
 
       e.preventDefault();

package/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue

@@ -267,12 +267,13 @@ export default {
       const result = await brandCrowdClient.createUserLogo(payload);
 
       this.isCurrentlySaving = false;
-
+      console.log('got result', result);
       if (result.error) {
         this.onUploadError(result.error);
         return;
       }
-
+      debugger;
+      console.log('emitting response on finish');
       this.$emit('on-finish', result.response);
     },
     reset() {

package/src/useSharedLibTranslate.js

@@ -11,8 +11,8 @@ const relativePathsToTranslationFiles = {
   'pt-PT': () => import('./bundles/bundled-translations.pt-PT.json'),
 };
 
-const setLocaleAsync = async (locale = 'en-US') => {
-  const localeToUse = locale;
+const setSharedLibLocaleAsync = async (locale = 'en-US') => {
+  const localeToUse = locale || 'en-US';
 
   if (!i18next.isInitialized) {
     await i18next.init({
@@ -35,4 +35,4 @@ const tr = (key, valuesToInterpolate = {}) => {
   return translated;
 };
 
-export { setLocaleAsync, tr };
+export { setSharedLibLocaleAsync, tr };

package/CLAUDE.md

@@ -1,71 +0,0 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Development Commands
-
-### Starting Development
-- `npm start` - Builds Tailwind CSS files for all themes and launches Storybook development server on port 6006
-- `npm run storybook` - Same as `npm start` (alias)
-
-### Building
-- `npm run build` - Builds production CSS using Tailwind
-- `npm run build:css` - Builds CSS files using tailwind.build.js
-- `npm run build:storybook` - Builds static Storybook for deployment
-
-### Code Quality
-- `npm run lint` - Runs ESLint on TypeScript, JavaScript, and Vue files in src/
-- `npm run lint:fix` - Automatically fixes linting issues where possible
-
-### Testing in UAT Environment
-To test experimental versions without publishing to production:
-1. Update package.json version to `[current]-[description]`
-2. Run `docker build . --build-arg NPM_TOKEN=$NPM_TOKEN`
-3. Update consumer package reference to the new version
-
-## Architecture Overview
-
-This is a shared component library and design system for DesignCrowd's frontend applications, published as `@designcrowd/fe-shared-lib`.
-
-### Project Structure
-- **`src/atoms/`** - Reusable UI components (Button, Modal, Icon, etc.)
-- **`src/experiences/`** - Complex, business-specific components (AuthFlow, PaymentConfig, etc.)
-- **`src/themes/`** - Tailwind CSS theme configurations for different brands
-- **`src/css/`** - Global CSS and Tailwind configuration
-- **`public/css/`** - Generated CSS output files
-
-### Theme System
-The library supports multiple brand themes through Tailwind CSS:
-- **BrandCrowd** (`bc.js`)
-- **BrandPage** (`bp.js`) 
-- **CrazyDomains** (`cd.js`)
-- **DesignCrowd** (`dc.js`)
-- **Design.com** (`dcom.js`)
-
-Themes are built using `tailwind.themes.js` and exported via `src/themes/themes.js`.
-
-### Component Organization
-- **Atoms**: Basic UI components with stories in Storybook
-- **Experiences**: Complex components combining multiple atoms for specific workflows
-- **Icons**: Extensive icon library with brand-specific variants
-- **Mixins**: Reusable Vue.js mixins for common functionality
-
-### Key Files
-- `index.js` - Main export file exposing all components
-- `tailwind.config.js` - Tailwind CSS configuration
-- `vite.config.ts` - Vite build configuration for development
-
-### Local Development Workflow
-Use `npm link` in this directory and `npm link @designcrowd/fe-shared-lib` in consumer projects for local development.
-
-### Storybook
-- Development server runs on port 6006
-- Live Storybook: https://brandcrowd-storybook.s3.amazonaws.com/fe-shared-lib/live/index.html
-- Stories are co-located with components (`.stories.js` files)
-
-### Brand Page Integration
-For changes affecting BrandPage Tab in BC.NET:
-1. Update app.maker's reference to this library
-2. Bump app.maker version
-3. Run `npm run docker:publish:bp`
-4. Update BC.NET's reference to the new app.maker version