@alfalab/core-components 42.2.1-beta.0 → 42.2.2

package/textarea/index.css

@@ -1,4 +1,4 @@
-/* hash: xgvhw */
+/* hash: 114qd */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -108,7 +108,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
             var(--textarea-xl-filled-spacer-bottom)
     );
-} .textarea__textarea_111eb {
+} .textarea__textarea_1ni1o {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,19 +124,19 @@
     resize: none;
     -webkit-appearance: none;
     height: inherit;
-} .textarea__overflowHidden_111eb.textarea__overflowHidden_111eb {
+} .textarea__overflowHidden_1ni1o.textarea__overflowHidden_1ni1o {
     overflow: hidden;
-} .textarea__customScrollbar_111eb {
+} .textarea__customScrollbar_1ni1o {
     overflow: auto;
     overflow: overlay;
     cursor: auto;
-} .textarea__customScrollbar_111eb::-webkit-scrollbar {
+} .textarea__customScrollbar_1ni1o::-webkit-scrollbar {
         width: 12px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-track {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-track {
         background-color: transparent;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-track-piece {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -144,22 +144,22 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb:hover {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb:active {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .textarea__customScrollbar_111eb::-webkit-resizer {
+    } .textarea__customScrollbar_1ni1o::-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_111eb::-webkit-scrollbar-button,
-    .textarea__customScrollbar_111eb::-webkit-scrollbar-corner {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-button,
+    .textarea__customScrollbar_1ni1o::-webkit-scrollbar-corner {
         display: none;
-    } .textarea__textarea_111eb::placeholder {
+    } .textarea__textarea_1ni1o::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .textarea__hasInnerLabel_111eb::placeholder {
+} .textarea__hasInnerLabel_1ni1o::placeholder {
     opacity: 0;
-} .textarea__pseudoTextarea_111eb {
+} .textarea__pseudoTextarea_1ni1o {
     position: absolute;
     top: 0;
     left: 0;
@@ -170,13 +170,13 @@
     z-index: -1;
     overflow: hidden;
     max-height: 100%
-} .textarea__pseudoTextarea_111eb span {
+} .textarea__pseudoTextarea_1ni1o span {
         color: transparent;
-    } .textarea__pseudoTextarea_111eb .textarea__overflow_111eb {
+    } .textarea__pseudoTextarea_1ni1o .textarea__overflow_1ni1o {
         background-color: var(--color-light-graphic-negative-alpha-40);
-    } .textarea__pseudoTextarea_111eb.textarea__nativeScrollbar_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__nativeScrollbar_1ni1o {
         overflow: auto;
-    } .textarea__sub_111eb {
+    } .textarea__sub_1ni1o {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -184,62 +184,62 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} .textarea__textarea_111eb.textarea__hasInnerLabel_111eb.textarea__hasInnerLabel_111eb {
+} .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__hasInnerLabel_1ni1o {
     padding-top: 0;
     padding-bottom: 0;
-} /* DISABLED STATE */ .textarea__textarea_111eb:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1ni1o:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* READ-ONLY STATE */ .textarea__textarea_111eb:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1ni1o:read-only {
     cursor: var(--disabled-cursor);
-} /* FOCUS STATE */ .textarea__textarea_111eb:focus.textarea__hasInnerLabel_111eb::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1ni1o:focus.textarea__hasInnerLabel_1ni1o::placeholder {
     opacity: 1;
-} .textarea__focusVisible_111eb {
+} .textarea__focusVisible_1ni1o {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* FILLED STATE */ .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb {
+} /* FILLED STATE */ .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o {
     padding-top: 0
-} .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+} .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
-    } .textarea__wrapper_111eb.textarea__resizeVertical_111eb {
+    } .textarea__wrapper_1ni1o.textarea__resizeVertical_1ni1o {
         resize: vertical;
         min-height: 48px;
-    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_111eb.textarea__s_111eb {
+    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_1ni1o.textarea__s_1ni1o {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__m_111eb {
+    } .textarea__textarea_1ni1o.textarea__m_1ni1o {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__l_111eb {
+    } .textarea__textarea_1ni1o.textarea__l_1ni1o {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__xl_111eb {
+    } .textarea__textarea_1ni1o.textarea__xl_1ni1o {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+    } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
         }

package/textarea/index.js

@@ -8,7 +8,7 @@ require('react-textarea-autosize');
 require('classnames');
 require('../form-control');
 require('@alfalab/hooks');
-require('./PseudoTextArea-6fe26ce8.js');
+require('./PseudoTextArea-d15f57ae.js');
 
 
 

package/textarea/inverted.css

@@ -1,4 +1,4 @@
-/* hash: qftea */
+/* hash: 19mjg */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary-inverted: #fff;
@@ -40,26 +40,26 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 
     /* mobile */
-} .textarea__input_fcsxs {
+} .textarea__input_4cihp {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_fcsxs:-webkit-autofill {
+} .textarea__input_4cihp:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-} .textarea__input_fcsxs::placeholder {
+} .textarea__input_4cihp::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_fcsxs::placeholder {
+} .textarea__hasInnerLabel_4cihp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} .textarea__clearIcon_fcsxs {
+} .textarea__clearIcon_4cihp {
     color: var(--color-light-graphic-primary-inverted);
-} /* READ-ONLY STATE */ .textarea__input_fcsxs:read-only {
+} /* READ-ONLY STATE */ .textarea__input_4cihp:read-only {
     color: var(--input-inverted-read-only-color)
-} .textarea__input_fcsxs:read-only:focus::placeholder {
+} .textarea__input_4cihp:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_fcsxs:disabled {
+    } /* DISABLED STATE */ .textarea__input_4cihp:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* FOCUS STATE */ .textarea__input_fcsxs:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_4cihp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 } :root {
     --form-control-hint-color: var(--color-light-text-secondary);
@@ -98,22 +98,22 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .textarea__textarea_fcsxs {
+} .textarea__textarea_4cihp {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_fcsxs::placeholder {
+} .textarea__textarea_4cihp::placeholder {
     color: var(--input-inverted-placeholder-color);
-} .textarea__hasInnerLabel_fcsxs::placeholder {
+} .textarea__hasInnerLabel_4cihp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_fcsxs:disabled {
+} /* DISABLED STATE */ .textarea__textarea_4cihp:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_fcsxs:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_4cihp:read-only {
     color: var(--input-inverted-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_fcsxs:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_4cihp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-} .textarea__hint_fcsxs {
+} .textarea__hint_4cihp {
     color: var(--form-control-hint-color);
-} .textarea__error_fcsxs {
+} .textarea__error_4cihp {
     color: var(--form-control-error-color);
 }

package/textarea/modern/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 declare const getDefaultCounterText: (textLength: number, maxLength?: number) => string;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "size" | "defaultValue" | "onChange" | "value"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "style" | "value" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { getDefaultCounterText, Textarea };

package/textarea/modern/Component.js

@@ -4,12 +4,12 @@ import TextareaAutosize from 'react-textarea-autosize';
 import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-097236ef.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-f696979a.js';
 
-const defaultColors = {"input":"textarea__input_14qji","hasInnerLabel":"textarea__hasInnerLabel_14qji","clearIcon":"textarea__clearIcon_14qji","textarea":"textarea__textarea_14qji","hint":"textarea__hint_14qji","error":"textarea__error_14qji"};
+const defaultColors = {"input":"textarea__input_18np7","hasInnerLabel":"textarea__hasInnerLabel_18np7","clearIcon":"textarea__clearIcon_18np7","textarea":"textarea__textarea_18np7","hint":"textarea__hint_18np7","error":"textarea__error_18np7"};
 require('./default.css');
 
-const invertedColors = {"input":"textarea__input_fcsxs","hasInnerLabel":"textarea__hasInnerLabel_fcsxs","clearIcon":"textarea__clearIcon_fcsxs","textarea":"textarea__textarea_fcsxs","hint":"textarea__hint_fcsxs","error":"textarea__error_fcsxs"};
+const invertedColors = {"input":"textarea__input_4cihp","hasInnerLabel":"textarea__hasInnerLabel_4cihp","clearIcon":"textarea__clearIcon_4cihp","textarea":"textarea__textarea_4cihp","hint":"textarea__hint_4cihp","error":"textarea__error_4cihp"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/PseudoTextArea-f696979a.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+
+const styles = {"textarea":"textarea__textarea_1ni1o","overflowHidden":"textarea__overflowHidden_1ni1o","customScrollbar":"textarea__customScrollbar_1ni1o","hasInnerLabel":"textarea__hasInnerLabel_1ni1o","pseudoTextarea":"textarea__pseudoTextarea_1ni1o","overflow":"textarea__overflow_1ni1o","nativeScrollbar":"textarea__nativeScrollbar_1ni1o","sub":"textarea__sub_1ni1o","focusVisible":"textarea__focusVisible_1ni1o","filled":"textarea__filled_1ni1o","s":"textarea__s_1ni1o","m":"textarea__m_1ni1o","l":"textarea__l_1ni1o","xl":"textarea__xl_1ni1o","wrapper":"textarea__wrapper_1ni1o","resizeVertical":"textarea__resizeVertical_1ni1o"};
+require('./index.css');
+
+const PseudoTextArea = forwardRef(({ size = 's', pseudoTextareaClassName, maxLength, value }, ref) => (React.createElement("div", { className: cn(styles.pseudoTextarea, styles[size], pseudoTextareaClassName), ref: ref, hidden: true },
+    React.createElement("span", null, value.slice(0, maxLength)),
+    React.createElement("span", { className: cn(styles.overflow) }, value.slice(maxLength)),
+    React.createElement("br", null))));
+
+export { PseudoTextArea as P, styles as s };

package/textarea/modern/components/PseudoTextArea.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-097236ef.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-f696979a.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-097236ef";
+export * from "../PseudoTextArea-f696979a";

package/textarea/modern/components/index.js

@@ -1,3 +1,3 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-097236ef.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-f696979a.js';
 import 'react';
 import 'classnames';

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 1rc2n */
+/* hash: bhoo7 */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -39,26 +39,26 @@
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 
     /* mobile */
-} .textarea__input_14qji {
+} .textarea__input_18np7 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_14qji:-webkit-autofill {
+} .textarea__input_18np7:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .textarea__input_14qji::placeholder {
+} .textarea__input_18np7::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_14qji::placeholder {
+} .textarea__hasInnerLabel_18np7::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .textarea__clearIcon_14qji {
+} .textarea__clearIcon_18np7 {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .textarea__input_14qji:read-only {
+} /* READ-ONLY STATE */ .textarea__input_18np7:read-only {
     color: var(--input-read-only-color)
-} .textarea__input_14qji:read-only:focus::placeholder {
+} .textarea__input_18np7:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_14qji:disabled {
+    } /* DISABLED STATE */ .textarea__input_18np7:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .textarea__input_14qji:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_18np7:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 } :root {
     --form-control-hint-color: var(--color-light-text-secondary);
@@ -97,22 +97,22 @@
     /* error mobile */
 
     /* border-bottom mobile */
-} .textarea__textarea_14qji {
+} .textarea__textarea_18np7 {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_14qji::placeholder {
+} .textarea__textarea_18np7::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_14qji::placeholder {
+} .textarea__hasInnerLabel_18np7::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_14qji:disabled {
+} /* DISABLED STATE */ .textarea__textarea_18np7:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_14qji:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_18np7:read-only {
     color: var(--input-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_14qji:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_18np7:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} .textarea__hint_14qji {
+} .textarea__hint_18np7 {
     color: var(--form-control-hint-color);
-} .textarea__error_14qji {
+} .textarea__error_18np7 {
     color: var(--form-control-error-color);
 }

package/textarea/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: xgvhw */
+/* hash: 114qd */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -108,7 +108,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
             var(--textarea-xl-filled-spacer-bottom)
     );
-} .textarea__textarea_111eb {
+} .textarea__textarea_1ni1o {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -124,19 +124,19 @@
     resize: none;
     -webkit-appearance: none;
     height: inherit;
-} .textarea__overflowHidden_111eb.textarea__overflowHidden_111eb {
+} .textarea__overflowHidden_1ni1o.textarea__overflowHidden_1ni1o {
     overflow: hidden;
-} .textarea__customScrollbar_111eb {
+} .textarea__customScrollbar_1ni1o {
     overflow: auto;
     overflow: overlay;
     cursor: auto;
-} .textarea__customScrollbar_111eb::-webkit-scrollbar {
+} .textarea__customScrollbar_1ni1o::-webkit-scrollbar {
         width: 12px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-track {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-track {
         background-color: transparent;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-track-piece {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-track-piece {
         background-color: transparent;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb {
         background-color: var(--color-light-graphic-primary-alpha-30);
         border-radius: var(--border-radius-circle) / 6px;
         border-color: transparent;
@@ -144,22 +144,22 @@
         border-width: 4px;
         background-clip: padding-box;
         min-height: 40px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb:hover {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb:hover {
         border-radius: var(--border-radius-circle) / 7px;
         border-width: 4px 3px;
-    } .textarea__customScrollbar_111eb::-webkit-scrollbar-thumb:active {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-thumb:active {
         background-color: var(--color-light-graphic-primary-alpha-60);
-    } .textarea__customScrollbar_111eb::-webkit-resizer {
+    } .textarea__customScrollbar_1ni1o::-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_111eb::-webkit-scrollbar-button,
-    .textarea__customScrollbar_111eb::-webkit-scrollbar-corner {
+    } .textarea__customScrollbar_1ni1o::-webkit-scrollbar-button,
+    .textarea__customScrollbar_1ni1o::-webkit-scrollbar-corner {
         display: none;
-    } .textarea__textarea_111eb::placeholder {
+    } .textarea__textarea_1ni1o::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-} .textarea__hasInnerLabel_111eb::placeholder {
+} .textarea__hasInnerLabel_1ni1o::placeholder {
     opacity: 0;
-} .textarea__pseudoTextarea_111eb {
+} .textarea__pseudoTextarea_1ni1o {
     position: absolute;
     top: 0;
     left: 0;
@@ -170,13 +170,13 @@
     z-index: -1;
     overflow: hidden;
     max-height: 100%
-} .textarea__pseudoTextarea_111eb span {
+} .textarea__pseudoTextarea_1ni1o span {
         color: transparent;
-    } .textarea__pseudoTextarea_111eb .textarea__overflow_111eb {
+    } .textarea__pseudoTextarea_1ni1o .textarea__overflow_1ni1o {
         background-color: var(--color-light-graphic-negative-alpha-40);
-    } .textarea__pseudoTextarea_111eb.textarea__nativeScrollbar_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__nativeScrollbar_1ni1o {
         overflow: auto;
-    } .textarea__sub_111eb {
+    } .textarea__sub_1ni1o {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -184,62 +184,62 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} .textarea__textarea_111eb.textarea__hasInnerLabel_111eb.textarea__hasInnerLabel_111eb {
+} .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__hasInnerLabel_1ni1o {
     padding-top: 0;
     padding-bottom: 0;
-} /* DISABLED STATE */ .textarea__textarea_111eb:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1ni1o:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-} /* READ-ONLY STATE */ .textarea__textarea_111eb:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1ni1o:read-only {
     cursor: var(--disabled-cursor);
-} /* FOCUS STATE */ .textarea__textarea_111eb:focus.textarea__hasInnerLabel_111eb::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1ni1o:focus.textarea__hasInnerLabel_1ni1o::placeholder {
     opacity: 1;
-} .textarea__focusVisible_111eb {
+} .textarea__focusVisible_1ni1o {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} /* FILLED STATE */ .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb {
+} /* FILLED STATE */ .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o {
     padding-top: 0
-} .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+} .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
         min-height: var(--textarea-s-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
         min-height: var(--textarea-m-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
         min-height: var(--textarea-l-filled-min-height);
-    } .textarea__textarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+    } .textarea__textarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
         min-height: var(--textarea-xl-filled-min-height);
-    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+    } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
         min-height: calc(100% - var(--textarea-s-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
         min-height: calc(100% - var(--textarea-m-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
         min-height: calc(100% - var(--textarea-l-filled-spacer-top));
-    } .textarea__pseudoTextarea_111eb.textarea__filled_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+    } .textarea__pseudoTextarea_1ni1o.textarea__filled_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
         min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
-    } .textarea__wrapper_111eb.textarea__resizeVertical_111eb {
+    } .textarea__wrapper_1ni1o.textarea__resizeVertical_1ni1o {
         resize: vertical;
         min-height: 48px;
-    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_111eb.textarea__s_111eb {
+    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea__textarea_1ni1o.textarea__s_1ni1o {
         border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__m_111eb {
+    } .textarea__textarea_1ni1o.textarea__m_1ni1o {
         border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__l_111eb {
+    } .textarea__textarea_1ni1o.textarea__l_1ni1o {
         border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__xl_111eb {
+    } .textarea__textarea_1ni1o.textarea__xl_1ni1o {
         border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
         border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
-    } .textarea__textarea_111eb.textarea__hasInnerLabel_111eb.textarea__s_111eb {
+    } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__s_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__m_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__m_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__l_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__l_1ni1o {
             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_111eb.textarea__hasInnerLabel_111eb.textarea__xl_111eb {
+        } .textarea__textarea_1ni1o.textarea__hasInnerLabel_1ni1o.textarea__xl_1ni1o {
             border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
             border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
         }

package/textarea/modern/index.js

@@ -5,4 +5,4 @@ import 'react-textarea-autosize';
 import 'classnames';
 import '../../form-control/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-097236ef.js';
+import './PseudoTextArea-f696979a.js';