@designcrowd/fe-shared-lib 1.8.5 → 1.8.6

package/dist/css/tailwind-designCrowd.css

@@ -551,6 +551,9 @@ video {
 .tw-relative {
   position: relative;
 }
+.tw-inset-0 {
+  inset: 0px;
+}
 .tw--left-16 {
   left: -4rem;
 }
@@ -946,6 +949,9 @@ video {
 .tw-w-96 {
   width: 24rem;
 }
+.tw-w-\[14rem\] {
+  width: 14rem;
+}
 .tw-w-auto {
   width: auto;
 }
@@ -1210,6 +1216,9 @@ video {
 .tw-rounded-full {
   border-radius: 9999px;
 }
+.tw-rounded-lg {
+  border-radius: 0.5rem;
+}
 .tw-rounded-md {
   border-radius: 0.375rem;
 }
@@ -1394,6 +1403,9 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.tw-border-t-transparent {
+  border-top-color: transparent;
+}
 .tw-bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1509,6 +1521,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
+.tw-bg-white\/50 {
+  background-color: rgb(255 255 255 / 0.5);
+}
 .tw-bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1851,6 +1866,9 @@ video {
 .tw-font-bold {
   font-weight: 700;
 }
+.tw-font-medium {
+  font-weight: 500;
+}
 .tw-font-normal {
   font-weight: 400;
 }
@@ -1878,6 +1896,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(146 38 36 / var(--tw-text-opacity));
 }
+.tw-text-grayscale-400 {
+  --tw-text-opacity: 1;
+  color: rgb(230 230 230 / var(--tw-text-opacity));
+}
 .tw-text-grayscale-500 {
   --tw-text-opacity: 1;
   color: rgb(204 204 204 / var(--tw-text-opacity));
@@ -2031,6 +2053,11 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   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);
 }
+.tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2062,6 +2089,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));
@@ -2098,6 +2129,14 @@ 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-grayscale-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(82 93 96 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-info-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(207 234 251 / var(--tw-bg-opacity));
@@ -2122,6 +2161,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(10 91 141 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-secondary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(223 226 230 / var(--tw-bg-opacity));
@@ -2138,6 +2181,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(74 87 103 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-secondary-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(56 65 77 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-success-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(213 242 223 / var(--tw-bg-opacity));
@@ -2150,10 +2197,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(194 140 34 / var(--tw-bg-opacity));
 }
-.hover\:tw-text-grayscale-800:hover {
-  --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));
@@ -2210,6 +2253,18 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus-visible\:tw-ring-2:focus-visible {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.focus-visible\:tw-ring-primary-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(17 151 235 / var(--tw-ring-opacity));
+}
+.focus-visible\:tw-ring-offset-2:focus-visible {
+  --tw-ring-offset-width: 2px;
+}
 .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));

package/package.json

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

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

@@ -88,6 +88,7 @@ import IconCalloutWarning from './icons/callout-warning.vue';
 import IconCap from './icons/cap.vue';
 import IconCard from './icons/card.vue';
 import IconCartEmpty from './icons/cart-empty.vue';
+import IconCheckRounded from './icons/check-rounded.vue';
 import IconCheckThin from './icons/check-thin.vue';
 import IconCheck from './icons/check.vue';
 import IconChevronDown from './icons/chevron-down.vue';
@@ -237,6 +238,7 @@ import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
 import IconMedia from './icons/media.vue';
 import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconMinus from './icons/minus.vue';
+import IconMicrophoneBold from './icons/microphone-bold.vue';
 import IconMicrophone from './icons/microphone.vue';
 import IconMobile from './icons/mobile.vue';
 import IconOther from './icons/other.vue';
@@ -505,6 +507,7 @@ export default {
     IconCard,
     IconCartEmpty,
     IconCheck,
+    IconCheckRounded,
     IconCheckThin,
     IconChevronDown,
     IconChevronLeft,
@@ -640,6 +643,7 @@ export default {
     IconMinus,
     IconMinusCircleLight,
     IconMicrophone,
+    IconMicrophoneBold,
     IconMobile,
     IconMug,
     IconOther,

package/src/atoms/components/Icon/icons/check-rounded.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M14.1994 3.31381C14.6002 3.73223 14.6002 4.41062 14.1994 4.82904L6.67308 12.6861C6.27227 13.1046 5.62245 13.1046 5.22164 12.6861L1.8006 9.11475C1.3998 8.69633 1.3998 8.01794 1.8006 7.59952C2.20139 7.1811 2.85122 7.1811 3.25202 7.59952L5.94736 10.4133L12.7479 3.31381C13.1488 2.8954 13.7985 2.8954 14.1994 3.31381Z"
+  />
+</template>

package/src/atoms/components/Icon/icons/microphone-bold.vue

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M2.5835 8.00031V6.66632C2.58367 6.25226 2.91939 5.91632 3.3335 5.91632C3.7476 5.91632 4.08332 6.25226 4.0835 6.66632V8.00031C4.08367 10.1633 5.83748 11.9163 8.00049 11.9163C10.1633 11.9161 11.9163 10.1632 11.9165 8.00031V6.66632C11.9167 6.25237 12.2525 5.9165 12.6665 5.91632C13.0806 5.91632 13.4163 6.25226 13.4165 6.66632V8.00031C13.4163 10.737 11.3866 12.9971 8.75049 13.3626V13.9163H10.6665C11.0806 13.9163 11.4163 14.2523 11.4165 14.6663C11.4165 15.0805 11.0807 15.4163 10.6665 15.4163H5.3335C4.91928 15.4163 4.5835 15.0805 4.5835 14.6663C4.58367 14.2523 4.91939 13.9163 5.3335 13.9163H7.25049V13.3626C4.61402 12.9974 2.58366 10.7372 2.5835 8.00031ZM9.25049 3.33331C9.25049 2.64307 8.69069 2.08349 8.00049 2.08331C7.31013 2.08331 6.75049 2.64296 6.75049 3.33331V8.00031C6.75066 8.69051 7.31024 9.25031 8.00049 9.25031C8.69059 9.25013 9.25031 8.6904 9.25049 8.00031V3.33331ZM10.7505 8.00031C10.7503 9.51883 9.51901 10.7501 8.00049 10.7503C6.48181 10.7503 5.25066 9.51894 5.25049 8.00031V3.33331C5.25049 1.81453 6.48171 0.583313 8.00049 0.583313C9.51912 0.583489 10.7505 1.81464 10.7505 3.33331V8.00031Z"
+  />
+</template>

package/src/atoms/components/VoiceToTextButton/VoiceToTextButton.vue

@@ -17,7 +17,7 @@
     @click="toggle"
   >
     <Icon
-      name="microphone"
+      name="microphone-bold"
       :size="iconSize"
       :class="variantClasses.icon"
       aria-hidden="true"

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

@@ -1 +0,0 @@
-.email-input[data-v-777ace40]{background-image:url(https://dcstatic.com/images/icons/forms/forms-email-58207f9a5c.svg);background-position:top 50% left .5rem}.password-input[data-v-777ace40]{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-777ace40]{padding-left:2.5rem!important}.email-input[data-v-91cb4060]{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-91cb4060]{padding-left:2.5rem!important}.password-input[data-v-524c1521]{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-524c1521]{padding-left:2.5rem!important}