@alfalab/core-components 23.5.0 → 23.6.0

package/textarea/modern/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_16pd7 {
+.textarea__textarea_ygq8k {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_16pd7.textarea__s_16pd7 {
+.textarea__textarea_ygq8k.textarea__s_ygq8k {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_16pd7.textarea__m_16pd7 {
+.textarea__textarea_ygq8k.textarea__m_ygq8k {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_16pd7.textarea__l_16pd7 {
+.textarea__textarea_ygq8k.textarea__l_ygq8k {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_16pd7.textarea__xl_16pd7 {
+.textarea__textarea_ygq8k.textarea__xl_ygq8k {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_16pd7::placeholder {
+.textarea__textarea_ygq8k::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_16pd7::placeholder {
+.textarea__hasLabel_ygq8k::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_16pd7 {
+.textarea__resizeVertical_ygq8k {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_16pd7.textarea__s_16pd7 {
+.textarea__textarea_ygq8k.textarea__s_ygq8k {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_16pd7.textarea__m_16pd7 {
+.textarea__textarea_ygq8k.textarea__m_ygq8k {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_16pd7.textarea__l_16pd7 {
+.textarea__textarea_ygq8k.textarea__l_ygq8k {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_16pd7.textarea__xl_16pd7 {
+.textarea__textarea_ygq8k.textarea__xl_ygq8k {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_16pd7:disabled {
+.textarea__textarea_ygq8k:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_16pd7:read-only {
+.textarea__textarea_ygq8k:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_16pd7:focus.textarea__hasLabel_16pd7::placeholder {
+.textarea__textarea_ygq8k:focus.textarea__hasLabel_ygq8k::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_16pd7 {
+.textarea__focusVisible_ygq8k {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_16pd7.textarea__filled_16pd7.textarea__hasLabel_16pd7 {
+.textarea__textarea_ygq8k.textarea__filled_ygq8k.textarea__hasLabel_ygq8k {
     padding-top: 0
 }
-.textarea__textarea_16pd7.textarea__filled_16pd7.textarea__hasLabel_16pd7.textarea__s_16pd7 {
+.textarea__textarea_ygq8k.textarea__filled_ygq8k.textarea__hasLabel_ygq8k.textarea__s_ygq8k {
         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_16pd7.textarea__filled_16pd7.textarea__hasLabel_16pd7.textarea__m_16pd7 {
+.textarea__textarea_ygq8k.textarea__filled_ygq8k.textarea__hasLabel_ygq8k.textarea__m_ygq8k {
         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_16pd7.textarea__filled_16pd7.textarea__hasLabel_16pd7.textarea__l_16pd7 {
+.textarea__textarea_ygq8k.textarea__filled_ygq8k.textarea__hasLabel_ygq8k.textarea__l_ygq8k {
         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_16pd7.textarea__filled_16pd7.textarea__hasLabel_16pd7.textarea__xl_16pd7 {
+.textarea__textarea_ygq8k.textarea__filled_ygq8k.textarea__hasLabel_ygq8k.textarea__xl_ygq8k {
         margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
         height: var(--textarea-xl-filled-min-height);

package/textarea/modern/inverted.css

@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_1lsgz {
+.textarea__input_1vk17 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1lsgz:-webkit-autofill {
+.textarea__input_1vk17:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_1lsgz::placeholder {
+.textarea__input_1vk17::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_1lsgz::placeholder {
+.textarea__hasLabel_1vk17::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_1lsgz {
+.textarea__clearIcon_1vk17 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_1lsgz {
+.textarea__errorIcon_1vk17 {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_1lsgz {
+.textarea__successIcon_1vk17 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1lsgz:read-only {
+.textarea__input_1vk17:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_1lsgz:read-only:focus::placeholder {
+.textarea__input_1vk17:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1lsgz:disabled {
+.textarea__input_1vk17:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1lsgz:focus::placeholder {
+.textarea__input_1vk17:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1lsgz {
+.textarea__error_1vk17 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_1lsgz {
+.textarea__textarea_1vk17 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1lsgz::placeholder {
+.textarea__textarea_1vk17::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_1lsgz::placeholder {
+.textarea__hasLabel_1vk17::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1lsgz:disabled {
+.textarea__textarea_1vk17:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1lsgz:read-only {
+.textarea__textarea_1vk17:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1lsgz:focus::placeholder {
+.textarea__textarea_1vk17:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }