@alfalab/core-components 25.0.0 → 25.1.0

package/textarea/esm/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_tuwnn {
+.textarea__textarea_a35gi {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn::placeholder {
+.textarea__textarea_a35gi::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_tuwnn::placeholder {
+.textarea__hasLabel_a35gi::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_tuwnn {
+.textarea__resizeVertical_a35gi {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_tuwnn:disabled {
+.textarea__textarea_a35gi:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_tuwnn:read-only {
+.textarea__textarea_a35gi:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_tuwnn:focus.textarea__hasLabel_tuwnn::placeholder {
+.textarea__textarea_a35gi:focus.textarea__hasLabel_a35gi::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_tuwnn {
+.textarea__focusVisible_a35gi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi {
     padding-top: 0
 }
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__s_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__m_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__l_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__xl_a35gi {
         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

@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_r08vs {
+.textarea__input_1qw1g {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_r08vs:-webkit-autofill {
+.textarea__input_1qw1g:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_r08vs::placeholder {
+.textarea__input_1qw1g::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_r08vs::placeholder {
+.textarea__hasLabel_1qw1g::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_r08vs {
+.textarea__clearIcon_1qw1g {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_r08vs {
+.textarea__errorIcon_1qw1g {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_r08vs {
+.textarea__successIcon_1qw1g {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_r08vs:read-only {
+.textarea__input_1qw1g:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_r08vs:read-only:focus::placeholder {
+.textarea__input_1qw1g:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_r08vs:disabled {
+.textarea__input_1qw1g:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_r08vs:focus::placeholder {
+.textarea__input_1qw1g:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_r08vs {
+.textarea__error_1qw1g {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_r08vs {
+.textarea__textarea_1qw1g {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_r08vs::placeholder {
+.textarea__textarea_1qw1g::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_r08vs::placeholder {
+.textarea__hasLabel_1qw1g::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_r08vs:disabled {
+.textarea__textarea_1qw1g:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_r08vs:read-only {
+.textarea__textarea_1qw1g:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_r08vs:focus::placeholder {
+.textarea__textarea_1qw1g:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_tuwnn {
+.textarea__textarea_a35gi {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn::placeholder {
+.textarea__textarea_a35gi::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_tuwnn::placeholder {
+.textarea__hasLabel_a35gi::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_tuwnn {
+.textarea__resizeVertical_a35gi {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_tuwnn:disabled {
+.textarea__textarea_a35gi:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_tuwnn:read-only {
+.textarea__textarea_a35gi:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_tuwnn:focus.textarea__hasLabel_tuwnn::placeholder {
+.textarea__textarea_a35gi:focus.textarea__hasLabel_a35gi::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_tuwnn {
+.textarea__focusVisible_a35gi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi {
     padding-top: 0
 }
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__s_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__m_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__l_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__xl_a35gi {
         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

@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_r08vs {
+.textarea__input_1qw1g {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_r08vs:-webkit-autofill {
+.textarea__input_1qw1g:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_r08vs::placeholder {
+.textarea__input_1qw1g::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_r08vs::placeholder {
+.textarea__hasLabel_1qw1g::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_r08vs {
+.textarea__clearIcon_1qw1g {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_r08vs {
+.textarea__errorIcon_1qw1g {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_r08vs {
+.textarea__successIcon_1qw1g {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_r08vs:read-only {
+.textarea__input_1qw1g:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_r08vs:read-only:focus::placeholder {
+.textarea__input_1qw1g:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_r08vs:disabled {
+.textarea__input_1qw1g:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_r08vs:focus::placeholder {
+.textarea__input_1qw1g:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_r08vs {
+.textarea__error_1qw1g {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_r08vs {
+.textarea__textarea_1qw1g {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_r08vs::placeholder {
+.textarea__textarea_1qw1g::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_r08vs::placeholder {
+.textarea__hasLabel_1qw1g::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_r08vs:disabled {
+.textarea__textarea_1qw1g:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_r08vs:read-only {
+.textarea__textarea_1qw1g:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_r08vs:focus::placeholder {
+.textarea__textarea_1qw1g: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_tuwnn","s":"textarea__s_tuwnn","m":"textarea__m_tuwnn","l":"textarea__l_tuwnn","xl":"textarea__xl_tuwnn","hasLabel":"textarea__hasLabel_tuwnn","resizeVertical":"textarea__resizeVertical_tuwnn","focusVisible":"textarea__focusVisible_tuwnn","filled":"textarea__filled_tuwnn"};
+var styles = {"textarea":"textarea__textarea_a35gi","s":"textarea__s_a35gi","m":"textarea__m_a35gi","l":"textarea__l_a35gi","xl":"textarea__xl_a35gi","hasLabel":"textarea__hasLabel_a35gi","resizeVertical":"textarea__resizeVertical_a35gi","focusVisible":"textarea__focusVisible_a35gi","filled":"textarea__filled_a35gi"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1vbfl","hasLabel":"textarea__hasLabel_1vbfl","clearIcon":"textarea__clearIcon_1vbfl","errorIcon":"textarea__errorIcon_1vbfl","successIcon":"textarea__successIcon_1vbfl","error":"textarea__error_1vbfl","textarea":"textarea__textarea_1vbfl"};
+var defaultColors = {"input":"textarea__input_w644k","hasLabel":"textarea__hasLabel_w644k","clearIcon":"textarea__clearIcon_w644k","errorIcon":"textarea__errorIcon_w644k","successIcon":"textarea__successIcon_w644k","error":"textarea__error_w644k","textarea":"textarea__textarea_w644k"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_r08vs","hasLabel":"textarea__hasLabel_r08vs","clearIcon":"textarea__clearIcon_r08vs","errorIcon":"textarea__errorIcon_r08vs","successIcon":"textarea__successIcon_r08vs","error":"textarea__error_r08vs","textarea":"textarea__textarea_r08vs"};
+var invertedColors = {"input":"textarea__input_1qw1g","hasLabel":"textarea__hasLabel_1qw1g","clearIcon":"textarea__clearIcon_1qw1g","errorIcon":"textarea__errorIcon_1qw1g","successIcon":"textarea__successIcon_1qw1g","error":"textarea__error_1qw1g","textarea":"textarea__textarea_1qw1g"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/default.css

@@ -31,70 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_1vbfl {
+.textarea__input_w644k {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1vbfl:-webkit-autofill {
+.textarea__input_w644k:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1vbfl::placeholder {
+.textarea__input_w644k::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1vbfl::placeholder {
+.textarea__hasLabel_w644k::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1vbfl {
+.textarea__clearIcon_w644k {
     color: var(--color-light-graphic-primary);
 }
-.textarea__errorIcon_1vbfl {
+.textarea__errorIcon_w644k {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1vbfl {
+.textarea__successIcon_w644k {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1vbfl:read-only {
+.textarea__input_w644k:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1vbfl:read-only:focus::placeholder {
+.textarea__input_w644k:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1vbfl:disabled {
+.textarea__input_w644k:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1vbfl:focus::placeholder {
+.textarea__input_w644k:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1vbfl {
+.textarea__error_w644k {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1vbfl {
+.textarea__textarea_w644k {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1vbfl::placeholder {
+.textarea__textarea_w644k::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1vbfl::placeholder {
+.textarea__hasLabel_w644k::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1vbfl:disabled {
+.textarea__textarea_w644k:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1vbfl:read-only {
+.textarea__textarea_w644k:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1vbfl:focus::placeholder {
+.textarea__textarea_w644k:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/modern/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_tuwnn {
+.textarea__textarea_a35gi {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_tuwnn::placeholder {
+.textarea__textarea_a35gi::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_tuwnn::placeholder {
+.textarea__hasLabel_a35gi::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_tuwnn {
+.textarea__resizeVertical_a35gi {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__s_a35gi {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__m_a35gi {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__l_a35gi {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__xl_a35gi {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_tuwnn:disabled {
+.textarea__textarea_a35gi:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_tuwnn:read-only {
+.textarea__textarea_a35gi:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_tuwnn:focus.textarea__hasLabel_tuwnn::placeholder {
+.textarea__textarea_a35gi:focus.textarea__hasLabel_a35gi::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_tuwnn {
+.textarea__focusVisible_a35gi {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi {
     padding-top: 0
 }
-.textarea__textarea_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__s_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__s_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__m_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__m_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__l_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__l_a35gi {
         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_tuwnn.textarea__filled_tuwnn.textarea__hasLabel_tuwnn.textarea__xl_tuwnn {
+.textarea__textarea_a35gi.textarea__filled_a35gi.textarea__hasLabel_a35gi.textarea__xl_a35gi {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);