@alfalab/core-components 37.4.0-beta.0 → 37.5.0-beta.1

package/textarea/esm/default.css

@@ -1,20 +1,25 @@
 /* hash: 3qtzp */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --input-color: var(--color-light-text-primary);
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
@@ -33,46 +38,31 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-.textarea__input_1iykm {
+} .textarea__input_1s3xv {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__input_1iykm:-webkit-autofill {
+} .textarea__input_1s3xv:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-}
-.textarea__input_1iykm::placeholder {
+} .textarea__input_1s3xv::placeholder {
     color: var(--input-placeholder-color);
-}
-.textarea__hasInnerLabel_1iykm::placeholder {
+} .textarea__hasInnerLabel_1s3xv::placeholder {
     color: var(--input-with-label-placeholder-color);
-}
-.textarea__clearIcon_1iykm {
+} .textarea__clearIcon_1s3xv {
     color: var(--color-light-graphic-primary);
-}
-/* READ-ONLY STATE */
-.textarea__input_1iykm:read-only {
+} /* READ-ONLY STATE */ .textarea__input_1s3xv:read-only {
     color: var(--input-read-only-color)
-}
-.textarea__input_1iykm:read-only:focus::placeholder {
+} .textarea__input_1s3xv:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    }
-/* DISABLED STATE */
-.textarea__input_1iykm:disabled {
+    } /* DISABLED STATE */ .textarea__input_1s3xv:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-}
-/* FOCUS STATE */
-.textarea__input_1iykm:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_1s3xv:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-}
-/* ERROR STATE */
-.textarea__error_1iykm {
+} /* ERROR STATE */ .textarea__error_1s3xv {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
-}
-:root {
+} :root {
     --form-control-hint-color: var(--color-light-text-secondary);
 
     /* disabled */
@@ -93,33 +83,22 @@
     /* font */
 
     /* border-radius */
-}
-.textarea__textarea_1iykm {
+} .textarea__textarea_1s3xv {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__textarea_1iykm::placeholder {
+} .textarea__textarea_1s3xv::placeholder {
     color: var(--input-placeholder-color);
-}
-.textarea__hasInnerLabel_1iykm::placeholder {
+} .textarea__hasInnerLabel_1s3xv::placeholder {
     color: var(--input-with-label-placeholder-color);
-}
-/* DISABLED STATE */
-.textarea__textarea_1iykm:disabled {
+} /* DISABLED STATE */ .textarea__textarea_1s3xv:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-}
-/* READ-ONLY STATE */
-.textarea__textarea_1iykm:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_1s3xv:read-only {
     color: var(--input-read-only-color);
-}
-/* FOCUS STATE */
-.textarea__textarea_1iykm:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_1s3xv:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-}
-.textarea__hint_1iykm {
+} .textarea__hint_1s3xv {
     color: var(--form-control-hint-color);
-}
-.textarea__error_1iykm {
+} .textarea__error_1s3xv {
     color: var(--form-control-error-color);
 }

package/textarea/esm/index.css

@@ -1,22 +1,24 @@
 /* hash: 17pwv */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -25,8 +27,7 @@
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* disabled */
 
@@ -54,8 +55,7 @@
     /* font */
 
     /* border-radius */
-}
-:root {
+} :root {
     /* min-height */
     --textarea-s-min-height: var(--form-control-s-min-height);
     --textarea-m-min-height: var(--form-control-m-min-height);
@@ -87,20 +87,16 @@
     --textarea-xl-filled-min-height: calc(
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
-}
-.textarea__scrollable_oittv {
+} .textarea__scrollable_76w8h {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
-}
-.textarea__scrollableWrapper_oittv {
+} .textarea__scrollableWrapper_76w8h {
     box-sizing: border-box
-}
-.textarea__scrollableWrapper_oittv > * {
+} .textarea__scrollableWrapper_76w8h > * {
         font-family: var(--font-family);
-    }
-.textarea__textarea_oittv {
+    } .textarea__textarea_76w8h {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -115,37 +111,28 @@
     box-sizing: border-box;
     resize: none;
     -webkit-appearance: none
-}
-.textarea__textarea_oittv.textarea__s_oittv {
+} .textarea__textarea_76w8h.textarea__s_76w8h {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
-    }
-.textarea__textarea_oittv.textarea__m_oittv {
+    } .textarea__textarea_76w8h.textarea__m_76w8h {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
-    }
-.textarea__textarea_oittv.textarea__l_oittv {
+    } .textarea__textarea_76w8h.textarea__l_76w8h {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
-    }
-.textarea__textarea_oittv.textarea__xl_oittv {
+    } .textarea__textarea_76w8h.textarea__xl_76w8h {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
-    }
-.textarea__textarea_oittv.textarea__textareaHidden_oittv {
+    } .textarea__textarea_76w8h.textarea__textareaHidden_76w8h {
         position: absolute;
         transform: translateX(-10000px);
-    }
-.textarea__textarea_oittv::placeholder {
+    } .textarea__textarea_76w8h::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-}
-.textarea__hasInnerLabel_oittv::placeholder {
+} .textarea__hasInnerLabel_76w8h::placeholder {
     opacity: 0;
-}
-.textarea__resizeVertical_oittv {
+} .textarea__resizeVertical_76w8h {
     resize: vertical;
-}
-.textarea__pseudoTextarea_oittv {
+} .textarea__pseudoTextarea_76w8h {
     position: absolute;
     top: 0;
     left: 0;
@@ -156,20 +143,15 @@
     z-index: -1;
     overflow: hidden;
     max-height: 100%
-}
-.textarea__pseudoTextarea_oittv span {
+} .textarea__pseudoTextarea_76w8h span {
         color: transparent;
-    }
-.textarea__pseudoTextarea_oittv .textarea__overflow_oittv {
+    } .textarea__pseudoTextarea_76w8h .textarea__overflow_76w8h {
         background-color: var(--color-light-graphic-negative-alpha-40);
-    }
-.textarea__pseudoTextarea_oittv.textarea__nativeScrollbar_oittv {
+    } .textarea__pseudoTextarea_76w8h.textarea__nativeScrollbar_76w8h {
         overflow: auto;
-    }
-.textarea__pseudoTextarea_oittv.textarea__customScrollbar_oittv {
+    } .textarea__pseudoTextarea_76w8h.textarea__customScrollbar_76w8h {
         max-height: none;
-    }
-.textarea__sub_oittv {
+    } .textarea__sub_76w8h {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -177,124 +159,84 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-}
-/* SIZES */
-.textarea__textarea_oittv.textarea__s_oittv, .textarea__scrollable_oittv.textarea__s_oittv {
+} /* SIZES */ .textarea__textarea_76w8h.textarea__s_76w8h, .textarea__scrollable_76w8h.textarea__s_76w8h {
         min-height: var(--textarea-s-min-height);
-    }
-.textarea__textarea_oittv.textarea__m_oittv, .textarea__scrollable_oittv.textarea__m_oittv {
+    } .textarea__textarea_76w8h.textarea__m_76w8h, .textarea__scrollable_76w8h.textarea__m_76w8h {
         min-height: var(--textarea-m-min-height);
-    }
-.textarea__textarea_oittv.textarea__l_oittv, .textarea__scrollable_oittv.textarea__l_oittv {
+    } .textarea__textarea_76w8h.textarea__l_76w8h, .textarea__scrollable_76w8h.textarea__l_76w8h {
         min-height: var(--textarea-l-min-height);
-    }
-.textarea__textarea_oittv.textarea__xl_oittv, .textarea__scrollable_oittv.textarea__xl_oittv {
+    } .textarea__textarea_76w8h.textarea__xl_76w8h, .textarea__scrollable_76w8h.textarea__xl_76w8h {
         min-height: var(--textarea-xl-min-height);
-    }
-/* Паддинги взяты из стилей form-control */
-.textarea__scrollable_oittv.textarea__s_oittv .textarea__textarea_oittv, .textarea__scrollable_oittv.textarea__m_oittv .textarea__textarea_oittv, .textarea__scrollable_oittv.textarea__l_oittv .textarea__textarea_oittv {
+    } /* Паддинги взяты из стилей form-control */ .textarea__scrollable_76w8h.textarea__s_76w8h .textarea__textarea_76w8h, .textarea__scrollable_76w8h.textarea__m_76w8h .textarea__textarea_76w8h, .textarea__scrollable_76w8h.textarea__l_76w8h .textarea__textarea_76w8h {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
-        }
-.textarea__scrollable_oittv.textarea__xl_oittv .textarea__textarea_oittv {
+        } .textarea__scrollable_76w8h.textarea__xl_76w8h .textarea__textarea_76w8h {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
-        }
-/* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_oittv.textarea__s_oittv .textarea__textarea_oittv {
+        } /* Паддинги взяты из стилей form-control */ .textarea__scrollableWithLabel_76w8h.textarea__s_76w8h .textarea__textarea_76w8h {
         padding: var(--form-control-labeled-s-paddings);
-    }
-.textarea__scrollableWithLabel_oittv.textarea__m_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__m_76w8h .textarea__textarea_76w8h {
         padding: var(--form-control-labeled-m-paddings);
-    }
-.textarea__scrollableWithLabel_oittv.textarea__l_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__l_76w8h .textarea__textarea_76w8h {
         padding: var(--form-control-labeled-l-paddings);
-    }
-.textarea__scrollableWithLabel_oittv.textarea__xl_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__xl_76w8h .textarea__textarea_76w8h {
         padding: var(--form-control-labeled-xl-paddings);
-    }
-/* DISABLED STATE */
-.textarea__textarea_oittv:disabled {
+    } /* DISABLED STATE */ .textarea__textarea_76w8h:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-}
-/* READ-ONLY STATE */
-.textarea__textarea_oittv:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_76w8h:read-only {
     cursor: var(--disabled-cursor);
-}
-/* FOCUS STATE */
-.textarea__textarea_oittv:focus.textarea__hasInnerLabel_oittv::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_76w8h:focus.textarea__hasInnerLabel_76w8h::placeholder {
     opacity: 1;
-}
-.textarea__focusVisible_oittv {
+} .textarea__focusVisible_76w8h {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-/* FILLED STATE */
-.textarea__textarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv {
+} /* FILLED STATE */ .textarea__textarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h {
     padding-top: 0
-}
-.textarea__textarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__s_oittv {
+} .textarea__textarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__s_76w8h {
         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_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__m_oittv {
+    } .textarea__textarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__m_76w8h {
         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_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__l_oittv {
+    } .textarea__textarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__l_76w8h {
         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_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__xl_oittv {
+    } .textarea__textarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__xl_76w8h {
         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_oittv.textarea__filled_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h .textarea__textarea_76w8h {
         padding-top: 0;
-    }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__s_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__s_76w8h {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
-    }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__s_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__s_76w8h .textarea__textarea_76w8h {
             min-height: var(--textarea-s-filled-min-height);
-        }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__m_oittv {
+        } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__m_76w8h {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
-    }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__m_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__m_76w8h .textarea__textarea_76w8h {
             min-height: var(--textarea-m-filled-min-height);
-        }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__l_oittv {
+        } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__l_76w8h {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
-    }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__l_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__l_76w8h .textarea__textarea_76w8h {
             min-height: var(--textarea-l-filled-min-height);
-        }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__xl_oittv {
+        } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__xl_76w8h {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
-    }
-.textarea__scrollableWithLabel_oittv.textarea__filled_oittv.textarea__xl_oittv .textarea__textarea_oittv {
+    } .textarea__scrollableWithLabel_76w8h.textarea__filled_76w8h.textarea__xl_76w8h .textarea__textarea_76w8h {
             min-height: var(--textarea-xl-filled-min-height);
-        }
-/* Correct pseudoTextarea size */
-.textarea__pseudoTextarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__s_oittv {
+        } /* Correct pseudoTextarea size */ .textarea__pseudoTextarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__s_76w8h {
         height: calc(100% - var(--textarea-s-filled-margin-top));
-    }
-.textarea__pseudoTextarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__m_oittv {
+    } .textarea__pseudoTextarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__m_76w8h {
         height: calc(100% - var(--textarea-m-filled-margin-top));
-    }
-.textarea__pseudoTextarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__l_oittv {
+    } .textarea__pseudoTextarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__l_76w8h {
         height: calc(100% - var(--textarea-l-filled-margin-top));
-    }
-.textarea__pseudoTextarea_oittv.textarea__filled_oittv.textarea__hasInnerLabel_oittv.textarea__xl_oittv {
+    } .textarea__pseudoTextarea_76w8h.textarea__filled_76w8h.textarea__hasInnerLabel_76w8h.textarea__xl_76w8h {
         height: calc(100% - var(--textarea-xl-filled-margin-top));
     }

package/textarea/esm/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../scrollbar/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-7b86a6bd.js';
+import './PseudoTextArea-68703aa3.js';

package/textarea/esm/inverted.css

@@ -1,21 +1,26 @@
 /* hash: 11vos */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary-inverted: #fff;
     --color-light-text-negative: #d91d0b;
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
     --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --input-inverted-color: var(--color-light-text-primary-inverted);
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
@@ -34,46 +39,31 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-.textarea__input_endwe {
+} .textarea__input_nsr59 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__input_endwe:-webkit-autofill {
+} .textarea__input_nsr59:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-}
-.textarea__input_endwe::placeholder {
+} .textarea__input_nsr59::placeholder {
     color: var(--input-inverted-placeholder-color);
-}
-.textarea__hasInnerLabel_endwe::placeholder {
+} .textarea__hasInnerLabel_nsr59::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-}
-.textarea__clearIcon_endwe {
+} .textarea__clearIcon_nsr59 {
     color: var(--color-light-graphic-primary-inverted);
-}
-/* READ-ONLY STATE */
-.textarea__input_endwe:read-only {
+} /* READ-ONLY STATE */ .textarea__input_nsr59:read-only {
     color: var(--input-inverted-read-only-color)
-}
-.textarea__input_endwe:read-only:focus::placeholder {
+} .textarea__input_nsr59:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    }
-/* DISABLED STATE */
-.textarea__input_endwe:disabled {
+    } /* DISABLED STATE */ .textarea__input_nsr59:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-}
-/* FOCUS STATE */
-.textarea__input_endwe:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_nsr59:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-}
-/* ERROR STATE */
-.textarea__error_endwe {
+} /* ERROR STATE */ .textarea__error_nsr59 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
-}
-:root {
+} :root {
     --form-control-hint-color: var(--color-light-text-secondary);
 
     /* disabled */
@@ -94,33 +84,22 @@
     /* font */
 
     /* border-radius */
-}
-.textarea__textarea_endwe {
+} .textarea__textarea_nsr59 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__textarea_endwe::placeholder {
+} .textarea__textarea_nsr59::placeholder {
     color: var(--input-inverted-placeholder-color);
-}
-.textarea__hasInnerLabel_endwe::placeholder {
+} .textarea__hasInnerLabel_nsr59::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-}
-/* DISABLED STATE */
-.textarea__textarea_endwe:disabled {
+} /* DISABLED STATE */ .textarea__textarea_nsr59:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-}
-/* READ-ONLY STATE */
-.textarea__textarea_endwe:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_nsr59:read-only {
     color: var(--input-inverted-read-only-color);
-}
-/* FOCUS STATE */
-.textarea__textarea_endwe:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_nsr59:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-}
-.textarea__hint_endwe {
+} .textarea__hint_nsr59 {
     color: var(--form-control-hint-color);
-}
-.textarea__error_endwe {
+} .textarea__error_nsr59 {
     color: var(--form-control-error-color);
 }