@alfalab/core-components 37.2.0 → 37.2.1

package/textarea/modern/index.css

@@ -88,19 +88,19 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__scrollable_yo1dw {
+.textarea__scrollable_qfs4z {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
 }
-.textarea__scrollableWrapper_yo1dw {
+.textarea__scrollableWrapper_qfs4z {
     box-sizing: border-box
 }
-.textarea__scrollableWrapper_yo1dw > * {
+.textarea__scrollableWrapper_qfs4z > * {
         font-family: var(--font-family);
     }
-.textarea__textarea_yo1dw {
+.textarea__textarea_qfs4z {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -116,36 +116,36 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_yo1dw.textarea__s_yo1dw {
+.textarea__textarea_qfs4z.textarea__s_qfs4z {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_yo1dw.textarea__m_yo1dw {
+.textarea__textarea_qfs4z.textarea__m_qfs4z {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_yo1dw.textarea__l_yo1dw {
+.textarea__textarea_qfs4z.textarea__l_qfs4z {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_yo1dw.textarea__xl_yo1dw {
+.textarea__textarea_qfs4z.textarea__xl_qfs4z {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_yo1dw.textarea__textareaHidden_yo1dw {
+.textarea__textarea_qfs4z.textarea__textareaHidden_qfs4z {
         position: absolute;
         transform: translateX(-10000px);
     }
-.textarea__textarea_yo1dw::placeholder {
+.textarea__textarea_qfs4z::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasInnerLabel_yo1dw::placeholder {
+.textarea__hasInnerLabel_qfs4z::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_yo1dw {
+.textarea__resizeVertical_qfs4z {
     resize: vertical;
 }
-.textarea__pseudoTextarea_yo1dw {
+.textarea__pseudoTextarea_qfs4z {
     position: absolute;
     top: 0;
     left: 0;
@@ -157,19 +157,19 @@
     overflow: hidden;
     max-height: 100%
 }
-.textarea__pseudoTextarea_yo1dw span {
+.textarea__pseudoTextarea_qfs4z span {
         color: transparent;
     }
-.textarea__pseudoTextarea_yo1dw .textarea__overflow_yo1dw {
+.textarea__pseudoTextarea_qfs4z .textarea__overflow_qfs4z {
         background-color: var(--color-light-graphic-negative-alpha-40);
     }
-.textarea__pseudoTextarea_yo1dw.textarea__nativeScrollbar_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__nativeScrollbar_qfs4z {
         overflow: auto;
     }
-.textarea__pseudoTextarea_yo1dw.textarea__customScrollbar_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__customScrollbar_qfs4z {
         max-height: none;
     }
-.textarea__sub_yo1dw {
+.textarea__sub_qfs4z {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
@@ -179,122 +179,122 @@
     padding: var(--form-control-sub-paddings);
 }
 /* SIZES */
-.textarea__textarea_yo1dw.textarea__s_yo1dw, .textarea__scrollable_yo1dw.textarea__s_yo1dw {
+.textarea__textarea_qfs4z.textarea__s_qfs4z, .textarea__scrollable_qfs4z.textarea__s_qfs4z {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_yo1dw.textarea__m_yo1dw, .textarea__scrollable_yo1dw.textarea__m_yo1dw {
+.textarea__textarea_qfs4z.textarea__m_qfs4z, .textarea__scrollable_qfs4z.textarea__m_qfs4z {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_yo1dw.textarea__l_yo1dw, .textarea__scrollable_yo1dw.textarea__l_yo1dw {
+.textarea__textarea_qfs4z.textarea__l_qfs4z, .textarea__scrollable_qfs4z.textarea__l_qfs4z {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_yo1dw.textarea__xl_yo1dw, .textarea__scrollable_yo1dw.textarea__xl_yo1dw {
+.textarea__textarea_qfs4z.textarea__xl_qfs4z, .textarea__scrollable_qfs4z.textarea__xl_qfs4z {
         min-height: var(--textarea-xl-min-height);
     }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollable_yo1dw.textarea__s_yo1dw .textarea__textarea_yo1dw, .textarea__scrollable_yo1dw.textarea__m_yo1dw .textarea__textarea_yo1dw, .textarea__scrollable_yo1dw.textarea__l_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollable_qfs4z.textarea__s_qfs4z .textarea__textarea_qfs4z, .textarea__scrollable_qfs4z.textarea__m_qfs4z .textarea__textarea_qfs4z, .textarea__scrollable_qfs4z.textarea__l_qfs4z .textarea__textarea_qfs4z {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
         }
-.textarea__scrollable_yo1dw.textarea__xl_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollable_qfs4z.textarea__xl_qfs4z .textarea__textarea_qfs4z {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
         }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_yo1dw.textarea__s_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__s_qfs4z .textarea__textarea_qfs4z {
         padding: var(--form-control-labeled-s-paddings);
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__m_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__m_qfs4z .textarea__textarea_qfs4z {
         padding: var(--form-control-labeled-m-paddings);
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__l_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__l_qfs4z .textarea__textarea_qfs4z {
         padding: var(--form-control-labeled-l-paddings);
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__xl_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__xl_qfs4z .textarea__textarea_qfs4z {
         padding: var(--form-control-labeled-xl-paddings);
     }
 /* DISABLED STATE */
-.textarea__textarea_yo1dw:disabled {
+.textarea__textarea_qfs4z:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_yo1dw:read-only {
+.textarea__textarea_qfs4z:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_yo1dw:focus.textarea__hasInnerLabel_yo1dw::placeholder {
+.textarea__textarea_qfs4z:focus.textarea__hasInnerLabel_qfs4z::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_yo1dw {
+.textarea__focusVisible_qfs4z {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw {
+.textarea__textarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z {
     padding-top: 0
 }
-.textarea__textarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__s_yo1dw {
+.textarea__textarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__s_qfs4z {
         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_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__m_yo1dw {
+.textarea__textarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__m_qfs4z {
         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_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__l_yo1dw {
+.textarea__textarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__l_qfs4z {
         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_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__xl_yo1dw {
+.textarea__textarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__xl_qfs4z {
         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_yo1dw.textarea__filled_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z .textarea__textarea_qfs4z {
         padding-top: 0;
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__s_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__s_qfs4z {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__s_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__s_qfs4z .textarea__textarea_qfs4z {
             min-height: var(--textarea-s-filled-min-height);
         }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__m_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__m_qfs4z {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__m_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__m_qfs4z .textarea__textarea_qfs4z {
             min-height: var(--textarea-m-filled-min-height);
         }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__l_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__l_qfs4z {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__l_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__l_qfs4z .textarea__textarea_qfs4z {
             min-height: var(--textarea-l-filled-min-height);
         }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__xl_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__xl_qfs4z {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
     }
-.textarea__scrollableWithLabel_yo1dw.textarea__filled_yo1dw.textarea__xl_yo1dw .textarea__textarea_yo1dw {
+.textarea__scrollableWithLabel_qfs4z.textarea__filled_qfs4z.textarea__xl_qfs4z .textarea__textarea_qfs4z {
             min-height: var(--textarea-xl-filled-min-height);
         }
 /* Correct pseudoTextarea size */
-.textarea__pseudoTextarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__s_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__s_qfs4z {
         height: calc(100% - var(--textarea-s-filled-margin-top));
     }
-.textarea__pseudoTextarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__m_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__m_qfs4z {
         height: calc(100% - var(--textarea-m-filled-margin-top));
     }
-.textarea__pseudoTextarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__l_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__l_qfs4z {
         height: calc(100% - var(--textarea-l-filled-margin-top));
     }
-.textarea__pseudoTextarea_yo1dw.textarea__filled_yo1dw.textarea__hasInnerLabel_yo1dw.textarea__xl_yo1dw {
+.textarea__pseudoTextarea_qfs4z.textarea__filled_qfs4z.textarea__hasInnerLabel_qfs4z.textarea__xl_qfs4z {
         height: calc(100% - var(--textarea-xl-filled-margin-top));
     }

package/textarea/modern/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../scrollbar/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-3fd510a5.js';
+import './PseudoTextArea-16aa41b3.js';

package/textarea/modern/inverted.css

@@ -35,41 +35,41 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_10dmz {
+.textarea__input_17pjo {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_10dmz:-webkit-autofill {
+.textarea__input_17pjo:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_10dmz::placeholder {
+.textarea__input_17pjo::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_10dmz::placeholder {
+.textarea__hasInnerLabel_17pjo::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_10dmz {
+.textarea__clearIcon_17pjo {
     color: var(--color-light-graphic-primary-inverted);
 }
 /* READ-ONLY STATE */
-.textarea__input_10dmz:read-only {
+.textarea__input_17pjo:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_10dmz:read-only:focus::placeholder {
+.textarea__input_17pjo:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_10dmz:disabled {
+.textarea__input_17pjo:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_10dmz:focus::placeholder {
+.textarea__input_17pjo:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_10dmz {
+.textarea__error_17pjo {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
@@ -95,32 +95,32 @@
 
     /* border-radius */
 }
-.textarea__textarea_10dmz {
+.textarea__textarea_17pjo {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_10dmz::placeholder {
+.textarea__textarea_17pjo::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasInnerLabel_10dmz::placeholder {
+.textarea__hasInnerLabel_17pjo::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_10dmz:disabled {
+.textarea__textarea_17pjo:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_10dmz:read-only {
+.textarea__textarea_17pjo:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_10dmz:focus::placeholder {
+.textarea__textarea_17pjo:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
-.textarea__hint_10dmz {
+.textarea__hint_17pjo {
     color: var(--form-control-hint-color);
 }
-.textarea__error_10dmz {
+.textarea__error_17pjo {
     color: var(--form-control-error-color);
 }