@alfalab/core-components 36.4.0 → 36.5.0

package/textarea/index.css

@@ -1,4 +1,4 @@
-/* hash: 1wfjg */
+/* hash: 1srol */
 :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
@@ -88,19 +88,19 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__scrollable_13m74 {
+.textarea__scrollable_1mg93 {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
 }
-.textarea__scrollableWrapper_13m74 {
+.textarea__scrollableWrapper_1mg93 {
     box-sizing: border-box
 }
-.textarea__scrollableWrapper_13m74 > * {
+.textarea__scrollableWrapper_1mg93 > * {
         font-family: var(--font-family);
     }
-.textarea__textarea_13m74 {
+.textarea__textarea_1mg93 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -116,36 +116,36 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_13m74.textarea__s_13m74 {
+.textarea__textarea_1mg93.textarea__s_1mg93 {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_13m74.textarea__m_13m74 {
+.textarea__textarea_1mg93.textarea__m_1mg93 {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_13m74.textarea__l_13m74 {
+.textarea__textarea_1mg93.textarea__l_1mg93 {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_13m74.textarea__xl_13m74 {
+.textarea__textarea_1mg93.textarea__xl_1mg93 {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_13m74.textarea__textareaHidden_13m74 {
+.textarea__textarea_1mg93.textarea__textareaHidden_1mg93 {
         position: absolute;
         transform: translateX(-10000px);
     }
-.textarea__textarea_13m74::placeholder {
+.textarea__textarea_1mg93::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasInnerLabel_13m74::placeholder {
+.textarea__hasInnerLabel_1mg93::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_13m74 {
+.textarea__resizeVertical_1mg93 {
     resize: vertical;
 }
-.textarea__pseudoTextarea_13m74 {
+.textarea__pseudoTextarea_1mg93 {
     position: absolute;
     top: 0;
     left: 0;
@@ -157,19 +157,19 @@
     overflow: hidden;
     max-height: 100%
 }
-.textarea__pseudoTextarea_13m74 span {
+.textarea__pseudoTextarea_1mg93 span {
         color: transparent;
     }
-.textarea__pseudoTextarea_13m74 .textarea__overflow_13m74 {
+.textarea__pseudoTextarea_1mg93 .textarea__overflow_1mg93 {
         background-color: var(--color-light-graphic-negative-alpha-40);
     }
-.textarea__pseudoTextarea_13m74.textarea__nativeScrollbar_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__nativeScrollbar_1mg93 {
         overflow: auto;
     }
-.textarea__pseudoTextarea_13m74.textarea__customScrollbar_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__customScrollbar_1mg93 {
         max-height: none;
     }
-.textarea__sub_13m74 {
+.textarea__sub_1mg93 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -179,122 +179,122 @@
     padding: var(--form-control-sub-paddings);
 }
 /* SIZES */
-.textarea__textarea_13m74.textarea__s_13m74, .textarea__scrollable_13m74.textarea__s_13m74 {
+.textarea__textarea_1mg93.textarea__s_1mg93, .textarea__scrollable_1mg93.textarea__s_1mg93 {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_13m74.textarea__m_13m74, .textarea__scrollable_13m74.textarea__m_13m74 {
+.textarea__textarea_1mg93.textarea__m_1mg93, .textarea__scrollable_1mg93.textarea__m_1mg93 {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_13m74.textarea__l_13m74, .textarea__scrollable_13m74.textarea__l_13m74 {
+.textarea__textarea_1mg93.textarea__l_1mg93, .textarea__scrollable_1mg93.textarea__l_1mg93 {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_13m74.textarea__xl_13m74, .textarea__scrollable_13m74.textarea__xl_13m74 {
+.textarea__textarea_1mg93.textarea__xl_1mg93, .textarea__scrollable_1mg93.textarea__xl_1mg93 {
         min-height: var(--textarea-xl-min-height);
     }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollable_13m74.textarea__s_13m74 .textarea__textarea_13m74, .textarea__scrollable_13m74.textarea__m_13m74 .textarea__textarea_13m74, .textarea__scrollable_13m74.textarea__l_13m74 .textarea__textarea_13m74 {
+.textarea__scrollable_1mg93.textarea__s_1mg93 .textarea__textarea_1mg93, .textarea__scrollable_1mg93.textarea__m_1mg93 .textarea__textarea_1mg93, .textarea__scrollable_1mg93.textarea__l_1mg93 .textarea__textarea_1mg93 {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
         }
-.textarea__scrollable_13m74.textarea__xl_13m74 .textarea__textarea_13m74 {
+.textarea__scrollable_1mg93.textarea__xl_1mg93 .textarea__textarea_1mg93 {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
         }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_13m74.textarea__s_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__s_1mg93 .textarea__textarea_1mg93 {
         padding: var(--form-control-labeled-s-paddings);
     }
-.textarea__scrollableWithLabel_13m74.textarea__m_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__m_1mg93 .textarea__textarea_1mg93 {
         padding: var(--form-control-labeled-m-paddings);
     }
-.textarea__scrollableWithLabel_13m74.textarea__l_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__l_1mg93 .textarea__textarea_1mg93 {
         padding: var(--form-control-labeled-l-paddings);
     }
-.textarea__scrollableWithLabel_13m74.textarea__xl_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__xl_1mg93 .textarea__textarea_1mg93 {
         padding: var(--form-control-labeled-xl-paddings);
     }
 /* DISABLED STATE */
-.textarea__textarea_13m74:disabled {
+.textarea__textarea_1mg93:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_13m74:read-only {
+.textarea__textarea_1mg93:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_13m74:focus.textarea__hasInnerLabel_13m74::placeholder {
+.textarea__textarea_1mg93:focus.textarea__hasInnerLabel_1mg93::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_13m74 {
+.textarea__focusVisible_1mg93 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74 {
+.textarea__textarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93 {
     padding-top: 0
 }
-.textarea__textarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__s_13m74 {
+.textarea__textarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__s_1mg93 {
         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_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__m_13m74 {
+.textarea__textarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__m_1mg93 {
         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_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__l_13m74 {
+.textarea__textarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__l_1mg93 {
         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_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__xl_13m74 {
+.textarea__textarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__xl_1mg93 {
         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_13m74.textarea__filled_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93 .textarea__textarea_1mg93 {
         padding-top: 0;
     }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__s_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__s_1mg93 {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
     }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__s_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__s_1mg93 .textarea__textarea_1mg93 {
             min-height: var(--textarea-s-filled-min-height);
         }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__m_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__m_1mg93 {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
     }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__m_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__m_1mg93 .textarea__textarea_1mg93 {
             min-height: var(--textarea-m-filled-min-height);
         }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__l_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__l_1mg93 {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
     }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__l_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__l_1mg93 .textarea__textarea_1mg93 {
             min-height: var(--textarea-l-filled-min-height);
         }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__xl_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__xl_1mg93 {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
     }
-.textarea__scrollableWithLabel_13m74.textarea__filled_13m74.textarea__xl_13m74 .textarea__textarea_13m74 {
+.textarea__scrollableWithLabel_1mg93.textarea__filled_1mg93.textarea__xl_1mg93 .textarea__textarea_1mg93 {
             min-height: var(--textarea-xl-filled-min-height);
         }
 /* Correct pseudoTextarea size */
-.textarea__pseudoTextarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__s_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__s_1mg93 {
         height: calc(100% - var(--textarea-s-filled-margin-top));
     }
-.textarea__pseudoTextarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__m_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__m_1mg93 {
         height: calc(100% - var(--textarea-m-filled-margin-top));
     }
-.textarea__pseudoTextarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__l_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__l_1mg93 {
         height: calc(100% - var(--textarea-l-filled-margin-top));
     }
-.textarea__pseudoTextarea_13m74.textarea__filled_13m74.textarea__hasInnerLabel_13m74.textarea__xl_13m74 {
+.textarea__pseudoTextarea_1mg93.textarea__filled_1mg93.textarea__hasInnerLabel_1mg93.textarea__xl_1mg93 {
         height: calc(100% - var(--textarea-xl-filled-margin-top));
     }

package/textarea/index.js

@@ -6,7 +6,7 @@ require('classnames');
 require('../form-control');
 require('../scrollbar');
 require('@alfalab/hooks');
-require('./PseudoTextArea-66d606ee.js');
+require('./PseudoTextArea-248b3620.js');
 
 
 

package/textarea/inverted.css

@@ -1,4 +1,4 @@
-/* hash: d626c */
+/* hash: 71wob */
 :root {
     --color-light-graphic-primary-inverted: #fff;
     --color-light-text-negative: #d91d0b;
@@ -35,41 +35,41 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_7y18v {
+.textarea__input_1nojq {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_7y18v:-webkit-autofill {
+.textarea__input_1nojq:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_7y18v::placeholder {
+.textarea__input_1nojq::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_7y18v::placeholder {
+.textarea__hasInnerLabel_1nojq::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_7y18v {
+.textarea__clearIcon_1nojq {
     color: var(--color-light-graphic-primary-inverted);
 }
 /* READ-ONLY STATE */
-.textarea__input_7y18v:read-only {
+.textarea__input_1nojq:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_7y18v:read-only:focus::placeholder {
+.textarea__input_1nojq:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_7y18v:disabled {
+.textarea__input_1nojq:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_7y18v:focus::placeholder {
+.textarea__input_1nojq:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_7y18v {
+.textarea__error_1nojq {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
@@ -95,32 +95,32 @@
 
     /* border-radius */
 }
-.textarea__textarea_7y18v {
+.textarea__textarea_1nojq {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_7y18v::placeholder {
+.textarea__textarea_1nojq::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_7y18v::placeholder {
+.textarea__hasInnerLabel_1nojq::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_7y18v:disabled {
+.textarea__textarea_1nojq:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_7y18v:read-only {
+.textarea__textarea_1nojq:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_7y18v:focus::placeholder {
+.textarea__textarea_1nojq:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
-.textarea__hint_7y18v {
+.textarea__hint_1nojq {
     color: var(--form-control-hint-color);
 }
-.textarea__error_7y18v {
+.textarea__error_1nojq {
     color: var(--form-control-error-color);
 }

package/textarea/modern/Component.js

@@ -5,12 +5,12 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { Scrollbar } from '../../scrollbar/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-3460b141.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-f065da22.js';
 
-const defaultColors = {"input":"textarea__input_1c97y","hasInnerLabel":"textarea__hasInnerLabel_1c97y","clearIcon":"textarea__clearIcon_1c97y","error":"textarea__error_1c97y","textarea":"textarea__textarea_1c97y","hint":"textarea__hint_1c97y"};
+const defaultColors = {"input":"textarea__input_syme0","hasInnerLabel":"textarea__hasInnerLabel_syme0","clearIcon":"textarea__clearIcon_syme0","error":"textarea__error_syme0","textarea":"textarea__textarea_syme0","hint":"textarea__hint_syme0"};
 require('./default.css');
 
-const invertedColors = {"input":"textarea__input_7y18v","hasInnerLabel":"textarea__hasInnerLabel_7y18v","clearIcon":"textarea__clearIcon_7y18v","error":"textarea__error_7y18v","textarea":"textarea__textarea_7y18v","hint":"textarea__hint_7y18v"};
+const invertedColors = {"input":"textarea__input_1nojq","hasInnerLabel":"textarea__hasInnerLabel_1nojq","clearIcon":"textarea__clearIcon_1nojq","error":"textarea__error_1nojq","textarea":"textarea__textarea_1nojq","hint":"textarea__hint_1nojq"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/PseudoTextArea-f065da22.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+
+const styles = {"scrollable":"textarea__scrollable_1mg93","scrollableWrapper":"textarea__scrollableWrapper_1mg93","textarea":"textarea__textarea_1mg93","s":"textarea__s_1mg93","m":"textarea__m_1mg93","l":"textarea__l_1mg93","xl":"textarea__xl_1mg93","textareaHidden":"textarea__textareaHidden_1mg93","hasInnerLabel":"textarea__hasInnerLabel_1mg93","resizeVertical":"textarea__resizeVertical_1mg93","pseudoTextarea":"textarea__pseudoTextarea_1mg93","overflow":"textarea__overflow_1mg93","nativeScrollbar":"textarea__nativeScrollbar_1mg93","customScrollbar":"textarea__customScrollbar_1mg93","sub":"textarea__sub_1mg93","scrollableWithLabel":"textarea__scrollableWithLabel_1mg93","focusVisible":"textarea__focusVisible_1mg93","filled":"textarea__filled_1mg93"};
+require('./index.css');
+
+const PseudoTextArea = forwardRef(({ size = 's', pseudoTextareaClassName = '', maxLength, stateValue }, ref) => (React.createElement("div", { className: cn(styles.pseudoTextarea, styles[size], pseudoTextareaClassName), ref: ref, hidden: true },
+    React.createElement("span", null, stateValue.slice(0, maxLength)),
+    React.createElement("span", { className: cn(styles.overflow) }, stateValue.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-3460b141.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-f065da22.js';

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

@@ -1 +1 @@
-export * from "../PseudoTextArea-3460b141";
+export * from "../PseudoTextArea-f065da22";

package/textarea/modern/components/index.js

@@ -1,3 +1,3 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-3460b141.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-f065da22.js';
 import 'react';
 import 'classnames';

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 1e2bf */
+/* hash: 17y5x */
 :root {
     --color-light-graphic-primary: #0b1f35;
     --color-light-text-negative: #d91d0b;
@@ -34,41 +34,41 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_1c97y {
+.textarea__input_syme0 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1c97y:-webkit-autofill {
+.textarea__input_syme0:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1c97y::placeholder {
+.textarea__input_syme0::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasInnerLabel_1c97y::placeholder {
+.textarea__hasInnerLabel_syme0::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1c97y {
+.textarea__clearIcon_syme0 {
     color: var(--color-light-graphic-primary);
 }
 /* READ-ONLY STATE */
-.textarea__input_1c97y:read-only {
+.textarea__input_syme0:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1c97y:read-only:focus::placeholder {
+.textarea__input_syme0:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1c97y:disabled {
+.textarea__input_syme0:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1c97y:focus::placeholder {
+.textarea__input_syme0:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1c97y {
+.textarea__error_syme0 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
@@ -94,32 +94,32 @@
 
     /* border-radius */
 }
-.textarea__textarea_1c97y {
+.textarea__textarea_syme0 {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1c97y::placeholder {
+.textarea__textarea_syme0::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasInnerLabel_1c97y::placeholder {
+.textarea__hasInnerLabel_syme0::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1c97y:disabled {
+.textarea__textarea_syme0:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1c97y:read-only {
+.textarea__textarea_syme0:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1c97y:focus::placeholder {
+.textarea__textarea_syme0:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
-.textarea__hint_1c97y {
+.textarea__hint_syme0 {
     color: var(--form-control-hint-color);
 }
-.textarea__error_1c97y {
+.textarea__error_syme0 {
     color: var(--form-control-error-color);
 }