@alfalab/core-components 33.1.0 → 34.0.1-beta.0

package/textarea/esm/index.css

@@ -84,19 +84,19 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__scrollable_svmfu {
+.textarea__scrollable_1qv5s {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
 }
-.textarea__scrollableWrapper_svmfu {
+.textarea__scrollableWrapper_1qv5s {
     box-sizing: border-box
 }
-.textarea__scrollableWrapper_svmfu > * {
+.textarea__scrollableWrapper_1qv5s > * {
         font-family: var(--font-family);
     }
-.textarea__textarea_svmfu {
+.textarea__textarea_1qv5s {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -113,139 +113,139 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__s_1qv5s {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__m_1qv5s {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__l_1qv5s {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__xl_1qv5s {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__textareaHidden_svmfu {
+.textarea__textarea_1qv5s.textarea__textareaHidden_1qv5s {
         position: absolute;
         transform: translateX(-10000px);
     }
-.textarea__textarea_svmfu::placeholder {
+.textarea__textarea_1qv5s::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasInnerLabel_svmfu::placeholder {
+.textarea__hasInnerLabel_1qv5s::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_svmfu {
+.textarea__resizeVertical_1qv5s {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_svmfu.textarea__s_svmfu, .textarea__scrollable_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__s_1qv5s, .textarea__scrollable_1qv5s.textarea__s_1qv5s {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_svmfu.textarea__m_svmfu, .textarea__scrollable_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__m_1qv5s, .textarea__scrollable_1qv5s.textarea__m_1qv5s {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_svmfu.textarea__l_svmfu, .textarea__scrollable_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__l_1qv5s, .textarea__scrollable_1qv5s.textarea__l_1qv5s {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_svmfu.textarea__xl_svmfu, .textarea__scrollable_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__xl_1qv5s, .textarea__scrollable_1qv5s.textarea__xl_1qv5s {
         min-height: var(--textarea-xl-min-height);
     }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollable_svmfu.textarea__s_svmfu .textarea__textarea_svmfu, .textarea__scrollable_svmfu.textarea__m_svmfu .textarea__textarea_svmfu, .textarea__scrollable_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollable_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s, .textarea__scrollable_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s, .textarea__scrollable_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
         }
-.textarea__scrollable_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollable_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
         }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_svmfu.textarea__s_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-s-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__m_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-m-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-l-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-xl-paddings);
     }
 /* DISABLED STATE */
-.textarea__textarea_svmfu:disabled {
+.textarea__textarea_1qv5s:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_svmfu:read-only {
+.textarea__textarea_1qv5s:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_svmfu:focus.textarea__hasInnerLabel_svmfu::placeholder {
+.textarea__textarea_1qv5s:focus.textarea__hasInnerLabel_1qv5s::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_svmfu {
+.textarea__focusVisible_1qv5s {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s {
     padding-top: 0
 }
-.textarea__textarea_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__s_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__m_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__l_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__xl_1qv5s {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s .textarea__textarea_1qv5s {
         padding-top: 0;
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__s_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__s_1qv5s {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__s_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-s-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__m_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__m_1qv5s {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__m_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-m-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__l_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__l_1qv5s {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-l-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__xl_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__xl_1qv5s {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-xl-filled-min-height);
         }

package/textarea/esm/inverted.css

@@ -35,70 +35,70 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_8b5h1 {
+.textarea__input_1d774 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_8b5h1:-webkit-autofill {
+.textarea__input_1d774:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_8b5h1::placeholder {
+.textarea__input_1d774::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_8b5h1::placeholder {
+.textarea__hasInnerLabel_1d774::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_8b5h1 {
+.textarea__clearIcon_1d774 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_8b5h1 {
+.textarea__errorIcon_1d774 {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_8b5h1 {
+.textarea__successIcon_1d774 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_8b5h1:read-only {
+.textarea__input_1d774:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_8b5h1:read-only:focus::placeholder {
+.textarea__input_1d774:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_8b5h1:disabled {
+.textarea__input_1d774:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_8b5h1:focus::placeholder {
+.textarea__input_1d774:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_8b5h1 {
+.textarea__error_1d774 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_8b5h1 {
+.textarea__textarea_1d774 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_8b5h1::placeholder {
+.textarea__textarea_1d774::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_8b5h1::placeholder {
+.textarea__hasInnerLabel_1d774::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_8b5h1:disabled {
+.textarea__textarea_1d774:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_8b5h1:read-only {
+.textarea__textarea_1d774:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_8b5h1:focus::placeholder {
+.textarea__textarea_1d774:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/index.css

@@ -84,19 +84,19 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__scrollable_svmfu {
+.textarea__scrollable_1qv5s {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
 }
-.textarea__scrollableWrapper_svmfu {
+.textarea__scrollableWrapper_1qv5s {
     box-sizing: border-box
 }
-.textarea__scrollableWrapper_svmfu > * {
+.textarea__scrollableWrapper_1qv5s > * {
         font-family: var(--font-family);
     }
-.textarea__textarea_svmfu {
+.textarea__textarea_1qv5s {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -113,139 +113,139 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__s_1qv5s {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__m_1qv5s {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__l_1qv5s {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__xl_1qv5s {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_svmfu.textarea__textareaHidden_svmfu {
+.textarea__textarea_1qv5s.textarea__textareaHidden_1qv5s {
         position: absolute;
         transform: translateX(-10000px);
     }
-.textarea__textarea_svmfu::placeholder {
+.textarea__textarea_1qv5s::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasInnerLabel_svmfu::placeholder {
+.textarea__hasInnerLabel_1qv5s::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_svmfu {
+.textarea__resizeVertical_1qv5s {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_svmfu.textarea__s_svmfu, .textarea__scrollable_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__s_1qv5s, .textarea__scrollable_1qv5s.textarea__s_1qv5s {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_svmfu.textarea__m_svmfu, .textarea__scrollable_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__m_1qv5s, .textarea__scrollable_1qv5s.textarea__m_1qv5s {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_svmfu.textarea__l_svmfu, .textarea__scrollable_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__l_1qv5s, .textarea__scrollable_1qv5s.textarea__l_1qv5s {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_svmfu.textarea__xl_svmfu, .textarea__scrollable_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__xl_1qv5s, .textarea__scrollable_1qv5s.textarea__xl_1qv5s {
         min-height: var(--textarea-xl-min-height);
     }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollable_svmfu.textarea__s_svmfu .textarea__textarea_svmfu, .textarea__scrollable_svmfu.textarea__m_svmfu .textarea__textarea_svmfu, .textarea__scrollable_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollable_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s, .textarea__scrollable_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s, .textarea__scrollable_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
         }
-.textarea__scrollable_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollable_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
         }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_svmfu.textarea__s_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-s-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__m_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-m-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-l-paddings);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
         padding: var(--form-control-labeled-xl-paddings);
     }
 /* DISABLED STATE */
-.textarea__textarea_svmfu:disabled {
+.textarea__textarea_1qv5s:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_svmfu:read-only {
+.textarea__textarea_1qv5s:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_svmfu:focus.textarea__hasInnerLabel_svmfu::placeholder {
+.textarea__textarea_1qv5s:focus.textarea__hasInnerLabel_1qv5s::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_svmfu {
+.textarea__focusVisible_1qv5s {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s {
     padding-top: 0
 }
-.textarea__textarea_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__s_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__s_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__m_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__m_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__l_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__l_1qv5s {
         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_svmfu.textarea__filled_svmfu.textarea__hasInnerLabel_svmfu.textarea__xl_svmfu {
+.textarea__textarea_1qv5s.textarea__filled_1qv5s.textarea__hasInnerLabel_1qv5s.textarea__xl_1qv5s {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s .textarea__textarea_1qv5s {
         padding-top: 0;
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__s_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__s_1qv5s {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__s_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__s_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-s-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__m_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__m_1qv5s {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__m_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__m_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-m-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__l_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__l_1qv5s {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__l_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__l_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-l-filled-min-height);
         }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__xl_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__xl_1qv5s {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
     }
-.textarea__scrollableWithLabel_svmfu.textarea__filled_svmfu.textarea__xl_svmfu .textarea__textarea_svmfu {
+.textarea__scrollableWithLabel_1qv5s.textarea__filled_1qv5s.textarea__xl_1qv5s .textarea__textarea_1qv5s {
             min-height: var(--textarea-xl-filled-min-height);
         }

package/textarea/inverted.css

@@ -35,70 +35,70 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_8b5h1 {
+.textarea__input_1d774 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_8b5h1:-webkit-autofill {
+.textarea__input_1d774:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_8b5h1::placeholder {
+.textarea__input_1d774::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_8b5h1::placeholder {
+.textarea__hasInnerLabel_1d774::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_8b5h1 {
+.textarea__clearIcon_1d774 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_8b5h1 {
+.textarea__errorIcon_1d774 {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_8b5h1 {
+.textarea__successIcon_1d774 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_8b5h1:read-only {
+.textarea__input_1d774:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_8b5h1:read-only:focus::placeholder {
+.textarea__input_1d774:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_8b5h1:disabled {
+.textarea__input_1d774:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_8b5h1:focus::placeholder {
+.textarea__input_1d774:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_8b5h1 {
+.textarea__error_1d774 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_8b5h1 {
+.textarea__textarea_1d774 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_8b5h1::placeholder {
+.textarea__textarea_1d774::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_8b5h1::placeholder {
+.textarea__hasInnerLabel_1d774::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_8b5h1:disabled {
+.textarea__textarea_1d774:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_8b5h1:read-only {
+.textarea__textarea_1d774:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_8b5h1:focus::placeholder {
+.textarea__textarea_1d774:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/modern/Component.js

@@ -6,13 +6,13 @@ import { useMedia, useFocus } from '@alfalab/hooks';
 import { Scrollbar } from '../../scrollbar/modern';
 import { FormControl } from '../../form-control/modern';
 
-var styles = {"scrollable":"textarea__scrollable_svmfu","scrollableWrapper":"textarea__scrollableWrapper_svmfu","textarea":"textarea__textarea_svmfu","s":"textarea__s_svmfu","m":"textarea__m_svmfu","l":"textarea__l_svmfu","xl":"textarea__xl_svmfu","textareaHidden":"textarea__textareaHidden_svmfu","hasInnerLabel":"textarea__hasInnerLabel_svmfu","resizeVertical":"textarea__resizeVertical_svmfu","scrollableWithLabel":"textarea__scrollableWithLabel_svmfu","focusVisible":"textarea__focusVisible_svmfu","filled":"textarea__filled_svmfu"};
+var styles = {"scrollable":"textarea__scrollable_1qv5s","scrollableWrapper":"textarea__scrollableWrapper_1qv5s","textarea":"textarea__textarea_1qv5s","s":"textarea__s_1qv5s","m":"textarea__m_1qv5s","l":"textarea__l_1qv5s","xl":"textarea__xl_1qv5s","textareaHidden":"textarea__textareaHidden_1qv5s","hasInnerLabel":"textarea__hasInnerLabel_1qv5s","resizeVertical":"textarea__resizeVertical_1qv5s","scrollableWithLabel":"textarea__scrollableWithLabel_1qv5s","focusVisible":"textarea__focusVisible_1qv5s","filled":"textarea__filled_1qv5s"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1cmc6","hasInnerLabel":"textarea__hasInnerLabel_1cmc6","clearIcon":"textarea__clearIcon_1cmc6","errorIcon":"textarea__errorIcon_1cmc6","successIcon":"textarea__successIcon_1cmc6","error":"textarea__error_1cmc6","textarea":"textarea__textarea_1cmc6"};
+var defaultColors = {"input":"textarea__input_ih9s8","hasInnerLabel":"textarea__hasInnerLabel_ih9s8","clearIcon":"textarea__clearIcon_ih9s8","errorIcon":"textarea__errorIcon_ih9s8","successIcon":"textarea__successIcon_ih9s8","error":"textarea__error_ih9s8","textarea":"textarea__textarea_ih9s8"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_8b5h1","hasInnerLabel":"textarea__hasInnerLabel_8b5h1","clearIcon":"textarea__clearIcon_8b5h1","errorIcon":"textarea__errorIcon_8b5h1","successIcon":"textarea__successIcon_8b5h1","error":"textarea__error_8b5h1","textarea":"textarea__textarea_8b5h1"};
+var invertedColors = {"input":"textarea__input_1d774","hasInnerLabel":"textarea__hasInnerLabel_1d774","clearIcon":"textarea__clearIcon_1d774","errorIcon":"textarea__errorIcon_1d774","successIcon":"textarea__successIcon_1d774","error":"textarea__error_1d774","textarea":"textarea__textarea_1d774"};
 require('./inverted.css');
 
 const colorStyles = {