@alfalab/core-components 30.4.1 → 30.5.0

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 1egkw */
+/* hash: 6nn2q */
 :root {
     --color-light-graphic-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -35,70 +35,70 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_afd1k {
+.textarea__input_1pt2j {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_afd1k:-webkit-autofill {
+.textarea__input_1pt2j:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_afd1k::placeholder {
+.textarea__input_1pt2j::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_afd1k::placeholder {
+.textarea__hasLabel_1pt2j::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_afd1k {
+.textarea__clearIcon_1pt2j {
     color: var(--color-light-graphic-primary);
 }
-.textarea__errorIcon_afd1k {
+.textarea__errorIcon_1pt2j {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_afd1k {
+.textarea__successIcon_1pt2j {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_afd1k:read-only {
+.textarea__input_1pt2j:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_afd1k:read-only:focus::placeholder {
+.textarea__input_1pt2j:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_afd1k:disabled {
+.textarea__input_1pt2j:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_afd1k:focus::placeholder {
+.textarea__input_1pt2j:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_afd1k {
+.textarea__error_1pt2j {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_afd1k {
+.textarea__textarea_1pt2j {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_afd1k::placeholder {
+.textarea__textarea_1pt2j::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_afd1k::placeholder {
+.textarea__hasLabel_1pt2j::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_afd1k:disabled {
+.textarea__textarea_1pt2j:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_afd1k:read-only {
+.textarea__textarea_1pt2j:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_afd1k:focus::placeholder {
+.textarea__textarea_1pt2j:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: gvayr */
+/* hash: 1qvro */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -84,19 +84,19 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__scrollable_1yx2j {
+.textarea__scrollable_myknr {
     position: relative;
     display: block;
     box-sizing: border-box;
     width: 100%;
 }
-.textarea__scrollableWrapper_1yx2j {
+.textarea__scrollableWrapper_myknr {
     box-sizing: border-box
 }
-.textarea__scrollableWrapper_1yx2j > * {
+.textarea__scrollableWrapper_myknr > * {
         font-family: var(--font-family);
     }
-.textarea__textarea_1yx2j {
+.textarea__textarea_myknr {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -113,139 +113,139 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_1yx2j.textarea__s_1yx2j {
+.textarea__textarea_myknr.textarea__s_myknr {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1yx2j.textarea__m_1yx2j {
+.textarea__textarea_myknr.textarea__m_myknr {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1yx2j.textarea__l_1yx2j {
+.textarea__textarea_myknr.textarea__l_myknr {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1yx2j.textarea__xl_1yx2j {
+.textarea__textarea_myknr.textarea__xl_myknr {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1yx2j.textarea__textareaHidden_1yx2j {
+.textarea__textarea_myknr.textarea__textareaHidden_myknr {
         position: absolute;
         transform: translateX(-10000px);
     }
-.textarea__textarea_1yx2j::placeholder {
+.textarea__textarea_myknr::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_1yx2j::placeholder {
+.textarea__hasLabel_myknr::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_1yx2j {
+.textarea__resizeVertical_myknr {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_1yx2j.textarea__s_1yx2j, .textarea__scrollable_1yx2j.textarea__s_1yx2j {
+.textarea__textarea_myknr.textarea__s_myknr, .textarea__scrollable_myknr.textarea__s_myknr {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_1yx2j.textarea__m_1yx2j, .textarea__scrollable_1yx2j.textarea__m_1yx2j {
+.textarea__textarea_myknr.textarea__m_myknr, .textarea__scrollable_myknr.textarea__m_myknr {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_1yx2j.textarea__l_1yx2j, .textarea__scrollable_1yx2j.textarea__l_1yx2j {
+.textarea__textarea_myknr.textarea__l_myknr, .textarea__scrollable_myknr.textarea__l_myknr {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_1yx2j.textarea__xl_1yx2j, .textarea__scrollable_1yx2j.textarea__xl_1yx2j {
+.textarea__textarea_myknr.textarea__xl_myknr, .textarea__scrollable_myknr.textarea__xl_myknr {
         min-height: var(--textarea-xl-min-height);
     }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollable_1yx2j.textarea__s_1yx2j .textarea__textarea_1yx2j, .textarea__scrollable_1yx2j.textarea__m_1yx2j .textarea__textarea_1yx2j, .textarea__scrollable_1yx2j.textarea__l_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollable_myknr.textarea__s_myknr .textarea__textarea_myknr, .textarea__scrollable_myknr.textarea__m_myknr .textarea__textarea_myknr, .textarea__scrollable_myknr.textarea__l_myknr .textarea__textarea_myknr {
             padding-left: var(--gap-s);
             padding-right: var(--gap-s);
         }
-.textarea__scrollable_1yx2j.textarea__xl_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollable_myknr.textarea__xl_myknr .textarea__textarea_myknr {
             padding-left: var(--gap-m);
             padding-right: var(--gap-m);
         }
 /* Паддинги взяты из стилей form-control */
-.textarea__scrollableWithLabel_1yx2j.textarea__s_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__s_myknr .textarea__textarea_myknr {
         padding: var(--form-control-labeled-s-paddings);
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__m_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__m_myknr .textarea__textarea_myknr {
         padding: var(--form-control-labeled-m-paddings);
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__l_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__l_myknr .textarea__textarea_myknr {
         padding: var(--form-control-labeled-l-paddings);
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__xl_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__xl_myknr .textarea__textarea_myknr {
         padding: var(--form-control-labeled-xl-paddings);
     }
 /* DISABLED STATE */
-.textarea__textarea_1yx2j:disabled {
+.textarea__textarea_myknr:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1yx2j:read-only {
+.textarea__textarea_myknr:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_1yx2j:focus.textarea__hasLabel_1yx2j::placeholder {
+.textarea__textarea_myknr:focus.textarea__hasLabel_myknr::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_1yx2j {
+.textarea__focusVisible_myknr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_1yx2j.textarea__filled_1yx2j.textarea__hasLabel_1yx2j {
+.textarea__textarea_myknr.textarea__filled_myknr.textarea__hasLabel_myknr {
     padding-top: 0
 }
-.textarea__textarea_1yx2j.textarea__filled_1yx2j.textarea__hasLabel_1yx2j.textarea__s_1yx2j {
+.textarea__textarea_myknr.textarea__filled_myknr.textarea__hasLabel_myknr.textarea__s_myknr {
         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_1yx2j.textarea__filled_1yx2j.textarea__hasLabel_1yx2j.textarea__m_1yx2j {
+.textarea__textarea_myknr.textarea__filled_myknr.textarea__hasLabel_myknr.textarea__m_myknr {
         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_1yx2j.textarea__filled_1yx2j.textarea__hasLabel_1yx2j.textarea__l_1yx2j {
+.textarea__textarea_myknr.textarea__filled_myknr.textarea__hasLabel_myknr.textarea__l_myknr {
         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_1yx2j.textarea__filled_1yx2j.textarea__hasLabel_1yx2j.textarea__xl_1yx2j {
+.textarea__textarea_myknr.textarea__filled_myknr.textarea__hasLabel_myknr.textarea__xl_myknr {
         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_1yx2j.textarea__filled_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr .textarea__textarea_myknr {
         padding-top: 0;
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__s_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__s_myknr {
         margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height)
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__s_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__s_myknr .textarea__textarea_myknr {
             min-height: var(--textarea-s-filled-min-height);
         }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__m_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__m_myknr {
         margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height)
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__m_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__m_myknr .textarea__textarea_myknr {
             min-height: var(--textarea-m-filled-min-height);
         }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__l_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__l_myknr {
         margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height)
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__l_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__l_myknr .textarea__textarea_myknr {
             min-height: var(--textarea-l-filled-min-height);
         }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__xl_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__xl_myknr {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height)
     }
-.textarea__scrollableWithLabel_1yx2j.textarea__filled_1yx2j.textarea__xl_1yx2j .textarea__textarea_1yx2j {
+.textarea__scrollableWithLabel_myknr.textarea__filled_myknr.textarea__xl_myknr .textarea__textarea_myknr {
             min-height: var(--textarea-xl-filled-min-height);
         }

package/textarea/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: edcaz */
+/* hash: 15lii */
 :root {
     --color-light-graphic-primary-inverted: #fff;
     --color-light-text-primary-inverted: #fff;
@@ -35,70 +35,70 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
 }
-.textarea__input_155ad {
+.textarea__input_lhvta {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_155ad:-webkit-autofill {
+.textarea__input_lhvta:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_155ad::placeholder {
+.textarea__input_lhvta::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_155ad::placeholder {
+.textarea__hasLabel_lhvta::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_155ad {
+.textarea__clearIcon_lhvta {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_155ad {
+.textarea__errorIcon_lhvta {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_155ad {
+.textarea__successIcon_lhvta {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_155ad:read-only {
+.textarea__input_lhvta:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_155ad:read-only:focus::placeholder {
+.textarea__input_lhvta:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_155ad:disabled {
+.textarea__input_lhvta:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_155ad:focus::placeholder {
+.textarea__input_lhvta:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_155ad {
+.textarea__error_lhvta {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_155ad {
+.textarea__textarea_lhvta {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_155ad::placeholder {
+.textarea__textarea_lhvta::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_155ad::placeholder {
+.textarea__hasLabel_lhvta::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_155ad:disabled {
+.textarea__textarea_lhvta:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_155ad:read-only {
+.textarea__textarea_lhvta:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_155ad:focus::placeholder {
+.textarea__textarea_lhvta:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }