@alfalab/core-components 48.9.1 → 48.11.0-beta.0

package/textarea/esm/default.css

@@ -42,26 +42,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .textarea__input_r2etn {
+} .textarea__input_1vbgb {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_r2etn:-webkit-autofill {
+} .textarea__input_1vbgb:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .textarea__input_r2etn::placeholder {
+} .textarea__input_1vbgb::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_r2etn::placeholder {
+} .textarea__hasInnerLabel_1vbgb::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .textarea__input_r2etn:read-only:not(.textarea__disableUserInput_r2etn) {
+} /* READ-ONLY STATE */ .textarea__input_1vbgb:read-only:not(.textarea__disableUserInput_1vbgb) {
     color: var(--input-read-only-color)
-} .textarea__input_r2etn:read-only:not(.textarea__disableUserInput_r2etn):focus::placeholder {
+} .textarea__input_1vbgb:read-only:not(.textarea__disableUserInput_1vbgb):focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_r2etn:disabled {
+    } /* DISABLED STATE */ .textarea__input_1vbgb:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .textarea__input_r2etn:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_1vbgb:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .textarea__error_r2etn {
+} /* ERROR STATE */ .textarea__error_1vbgb {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -93,22 +93,22 @@
     /* color mobile */
 
     /* error mobile */
-} .textarea__textarea_r2etn {
+} .textarea__textarea_1vbgb {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_r2etn::placeholder {
+} .textarea__textarea_1vbgb::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_r2etn::placeholder {
+} .textarea__hasInnerLabel_1vbgb::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_r2etn:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1vbgb:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_r2etn:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1vbgb:read-only {
     color: var(--input-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_r2etn:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1vbgb:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} .textarea__hint_r2etn {
+} .textarea__hint_1vbgb {
     color: var(--form-control-hint-color);
-} .textarea__error_r2etn {
+} .textarea__error_1vbgb {
     color: var(--form-control-error-color);
 }

package/textarea/esm/index.css

@@ -129,7 +129,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
             var(--textarea-xl-filled-spacer-bottom)
     );
-} .textarea__textarea_5d2fg {
+} .textarea__textarea_npsxq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -145,56 +145,56 @@
     resize: none;
     -webkit-appearance: none;
     height: inherit
-} .textarea__textarea_5d2fg.textarea__overflow_5d2fg {
+} .textarea__textarea_npsxq.textarea__overflow_npsxq {
         color: transparent;
         caret-color: var(--input-color);
-    } .textarea__textarea_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__textarea_npsxq.textarea__size-40_npsxq {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .textarea__overflowHidden_5d2fg.textarea__overflowHidden_5d2fg {
+    } .textarea__overflowHidden_npsxq.textarea__overflowHidden_npsxq {
     overflow: hidden;
-} .textarea__customScrollbar_5d2fg {
+} .textarea__customScrollbar_npsxq {
     overflow: auto;
     cursor: auto;
-} .textarea__customScrollbar_5d2fg::-webkit-scrollbar {
+} .textarea__customScrollbar_npsxq::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-track {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-track {
         background-color: transparent;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-track-piece {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:vertical {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:vertical:hover {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:horizontal {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:horizontal:hover {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:active {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .textarea__customScrollbar_5d2fg::-webkit-resizer {
+    } .textarea__customScrollbar_npsxq::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-button,
-    .textarea__customScrollbar_5d2fg::-webkit-scrollbar-corner {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-button,
+    .textarea__customScrollbar_npsxq::-webkit-scrollbar-corner {
         display: none;
-    } .textarea__textarea_5d2fg::placeholder {
+    } .textarea__textarea_npsxq::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .textarea__hasInnerLabel_5d2fg::placeholder {
+} .textarea__hasInnerLabel_npsxq::placeholder {
     opacity: 0;
-} .textarea__pseudoTextarea_5d2fg {
+} .textarea__pseudoTextarea_npsxq {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -205,13 +205,13 @@
     z-index: -1;
     overflow: auto;
     max-height: 100%
-} .textarea__pseudoTextarea_5d2fg span {
+} .textarea__pseudoTextarea_npsxq span {
         color: var(--input-color);
-    } .textarea__pseudoTextarea_5d2fg .textarea__overflow_5d2fg {
+    } .textarea__pseudoTextarea_npsxq .textarea__overflow_npsxq {
         color: var(--color-light-text-tertiary);
-    } .textarea__pseudoTextarea_5d2fg::-webkit-scrollbar-thumb {
+    } .textarea__pseudoTextarea_npsxq::-webkit-scrollbar-thumb {
         background-color: transparent;
-    } .textarea__sub_5d2fg {
+    } .textarea__sub_npsxq {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -219,76 +219,76 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__hasInnerLabel_5d2fg {
+} .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__hasInnerLabel_npsxq {
     padding-top: var(--gap-0);
     padding-bottom: var(--gap-0);
-} /* DISABLED STATE */ .textarea__textarea_5d2fg:disabled {
+} /* DISABLED STATE */ .textarea__textarea_npsxq:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* READ-ONLY STATE */ .textarea__textarea_5d2fg:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_npsxq:read-only {
     cursor: var(--disabled-cursor);
-} /* FOCUS STATE */ .textarea__textarea_5d2fg:focus.textarea__hasInnerLabel_5d2fg::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_npsxq:focus.textarea__hasInnerLabel_npsxq::placeholder {
     opacity: 1;
-} .textarea__focusVisible_5d2fg {
+} .textarea__focusVisible_npsxq {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* FILLED STATE */ .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg {
+} /* FILLED STATE */ .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq {
     padding-top: var(--gap-0)
-} .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+} .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
         min-height: var(--textarea-40-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
         min-height: calc(100% - var(--textarea-40-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
-    } .textarea__wrapper_5d2fg.textarea__resizeVertical_5d2fg {
+    } .textarea__wrapper_npsxq.textarea__resizeVertical_npsxq {
         resize: vertical;
         min-height: 48px
-    } .textarea__wrapper_5d2fg.textarea__resizeVertical_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__wrapper_npsxq.textarea__resizeVertical_npsxq.textarea__size-40_npsxq {
             min-height: 40px;
-        } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-40_5d2fg {
+        } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-40_npsxq {
         border-top: var(--textarea-40-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-40-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-48_npsxq {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-56_npsxq {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-64_npsxq {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-72_npsxq {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
             border-top: var(--textarea-40-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-40-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
             border-top: var(--textarea-m-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-m-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
             border-top: var(--textarea-l-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-l-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
-        } /** Нужно чтобы нативная икона resize была прижата к краю */ .textarea__resizable-40_5d2fg.textarea__resizable-40_5d2fg {
+        } /** Нужно чтобы нативная икона resize была прижата к краю */ .textarea__resizable-40_npsxq.textarea__resizable-40_npsxq {
     padding-right: 0;
 }

package/textarea/esm/index.js

@@ -8,5 +8,5 @@ import '../../form-control/esm';
 import '../../mq/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-d95432f5.js';
+import './PseudoTextArea-c689424f.js';
 import './consts.js';

package/textarea/esm/inverted.css

@@ -43,26 +43,26 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .textarea__input_pkp72 {
+} .textarea__input_1tmt3 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_pkp72:-webkit-autofill {
+} .textarea__input_1tmt3:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .textarea__input_pkp72::placeholder {
+} .textarea__input_1tmt3::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_pkp72::placeholder {
+} .textarea__hasInnerLabel_1tmt3::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* READ-ONLY STATE */ .textarea__input_pkp72:read-only:not(.textarea__disableUserInput_pkp72) {
+} /* READ-ONLY STATE */ .textarea__input_1tmt3:read-only:not(.textarea__disableUserInput_1tmt3) {
     color: var(--input-inverted-read-only-color)
-} .textarea__input_pkp72:read-only:not(.textarea__disableUserInput_pkp72):focus::placeholder {
+} .textarea__input_1tmt3:read-only:not(.textarea__disableUserInput_1tmt3):focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_pkp72:disabled {
+    } /* DISABLED STATE */ .textarea__input_1tmt3:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .textarea__input_pkp72:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_1tmt3:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} /* ERROR STATE */ .textarea__error_pkp72 {
+} /* ERROR STATE */ .textarea__error_1tmt3 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 } :root {
@@ -94,22 +94,22 @@
     /* color mobile */
 
     /* error mobile */
-} .textarea__textarea_pkp72 {
+} .textarea__textarea_1tmt3 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_pkp72::placeholder {
+} .textarea__textarea_1tmt3::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_pkp72::placeholder {
+} .textarea__hasInnerLabel_1tmt3::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_pkp72:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1tmt3:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_pkp72:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1tmt3:read-only {
     color: var(--input-inverted-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_pkp72:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1tmt3:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} .textarea__hint_pkp72 {
+} .textarea__hint_1tmt3 {
     color: var(--form-control-hint-color);
-} .textarea__error_pkp72 {
+} .textarea__error_1tmt3 {
     color: var(--form-control-error-color);
 }

package/textarea/index.css

@@ -129,7 +129,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
             var(--textarea-xl-filled-spacer-bottom)
     );
-} .textarea__textarea_5d2fg {
+} .textarea__textarea_npsxq {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -145,56 +145,56 @@
     resize: none;
     -webkit-appearance: none;
     height: inherit
-} .textarea__textarea_5d2fg.textarea__overflow_5d2fg {
+} .textarea__textarea_npsxq.textarea__overflow_npsxq {
         color: transparent;
         caret-color: var(--input-color);
-    } .textarea__textarea_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__textarea_npsxq.textarea__size-40_npsxq {
         font-size: 14px;
         line-height: 18px;
         font-weight: 400;
-    } .textarea__overflowHidden_5d2fg.textarea__overflowHidden_5d2fg {
+    } .textarea__overflowHidden_npsxq.textarea__overflowHidden_npsxq {
     overflow: hidden;
-} .textarea__customScrollbar_5d2fg {
+} .textarea__customScrollbar_npsxq {
     overflow: auto;
     cursor: auto;
-} .textarea__customScrollbar_5d2fg::-webkit-scrollbar {
+} .textarea__customScrollbar_npsxq::-webkit-scrollbar {
         width: 12px;
         height: 12px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-track {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-track {
         background-color: transparent;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-track-piece {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb {
         background-color: var(--color-light-neutral-translucent-500);
         border-color: transparent;
         border-style: solid;
         border-width: 4px;
         background-clip: padding-box;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:vertical {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:vertical {
         border-radius: var(--border-radius-circle) / var(--border-radius-6);
         min-height: 40px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:vertical:hover {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:vertical:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:horizontal {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:horizontal {
         border-radius: var(--border-radius-6) / var(--border-radius-circle);
         min-width: 40px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:horizontal:hover {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:horizontal:hover {
         border-radius: 7px / var(--border-radius-circle);
         border-width: 3px 4px;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-thumb:active {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-text-secondary);
-    } .textarea__customScrollbar_5d2fg::-webkit-resizer {
+    } .textarea__customScrollbar_npsxq::-webkit-resizer {
         background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
             no-repeat right bottom;
-    } .textarea__customScrollbar_5d2fg::-webkit-scrollbar-button,
-    .textarea__customScrollbar_5d2fg::-webkit-scrollbar-corner {
+    } .textarea__customScrollbar_npsxq::-webkit-scrollbar-button,
+    .textarea__customScrollbar_npsxq::-webkit-scrollbar-corner {
         display: none;
-    } .textarea__textarea_5d2fg::placeholder {
+    } .textarea__textarea_npsxq::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .textarea__hasInnerLabel_5d2fg::placeholder {
+} .textarea__hasInnerLabel_npsxq::placeholder {
     opacity: 0;
-} .textarea__pseudoTextarea_5d2fg {
+} .textarea__pseudoTextarea_npsxq {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -205,13 +205,13 @@
     z-index: -1;
     overflow: auto;
     max-height: 100%
-} .textarea__pseudoTextarea_5d2fg span {
+} .textarea__pseudoTextarea_npsxq span {
         color: var(--input-color);
-    } .textarea__pseudoTextarea_5d2fg .textarea__overflow_5d2fg {
+    } .textarea__pseudoTextarea_npsxq .textarea__overflow_npsxq {
         color: var(--color-light-text-tertiary);
-    } .textarea__pseudoTextarea_5d2fg::-webkit-scrollbar-thumb {
+    } .textarea__pseudoTextarea_npsxq::-webkit-scrollbar-thumb {
         background-color: transparent;
-    } .textarea__sub_5d2fg {
+    } .textarea__sub_npsxq {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -219,76 +219,76 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__hasInnerLabel_5d2fg {
+} .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__hasInnerLabel_npsxq {
     padding-top: var(--gap-0);
     padding-bottom: var(--gap-0);
-} /* DISABLED STATE */ .textarea__textarea_5d2fg:disabled {
+} /* DISABLED STATE */ .textarea__textarea_npsxq:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* READ-ONLY STATE */ .textarea__textarea_5d2fg:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_npsxq:read-only {
     cursor: var(--disabled-cursor);
-} /* FOCUS STATE */ .textarea__textarea_5d2fg:focus.textarea__hasInnerLabel_5d2fg::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_npsxq:focus.textarea__hasInnerLabel_npsxq::placeholder {
     opacity: 1;
-} .textarea__focusVisible_5d2fg {
+} .textarea__focusVisible_npsxq {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* FILLED STATE */ .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg {
+} /* FILLED STATE */ .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq {
     padding-top: var(--gap-0)
-} .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+} .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
         min-height: var(--textarea-40-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__textarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
         min-height: calc(100% - var(--textarea-40-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_5d2fg.textarea__filled_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__pseudoTextarea_npsxq.textarea__filled_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
-    } .textarea__wrapper_5d2fg.textarea__resizeVertical_5d2fg {
+    } .textarea__wrapper_npsxq.textarea__resizeVertical_npsxq {
         resize: vertical;
         min-height: 48px
-    } .textarea__wrapper_5d2fg.textarea__resizeVertical_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__wrapper_npsxq.textarea__resizeVertical_npsxq.textarea__size-40_npsxq {
             min-height: 40px;
-        } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-40_5d2fg {
+        } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-40_npsxq {
         border-top: var(--textarea-40-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-40-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-48_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-48_npsxq {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-56_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-56_npsxq {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-64_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-64_npsxq {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__size-72_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__size-72_npsxq {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-40_5d2fg {
+    } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-40_npsxq {
             border-top: var(--textarea-40-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-40-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-48_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-48_npsxq {
             border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-56_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-56_npsxq {
             border-top: var(--textarea-m-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-m-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-64_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-64_npsxq {
             border-top: var(--textarea-l-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-l-filled-spacer-bottom) var(--textarea-spacer-style);
-        } .textarea__textarea_5d2fg.textarea__textarea_5d2fg.textarea__hasInnerLabel_5d2fg.textarea__size-72_5d2fg {
+        } .textarea__textarea_npsxq.textarea__textarea_npsxq.textarea__hasInnerLabel_npsxq.textarea__size-72_npsxq {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
-        } /** Нужно чтобы нативная икона resize была прижата к краю */ .textarea__resizable-40_5d2fg.textarea__resizable-40_5d2fg {
+        } /** Нужно чтобы нативная икона resize была прижата к краю */ .textarea__resizable-40_npsxq.textarea__resizable-40_npsxq {
     padding-right: 0;
 }