@alfalab/core-components 22.1.0 → 22.2.0

package/tag/modern/index.css

@@ -38,7 +38,7 @@
     --tag-border-width: 1px;
     --tag-border-radius: var(--border-radius-pill);
 }
-.tag__component_q6nbd {
+.tag__component_ksg53 {
     display: inline-flex;
     justify-content: center;
     align-content: center;
@@ -57,40 +57,40 @@
     cursor: pointer;
     outline: none
 }
-.tag__component_q6nbd:disabled {
+.tag__component_ksg53:disabled {
         cursor: var(--disabled-cursor);
     }
-.tag__focused_q6nbd {
+.tag__focused_ksg53 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.tag__addons_q6nbd {
+.tag__addons_ksg53 {
     display: flex;
     flex-shrink: 0;
     align-items: center
 }
-.tag__addons_q6nbd:first-child {
+.tag__addons_ksg53:first-child {
         margin-right: var(--gap-2xs);
     }
-.tag__addons_q6nbd:last-child {
+.tag__addons_ksg53:last-child {
         margin-left: var(--gap-2xs);
     }
-.tag__addons_q6nbd:only-child {
+.tag__addons_ksg53:only-child {
         margin: 0;
     }
-.tag__s_q6nbd .tag__addons_q6nbd:first-child, .tag__m_q6nbd .tag__addons_q6nbd:first-child {
+.tag__s_ksg53 .tag__addons_ksg53:first-child, .tag__m_ksg53 .tag__addons_ksg53:first-child {
         margin-right: var(--gap-xs);
     }
-.tag__s_q6nbd .tag__addons_q6nbd:last-child, .tag__m_q6nbd .tag__addons_q6nbd:last-child {
+.tag__s_ksg53 .tag__addons_ksg53:last-child, .tag__m_ksg53 .tag__addons_ksg53:last-child {
         margin-left: var(--gap-xs);
     }
-.tag__l_q6nbd .tag__addons_q6nbd:first-child, .tag__xl_q6nbd .tag__addons_q6nbd:first-child {
+.tag__l_ksg53 .tag__addons_ksg53:first-child, .tag__xl_ksg53 .tag__addons_ksg53:first-child {
         margin-right: var(--gap-s);
     }
-.tag__l_q6nbd .tag__addons_q6nbd:last-child, .tag__xl_q6nbd .tag__addons_q6nbd:last-child {
+.tag__l_ksg53 .tag__addons_ksg53:last-child, .tag__xl_ksg53 .tag__addons_ksg53:last-child {
         margin-left: var(--gap-s);
     }
-.tag__xxs_q6nbd {
+.tag__xxs_ksg53 {
     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_q6nbd {
+.tag__xxs_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 32px
 }
     }
-.tag__xs_q6nbd {
+.tag__xs_ksg53 {
     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_q6nbd {
+.tag__xs_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 40px
 }
     }
-.tag__s_q6nbd {
+.tag__s_ksg53 {
     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_q6nbd {
+.tag__s_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 48px
 }
     }
-.tag__m_q6nbd {
+.tag__m_ksg53 {
     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_q6nbd {
+.tag__m_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 56px
 }
     }
-.tag__l_q6nbd {
+.tag__l_ksg53 {
     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_q6nbd {
+.tag__l_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 64px
 }
     }
-.tag__xl_q6nbd {
+.tag__xl_ksg53 {
     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_q6nbd {
+.tag__xl_ksg53 {
         /* Хак для ие, в котором не работает центрирование по высоте с использованием флексов, если указан min-height
         Возможно другое решение - если в будущем у компонента появится обертка, установить ей display: flex / inline-flex */
         height: 72px
 }
     }
-.tag__withRightAddons_q6nbd.tag__xxs_q6nbd {
+.tag__withRightAddons_ksg53.tag__xxs_ksg53 {
         padding-right: var(--gap-s);
     }
-.tag__withRightAddons_q6nbd.tag__xs_q6nbd {
+.tag__withRightAddons_ksg53.tag__xs_ksg53 {
         padding-right: var(--gap-m);
     }
-.tag__withRightAddons_q6nbd.tag__s_q6nbd {
+.tag__withRightAddons_ksg53.tag__s_ksg53 {
         padding-right: var(--gap-l);
     }
-.tag__withRightAddons_q6nbd.tag__m_q6nbd {
+.tag__withRightAddons_ksg53.tag__m_ksg53 {
         padding-right: var(--gap-xl);
     }
-.tag__withRightAddons_q6nbd.tag__l_q6nbd {
+.tag__withRightAddons_ksg53.tag__l_ksg53 {
         padding-right: 28px;
     }
-.tag__withRightAddons_q6nbd.tag__xl_q6nbd {
+.tag__withRightAddons_ksg53.tag__xl_ksg53 {
         padding-right: var(--gap-2xl);
     }
-.tag__withLeftAddons_q6nbd.tag__xxs_q6nbd {
+.tag__withLeftAddons_ksg53.tag__xxs_ksg53 {
         padding-left: var(--gap-s);
     }
-.tag__withLeftAddons_q6nbd.tag__xs_q6nbd {
+.tag__withLeftAddons_ksg53.tag__xs_ksg53 {
         padding-left: var(--gap-m);
     }
-.tag__withLeftAddons_q6nbd.tag__s_q6nbd {
+.tag__withLeftAddons_ksg53.tag__s_ksg53 {
         padding-left: var(--gap-l);
     }
-.tag__withLeftAddons_q6nbd.tag__m_q6nbd {
+.tag__withLeftAddons_ksg53.tag__m_ksg53 {
         padding-left: var(--gap-xl);
     }
-.tag__withLeftAddons_q6nbd.tag__l_q6nbd {
+.tag__withLeftAddons_ksg53.tag__l_ksg53 {
         padding-left: 28px;
     }
-.tag__withLeftAddons_q6nbd.tag__xl_q6nbd {
+.tag__withLeftAddons_ksg53.tag__xl_ksg53 {
         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_83pm2 {
+.tag__component_idy7l {
     color: var(--tag-inverted-text-color);
     border-color: var(--tag-inverted-border-color);
     background-color: var(--tag-inverted-background-color)
 }
-.tag__component_83pm2:disabled {
+.tag__component_idy7l:disabled {
         border-color: var(--tag-inverted-border-color-disabled);
         color: var(--tag-inverted-text-color-disabled);
     }
-.tag__component_83pm2:hover:not(:disabled) {
+.tag__component_idy7l:hover:not(:disabled) {
         border-color: var(--tag-inverted-border-color-hover);
         background-color: var(--tag-inverted-background-color-hover);
     }
-.tag__component_83pm2:active:not(:disabled) {
+.tag__component_idy7l: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_83pm2 {
+.tag__checked_idy7l {
     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_83pm2:disabled {
+.tag__checked_idy7l: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_83pm2:hover:not(:disabled):not(:active) {
+.tag__checked_idy7l: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_pk6k4","s":"textarea__s_pk6k4","m":"textarea__m_pk6k4","l":"textarea__l_pk6k4","xl":"textarea__xl_pk6k4","hasLabel":"textarea__hasLabel_pk6k4","resizeVertical":"textarea__resizeVertical_pk6k4","focusVisible":"textarea__focusVisible_pk6k4","filled":"textarea__filled_pk6k4"};
+var styles = {"textarea":"textarea__textarea_1pmcq","s":"textarea__s_1pmcq","m":"textarea__m_1pmcq","l":"textarea__l_1pmcq","xl":"textarea__xl_1pmcq","hasLabel":"textarea__hasLabel_1pmcq","resizeVertical":"textarea__resizeVertical_1pmcq","focusVisible":"textarea__focusVisible_1pmcq","filled":"textarea__filled_1pmcq"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1puox","hasLabel":"textarea__hasLabel_1puox","clearIcon":"textarea__clearIcon_1puox","errorIcon":"textarea__errorIcon_1puox","successIcon":"textarea__successIcon_1puox","error":"textarea__error_1puox","textarea":"textarea__textarea_1puox"};
+var defaultColors = {"input":"textarea__input_h0dmn","hasLabel":"textarea__hasLabel_h0dmn","clearIcon":"textarea__clearIcon_h0dmn","errorIcon":"textarea__errorIcon_h0dmn","successIcon":"textarea__successIcon_h0dmn","error":"textarea__error_h0dmn","textarea":"textarea__textarea_h0dmn"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_lji7a","hasLabel":"textarea__hasLabel_lji7a","clearIcon":"textarea__clearIcon_lji7a","errorIcon":"textarea__errorIcon_lji7a","successIcon":"textarea__successIcon_lji7a","error":"textarea__error_lji7a","textarea":"textarea__textarea_lji7a"};
+var invertedColors = {"input":"textarea__input_1bqay","hasLabel":"textarea__hasLabel_1bqay","clearIcon":"textarea__clearIcon_1bqay","errorIcon":"textarea__errorIcon_1bqay","successIcon":"textarea__successIcon_1bqay","error":"textarea__error_1bqay","textarea":"textarea__textarea_1bqay"};
 require('./inverted.css');
 
 var colorStyles = {

package/textarea/default.css

@@ -31,70 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_1puox {
+.textarea__input_h0dmn {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1puox:-webkit-autofill {
+.textarea__input_h0dmn:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1puox::placeholder {
+.textarea__input_h0dmn::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1puox::placeholder {
+.textarea__hasLabel_h0dmn::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1puox {
+.textarea__clearIcon_h0dmn {
     background-image: var(--input-clear-icon);
 }
-.textarea__errorIcon_1puox {
+.textarea__errorIcon_h0dmn {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1puox {
+.textarea__successIcon_h0dmn {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1puox:read-only {
+.textarea__input_h0dmn:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1puox:read-only:focus::placeholder {
+.textarea__input_h0dmn:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1puox:disabled {
+.textarea__input_h0dmn:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1puox:focus::placeholder {
+.textarea__input_h0dmn:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1puox {
+.textarea__error_h0dmn {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1puox {
+.textarea__textarea_h0dmn {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1puox::placeholder {
+.textarea__textarea_h0dmn::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1puox::placeholder {
+.textarea__hasLabel_h0dmn::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1puox:disabled {
+.textarea__textarea_h0dmn:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1puox:read-only {
+.textarea__textarea_h0dmn:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1puox:focus::placeholder {
+.textarea__textarea_h0dmn: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_pk6k4","s":"textarea__s_pk6k4","m":"textarea__m_pk6k4","l":"textarea__l_pk6k4","xl":"textarea__xl_pk6k4","hasLabel":"textarea__hasLabel_pk6k4","resizeVertical":"textarea__resizeVertical_pk6k4","focusVisible":"textarea__focusVisible_pk6k4","filled":"textarea__filled_pk6k4"};
+var styles = {"textarea":"textarea__textarea_1pmcq","s":"textarea__s_1pmcq","m":"textarea__m_1pmcq","l":"textarea__l_1pmcq","xl":"textarea__xl_1pmcq","hasLabel":"textarea__hasLabel_1pmcq","resizeVertical":"textarea__resizeVertical_1pmcq","focusVisible":"textarea__focusVisible_1pmcq","filled":"textarea__filled_1pmcq"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1puox","hasLabel":"textarea__hasLabel_1puox","clearIcon":"textarea__clearIcon_1puox","errorIcon":"textarea__errorIcon_1puox","successIcon":"textarea__successIcon_1puox","error":"textarea__error_1puox","textarea":"textarea__textarea_1puox"};
+var defaultColors = {"input":"textarea__input_h0dmn","hasLabel":"textarea__hasLabel_h0dmn","clearIcon":"textarea__clearIcon_h0dmn","errorIcon":"textarea__errorIcon_h0dmn","successIcon":"textarea__successIcon_h0dmn","error":"textarea__error_h0dmn","textarea":"textarea__textarea_h0dmn"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_lji7a","hasLabel":"textarea__hasLabel_lji7a","clearIcon":"textarea__clearIcon_lji7a","errorIcon":"textarea__errorIcon_lji7a","successIcon":"textarea__successIcon_lji7a","error":"textarea__error_lji7a","textarea":"textarea__textarea_lji7a"};
+var invertedColors = {"input":"textarea__input_1bqay","hasLabel":"textarea__hasLabel_1bqay","clearIcon":"textarea__clearIcon_1bqay","errorIcon":"textarea__errorIcon_1bqay","successIcon":"textarea__successIcon_1bqay","error":"textarea__error_1bqay","textarea":"textarea__textarea_1bqay"};
 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_1puox {
+.textarea__input_h0dmn {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1puox:-webkit-autofill {
+.textarea__input_h0dmn:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1puox::placeholder {
+.textarea__input_h0dmn::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1puox::placeholder {
+.textarea__hasLabel_h0dmn::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1puox {
+.textarea__clearIcon_h0dmn {
     background-image: var(--input-clear-icon);
 }
-.textarea__errorIcon_1puox {
+.textarea__errorIcon_h0dmn {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1puox {
+.textarea__successIcon_h0dmn {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1puox:read-only {
+.textarea__input_h0dmn:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1puox:read-only:focus::placeholder {
+.textarea__input_h0dmn:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1puox:disabled {
+.textarea__input_h0dmn:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1puox:focus::placeholder {
+.textarea__input_h0dmn:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1puox {
+.textarea__error_h0dmn {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1puox {
+.textarea__textarea_h0dmn {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1puox::placeholder {
+.textarea__textarea_h0dmn::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1puox::placeholder {
+.textarea__hasLabel_h0dmn::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1puox:disabled {
+.textarea__textarea_h0dmn:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1puox:read-only {
+.textarea__textarea_h0dmn:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1puox:focus::placeholder {
+.textarea__textarea_h0dmn: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_pk6k4 {
+.textarea__textarea_1pmcq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_pk6k4.textarea__s_pk6k4 {
+.textarea__textarea_1pmcq.textarea__s_1pmcq {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_pk6k4.textarea__m_pk6k4 {
+.textarea__textarea_1pmcq.textarea__m_1pmcq {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_pk6k4.textarea__l_pk6k4 {
+.textarea__textarea_1pmcq.textarea__l_1pmcq {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_pk6k4.textarea__xl_pk6k4 {
+.textarea__textarea_1pmcq.textarea__xl_1pmcq {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_pk6k4::placeholder {
+.textarea__textarea_1pmcq::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_pk6k4::placeholder {
+.textarea__hasLabel_1pmcq::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_pk6k4 {
+.textarea__resizeVertical_1pmcq {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_pk6k4.textarea__s_pk6k4 {
+.textarea__textarea_1pmcq.textarea__s_1pmcq {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_pk6k4.textarea__m_pk6k4 {
+.textarea__textarea_1pmcq.textarea__m_1pmcq {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_pk6k4.textarea__l_pk6k4 {
+.textarea__textarea_1pmcq.textarea__l_1pmcq {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_pk6k4.textarea__xl_pk6k4 {
+.textarea__textarea_1pmcq.textarea__xl_1pmcq {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_pk6k4:disabled {
+.textarea__textarea_1pmcq:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_pk6k4:read-only {
+.textarea__textarea_1pmcq:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_pk6k4:focus.textarea__hasLabel_pk6k4::placeholder {
+.textarea__textarea_1pmcq:focus.textarea__hasLabel_1pmcq::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_pk6k4 {
+.textarea__focusVisible_1pmcq {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_pk6k4.textarea__filled_pk6k4.textarea__hasLabel_pk6k4 {
+.textarea__textarea_1pmcq.textarea__filled_1pmcq.textarea__hasLabel_1pmcq {
     padding-top: 0
 }
-.textarea__textarea_pk6k4.textarea__filled_pk6k4.textarea__hasLabel_pk6k4.textarea__s_pk6k4 {
+.textarea__textarea_1pmcq.textarea__filled_1pmcq.textarea__hasLabel_1pmcq.textarea__s_1pmcq {
         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_pk6k4.textarea__filled_pk6k4.textarea__hasLabel_pk6k4.textarea__m_pk6k4 {
+.textarea__textarea_1pmcq.textarea__filled_1pmcq.textarea__hasLabel_1pmcq.textarea__m_1pmcq {
         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_pk6k4.textarea__filled_pk6k4.textarea__hasLabel_pk6k4.textarea__l_pk6k4 {
+.textarea__textarea_1pmcq.textarea__filled_1pmcq.textarea__hasLabel_1pmcq.textarea__l_1pmcq {
         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_pk6k4.textarea__filled_pk6k4.textarea__hasLabel_pk6k4.textarea__xl_pk6k4 {
+.textarea__textarea_1pmcq.textarea__filled_1pmcq.textarea__hasLabel_1pmcq.textarea__xl_1pmcq {
         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_lji7a {
+.textarea__input_1bqay {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_lji7a:-webkit-autofill {
+.textarea__input_1bqay:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_lji7a::placeholder {
+.textarea__input_1bqay::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lji7a::placeholder {
+.textarea__hasLabel_1bqay::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_lji7a {
+.textarea__clearIcon_1bqay {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_lji7a {
+.textarea__errorIcon_1bqay {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_lji7a {
+.textarea__successIcon_1bqay {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_lji7a:read-only {
+.textarea__input_1bqay:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_lji7a:read-only:focus::placeholder {
+.textarea__input_1bqay:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_lji7a:disabled {
+.textarea__input_1bqay:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_lji7a:focus::placeholder {
+.textarea__input_1bqay:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_lji7a {
+.textarea__error_1bqay {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_lji7a {
+.textarea__textarea_1bqay {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_lji7a::placeholder {
+.textarea__textarea_1bqay::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lji7a::placeholder {
+.textarea__hasLabel_1bqay::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_lji7a:disabled {
+.textarea__textarea_1bqay:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_lji7a:read-only {
+.textarea__textarea_1bqay:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_lji7a:focus::placeholder {
+.textarea__textarea_1bqay:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }