@designcrowd/fe-shared-lib 1.5.21 → 1.5.22

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;
 }
@@ -820,6 +831,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1018,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 +1202,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 +1454,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 +1603,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1741,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1753,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2048,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 +2116,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 +2262,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2282,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2302,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2314,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 +2350,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2408,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;
 }
@@ -820,6 +831,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1018,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 +1202,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 +1454,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 +1603,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1741,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1753,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2048,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 +2116,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 +2262,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2282,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2302,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2314,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 +2350,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2408,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/package.json

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

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

@@ -261,6 +261,8 @@ export const IconSample = () => {
           { name: 'watchlist-filled' },
           { name: 'watchlist-hollow' },
           { name: 'watchlist-hollow-alt' },
+          { name: 'link-in-bio-filled' },
+          { name: 'digital-business-card-filled' },
           { name: 'website-filled' },
           { name: 'website' },
           { name: 'wholesale' },

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

@@ -304,6 +304,8 @@ import IconWatchlistFilled from './icons/watchlist-filled.vue';
 import IconWatchlistHollowAlt from './icons/watchlist-hollow-alt.vue';
 import IconWatchlistHollow from './icons/watchlist-hollow.vue';
 import IconWebsiteFilled from './icons/website-filled.vue';
+import IconDigitalBusinessCardFilled from './icons/digital-business-card-filled.vue';
+import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
 import IconWebsite from './icons/website.vue';
 import IconWholesale from './icons/wholesale.vue';
 import IconZoomIn from './icons/zoom-in.vue';
@@ -683,6 +685,8 @@ export default {
     IconWatchlistHollow,
     IconWatchlistHollowAlt,
     IconWebsite,
+    IconDigitalBusinessCardFilled,
+    IconLinkInBioFilled,
     IconWebsiteFilled,
     IconWholesale,
     IconZoom,

package/src/atoms/components/Icon/icons/digital-business-card-filled.vue

@@ -0,0 +1,8 @@
+<template>
+  <path
+    d="M10.8574 0.928711C11.8709 0.928877 12.5712 1.8378 12.5713 2.7998V13.2002C12.5712 14.1622 11.8709 15.0711 10.8574 15.0713H5.14258C4.12908 15.0711 3.42881 14.1622 3.42871 13.2002V2.7998C3.42881 1.8378 4.12908 0.928878 5.14258 0.928711H10.8574ZM5.7002 11.9004C5.58987 11.9004 5.50021 11.9893 5.5 12.0996V12.5C5.5 12.6105 5.58974 12.7002 5.7002 12.7002H10.2998C10.4103 12.7002 10.5 12.6105 10.5 12.5V12.0996C10.4998 11.9893 10.4101 11.9004 10.2998 11.9004H5.7002ZM5.7002 10.2998C5.58974 10.2998 5.5 10.3895 5.5 10.5V10.9004C5.50021 11.0107 5.58987 11.0996 5.7002 11.0996H10.2998C10.4101 11.0996 10.4998 11.0107 10.5 10.9004V10.5C10.5 10.3895 10.4103 10.2998 10.2998 10.2998H5.7002ZM6.2002 8.7002C6.08974 8.7002 6 8.78993 6 8.90039V9.2998C6 9.41026 6.08974 9.5 6.2002 9.5H9.7998C9.91026 9.5 10 9.41026 10 9.2998V8.90039C10 8.78993 9.91026 8.7002 9.7998 8.7002H6.2002ZM7.42676 5.46094C7.18518 5.46101 6.97649 5.5489 6.80078 5.72461C6.62941 5.89599 6.54395 6.10304 6.54395 6.34473V6.62109C6.54395 6.70898 6.57422 6.78418 6.63574 6.8457C6.69725 6.90716 6.77251 6.9375 6.86035 6.9375H9.18066C9.26828 6.93745 9.34289 6.90692 9.4043 6.8457C9.46582 6.78418 9.49707 6.70898 9.49707 6.62109V6.34473C9.49707 6.10307 9.40911 5.89598 9.2334 5.72461C9.06201 5.54883 8.85498 5.46094 8.61328 5.46094H8.50195C8.3482 5.53122 8.18743 5.56638 8.02051 5.56641C7.85352 5.56641 7.69287 5.53125 7.53906 5.46094H7.42676ZM8.02051 3.5625C7.7876 3.5625 7.58789 3.64648 7.4209 3.81348C7.25832 3.97607 7.17676 4.17335 7.17676 4.40625C7.17676 4.63916 7.2583 4.83887 7.4209 5.00586C7.58787 5.16839 7.78765 5.25 8.02051 5.25C8.25332 5.24995 8.45073 5.1684 8.61328 5.00586C8.78027 4.83887 8.86426 4.63916 8.86426 4.40625C8.86426 4.17338 8.78021 3.97606 8.61328 3.81348C8.45073 3.64653 8.25333 3.56255 8.02051 3.5625Z"
+  />
+  <rect x="3.19995" y="4" width="1" height="2" rx="0.5" />
+  <rect x="11.8" y="5" width="1" height="2" rx="0.5" />
+  <rect x="3.19995" y="6" width="1" height="2" rx="0.5" />
+</template>

package/src/atoms/components/Icon/icons/link-in-bio-filled.vue

@@ -0,0 +1,8 @@
+<template>
+  <path
+    d="M10.8574 0.928711C11.8709 0.928877 12.5712 1.8378 12.5713 2.7998V13.2002C12.5712 14.1622 11.8709 15.0711 10.8574 15.0713H5.14258C4.12908 15.0711 3.42881 14.1622 3.42871 13.2002V2.7998C3.42881 1.8378 4.12908 0.928878 5.14258 0.928711H10.8574ZM5.7002 11.7002C5.58974 11.7002 5.5 11.7899 5.5 11.9004V12.2998C5.5 12.4103 5.58974 12.5 5.7002 12.5H10.2998C10.4103 12.5 10.5 12.4103 10.5 12.2998V11.9004C10.5 11.7899 10.4103 11.7002 10.2998 11.7002H5.7002ZM5.7002 10.0996C5.5898 10.0996 5.50011 10.1894 5.5 10.2998V10.7002C5.50011 10.8106 5.5898 10.9004 5.7002 10.9004H10.2998C10.4102 10.9004 10.4999 10.8106 10.5 10.7002V10.2998C10.4999 10.1894 10.4102 10.0996 10.2998 10.0996H5.7002ZM5.7002 8.5C5.58974 8.5 5.5 8.58974 5.5 8.7002V9.09961C5.5 9.21007 5.58974 9.2998 5.7002 9.2998H10.2998C10.4103 9.2998 10.5 9.21007 10.5 9.09961V8.7002C10.5 8.58974 10.4103 8.5 10.2998 8.5H5.7002ZM8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6C8.55228 6 9 5.55228 9 5C9 4.44772 8.55228 4 8 4Z"
+  />
+  <rect x="3.19995" y="4" width="1" height="2" rx="0.5" />
+  <rect x="3.19995" y="6" width="1" height="2" rx="0.5" />
+  <rect x="11.8" y="5" width="1" height="2" rx="0.5" />
+</template>

package/.storybook-static/assets/Auth-CV5AmoX8.css

@@ -1 +0,0 @@
-.email-input[data-v-bb7289b6]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-bb7289b6]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-bb7289b6]{padding-left:2.5rem!important}.email-input[data-v-965d0268]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-965d0268]{padding-left:2.5rem!important}.password-input[data-v-da12bb42]{background-image:url(https://dcstatic.com/images/icons/forms/forms-password-ff538cd5e4.svg);background-position:top 50% left .5rem}.tw-pl-10-important[data-v-da12bb42]{padding-left:2.5rem!important}