@alfalab/core-components 23.12.0 → 23.13.0

package/tag/modern/default.css

@@ -40,34 +40,34 @@
     --tag-text-color-disabled: var(--color-light-text-tertiary);
     --tag-text-color-checked-disabled: var(--color-light-text-primary-inverted);
 }
-.tag__component_166mu {
+.tag__component_4xge1 {
     color: var(--tag-text-color);
     border-color: var(--tag-border-color);
     background-color: var(--tag-background-color)
 }
-.tag__component_166mu:disabled {
+.tag__component_4xge1:disabled {
         border-color: var(--tag-border-color-disabled);
         color: var(--tag-text-color-disabled);
     }
-.tag__component_166mu:hover:not(:disabled) {
+.tag__component_4xge1:hover:not(:disabled) {
         border-color: var(--tag-border-color-hover);
         background-color: var(--tag-background-color-hover);
     }
-.tag__component_166mu:active:not(:disabled) {
+.tag__component_4xge1:active:not(:disabled) {
         border-color: var(--tag-border-color-active);
         background-color: var(--tag-background-color-active);
         color: var(--tag-text-color);
     }
-.tag__checked_166mu {
+.tag__checked_4xge1 {
     border-color: var(--tag-border-color-checked);
     background-color: var(--tag-background-color-checked);
     color: var(--tag-text-color-checked)
 }
-.tag__checked_166mu:disabled {
+.tag__checked_4xge1:disabled {
         background-color: var(--tag-background-color-checked-disabled);
         border-color: var(--tag-border-color-checked-disabled);
         color: var(--tag-text-color-checked-disabled);
     }
-.tag__checked_166mu:hover:not(:disabled):not(:active) {
+.tag__checked_4xge1:hover:not(:disabled):not(:active) {
         background-color: var(--tag-background-color-checked);
     }

package/tag/modern/index.css

@@ -38,7 +38,7 @@
     --tag-border-width: 1px;
     --tag-border-radius: var(--border-radius-pill);
 }
-.tag__component_1jm5q {
+.tag__component_19anp {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -57,40 +57,40 @@
     cursor: pointer;
     outline: none
 }
-.tag__component_1jm5q:disabled {
+.tag__component_19anp:disabled {
         cursor: var(--disabled-cursor);
     }
-.tag__focused_1jm5q {
+.tag__focused_19anp {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tag__addons_1jm5q {
+.tag__addons_19anp {
     display: flex;
     flex-shrink: 0;
     align-items: center
 }
-.tag__addons_1jm5q:first-child {
+.tag__addons_19anp:first-child {
         margin-right: var(--gap-2xs);
     }
-.tag__addons_1jm5q:last-child {
+.tag__addons_19anp:last-child {
         margin-left: var(--gap-2xs);
     }
-.tag__addons_1jm5q:only-child {
+.tag__addons_19anp:only-child {
         margin: 0;
     }
-.tag__s_1jm5q .tag__addons_1jm5q:first-child, .tag__m_1jm5q .tag__addons_1jm5q:first-child {
+.tag__s_19anp .tag__addons_19anp:first-child, .tag__m_19anp .tag__addons_19anp:first-child {
         margin-right: var(--gap-xs);
     }
-.tag__s_1jm5q .tag__addons_1jm5q:last-child, .tag__m_1jm5q .tag__addons_1jm5q:last-child {
+.tag__s_19anp .tag__addons_19anp:last-child, .tag__m_19anp .tag__addons_19anp:last-child {
         margin-left: var(--gap-xs);
     }
-.tag__l_1jm5q .tag__addons_1jm5q:first-child, .tag__xl_1jm5q .tag__addons_1jm5q:first-child {
+.tag__l_19anp .tag__addons_19anp:first-child, .tag__xl_19anp .tag__addons_19anp:first-child {
         margin-right: var(--gap-s);
     }
-.tag__l_1jm5q .tag__addons_1jm5q:last-child, .tag__xl_1jm5q .tag__addons_1jm5q:last-child {
+.tag__l_19anp .tag__addons_19anp:last-child, .tag__xl_19anp .tag__addons_19anp:last-child {
         margin-left: var(--gap-s);
     }
-.tag__xxs_1jm5q {
+.tag__xxs_19anp {
     min-width: 60px;
     min-height: var(--size-xs-height);
     padding: 0 var(--gap-m);
@@ -99,13 +99,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xxs_1jm5q {
+.tag__xxs_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
     }
-.tag__xs_1jm5q {
+.tag__xs_19anp {
     min-width: 72px;
     min-height: 40px;
     padding: 0 var(--gap-l);
@@ -114,13 +114,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xs_1jm5q {
+.tag__xs_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
     }
-.tag__s_1jm5q {
+.tag__s_19anp {
     min-width: 80px;
     min-height: var(--size-s-height);
     padding: 0 var(--gap-xl);
@@ -129,13 +129,13 @@
     font-weight: normal
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__s_1jm5q {
+.tag__s_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
     }
-.tag__m_1jm5q {
+.tag__m_19anp {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
@@ -144,13 +144,13 @@
     padding: 0 28px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__m_1jm5q {
+.tag__m_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
     }
-.tag__l_1jm5q {
+.tag__l_19anp {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -159,13 +159,13 @@
     padding: 0 var(--gap-2xl)
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__l_1jm5q {
+.tag__l_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
     }
-.tag__xl_1jm5q {
+.tag__xl_19anp {
     font-size: 18px;
     line-height: 24px;
     font-weight: 500;
@@ -174,45 +174,45 @@
     padding: 0 36px
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-.tag__xl_1jm5q {
+.tag__xl_19anp {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
     }
-.tag__withRightAddons_1jm5q.tag__xxs_1jm5q {
+.tag__withRightAddons_19anp.tag__xxs_19anp {
         padding-right: var(--gap-s);
     }
-.tag__withRightAddons_1jm5q.tag__xs_1jm5q {
+.tag__withRightAddons_19anp.tag__xs_19anp {
         padding-right: var(--gap-m);
     }
-.tag__withRightAddons_1jm5q.tag__s_1jm5q {
+.tag__withRightAddons_19anp.tag__s_19anp {
         padding-right: var(--gap-l);
     }
-.tag__withRightAddons_1jm5q.tag__m_1jm5q {
+.tag__withRightAddons_19anp.tag__m_19anp {
         padding-right: var(--gap-xl);
     }
-.tag__withRightAddons_1jm5q.tag__l_1jm5q {
+.tag__withRightAddons_19anp.tag__l_19anp {
         padding-right: 28px;
     }
-.tag__withRightAddons_1jm5q.tag__xl_1jm5q {
+.tag__withRightAddons_19anp.tag__xl_19anp {
         padding-right: var(--gap-2xl);
     }
-.tag__withLeftAddons_1jm5q.tag__xxs_1jm5q {
+.tag__withLeftAddons_19anp.tag__xxs_19anp {
         padding-left: var(--gap-s);
     }
-.tag__withLeftAddons_1jm5q.tag__xs_1jm5q {
+.tag__withLeftAddons_19anp.tag__xs_19anp {
         padding-left: var(--gap-m);
     }
-.tag__withLeftAddons_1jm5q.tag__s_1jm5q {
+.tag__withLeftAddons_19anp.tag__s_19anp {
         padding-left: var(--gap-l);
     }
-.tag__withLeftAddons_1jm5q.tag__m_1jm5q {
+.tag__withLeftAddons_19anp.tag__m_19anp {
         padding-left: var(--gap-xl);
     }
-.tag__withLeftAddons_1jm5q.tag__l_1jm5q {
+.tag__withLeftAddons_19anp.tag__l_19anp {
         padding-left: 28px;
     }
-.tag__withLeftAddons_1jm5q.tag__xl_1jm5q {
+.tag__withLeftAddons_19anp.tag__xl_19anp {
         padding-left: var(--gap-2xl);
     }

package/tag/modern/inverted.css

@@ -41,34 +41,34 @@
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
 }
-.tag__component_cw6uc {
+.tag__component_1ao4f {
     color: var(--tag-inverted-text-color);
     border-color: var(--tag-inverted-border-color);
     background-color: var(--tag-inverted-background-color)
 }
-.tag__component_cw6uc:disabled {
+.tag__component_1ao4f:disabled {
         border-color: var(--tag-inverted-border-color-disabled);
         color: var(--tag-inverted-text-color-disabled);
     }
-.tag__component_cw6uc:hover:not(:disabled) {
+.tag__component_1ao4f:hover:not(:disabled) {
         border-color: var(--tag-inverted-border-color-hover);
         background-color: var(--tag-inverted-background-color-hover);
     }
-.tag__component_cw6uc:active:not(:disabled) {
+.tag__component_1ao4f:active:not(:disabled) {
         border-color: var(--tag-inverted-border-color-active);
         background-color: var(--tag-inverted-background-color-active);
         color: var(--tag-inverted-text-color);
     }
-.tag__checked_cw6uc {
+.tag__checked_1ao4f {
     border-color: var(--tag-inverted-border-color-checked);
     background-color: var(--tag-inverted-background-color-checked);
     color: var(--tag-inverted-text-color-checked)
 }
-.tag__checked_cw6uc:disabled {
+.tag__checked_1ao4f:disabled {
         background-color: var(--tag-inverted-background-color-checked-disabled);
         border-color: var(--tag-inverted-border-color-checked-disabled);
         color: var(--tag-inverted-text-color-checked-disabled);
     }
-.tag__checked_cw6uc:hover:not(:disabled):not(:active) {
+.tag__checked_1ao4f:hover:not(:disabled):not(:active) {
         background-color: var(--tag-inverted-background-color-checked);
     }

package/textarea/Component.js

@@ -53,13 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textarea":"textarea__textarea_1xhb7","s":"textarea__s_1xhb7","m":"textarea__m_1xhb7","l":"textarea__l_1xhb7","xl":"textarea__xl_1xhb7","hasLabel":"textarea__hasLabel_1xhb7","resizeVertical":"textarea__resizeVertical_1xhb7","focusVisible":"textarea__focusVisible_1xhb7","filled":"textarea__filled_1xhb7"};
+var styles = {"textarea":"textarea__textarea_z2kz2","s":"textarea__s_z2kz2","m":"textarea__m_z2kz2","l":"textarea__l_z2kz2","xl":"textarea__xl_z2kz2","hasLabel":"textarea__hasLabel_z2kz2","resizeVertical":"textarea__resizeVertical_z2kz2","focusVisible":"textarea__focusVisible_z2kz2","filled":"textarea__filled_z2kz2"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1cy1o","hasLabel":"textarea__hasLabel_1cy1o","clearIcon":"textarea__clearIcon_1cy1o","errorIcon":"textarea__errorIcon_1cy1o","successIcon":"textarea__successIcon_1cy1o","error":"textarea__error_1cy1o","textarea":"textarea__textarea_1cy1o"};
+var defaultColors = {"input":"textarea__input_225lz","hasLabel":"textarea__hasLabel_225lz","clearIcon":"textarea__clearIcon_225lz","errorIcon":"textarea__errorIcon_225lz","successIcon":"textarea__successIcon_225lz","error":"textarea__error_225lz","textarea":"textarea__textarea_225lz"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_gk20b","hasLabel":"textarea__hasLabel_gk20b","clearIcon":"textarea__clearIcon_gk20b","errorIcon":"textarea__errorIcon_gk20b","successIcon":"textarea__successIcon_gk20b","error":"textarea__error_gk20b","textarea":"textarea__textarea_gk20b"};
+var invertedColors = {"input":"textarea__input_14pa0","hasLabel":"textarea__hasLabel_14pa0","clearIcon":"textarea__clearIcon_14pa0","errorIcon":"textarea__errorIcon_14pa0","successIcon":"textarea__successIcon_14pa0","error":"textarea__error_14pa0","textarea":"textarea__textarea_14pa0"};
 require('./inverted.css');
 
 var colorStyles = {

package/textarea/default.css

@@ -31,70 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_1cy1o {
+.textarea__input_225lz {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1cy1o:-webkit-autofill {
+.textarea__input_225lz:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1cy1o::placeholder {
+.textarea__input_225lz::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1cy1o::placeholder {
+.textarea__hasLabel_225lz::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1cy1o {
+.textarea__clearIcon_225lz {
     color: var(--color-light-graphic-primary);
 }
-.textarea__errorIcon_1cy1o {
+.textarea__errorIcon_225lz {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1cy1o {
+.textarea__successIcon_225lz {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1cy1o:read-only {
+.textarea__input_225lz:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1cy1o:read-only:focus::placeholder {
+.textarea__input_225lz:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1cy1o:disabled {
+.textarea__input_225lz:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1cy1o:focus::placeholder {
+.textarea__input_225lz:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1cy1o {
+.textarea__error_225lz {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1cy1o {
+.textarea__textarea_225lz {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1cy1o::placeholder {
+.textarea__textarea_225lz::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1cy1o::placeholder {
+.textarea__hasLabel_225lz::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1cy1o:disabled {
+.textarea__textarea_225lz:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1cy1o:read-only {
+.textarea__textarea_225lz:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1cy1o:focus::placeholder {
+.textarea__textarea_225lz:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/esm/Component.js

@@ -44,13 +44,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"textarea":"textarea__textarea_1xhb7","s":"textarea__s_1xhb7","m":"textarea__m_1xhb7","l":"textarea__l_1xhb7","xl":"textarea__xl_1xhb7","hasLabel":"textarea__hasLabel_1xhb7","resizeVertical":"textarea__resizeVertical_1xhb7","focusVisible":"textarea__focusVisible_1xhb7","filled":"textarea__filled_1xhb7"};
+var styles = {"textarea":"textarea__textarea_z2kz2","s":"textarea__s_z2kz2","m":"textarea__m_z2kz2","l":"textarea__l_z2kz2","xl":"textarea__xl_z2kz2","hasLabel":"textarea__hasLabel_z2kz2","resizeVertical":"textarea__resizeVertical_z2kz2","focusVisible":"textarea__focusVisible_z2kz2","filled":"textarea__filled_z2kz2"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1cy1o","hasLabel":"textarea__hasLabel_1cy1o","clearIcon":"textarea__clearIcon_1cy1o","errorIcon":"textarea__errorIcon_1cy1o","successIcon":"textarea__successIcon_1cy1o","error":"textarea__error_1cy1o","textarea":"textarea__textarea_1cy1o"};
+var defaultColors = {"input":"textarea__input_225lz","hasLabel":"textarea__hasLabel_225lz","clearIcon":"textarea__clearIcon_225lz","errorIcon":"textarea__errorIcon_225lz","successIcon":"textarea__successIcon_225lz","error":"textarea__error_225lz","textarea":"textarea__textarea_225lz"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_gk20b","hasLabel":"textarea__hasLabel_gk20b","clearIcon":"textarea__clearIcon_gk20b","errorIcon":"textarea__errorIcon_gk20b","successIcon":"textarea__successIcon_gk20b","error":"textarea__error_gk20b","textarea":"textarea__textarea_gk20b"};
+var invertedColors = {"input":"textarea__input_14pa0","hasLabel":"textarea__hasLabel_14pa0","clearIcon":"textarea__clearIcon_14pa0","errorIcon":"textarea__errorIcon_14pa0","successIcon":"textarea__successIcon_14pa0","error":"textarea__error_14pa0","textarea":"textarea__textarea_14pa0"};
 require('./inverted.css');
 
 var colorStyles = {

package/textarea/esm/default.css

@@ -31,70 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_1cy1o {
+.textarea__input_225lz {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1cy1o:-webkit-autofill {
+.textarea__input_225lz:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1cy1o::placeholder {
+.textarea__input_225lz::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1cy1o::placeholder {
+.textarea__hasLabel_225lz::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1cy1o {
+.textarea__clearIcon_225lz {
     color: var(--color-light-graphic-primary);
 }
-.textarea__errorIcon_1cy1o {
+.textarea__errorIcon_225lz {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1cy1o {
+.textarea__successIcon_225lz {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1cy1o:read-only {
+.textarea__input_225lz:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1cy1o:read-only:focus::placeholder {
+.textarea__input_225lz:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1cy1o:disabled {
+.textarea__input_225lz:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1cy1o:focus::placeholder {
+.textarea__input_225lz:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1cy1o {
+.textarea__error_225lz {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1cy1o {
+.textarea__textarea_225lz {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1cy1o::placeholder {
+.textarea__textarea_225lz::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1cy1o::placeholder {
+.textarea__hasLabel_225lz::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1cy1o:disabled {
+.textarea__textarea_225lz:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1cy1o:read-only {
+.textarea__textarea_225lz:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1cy1o:focus::placeholder {
+.textarea__textarea_225lz:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/esm/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_1xhb7 {
+.textarea__textarea_z2kz2 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_1xhb7.textarea__s_1xhb7 {
+.textarea__textarea_z2kz2.textarea__s_z2kz2 {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1xhb7.textarea__m_1xhb7 {
+.textarea__textarea_z2kz2.textarea__m_z2kz2 {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1xhb7.textarea__l_1xhb7 {
+.textarea__textarea_z2kz2.textarea__l_z2kz2 {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1xhb7.textarea__xl_1xhb7 {
+.textarea__textarea_z2kz2.textarea__xl_z2kz2 {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1xhb7::placeholder {
+.textarea__textarea_z2kz2::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_1xhb7::placeholder {
+.textarea__hasLabel_z2kz2::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_1xhb7 {
+.textarea__resizeVertical_z2kz2 {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_1xhb7.textarea__s_1xhb7 {
+.textarea__textarea_z2kz2.textarea__s_z2kz2 {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_1xhb7.textarea__m_1xhb7 {
+.textarea__textarea_z2kz2.textarea__m_z2kz2 {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_1xhb7.textarea__l_1xhb7 {
+.textarea__textarea_z2kz2.textarea__l_z2kz2 {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_1xhb7.textarea__xl_1xhb7 {
+.textarea__textarea_z2kz2.textarea__xl_z2kz2 {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_1xhb7:disabled {
+.textarea__textarea_z2kz2:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1xhb7:read-only {
+.textarea__textarea_z2kz2:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_1xhb7:focus.textarea__hasLabel_1xhb7::placeholder {
+.textarea__textarea_z2kz2:focus.textarea__hasLabel_z2kz2::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_1xhb7 {
+.textarea__focusVisible_z2kz2 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_1xhb7.textarea__filled_1xhb7.textarea__hasLabel_1xhb7 {
+.textarea__textarea_z2kz2.textarea__filled_z2kz2.textarea__hasLabel_z2kz2 {
     padding-top: 0
 }
-.textarea__textarea_1xhb7.textarea__filled_1xhb7.textarea__hasLabel_1xhb7.textarea__s_1xhb7 {
+.textarea__textarea_z2kz2.textarea__filled_z2kz2.textarea__hasLabel_z2kz2.textarea__s_z2kz2 {
         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_1xhb7.textarea__filled_1xhb7.textarea__hasLabel_1xhb7.textarea__m_1xhb7 {
+.textarea__textarea_z2kz2.textarea__filled_z2kz2.textarea__hasLabel_z2kz2.textarea__m_z2kz2 {
         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_1xhb7.textarea__filled_1xhb7.textarea__hasLabel_1xhb7.textarea__l_1xhb7 {
+.textarea__textarea_z2kz2.textarea__filled_z2kz2.textarea__hasLabel_z2kz2.textarea__l_z2kz2 {
         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_1xhb7.textarea__filled_1xhb7.textarea__hasLabel_1xhb7.textarea__xl_1xhb7 {
+.textarea__textarea_z2kz2.textarea__filled_z2kz2.textarea__hasLabel_z2kz2.textarea__xl_z2kz2 {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);