@designcrowd/fe-shared-lib 1.2.1-ml-input-changes → 1.2.1-rr-4

package/dist/css/tailwind-brandCrowd.css

@@ -719,6 +719,9 @@ video {
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -827,6 +830,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1446,6 +1453,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;
 }
@@ -2023,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 121 172 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 209 217 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 73 101 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
   --tw-shadow-color: #0097D7 !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(194 22 50 / var(--tw-border-opacity));

package/dist/css/tailwind-brandPage.css

@@ -719,6 +719,9 @@ video {
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -827,6 +830,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1294,6 +1301,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;
 }
@@ -1791,6 +1809,10 @@ video {
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.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-grayscale-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(94 94 94 / var(--tw-border-opacity));

package/dist/css/tailwind-crazyDomains.css

@@ -719,6 +719,9 @@ video {
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -827,6 +830,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1446,6 +1453,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;
 }
@@ -2023,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 129 191 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 238 213 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(140 189 89 / var(--tw-bg-opacity));
@@ -2087,6 +2109,10 @@ video {
   --tw-shadow-color: #00A1EF !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(186 24 79 / var(--tw-border-opacity));

package/dist/css/tailwind-designCom.css

@@ -719,6 +719,9 @@ video {
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -827,6 +830,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1446,6 +1453,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;
 }
@@ -2023,6 +2041,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));
@@ -2087,6 +2109,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));

package/dist/css/tailwind-designCrowd.css

@@ -719,6 +719,9 @@ video {
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -827,6 +830,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1446,6 +1453,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;
 }
@@ -2023,6 +2041,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));
@@ -2087,6 +2109,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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.1-ml-input-changes",
+  "version": "1.2.1-rr-4",
   "scripts": {
     "start": "npm run storybook",
     "build": "npm run build:css --production",

package/src/atoms/components/FormControl/FormControl.mixin.js

@@ -107,7 +107,10 @@ export default {
     input(modelValue, event) {
       this.$emit('update:modelValue', modelValue);
       this.$emit('input', modelValue);
-      event.target.setCustomValidity('');
+
+      if (event?.target) {
+        event.target.setCustomValidity('');
+      }
     },
     keyup(modelValue) {
       this.$emit('keyup', modelValue);

package/src/atoms/components/TextInput/TextInput.vue

@@ -74,8 +74,7 @@
           ]"
           class="tw-text-grayscale-600 tw-box-border tw-w-full tw-text-base tw-px-4 tw-border tw-border-solid focus:tw-outline-none tw-transition-colors tw-duration-300 tw-ease-out tw-shadow-inner"
           @invalid="setValidationMessage"
-          @input="clearValidationMessage"
-          @input.stop="input($event.target.value)"
+          @input.stop="input($event.target.value, $event)"
           @keyup.stop="keyup($event.target.value)"
           @keydown.stop="keydown($event.target.value, $event)"
           @focus="focus($event.target.value)"

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

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