@alfalab/core-components 22.3.0 → 23.2.0

package/textarea/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1b6g7 */
+/* hash: 4ot1x */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_lfu9b {
+.textarea__input_1koto {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_lfu9b:-webkit-autofill {
+.textarea__input_1koto:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_lfu9b::placeholder {
+.textarea__input_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_lfu9b {
+.textarea__clearIcon_1koto {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_lfu9b {
+.textarea__errorIcon_1koto {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_lfu9b {
+.textarea__successIcon_1koto {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_lfu9b:read-only {
+.textarea__input_1koto:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_lfu9b:read-only:focus::placeholder {
+.textarea__input_1koto:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_lfu9b:disabled {
+.textarea__input_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_lfu9b:focus::placeholder {
+.textarea__input_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_lfu9b {
+.textarea__error_1koto {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_lfu9b {
+.textarea__textarea_1koto {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_lfu9b::placeholder {
+.textarea__textarea_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_lfu9b:disabled {
+.textarea__textarea_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_lfu9b:read-only {
+.textarea__textarea_1koto:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_lfu9b:focus::placeholder {
+.textarea__textarea_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/index.css

@@ -1,4 +1,4 @@
-/* hash: az1g5 */
+/* hash: 132w4 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_rnbcm {
+.textarea__textarea_19bxr {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__s_19bxr {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__m_19bxr {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__l_19bxr {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__xl_19bxr {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm::placeholder {
+.textarea__textarea_19bxr::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_rnbcm::placeholder {
+.textarea__hasLabel_19bxr::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_rnbcm {
+.textarea__resizeVertical_19bxr {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__s_19bxr {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__m_19bxr {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__l_19bxr {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__xl_19bxr {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_rnbcm:disabled {
+.textarea__textarea_19bxr:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_rnbcm:read-only {
+.textarea__textarea_19bxr:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_rnbcm:focus.textarea__hasLabel_rnbcm::placeholder {
+.textarea__textarea_19bxr:focus.textarea__hasLabel_19bxr::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_rnbcm {
+.textarea__focusVisible_19bxr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr {
     padding-top: 0
 }
-.textarea__textarea_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__s_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__m_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__l_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__xl_19bxr {
         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/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1b6g7 */
+/* hash: 4ot1x */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_lfu9b {
+.textarea__input_1koto {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_lfu9b:-webkit-autofill {
+.textarea__input_1koto:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_lfu9b::placeholder {
+.textarea__input_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_lfu9b {
+.textarea__clearIcon_1koto {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_lfu9b {
+.textarea__errorIcon_1koto {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_lfu9b {
+.textarea__successIcon_1koto {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_lfu9b:read-only {
+.textarea__input_1koto:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_lfu9b:read-only:focus::placeholder {
+.textarea__input_1koto:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_lfu9b:disabled {
+.textarea__input_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_lfu9b:focus::placeholder {
+.textarea__input_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_lfu9b {
+.textarea__error_1koto {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_lfu9b {
+.textarea__textarea_1koto {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_lfu9b::placeholder {
+.textarea__textarea_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_lfu9b:disabled {
+.textarea__textarea_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_lfu9b:read-only {
+.textarea__textarea_1koto:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_lfu9b:focus::placeholder {
+.textarea__textarea_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/textarea/modern/Component.js

@@ -5,13 +5,13 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { FormControl } from '../../form-control/modern';
 
-var styles = {"textarea":"textarea__textarea_rnbcm","s":"textarea__s_rnbcm","m":"textarea__m_rnbcm","l":"textarea__l_rnbcm","xl":"textarea__xl_rnbcm","hasLabel":"textarea__hasLabel_rnbcm","resizeVertical":"textarea__resizeVertical_rnbcm","focusVisible":"textarea__focusVisible_rnbcm","filled":"textarea__filled_rnbcm"};
+var styles = {"textarea":"textarea__textarea_19bxr","s":"textarea__s_19bxr","m":"textarea__m_19bxr","l":"textarea__l_19bxr","xl":"textarea__xl_19bxr","hasLabel":"textarea__hasLabel_19bxr","resizeVertical":"textarea__resizeVertical_19bxr","focusVisible":"textarea__focusVisible_19bxr","filled":"textarea__filled_19bxr"};
 require('./index.css');
 
-var defaultColors = {"input":"textarea__input_1pr0z","hasLabel":"textarea__hasLabel_1pr0z","clearIcon":"textarea__clearIcon_1pr0z","errorIcon":"textarea__errorIcon_1pr0z","successIcon":"textarea__successIcon_1pr0z","error":"textarea__error_1pr0z","textarea":"textarea__textarea_1pr0z"};
+var defaultColors = {"input":"textarea__input_pywcc","hasLabel":"textarea__hasLabel_pywcc","clearIcon":"textarea__clearIcon_pywcc","errorIcon":"textarea__errorIcon_pywcc","successIcon":"textarea__successIcon_pywcc","error":"textarea__error_pywcc","textarea":"textarea__textarea_pywcc"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_lfu9b","hasLabel":"textarea__hasLabel_lfu9b","clearIcon":"textarea__clearIcon_lfu9b","errorIcon":"textarea__errorIcon_lfu9b","successIcon":"textarea__successIcon_lfu9b","error":"textarea__error_lfu9b","textarea":"textarea__textarea_lfu9b"};
+var invertedColors = {"input":"textarea__input_1koto","hasLabel":"textarea__hasLabel_1koto","clearIcon":"textarea__clearIcon_1koto","errorIcon":"textarea__errorIcon_1koto","successIcon":"textarea__successIcon_1koto","error":"textarea__error_1koto","textarea":"textarea__textarea_1koto"};
 require('./inverted.css');
 
 const colorStyles = {

package/textarea/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: c8krd */
+/* hash: 14s1n */
 :root {
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: #546272;
@@ -31,70 +31,70 @@
     /* error */
     --input-error-color: var(--color-light-text-primary);
 }
-.textarea__input_1pr0z {
+.textarea__input_pywcc {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1pr0z:-webkit-autofill {
+.textarea__input_pywcc:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
 }
-.textarea__input_1pr0z::placeholder {
+.textarea__input_pywcc::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1pr0z::placeholder {
+.textarea__hasLabel_pywcc::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
-.textarea__clearIcon_1pr0z {
+.textarea__clearIcon_pywcc {
     background-image: var(--input-clear-icon);
 }
-.textarea__errorIcon_1pr0z {
+.textarea__errorIcon_pywcc {
     background-image: var(--input-error-icon);
 }
-.textarea__successIcon_1pr0z {
+.textarea__successIcon_pywcc {
     background-image: var(--input-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_1pr0z:read-only {
+.textarea__input_pywcc:read-only {
     color: var(--input-read-only-color)
 }
-.textarea__input_1pr0z:read-only:focus::placeholder {
+.textarea__input_pywcc:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_1pr0z:disabled {
+.textarea__input_pywcc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_1pr0z:focus::placeholder {
+.textarea__input_pywcc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_1pr0z {
+.textarea__error_pywcc {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }
-.textarea__textarea_1pr0z {
+.textarea__textarea_pywcc {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1pr0z::placeholder {
+.textarea__textarea_pywcc::placeholder {
     color: var(--input-placeholder-color);
 }
-.textarea__hasLabel_1pr0z::placeholder {
+.textarea__hasLabel_pywcc::placeholder {
     color: var(--input-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_1pr0z:disabled {
+.textarea__textarea_pywcc:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1pr0z:read-only {
+.textarea__textarea_pywcc:read-only {
     color: var(--input-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_1pr0z:focus::placeholder {
+.textarea__textarea_pywcc:focus::placeholder {
     color: var(--input-focus-placeholder-color);
 }

package/textarea/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: az1g5 */
+/* hash: 132w4 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_rnbcm {
+.textarea__textarea_19bxr {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__s_19bxr {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__m_19bxr {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__l_19bxr {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__xl_19bxr {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_rnbcm::placeholder {
+.textarea__textarea_19bxr::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_rnbcm::placeholder {
+.textarea__hasLabel_19bxr::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_rnbcm {
+.textarea__resizeVertical_19bxr {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__s_19bxr {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__m_19bxr {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__l_19bxr {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__xl_19bxr {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_rnbcm:disabled {
+.textarea__textarea_19bxr:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_rnbcm:read-only {
+.textarea__textarea_19bxr:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_rnbcm:focus.textarea__hasLabel_rnbcm::placeholder {
+.textarea__textarea_19bxr:focus.textarea__hasLabel_19bxr::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_rnbcm {
+.textarea__focusVisible_19bxr {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr {
     padding-top: 0
 }
-.textarea__textarea_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__s_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__s_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__m_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__m_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__l_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__l_19bxr {
         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_rnbcm.textarea__filled_rnbcm.textarea__hasLabel_rnbcm.textarea__xl_rnbcm {
+.textarea__textarea_19bxr.textarea__filled_19bxr.textarea__hasLabel_19bxr.textarea__xl_19bxr {
         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

@@ -1,4 +1,4 @@
-/* hash: 1b6g7 */
+/* hash: 4ot1x */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,70 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_lfu9b {
+.textarea__input_1koto {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_lfu9b:-webkit-autofill {
+.textarea__input_1koto:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_lfu9b::placeholder {
+.textarea__input_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_lfu9b {
+.textarea__clearIcon_1koto {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_lfu9b {
+.textarea__errorIcon_1koto {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_lfu9b {
+.textarea__successIcon_1koto {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_lfu9b:read-only {
+.textarea__input_1koto:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_lfu9b:read-only:focus::placeholder {
+.textarea__input_1koto:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_lfu9b:disabled {
+.textarea__input_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_lfu9b:focus::placeholder {
+.textarea__input_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_lfu9b {
+.textarea__error_1koto {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_lfu9b {
+.textarea__textarea_1koto {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_lfu9b::placeholder {
+.textarea__textarea_1koto::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_lfu9b::placeholder {
+.textarea__hasLabel_1koto::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_lfu9b:disabled {
+.textarea__textarea_1koto:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_lfu9b:read-only {
+.textarea__textarea_1koto:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_lfu9b:focus::placeholder {
+.textarea__textarea_1koto:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/themes/click.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;