@designcrowd/fe-shared-lib 1.4.7-jj-3 → 1.4.8-promocardv0

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;
@@ -651,6 +655,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +687,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -706,12 +717,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
-.tw-ml-6 {
-  margin-left: 1.5rem;
-}
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -727,9 +738,6 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
-.tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -820,6 +828,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1015,9 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1184,6 +1199,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1433,6 +1451,17 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.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);
+}
+.tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1571,6 +1600,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1738,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1750,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2045,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2071,6 +2113,10 @@ video {
   --tw-shadow-color: #3f59f6 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.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);
+}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(182 58 42 / var(--tw-border-opacity));
@@ -2213,6 +2259,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2279,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2299,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2311,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2347,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2405,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

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;
@@ -651,6 +655,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +687,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -706,12 +717,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
-.tw-ml-6 {
-  margin-left: 1.5rem;
-}
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -727,9 +738,6 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
-.tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -820,6 +828,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1015,9 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1184,6 +1199,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1433,6 +1451,17 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.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);
+}
+.tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1571,6 +1600,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1738,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1750,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2045,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2071,6 +2113,10 @@ video {
   --tw-shadow-color: #1197EB !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.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);
+}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(195 50 48 / var(--tw-border-opacity));
@@ -2213,6 +2259,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2279,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2299,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2311,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2347,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2405,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/index.js

@@ -32,6 +32,7 @@ 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 PromoCard } from './src/atoms/components/PromoCard/PromoCard.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';
@@ -54,4 +55,3 @@ export { default as HashRouteModal } from './src/atoms/components/Modal/HashRout
 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.4.7-jj-3",
+  "version": "1.4.8-promocardv0",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@nuxtjs/i18n": "9.5.4",
+    "@storybook/react": "^9.0.4",
     "autoprefixer": "10.4.17",
     "axios": "1.6.7",
     "click-outside-vue3": "4.0.1",

package/public/css/tailwind-brandCrowd.css

@@ -762,6 +762,48 @@ video {
 .theme-brandCrowd .tw-box-content {
   box-sizing: content-box;
 }
+.theme-brandCrowd .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-brandCrowd .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-brandCrowd .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-brandCrowd .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-brandCrowd .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-brandCrowd .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-brandCrowd .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-brandCrowd .tw-block {
   display: block;
 }
@@ -1091,6 +1133,9 @@ video {
 .theme-brandCrowd .tw-items-stretch {
   align-items: stretch;
 }
+.theme-brandCrowd .tw-justify-normal {
+  justify-content: normal;
+}
 .theme-brandCrowd .tw-justify-start {
   justify-content: flex-start;
 }
@@ -1141,6 +1186,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-brandCrowd .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-brandCrowd .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1620,6 +1668,10 @@ video {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
 }
+.theme-brandCrowd .tw-px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
 .theme-brandCrowd .tw-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2333,6 +2385,10 @@ video {
 .theme-brandCrowd .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-brandCrowd .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-brandCrowd .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2373,12 +2429,18 @@ video {
 .theme-brandCrowd .lg\:tw-mr-8 {
     margin-right: 2rem;
   }
+.theme-brandCrowd .lg\:tw-mt-0 {
+    margin-top: 0px;
+  }
 .theme-brandCrowd .lg\:tw-flex {
     display: flex;
   }
 .theme-brandCrowd .lg\:tw-h-auto {
     height: auto;
   }
+.theme-brandCrowd .lg\:tw-w-auto {
+    width: auto;
+  }
 .theme-brandCrowd .lg\:tw-max-w-xl {
     max-width: 36rem;
   }
@@ -2388,6 +2450,9 @@ video {
 .theme-brandCrowd .lg\:tw-items-center {
     align-items: center;
   }
+.theme-brandCrowd .lg\:tw-justify-normal {
+    justify-content: normal;
+  }
 .theme-brandCrowd .lg\:tw-overflow-visible {
     overflow: visible;
   }

package/public/css/tailwind-brandPage.css

@@ -762,6 +762,48 @@ video {
 .theme-brandPage .tw-box-content {
   box-sizing: content-box;
 }
+.theme-brandPage .tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.theme-brandPage .tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.theme-brandPage .tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.theme-brandPage .tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.theme-brandPage .tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.theme-brandPage .tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.theme-brandPage .tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .theme-brandPage .tw-block {
   display: block;
 }
@@ -1091,6 +1133,9 @@ video {
 .theme-brandPage .tw-items-stretch {
   align-items: stretch;
 }
+.theme-brandPage .tw-justify-normal {
+  justify-content: normal;
+}
 .theme-brandPage .tw-justify-start {
   justify-content: flex-start;
 }
@@ -1141,6 +1186,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.theme-brandPage .tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .theme-brandPage .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1468,6 +1516,10 @@ video {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
 }
+.theme-brandPage .tw-px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
 .theme-brandPage .tw-px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2017,6 +2069,10 @@ video {
 .theme-brandPage .md\:tw-p-8 {
     padding: 2rem;
   }
+.theme-brandPage .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
 .theme-brandPage .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2057,12 +2113,18 @@ video {
 .theme-brandPage .lg\:tw-mr-8 {
     margin-right: 2rem;
   }
+.theme-brandPage .lg\:tw-mt-0 {
+    margin-top: 0px;
+  }
 .theme-brandPage .lg\:tw-flex {
     display: flex;
   }
 .theme-brandPage .lg\:tw-h-auto {
     height: auto;
   }
+.theme-brandPage .lg\:tw-w-auto {
+    width: auto;
+  }
 .theme-brandPage .lg\:tw-max-w-xl {
     max-width: 36rem;
   }
@@ -2072,6 +2134,9 @@ video {
 .theme-brandPage .lg\:tw-items-center {
     align-items: center;
   }
+.theme-brandPage .lg\:tw-justify-normal {
+    justify-content: normal;
+  }
 .theme-brandPage .lg\:tw-overflow-visible {
     overflow: visible;
   }