@alfalab/core-components 20.6.0 → 21.0.0

package/textarea/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 15pgr */
+/* hash: emwbj */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_15pgr {
+.textarea__textarea_emwbj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,80 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr::placeholder {
+.textarea__textarea_emwbj::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_15pgr::placeholder {
+.textarea__hasLabel_emwbj::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_15pgr {
+.textarea__resizeVertical_emwbj {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_15pgr:disabled {
+.textarea__textarea_emwbj:disabled {
     cursor: var(--disabled-cursor);
+    opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_15pgr:read-only {
+.textarea__textarea_emwbj:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_15pgr:focus.textarea__hasLabel_15pgr::placeholder {
+.textarea__textarea_emwbj:focus.textarea__hasLabel_emwbj::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_15pgr {
+.textarea__focusVisible_emwbj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj {
     padding-top: 0
 }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__s_emwbj {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height);
         height: var(--textarea-s-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__m_emwbj {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height);
         height: var(--textarea-m-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__l_emwbj {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height);
         height: var(--textarea-l-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__xl_emwbj {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);

package/textarea/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 228f0 */
+/* hash: 1halp */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,68 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_228f0 {
+.textarea__input_1halp {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_228f0:-webkit-autofill {
+.textarea__input_1halp:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_228f0::placeholder {
+.textarea__input_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_228f0 {
+.textarea__clearIcon_1halp {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_228f0 {
+.textarea__errorIcon_1halp {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_228f0 {
+.textarea__successIcon_1halp {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_228f0:read-only {
+.textarea__input_1halp:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_228f0:read-only:focus::placeholder {
+.textarea__input_1halp:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_228f0:disabled {
+.textarea__input_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_228f0:focus::placeholder {
+.textarea__input_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_228f0 {
+.textarea__error_1halp {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_228f0 {
+.textarea__textarea_1halp {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_228f0::placeholder {
+.textarea__textarea_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_228f0:disabled {
+.textarea__textarea_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_228f0:read-only {
+.textarea__textarea_1halp:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_228f0:focus::placeholder {
+.textarea__textarea_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/index.css

@@ -1,4 +1,4 @@
-/* hash: 15pgr */
+/* hash: emwbj */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_15pgr {
+.textarea__textarea_emwbj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,80 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr::placeholder {
+.textarea__textarea_emwbj::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_15pgr::placeholder {
+.textarea__hasLabel_emwbj::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_15pgr {
+.textarea__resizeVertical_emwbj {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_15pgr:disabled {
+.textarea__textarea_emwbj:disabled {
     cursor: var(--disabled-cursor);
+    opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_15pgr:read-only {
+.textarea__textarea_emwbj:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_15pgr:focus.textarea__hasLabel_15pgr::placeholder {
+.textarea__textarea_emwbj:focus.textarea__hasLabel_emwbj::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_15pgr {
+.textarea__focusVisible_emwbj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj {
     padding-top: 0
 }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__s_emwbj {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height);
         height: var(--textarea-s-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__m_emwbj {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height);
         height: var(--textarea-m-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__l_emwbj {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height);
         height: var(--textarea-l-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__xl_emwbj {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);

package/textarea/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 228f0 */
+/* hash: 1halp */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,68 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_228f0 {
+.textarea__input_1halp {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_228f0:-webkit-autofill {
+.textarea__input_1halp:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_228f0::placeholder {
+.textarea__input_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_228f0 {
+.textarea__clearIcon_1halp {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_228f0 {
+.textarea__errorIcon_1halp {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_228f0 {
+.textarea__successIcon_1halp {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_228f0:read-only {
+.textarea__input_1halp:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_228f0:read-only:focus::placeholder {
+.textarea__input_1halp:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_228f0:disabled {
+.textarea__input_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_228f0:focus::placeholder {
+.textarea__input_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_228f0 {
+.textarea__error_1halp {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_228f0 {
+.textarea__textarea_1halp {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_228f0::placeholder {
+.textarea__textarea_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_228f0:disabled {
+.textarea__textarea_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_228f0:read-only {
+.textarea__textarea_1halp:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_228f0:focus::placeholder {
+.textarea__textarea_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/modern/Component.js

@@ -5,13 +5,13 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '../../form-control/modern';
 
-var styles = {"textarea":"textarea__textarea_15pgr","s":"textarea__s_15pgr","m":"textarea__m_15pgr","l":"textarea__l_15pgr","xl":"textarea__xl_15pgr","hasLabel":"textarea__hasLabel_15pgr","resizeVertical":"textarea__resizeVertical_15pgr","focusVisible":"textarea__focusVisible_15pgr","filled":"textarea__filled_15pgr"};
+var styles = {"textarea":"textarea__textarea_emwbj","s":"textarea__s_emwbj","m":"textarea__m_emwbj","l":"textarea__l_emwbj","xl":"textarea__xl_emwbj","hasLabel":"textarea__hasLabel_emwbj","resizeVertical":"textarea__resizeVertical_emwbj","focusVisible":"textarea__focusVisible_emwbj","filled":"textarea__filled_emwbj"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_125h1","hasLabel":"textarea__hasLabel_125h1","clearIcon":"textarea__clearIcon_125h1","errorIcon":"textarea__errorIcon_125h1","successIcon":"textarea__successIcon_125h1","error":"textarea__error_125h1","textarea":"textarea__textarea_125h1"};
+var defaultColors = {"input":"textarea__input_icq9e","hasLabel":"textarea__hasLabel_icq9e","clearIcon":"textarea__clearIcon_icq9e","errorIcon":"textarea__errorIcon_icq9e","successIcon":"textarea__successIcon_icq9e","error":"textarea__error_icq9e","textarea":"textarea__textarea_icq9e"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_228f0","hasLabel":"textarea__hasLabel_228f0","clearIcon":"textarea__clearIcon_228f0","errorIcon":"textarea__errorIcon_228f0","successIcon":"textarea__successIcon_228f0","error":"textarea__error_228f0","textarea":"textarea__textarea_228f0"};
+var invertedColors = {"input":"textarea__input_1halp","hasLabel":"textarea__hasLabel_1halp","clearIcon":"textarea__clearIcon_1halp","errorIcon":"textarea__errorIcon_1halp","successIcon":"textarea__successIcon_1halp","error":"textarea__error_1halp","textarea":"textarea__textarea_1halp"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 125h1 */
+/* hash: icq9e */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -31,68 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_125h1 {
+.textarea__input_icq9e {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_125h1:-webkit-autofill {
+.textarea__input_icq9e:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_125h1::placeholder {
+.textarea__input_icq9e::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_125h1::placeholder {
+.textarea__hasLabel_icq9e::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_125h1 {
+.textarea__clearIcon_icq9e {
     background-image: var(--input-clear-icon);
 }
-.textarea__errorIcon_125h1 {
+.textarea__errorIcon_icq9e {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_125h1 {
+.textarea__successIcon_icq9e {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_125h1:read-only {
+.textarea__input_icq9e:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_125h1:read-only:focus::placeholder {
+.textarea__input_icq9e:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_125h1:disabled {
+.textarea__input_icq9e:disabled {
     color: var(--input-disabled-color);
+    -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_125h1:focus::placeholder {
+.textarea__input_icq9e:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_125h1 {
+.textarea__error_icq9e {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_125h1 {
+.textarea__textarea_icq9e {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_125h1::placeholder {
+.textarea__textarea_icq9e::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_125h1::placeholder {
+.textarea__hasLabel_icq9e::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_125h1:disabled {
+.textarea__textarea_icq9e:disabled {
     color: var(--input-disabled-color);
+    -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_125h1:read-only {
+.textarea__textarea_icq9e:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_125h1:focus::placeholder {
+.textarea__textarea_icq9e:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 15pgr */
+/* hash: emwbj */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_15pgr {
+.textarea__textarea_emwbj {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,80 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_15pgr::placeholder {
+.textarea__textarea_emwbj::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_15pgr::placeholder {
+.textarea__hasLabel_emwbj::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_15pgr {
+.textarea__resizeVertical_emwbj {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__s_emwbj {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__m_emwbj {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__l_emwbj {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__xl_emwbj {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_15pgr:disabled {
+.textarea__textarea_emwbj:disabled {
     cursor: var(--disabled-cursor);
+    opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_15pgr:read-only {
+.textarea__textarea_emwbj:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_15pgr:focus.textarea__hasLabel_15pgr::placeholder {
+.textarea__textarea_emwbj:focus.textarea__hasLabel_emwbj::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_15pgr {
+.textarea__focusVisible_emwbj {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj {
     padding-top: 0
 }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__s_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__s_emwbj {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height);
         height: var(--textarea-s-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__m_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__m_emwbj {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height);
         height: var(--textarea-m-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__l_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__l_emwbj {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height);
         height: var(--textarea-l-filled-min-height);
     }
-.textarea__textarea_15pgr.textarea__filled_15pgr.textarea__hasLabel_15pgr.textarea__xl_15pgr {
+.textarea__textarea_emwbj.textarea__filled_emwbj.textarea__hasLabel_emwbj.textarea__xl_emwbj {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);