@alfalab/core-components 23.6.1 → 23.7.0

package/textarea/modern/index.css

@@ -50,7 +50,7 @@
         var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
     );
 }
-.textarea__textarea_1lokl {
+.textarea__textarea_18si0 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -67,81 +67,81 @@
     resize: none;
     -webkit-appearance: none
 }
-.textarea__textarea_1lokl.textarea__s_1lokl {
+.textarea__textarea_18si0.textarea__s_18si0 {
         padding-top: var(--textarea-s-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1lokl.textarea__m_1lokl {
+.textarea__textarea_18si0.textarea__m_18si0 {
         padding-top: var(--textarea-m-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1lokl.textarea__l_1lokl {
+.textarea__textarea_18si0.textarea__l_18si0 {
         padding-top: var(--textarea-l-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1lokl.textarea__xl_1lokl {
+.textarea__textarea_18si0.textarea__xl_18si0 {
         padding-top: var(--textarea-xl-padding-top);
         padding-bottom: var(--gap-xs);
     }
-.textarea__textarea_1lokl::placeholder {
+.textarea__textarea_18si0::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
 }
-.textarea__hasLabel_1lokl::placeholder {
+.textarea__hasLabel_18si0::placeholder {
     opacity: 0;
 }
-.textarea__resizeVertical_1lokl {
+.textarea__resizeVertical_18si0 {
     resize: vertical;
 }
 /* SIZES */
-.textarea__textarea_1lokl.textarea__s_1lokl {
+.textarea__textarea_18si0.textarea__s_18si0 {
         min-height: var(--textarea-s-min-height);
     }
-.textarea__textarea_1lokl.textarea__m_1lokl {
+.textarea__textarea_18si0.textarea__m_18si0 {
         min-height: var(--textarea-m-min-height);
     }
-.textarea__textarea_1lokl.textarea__l_1lokl {
+.textarea__textarea_18si0.textarea__l_18si0 {
         min-height: var(--textarea-l-min-height);
     }
-.textarea__textarea_1lokl.textarea__xl_1lokl {
+.textarea__textarea_18si0.textarea__xl_18si0 {
         min-height: var(--textarea-xl-min-height);
     }
 /* DISABLED STATE */
-.textarea__textarea_1lokl:disabled {
+.textarea__textarea_18si0:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 }
 /* READ-ONLY STATE */
-.textarea__textarea_1lokl:read-only {
+.textarea__textarea_18si0:read-only {
     cursor: var(--disabled-cursor);
 }
 /* FOCUS STATE */
-.textarea__textarea_1lokl:focus.textarea__hasLabel_1lokl::placeholder {
+.textarea__textarea_18si0:focus.textarea__hasLabel_18si0::placeholder {
     opacity: 1;
 }
-.textarea__focusVisible_1lokl {
+.textarea__focusVisible_18si0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
 /* FILLED STATE */
-.textarea__textarea_1lokl.textarea__filled_1lokl.textarea__hasLabel_1lokl {
+.textarea__textarea_18si0.textarea__filled_18si0.textarea__hasLabel_18si0 {
     padding-top: 0
 }
-.textarea__textarea_1lokl.textarea__filled_1lokl.textarea__hasLabel_1lokl.textarea__s_1lokl {
+.textarea__textarea_18si0.textarea__filled_18si0.textarea__hasLabel_18si0.textarea__s_18si0 {
         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_1lokl.textarea__filled_1lokl.textarea__hasLabel_1lokl.textarea__m_1lokl {
+.textarea__textarea_18si0.textarea__filled_18si0.textarea__hasLabel_18si0.textarea__m_18si0 {
         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_1lokl.textarea__filled_1lokl.textarea__hasLabel_1lokl.textarea__l_1lokl {
+.textarea__textarea_18si0.textarea__filled_18si0.textarea__hasLabel_18si0.textarea__l_18si0 {
         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_1lokl.textarea__filled_1lokl.textarea__hasLabel_1lokl.textarea__xl_1lokl {
+.textarea__textarea_18si0.textarea__filled_18si0.textarea__hasLabel_18si0.textarea__xl_18si0 {
         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_ncj2b {
+.textarea__input_1lot1 {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_ncj2b:-webkit-autofill {
+.textarea__input_1lot1:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_ncj2b::placeholder {
+.textarea__input_1lot1::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_ncj2b::placeholder {
+.textarea__hasLabel_1lot1::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_ncj2b {
+.textarea__clearIcon_1lot1 {
     color: var(--color-light-graphic-primary-inverted);
 }
-.textarea__errorIcon_ncj2b {
+.textarea__errorIcon_1lot1 {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_ncj2b {
+.textarea__successIcon_1lot1 {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_ncj2b:read-only {
+.textarea__input_1lot1:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_ncj2b:read-only:focus::placeholder {
+.textarea__input_1lot1:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_ncj2b:disabled {
+.textarea__input_1lot1:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_ncj2b:focus::placeholder {
+.textarea__input_1lot1:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_ncj2b {
+.textarea__error_1lot1 {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_ncj2b {
+.textarea__textarea_1lot1 {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_ncj2b::placeholder {
+.textarea__textarea_1lot1::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_ncj2b::placeholder {
+.textarea__hasLabel_1lot1::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_ncj2b:disabled {
+.textarea__textarea_1lot1:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_ncj2b:read-only {
+.textarea__textarea_1lot1:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_ncj2b:focus::placeholder {
+.textarea__textarea_1lot1:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/themes/click.css

@@ -54,19 +54,12 @@
     --color-static-status-purple: #673ab7;
     --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 {