@designcrowd/fe-shared-lib 1.5.28-ast-jy-7 → 1.5.28

package/dist/css/tailwind-designCrowd.css

@@ -617,6 +617,9 @@ video {
 .tw-m-3 {
   margin: 0.75rem;
 }
+.tw-m-4 {
+  margin: 1rem;
+}
 .tw-m-5 {
   margin: 1.25rem;
 }
@@ -684,6 +687,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -738,9 +744,6 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
-.tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +756,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -762,6 +768,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -911,6 +959,9 @@ video {
 .tw-max-w-2xl {
   max-width: 42rem;
 }
+.tw-max-w-3xl {
+  max-width: 48rem;
+}
 .tw-max-w-full {
   max-width: 100%;
 }
@@ -926,6 +977,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1141,6 +1195,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1269,6 +1326,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(125 130 132 / var(--tw-border-opacity));
 }
+.tw-border-grayscale-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 93 96 / var(--tw-border-opacity));
+}
 .tw-border-info-300 {
   --tw-border-opacity: 1;
   border-color: rgb(112 193 243 / var(--tw-border-opacity));
@@ -1741,9 +1802,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1766,6 +1824,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2000,6 +2062,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity));
 }
+.hover\:tw-border-grayscale-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(204 204 204 / var(--tw-border-opacity));
+}
 .hover\:tw-border-info-600:hover {
   --tw-border-opacity: 1;
   border-color: rgb(14 121 188 / var(--tw-border-opacity));
@@ -2036,6 +2102,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(230 230 230 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-grayscale-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(207 234 251 / var(--tw-bg-opacity));
@@ -2088,9 +2158,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(194 140 34 / var(--tw-bg-opacity));
 }
-.hover\:tw-text-grayscale-800:hover {
+.hover\:tw-text-primary-600:hover {
   --tw-text-opacity: 1;
-  color: rgb(39 52 56 / var(--tw-text-opacity));
+  color: rgb(14 121 188 / var(--tw-text-opacity));
 }
 .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
@@ -2179,6 +2249,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2227,6 +2301,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2238,10 +2316,18 @@ video {
 }
 @media (min-width: 768px) {
 
+  .md\:tw-relative {
+    position: relative;
+  }
+
   .md\:tw-right-6 {
     right: 1.5rem;
   }
 
+  .md\:tw-order-first {
+    order: -9999;
+  }
+
   .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2306,6 +2392,10 @@ video {
     width: 6rem;
   }
 
+  .md\:tw-w-3\/4 {
+    width: 75%;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2318,6 +2408,10 @@ video {
     max-width: 100%;
   }
 
+  .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
+
   .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2377,6 +2471,10 @@ video {
        object-fit: contain;
   }
 
+  .md\:tw-p-0 {
+    padding: 0px;
+  }
+
   .md\:tw-p-2 {
     padding: 0.5rem;
   }
@@ -2393,6 +2491,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2408,6 +2511,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
+
   .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/index.js

@@ -11,7 +11,6 @@ export { default as ResetPassword } from './src/experiences/components/AuthFlow/
 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 PaymentConfigUpgradeBanner } from './src/experiences/components/PaymentConfigList/PaymentConfigUpgradeBanner.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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.28-ast-jy-7",
+  "version": "1.5.28",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

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

@@ -33,7 +33,6 @@ export const IconSample = () => {
           { name: 'auth-facebook-white' },
           { name: 'auth-google' },
           { name: 'badge' },
-          { name: 'discount-badge' },
           { name: 'briefcase' },
           { name: 'brush' },
           { name: 'banner' },

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

@@ -428,7 +428,6 @@ import IconFile from './icons/file.vue';
 import IconPenTool from './icons/pen-tool.vue';
 import IconClipboardCheck from './icons/clipboard-check.vue';
 import IconBadge from './icons/badge.vue';
-import IconDiscountBadge from './icons/discount-badge.vue';
 import IconCalculator from './icons/calculator.vue';
 import IconWebsitesUpgradeToAddPage from './icons/websites/upgrade-to-add-page.vue';
 import IconWebsitesUpgradeToContactForm from './icons/websites/upgrade-to-contact-form.vue';
@@ -842,7 +841,6 @@ export default {
     IconAspectRatioOriginal,
     IconClipboardCheck,
     IconBadge,
-    IconDiscountBadge,
 
     IconWebsitesUpgradeToAddPage,
     IconWebsitesUpgradeToContactForm,

package/src/bundles/bundled-translations.de-DE.json

@@ -10,9 +10,7 @@
     "inactive": "Inaktiv",
     "addPaymentProvider": "Zahlungsanbieter hinzufügen",
     "deletePaymentMethod": "Zahlungsmethode löschen",
-    "currencyLabel": "Währung",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Währung"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",

package/src/bundles/bundled-translations.es-ES.json

@@ -10,9 +10,7 @@
     "inactive": "Inactivo",
     "addPaymentProvider": "Añadir proveedor de pago",
     "deletePaymentMethod": "Eliminar método de pago",
-    "currencyLabel": "Moneda",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Moneda"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.fr-CA.json

@@ -10,9 +10,7 @@
     "inactive": "Inactif",
     "addPaymentProvider": "Ajouter un fournisseur de paiement",
     "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Devise"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.fr-FR.json

@@ -10,9 +10,7 @@
     "inactive": "Inactif",
     "addPaymentProvider": "Ajouter un fournisseur de paiement",
     "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Devise"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.json

@@ -10,9 +10,7 @@
     "inactive": "Inactive",
     "addPaymentProvider": "Add Payment Provider",
     "deletePaymentMethod": "Delete payment method",
-    "currencyLabel": "Currency",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Currency"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.pt-BR.json

@@ -10,9 +10,7 @@
     "inactive": "Inativo",
     "addPaymentProvider": "Adicionar fornecedor de pagamentos",
     "deletePaymentMethod": "Excluir método de pagamento",
-    "currencyLabel": "Moeda",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Moeda"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.pt-PT.json

@@ -10,9 +10,7 @@
     "inactive": "Inativo",
     "addPaymentProvider": "Adicionar fornecedor de pagamentos",
     "deletePaymentMethod": "Eliminar método de pagamento",
-    "currencyLabel": "Moeda",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Moeda"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",

package/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue

@@ -113,7 +113,6 @@ export default {
       default: undefined,
     },
   },
-  emits: ['on-load', 'on-add-payment-provider-click', 'on-payment-config-selected', 'on-currency-selected'],
   data: () => ({ isAddPaymentProviderButtonVisible: false, selectedPaymentConfig: undefined }),
   watch: {
     paymentConfig(newValue) {

package/src/experiences/components/PaymentConfigList/PaymentConfigList.stories.js

@@ -3,7 +3,6 @@ import MockAdapter from 'axios-mock-adapter';
 
 import PaymentConfigList from './PaymentConfigList.vue';
 import PaymentConfigDropdown from './PaymentConfigDropdown.vue';
-import PaymentConfigUpgradeBanner from './PaymentConfigUpgradeBanner.vue';
 
 export default {
   title: 'Components/PaymentConfigList',
@@ -233,18 +232,3 @@ export const SampleDropdownEmpty = () => {
 SampleDropdownEmpty.SampleDropdownEmpty = {
   name: 'Dropdown Empty',
 };
-
-export const SampleUpgradeBanner = () => {
-  return {
-    components: { PaymentConfigUpgradeBanner },
-    template: `
-      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
-        <PaymentConfigUpgradeBanner />
-      </div>
-    `,
-  };
-};
-
-SampleUpgradeBanner.story = {
-  name: 'Upgrade Banner',
-};

package/src/experiences/components/PaymentConfigList/PaymentConfigList.vue

@@ -69,6 +69,7 @@ import Loader from '../../../atoms/components/Loader/Loader.vue';
 import Button from '../../../atoms/components/Button/Button.vue';
 import PaymentConfigDeleteConfigModal from './PaymentConfigDeleteConfigModal.vue';
 import Icon from '../../../atoms/components/Icon/Icon.vue';
+
 import PaymentConfigMixin from './PaymentConfig.mixin';
 import { sharedPaymentConfigTr } from '../../../useSharedLibTranslate';
 

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.de-DE.json

@@ -6,8 +6,6 @@
     "inactive" : "Inaktiv",
     "addPaymentProvider" : "Zahlungsanbieter hinzufügen",
     "deletePaymentMethod" : "Zahlungsmethode löschen",
-    "currencyLabel" : "Währung",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Währung"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.es-ES.json

@@ -6,8 +6,6 @@
     "inactive" : "Inactivo",
     "addPaymentProvider" : "Añadir proveedor de pago",
     "deletePaymentMethod" : "Eliminar método de pago",
-    "currencyLabel" : "Moneda",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Moneda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json

@@ -6,8 +6,6 @@
     "inactive" : "Inactif",
     "addPaymentProvider" : "Ajouter un fournisseur de paiement",
     "deletePaymentMethod" : "Supprimer le mode de paiement",
-    "currencyLabel" : "Devise",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-FR.json

@@ -6,8 +6,6 @@
     "inactive" : "Inactif",
     "addPaymentProvider" : "Ajouter un fournisseur de paiement",
     "deletePaymentMethod" : "Supprimer le mode de paiement",
-    "currencyLabel" : "Devise",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Devise"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.json

@@ -6,8 +6,6 @@
     "inactive": "Inactive",
     "addPaymentProvider": "Add Payment Provider",
     "deletePaymentMethod": "Delete payment method",
-    "currencyLabel": "Currency",
-    "upgradeBannerMessage": "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel": "Upgrade Now"
+    "currencyLabel": "Currency"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json

@@ -6,8 +6,6 @@
     "inactive" : "Inativo",
     "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
     "deletePaymentMethod" : "Excluir método de pagamento",
-    "currencyLabel" : "Moeda",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Moeda"
   }
 }

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-PT.json

@@ -6,8 +6,6 @@
     "inactive" : "Inativo",
     "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
     "deletePaymentMethod" : "Eliminar método de pagamento",
-    "currencyLabel" : "Moeda",
-    "upgradeBannerMessage" : "Unlock lower commission fees by upgrading to Premium",
-    "upgradeBannerButtonLabel" : "Upgrade Now"
+    "currencyLabel" : "Moeda"
   }
 }

package/.claude/skills/new-icon/SKILL.md

@@ -1,121 +0,0 @@
----
-name: new-icon
-description: Add a new SVG icon to the fe-shared-lib icon library. Use when given SVG code and an icon name to create.
-argument-hint: "[icon-name] [svg-code]"
----
-
-# Add New Icon
-
-Add a new icon to the shared component library given an icon name and SVG source.
-
-## Steps
-
-### 1. Create the icon Vue file
-
-Create `src/atoms/components/icon/icons/<icon-name>.vue`.
-
-Extract only the inner SVG content — no `fill` attributes (color is controlled by the parent via `tw-fill-current`).
-
-**Simple icon** (no clip-path, or clip-path clips to full viewBox — effectively a no-op):
-
-```vue
-<template>
-  <path d="..." />
-</template>
-```
-
-**Icon with meaningful clip-path** (follow the pattern in `hamburger-4.vue`):
-
-```vue
-<template>
-  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_XXXX)">
-      <path d="..." />
-    </g>
-    <defs>
-      <clipPath id="clip0_XXXX">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-</template>
-```
-
-> If the `<clipPath>` rect is exactly the same size as the viewBox (`width="16" height="16"`), it clips nothing — use the simple form instead.
-
----
-
-### 2. Register the icon in `Icon.vue`
-
-**Add the import** (`src/atoms/components/icon/Icon.vue`):
-
-```js
-import IconMyIconName from './icons/my-icon-name.vue';
-```
-
-Place it near other imports with the same first letter, or alongside related icons.
-
-The import name must follow the pattern: `Icon` + PascalCase of the icon name.
-
-- `discount-badge` → `IconDiscountBadge`
-- `arrow-up` → `IconArrowUp`
-
-**Register in `components`**:
-
-```js
-components: {
-  // ...
-  IconMyIconName,
-  // ...
-}
-```
-
----
-
-### 3. Add to Storybook
-
-In `src/atoms/components/icon/Icon.stories.js`, add to the `icons` array:
-
-```js
-{ name: 'my-icon-name' },
-```
-
-Place it near related or alphabetically adjacent icons.
-
----
-
-## Example
-
-Given icon name `discount-badge` and SVG with a full-viewBox clip-path (no-op):
-
-**`src/atoms/components/icon/icons/discount-badge.vue`**
-
-```vue
-<template>
-  <path d="M4.99447 0.743491..." />
-</template>
-```
-
-**`Icon.vue` import:**
-
-```js
-import IconDiscountBadge from './icons/discount-badge.vue';
-```
-
-**`Icon.vue` components:**
-
-```js
-IconDiscountBadge,
-```
-
-**`Icon.stories.js`:**
-
-```js
-{ name: 'discount-badge' },
-```
-
-The icon is then usable as:
-
-```html
-<icon name="discount-badge" size="md" />
-```