trepur_components 1.0.60 → 1.0.61

package/dist/src/lib/components/TextArea/style.module.css

@@ -1,57 +1,126 @@
 .classList {
+
+    margin-top: 1rem;
+
     width: 100%;
-    border-radius: 0.75rem;
+
     background-color: var(--color-white);
-    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
-    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);
+
     cursor: pointer
 }
 
+/* .classList:active p {
+    @apply hidden;
+} 
+
+.classList:active .value {
+    @apply pt-3 pb-4;
+}  */
+
 .fullWidth {
+
     width: 100%
 }
 
 @media (min-width: 640px) {
 
     .notFullWidth {
+
         width: 18rem
     }
 }
 
 .labelWrapper {
+
     position: absolute;
-    margin-left: 1rem;
-    margin-top: 0.5rem;
-    display: flex;
+
+    margin-left: 0.75rem;
+
+    margin-top: -0.75rem;
+
+    padding-left: 0.25rem;
+
+    padding-right: 0.25rem;
+
+    border-radius: 1rem;
+
     background-color: var(--color-white);
-    font-size: 12px;
-    font-weight: 100
-}
 
-.label {
+    font-size: 16px;
 
+    font-weight: 400
 }
 
 .required {
+
     font-weight: 600;
+
     color: var(--color-error)
 }
 
 .value {
-    margin-bottom: 0px;
+
     width: 100%;
-    border-radius: 0.75rem;
-    border-color: var(--color-ink);
+
+    border-radius: 0.375rem;
+
     background-color: var(--color-white);
-    padding-top: 1.5rem;
-    padding-bottom: 0.25rem;
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
     padding-left: 1rem;
-    padding-bottom: 0px;
+
     color: var(--color-ink);
+
     cursor: pointer;
-    resize: none
+
+    border-width: 1px;
+
+    border-color: var(--color-black);
+
+    font-size: 22px
+}
+
+/* .value:focus {
+    @apply pt-3 pb-4;
+}
+
+.value:focus ~ label {
+    @apply text-xl;
+} */
+
+.errors {
+
+    font-size: 16px;
+
+    font-weight: 400;
+
+    color: var(--color-error)
+}
+
+.errorState {
+
+    border-width: 2px;
+
+    border-color: var(--color-error)
 }
+
+.labelError {
+
+    color: var(--color-error)
+}
+
+.errorText {
+
+    margin-top: 0.25rem;
+
+    border-left-width: 4px;
+
+    border-color: var(--color-error);
+
+    padding-left: 0.75rem
+}
+
 /*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/TextArea/style.module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;IAAA,WAAiC;IAAjC,sBAAiC;IAAjC,oCAAiC;IACjC,0EAAyB;IAAzB,8FAAyB;IAAzB,uGAAyB;IAAzB,kGAAyB;IAAzB,iLAAyB;IACzB;AAFiC;;AAMjC;IAAA;AAAa;;AAIb;;IAAA;QAAA;IAAc;AAAA;;AAId;IAAA,kBAAyD;IAAzD,iBAAyD;IAAzD,kBAAyD;IAAzD,aAAyD;IAAzD,oCAAyD;IAAzD,eAAyD;IAAzD;AAAyD;;AAG7D;;AAEA;;AAGI;IAAA,gBAA+B;IAA/B;AAA+B;;AAI/B;IAAA,kBAA8E;IAA9E,WAA8E;IAA9E,sBAA8E;IAA9E,8BAA8E;IAA9E,oCAA8E;IAA9E,mBAA8E;IAA9E,uBAA8E;IAA9E,kBAA8E;IAA9E,mBAA8E;IAA9E,uBAA8E;IAC9E,eAAqB;IACrB;AAF8E","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white rounded-xl;\n    @apply drop-shadow shadow;\n    @apply cursor-pointer;\n}\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.labelWrapper {\n    @apply ml-4 absolute mt-2 bg-white text-xs font-thin flex;\n}\n\n.label {\n\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply pt-6 pb-1 pl-4 pb-0 mb-0 border-ink rounded-xl text-ink bg-white w-full;\n    @apply cursor-pointer;\n    resize: none;\n}"]}
+{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI/B;;;;;;IAMI;;AAGA;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,mBAAgD;;IAAhD,oCAAgD;;IAAhD,eAAgD;;IAAhD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMxD;;;;;;GAMG;;AAGC;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n    @apply w-full bg-white mt-4;\n    @apply cursor-pointer;\n}\n\n/* .classList:active p {\n    @apply hidden;\n} \n\n.classList:active .value {\n    @apply pt-3 pb-4;\n}  */\n\n.fullWidth {\n    @apply w-full;\n}\n\n.notFullWidth {\n    @apply sm:w-72;\n}\n\n.labelWrapper {\n    @apply px-1 ml-3 absolute -mt-3;\n    @apply bg-white text-sm font-regular rounded-2xl;\n}\n\n.required {\n    @apply text-error font-semiBold;\n}\n\n.value {\n    @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n    @apply cursor-pointer;\n    @apply border border-black;\n    @apply text-md;\n}\n\n/* .value:focus {\n    @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n    @apply text-xl;\n} */\n\n.errors {\n    @apply text-error text-sm font-regular;\n}\n\n.errorState {\n    @apply border-2 border-error;\n}\n\n.labelError {\n    @apply text-error;\n}\n\n.errorText {\n    @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "1.0.60",
+  "version": "1.0.61",
   "private": false,
   "keywords": [
     "react",