@designcrowd/fe-shared-lib 1.5.14 → 1.5.16

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;
 }
@@ -643,6 +646,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 +658,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;
@@ -676,9 +687,15 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -706,12 +723,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 +744,6 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
-.tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -742,6 +756,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -751,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;
 }
@@ -820,6 +879,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -896,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%;
 }
@@ -911,6 +977,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1003,6 +1072,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;
 }
@@ -1123,6 +1195,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1184,6 +1259,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 +1511,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 +1660,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1715,6 +1807,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -1725,6 +1820,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;
@@ -2007,6 +2106,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));
@@ -2047,6 +2150,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(39 52 56 / var(--tw-text-opacity));
 }
+.hover\:tw-text-primary-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(14 121 188 / var(--tw-text-opacity));
+}
 .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(93 109 129 / var(--tw-text-opacity));
@@ -2071,6 +2178,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));
@@ -2130,6 +2241,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2178,6 +2293,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2189,10 +2308,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;
   }
@@ -2213,6 +2340,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2360,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2380,14 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
+  .md\:tw-w-3\/4 {
+    width: 75%;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2396,18 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2436,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2304,6 +2463,10 @@ video {
        object-fit: contain;
   }
 
+  .md\:tw-p-0 {
+    padding: 0px;
+  }
+
   .md\:tw-p-2 {
     padding: 0.5rem;
   }
@@ -2320,6 +2483,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2335,6 +2503,14 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
+
+  .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.14",
+  "version": "1.5.16",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/atoms/components/design-com/Icon/Icon.stories.js

@@ -16,8 +16,9 @@ export const IconSample = () => {
         icons: [
           { name: 'annotate-heart' },
           { name: 'award' },
-          { name: 'bulb' },
           { name: 'bezier-curve' },
+          { name: 'browser' },
+          { name: 'bulb' },
           { name: 'card' },
           { name: 'check-circle-light' },
           { name: 'chevron-down' },
@@ -34,12 +35,16 @@ export const IconSample = () => {
           { name: 'heart' },
           { name: 'image' },
           { name: 'logo' },
+          { name: 'lightning' },
           { name: 'minus-circle-light' },
           { name: 'pen' },
+          { name: 'pen-outline' },
+          { name: 'pen-sparkle' },
           { name: 'palette' },
           { name: 'plus-circle-light' },
           { name: 'question-circle-filled' },
           { name: 'search' },
+          { name: 'sparkle-square' },
           { name: 'star-filled' },
           { name: 'star-hollow' },
           { name: 'text' },

package/src/atoms/components/design-com/Icon/Icon.vue

@@ -28,6 +28,7 @@
 import IconAnnotateHeart from './icons/annotate-heart.vue';
 import IconAward from './icons/award.vue';
 import IconBezierCurve from './icons/bezier-curve.vue';
+import IconBrowser from './icons/browser.vue';
 import IconBulb from './icons/bulb.vue';
 import IconCard from './icons/card.vue';
 import IconCheckCircleLight from './icons/check-circle-light.vue';
@@ -44,13 +45,17 @@ import IconFont from './icons/font.vue';
 import IconHeadphones from './icons/headphones.vue';
 import IconHeart from './icons/heart.vue';
 import IconImage from './icons/image.vue';
+import IconLightning from './icons/lightning';
 import IconLogo from './icons/logo.vue';
 import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconPalette from './icons/palette.vue';
 import IconPen from './icons/pen.vue';
+import IconPenOutline from './icons/pen-outline.vue';
+import IconPenSparkle from './icons/pen-sparkle.vue';
 import IconPlusCircleLight from './icons/plus-circle-light.vue';
 import IconQuestionCircleFilled from './icons/question-circle-filled.vue';
 import IconSearch from './icons/search.vue';
+import IconSparkleSquare from './icons/sparkle-square.vue';
 import IconStarFilled from './icons/star-filled.vue';
 import IconStarHollow from './icons/star-hollow.vue';
 import IconText from './icons/text.vue';
@@ -61,6 +66,7 @@ export default {
     IconAnnotateHeart,
     IconAward,
     IconBezierCurve,
+    IconBrowser,
     IconBulb,
     IconCard,
     IconCheckCircleLight,
@@ -78,12 +84,16 @@ export default {
     IconHeart,
     IconImage,
     IconLogo,
+    IconLightning,
     IconMinusCircleLight,
     IconPalette,
     IconPen,
+    IconPenOutline,
+    IconPenSparkle,
     IconPlusCircleLight,
     IconQuestionCircleFilled,
     IconSearch,
+    IconSparkleSquare,
     IconStarFilled,
     IconStarHollow,
     IconText,

package/src/atoms/components/design-com/Icon/icons/browser.vue

@@ -0,0 +1,7 @@
+<template>
+  <path 
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M13.9164 6.75H2.08335V10.7998C2.08335 11.3722 2.08359 11.7569 2.10776 12.0527C2.13122 12.3397 2.17393 12.4768 2.22007 12.5674C2.33989 12.8025 2.53085 12.9935 2.76596 13.1133C2.85651 13.1594 2.99361 13.2021 3.28061 13.2256C3.57649 13.2498 3.96112 13.25 4.53354 13.25H11.4671C12.0392 13.25 12.4233 13.2497 12.7191 13.2256C13.0061 13.2021 13.1432 13.1594 13.2337 13.1133C13.4689 12.9934 13.6608 12.8026 13.7806 12.5674C13.8267 12.4768 13.8685 12.3396 13.8919 12.0527C13.9161 11.7569 13.9164 11.3722 13.9164 10.7998V6.75ZM13.9164 5.2002C13.9164 4.62777 13.9161 4.24315 13.8919 3.94727C13.8685 3.66045 13.8267 3.52316 13.7806 3.43262C13.6608 3.19742 13.4689 3.00656 13.2337 2.88672C13.1432 2.84061 13.0061 2.79786 12.7191 2.77442C12.4233 2.75026 12.0392 2.75 11.4671 2.75H4.53354C3.96111 2.75 3.57649 2.75024 3.28061 2.77442C2.99361 2.79788 2.85651 2.84059 2.76596 2.88672C2.53085 3.00655 2.33989 3.19751 2.22007 3.43262C2.17393 3.52316 2.13122 3.66027 2.10776 3.94727C2.08359 4.24315 2.08335 4.62777 2.08335 5.2002V5.25H13.9164V5.2002ZM15.4164 10.7998C15.4164 11.3475 15.4174 11.8037 15.3871 12.1748C15.356 12.5546 15.2883 12.9109 15.1166 13.2481C14.8529 13.7654 14.4327 14.1865 13.9154 14.4502C13.5781 14.622 13.221 14.6897 12.8412 14.7207C12.4702 14.751 12.0145 14.75 11.4671 14.75H4.53354C3.98587 14.75 3.52967 14.751 3.15854 14.7207C2.77881 14.6897 2.42244 14.6219 2.0853 14.4502C1.56786 14.1865 1.1468 13.7655 0.883152 13.2481C0.71144 12.9109 0.643676 12.5545 0.612644 12.1748C0.582322 11.8037 0.583348 11.3475 0.583348 10.7998V5.2002C0.583348 4.65252 0.582322 4.19633 0.612644 3.8252C0.643676 3.44547 0.71144 3.0891 0.883152 2.75196C1.1468 2.23451 1.56786 1.81346 2.0853 1.54981C2.42244 1.3781 2.77881 1.31033 3.15854 1.2793C3.52967 1.24898 3.98587 1.25 4.53354 1.25H11.4671C12.0145 1.25 12.4702 1.24901 12.8412 1.2793C13.221 1.31034 13.5781 1.37796 13.9154 1.54981C14.4327 1.81347 14.8529 2.23458 15.1166 2.75196C15.2883 3.08913 15.356 3.44543 15.3871 3.8252C15.4174 4.19633 15.4164 4.65252 15.4164 5.2002V10.7998Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/lightning.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8.09026 0.852857C8.30341 0.597142 8.65988 0.513263 8.96526 0.645826C9.27053 0.778409 9.45176 1.09585 9.41057 1.4261L8.85003 5.91633H12.8617C13.0283 5.91633 13.205 5.91599 13.349 5.92903C13.4617 5.93923 13.6767 5.96466 13.8823 6.09505L13.9692 6.15755L14.061 6.24055C14.2628 6.44585 14.3758 6.7247 14.3715 7.01594C14.3671 7.31057 14.2233 7.53268 14.1498 7.63899C14.0675 7.75811 13.9538 7.89379 13.8471 8.0218L7.9096 15.1468C7.69645 15.4026 7.34001 15.4874 7.0346 15.3548C6.72919 15.2222 6.54799 14.9039 6.58928 14.5736L7.15081 10.0833H3.13909C2.97242 10.0833 2.79501 10.0837 2.65081 10.0706C2.52207 10.059 2.25976 10.0272 2.03069 9.84212C1.77191 9.63285 1.62335 9.31649 1.62835 8.98372L1.63616 8.8763C1.66771 8.6352 1.78581 8.45364 1.85003 8.36067C1.93224 8.24167 2.04619 8.10672 2.15276 7.97883L8.09026 0.852857ZM3.601 8.58333H8.00042C8.21538 8.58345 8.41966 8.67607 8.56194 8.83723C8.70424 8.99843 8.77114 9.21273 8.74456 9.4261L8.39495 12.221L12.3989 7.41633H8.00042C7.78543 7.41633 7.58027 7.32449 7.43792 7.1634C7.29555 7.00213 7.22959 6.78702 7.25628 6.57356L7.60491 3.77766L3.601 8.58333Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/pen-outline.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12.1426 1C12.6568 1 13.0987 1.1827 13.4609 1.54492L14.4551 2.53906C14.8173 2.90129 15 3.34316 15 3.85742C15 4.35504 14.8164 4.78714 14.4551 5.14844L4.96191 14.6416L1.84375 14.9971H1.76367C1.53474 14.9971 1.34147 14.9114 1.19336 14.7422C1.04632 14.5741 0.983263 14.3726 1.00391 14.1455V14.1426L1.3584 11.0381L10.8516 1.54492C11.2129 1.18362 11.645 1 12.1426 1ZM2.81348 11.7354L2.62012 13.3799L4.26465 13.1865L11.2002 6.25098L9.74902 4.7998L2.81348 11.7354ZM12.1426 2.52051C12.0708 2.52051 12 2.54885 11.9277 2.62109L10.8262 3.72266L12.2773 5.17383L13.3828 4.06836C13.4766 3.98234 13.5068 3.90993 13.5068 3.85059C13.5068 3.78985 13.475 3.71233 13.3789 3.61621L12.3838 2.62109C12.3155 2.55281 12.2372 2.52051 12.1426 2.52051Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/pen-sparkle.vue

@@ -0,0 +1,17 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M12.1426 1C12.6568 1 13.0987 1.1827 13.4609 1.54492L14.4551 2.53906C14.8173 2.90129 15 3.34316 15 3.85742C15 4.35504 14.8164 4.78714 14.4551 5.14844L4.96191 14.6416L1.84375 14.9971H1.76367C1.53474 14.9971 1.34147 14.9114 1.19336 14.7422C1.04632 14.5741 0.983263 14.3726 1.00391 14.1455V14.1426L1.3584 11.0381L10.8516 1.54492C11.2129 1.18362 11.645 1 12.1426 1ZM2.81348 11.7354L2.62012 13.3799L4.26465 13.1865L11.2002 6.25098L9.74902 4.7998L2.81348 11.7354ZM12.1426 2.52051C12.0708 2.52051 12 2.54885 11.9277 2.62109L10.8262 3.72266L12.2773 5.17383L13.3828 4.06836C13.4766 3.98234 13.5068 3.90993 13.5068 3.85059C13.5068 3.78985 13.475 3.71233 13.3789 3.61621L12.3838 2.62109C12.3155 2.55281 12.2372 2.52051 12.1426 2.52051Z"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M0.25 4.25C0.25 4.32812 0.28125 4.38281 0.34375 4.41406L1.75 5L2.33594 6.40625C2.36719 6.46875 2.42188 6.5 2.5 6.5C2.57812 6.5 2.63281 6.46875 2.66406 6.40625L3.25 5L4.65625 4.41406C4.71875 4.38281 4.75 4.32812 4.75 4.25C4.75 4.17188 4.71875 4.11719 4.65625 4.08594L3.25 3.5L2.66406 2.09375C2.63281 2.03125 2.57812 2 2.5 2C2.42188 2 2.36719 2.03125 2.33594 2.09375L1.75 3.5L0.34375 4.08594C0.28125 4.11719 0.25 4.17188 0.25 4.25Z"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7 1.5C7 1.44792 6.97917 1.41146 6.9375 1.39062L6 1L5.60938 0.0625C5.58854 0.0208333 5.55208 0 5.5 0C5.44792 0 5.41146 0.0208333 5.39062 0.0625L5 1L4.0625 1.39062C4.02083 1.41146 4 1.44792 4 1.5C4 1.55208 4.02083 1.58854 4.0625 1.60938L5 2L5.39062 2.9375C5.41146 2.97917 5.44792 3 5.5 3C5.55208 3 5.58854 2.97917 5.60938 2.9375L6 2L6.9375 1.60938C6.97917 1.58854 7 1.55208 7 1.5Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/sparkle-square.vue

@@ -0,0 +1,22 @@
+<template>
+  <path 
+    fill-rule="evenodd"
+    clip-rule="evenodd" 
+    d="M10.5 8.99999C10.5521 8.99999 10.5885 9.02083 10.6094 9.06249L11 9.99999L11.9375 10.3906C11.9792 10.4114 12 10.4479 12 10.5C12 10.5521 11.9792 10.5885 11.9375 10.6094L11 11L10.6094 11.9375C10.5885 11.9792 10.5521 12 10.5 12C10.4479 12 10.4114 11.9792 10.3906 11.9375L9.99999 11L9.06249 10.6094C9.02083 10.5885 8.99999 10.5521 8.99999 10.5C8.99999 10.4479 9.02083 10.4114 9.06249 10.3906L9.99999 9.99999L10.3906 9.06249C10.4114 9.02083 10.4479 8.99999 10.5 8.99999Z"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd" 
+    d="M6.99999 4.99999C7.10415 4.99999 7.17707 5.04166 7.21874 5.12499L8.10936 6.89061L9.85936 7.76561C9.95311 7.8177 9.99999 7.89583 9.99999 7.99999C9.99999 8.10416 9.95311 8.17707 9.85936 8.21874L8.10936 9.09374L7.21874 10.8594C7.17707 10.9531 7.10416 11 6.99999 11C6.89583 11 6.8229 10.9531 6.78124 10.8594L5.89061 9.09374L4.14061 8.21874C4.04687 8.17707 3.99999 8.10415 3.99999 7.99999C3.99999 7.89583 4.04687 7.8177 4.14061 7.76561L5.89061 6.89061L6.78124 5.12499C6.82291 5.04166 6.89583 4.99999 6.99999 4.99999Z"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd" 
+    d="M10.5 3.99999C10.5521 3.99999 10.5885 4.02083 10.6094 4.06249L11 4.99999L11.9375 5.39061C11.9792 5.41145 12 5.44791 12 5.49999C12 5.55207 11.9792 5.58853 11.9375 5.60936L11 5.99999L10.6094 6.93749C10.5885 6.97916 10.5521 6.99999 10.5 6.99999C10.4479 6.99999 10.4114 6.97915 10.3906 6.93749L9.99999 5.99999L9.06249 5.60936C9.02083 5.58853 8.99999 5.55207 8.99999 5.49999C8.99999 5.44791 9.02083 5.41145 9.06249 5.39061L9.99999 4.99999L10.3906 4.06249C10.4114 4.02083 10.4479 3.99999 10.5 3.99999Z"
+  />
+  <path 
+    fill-rule="evenodd"
+    clip-rule="evenodd" 
+    d="M10.7998 1.24999C11.3475 1.24999 11.8037 1.24896 12.1748 1.27929C12.5545 1.31032 12.9109 1.37808 13.248 1.54979C13.7655 1.81344 14.1865 2.2345 14.4502 2.75194C14.6219 3.08908 14.6897 3.44546 14.7207 3.82518C14.751 4.19631 14.75 4.65251 14.75 5.20018V10.7998C14.75 11.3475 14.751 11.8037 14.7207 12.1748C14.6897 12.5545 14.6219 12.9109 14.4502 13.248C14.1865 13.7655 13.7655 14.1865 13.248 14.4502C12.9109 14.6219 12.5545 14.6897 12.1748 14.7207C11.8037 14.751 11.3475 14.75 10.7998 14.75H5.20018C4.65251 14.75 4.19631 14.751 3.82518 14.7207C3.44546 14.6897 3.08908 14.6219 2.75194 14.4502C2.2345 14.1865 1.81344 13.7655 1.54979 13.248C1.37808 12.9109 1.31032 12.5545 1.27929 12.1748C1.24896 11.8037 1.24999 11.3475 1.24999 10.7998V5.20018C1.24999 4.65251 1.24896 4.19631 1.27929 3.82518C1.31032 3.44545 1.37808 3.08908 1.54979 2.75194C1.81344 2.2345 2.2345 1.81344 2.75194 1.54979C3.08908 1.37808 3.44545 1.31032 3.82518 1.27929C4.19631 1.24896 4.65251 1.24999 5.20018 1.24999H10.7998ZM5.20018 2.74999C4.62776 2.74999 4.24313 2.75023 3.94725 2.7744C3.66026 2.79786 3.52315 2.84057 3.43261 2.88671C3.19749 3.00653 3.00653 3.19749 2.88671 3.43261C2.84057 3.52315 2.79786 3.66026 2.7744 3.94725C2.75023 4.24313 2.74999 4.62776 2.74999 5.20018V10.7998C2.74999 11.3722 2.75023 11.7568 2.7744 12.0527C2.79786 12.3397 2.84058 12.4768 2.88671 12.5674C3.00653 12.8025 3.19749 12.9934 3.43261 13.1133C3.52315 13.1594 3.66026 13.2021 3.94725 13.2256C4.24313 13.2497 4.62776 13.25 5.20018 13.25H10.7998C11.3722 13.25 11.7568 13.2497 12.0527 13.2256C12.3397 13.2021 12.4768 13.1594 12.5674 13.1133C12.8025 12.9934 12.9934 12.8025 13.1133 12.5674C13.1594 12.4768 13.2021 12.3397 13.2256 12.0527C13.2497 11.7568 13.25 11.3722 13.25 10.7998V5.20018C13.25 4.62776 13.2497 4.24313 13.2256 3.94725C13.2021 3.66026 13.1594 3.52315 13.1133 3.43261C12.9934 3.19749 12.8025 3.00653 12.5674 2.88671C12.4768 2.84058 12.3397 2.79786 12.0527 2.7744C11.7568 2.75023 11.3722 2.74999 10.7998 2.74999H5.20018Z"
+  />
+</template>

package/src/themes/dcom.js

@@ -16,7 +16,7 @@ module.exports = _.merge({}, baseTheme, {
     DEFAULT: '0.5rem',
     md: '0.375rem',
     lg: '0.75rem',
-    xl: '0.1rem',
+    xl: '1rem',
     '2xl': '1.5rem',
     '3xl': '2rem',
     full: '9999px',

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}