@alfalab/core-components 20.6.0 → 21.0.0

package/textarea/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 228f0 */
+/* hash: 1halp */
 :root {
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
@@ -31,68 +31,70 @@
     /* error */
     --input-inverted-error-color: var(--color-light-text-primary-inverted);
 }
-.textarea__input_228f0 {
+.textarea__input_1halp {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_228f0:-webkit-autofill {
+.textarea__input_1halp:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
 }
-.textarea__input_228f0::placeholder {
+.textarea__input_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
-.textarea__clearIcon_228f0 {
+.textarea__clearIcon_1halp {
     background-image: var(--input-inverted-clear-icon);
 }
-.textarea__errorIcon_228f0 {
+.textarea__errorIcon_1halp {
     background-image: var(--input-inverted-error-icon);
 }
-.textarea__successIcon_228f0 {
+.textarea__successIcon_1halp {
     background-image: var(--input-inverted-success-icon);
 }
 /* READ-ONLY STATE */
-.textarea__input_228f0:read-only {
+.textarea__input_1halp:read-only {
     color: var(--input-inverted-read-only-color)
 }
-.textarea__input_228f0:read-only:focus::placeholder {
+.textarea__input_1halp:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
     }
 /* DISABLED STATE */
-.textarea__input_228f0:disabled {
+.textarea__input_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* FOCUS STATE */
-.textarea__input_228f0:focus::placeholder {
+.textarea__input_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }
 /* ERROR STATE */
-.textarea__error_228f0 {
+.textarea__error_1halp {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }
-.textarea__textarea_228f0 {
+.textarea__textarea_1halp {
     color: var(--input-inverted-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_228f0::placeholder {
+.textarea__textarea_1halp::placeholder {
     color: var(--input-inverted-placeholder-color);
 }
-.textarea__hasLabel_228f0::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
 }
 /* DISABLED STATE */
-.textarea__textarea_228f0:disabled {
+.textarea__textarea_1halp:disabled {
     color: var(--input-inverted-disabled-color);
+    -webkit-text-fill-color: var(--input-inverted-disabled-color);
 }
 /* READ-ONLY STATE */
-.textarea__textarea_228f0:read-only {
+.textarea__textarea_1halp:read-only {
     color: var(--input-inverted-read-only-color);
 }
 /* FOCUS STATE */
-.textarea__textarea_228f0:focus::placeholder {
+.textarea__textarea_1halp:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
 }

package/themes/calendar-input/click.css

@@ -0,0 +1,4 @@
+:root {
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
+}

package/themes/calendar-input/corp.css

@@ -0,0 +1,3 @@
+:root {
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+}

package/themes/click.css

@@ -636,6 +636,8 @@
     --calendar-month-only-header-font-family: var(--font-family-styrene);
     --calendar-month-only-header-font-size: 20px;
     --calendar-month-only-header-font-weight: 500;
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
     /* sizes */
     --modal-s-width: 500px;
     --modal-header-min-height: 84px;

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,4 +1,9 @@
-.badge__component_1wwuk {
+.card-image__cardImage_1cuj1 {
+    background: #e7e8ea;
+}
+.card-image__loaded_1cuj1 {
+    background: transparent
+}.badge__component_1wwuk {
     background-color: #ef3124;
     color: #000;
 }
@@ -29,11 +34,6 @@
     }
 .badge__icon_1wwuk:before {
     background-color: #121212;
-}.card-image__cardImage_1cuj1 {
-    background: #e7e8ea;
-}
-.card-image__loaded_1cuj1 {
-    background: transparent
 }.backdrop__backdrop_1i5x1 {
     -webkit-tap-highlight-color: transparent;
 }
@@ -55,16 +55,16 @@
     background-color: transparent;
 }.divider__component_8f74w {
     border-bottom: 1px solid #2b2b2e;
-}.checkbox-group__error_1vv3j {
+}.checkbox-group__error_xpq3u {
     border-left: 1px solid #f15045;
 }
-.checkbox-group__label_1vv3j {
+.checkbox-group__label_xpq3u {
     color: #fff;
 }
-.checkbox-group__errorMessage_1vv3j {
+.checkbox-group__errorMessage_xpq3u {
     color: #f15045;
 }
-.checkbox-group__hint_1vv3j {
+.checkbox-group__hint_xpq3u {
     color: #8d8d93;
 }.checkbox__box_135na {
     color: #121212;
@@ -166,62 +166,62 @@
 }
 .dropzone__text_19nhg {
     color: #fff;
-}.form-control__component_qv7p6 {
+}.form-control__component_2whld {
     color: #fff;
 }
-.form-control__inner_qv7p6 {
+.form-control__inner_2whld {
     background-color: #202022;
 }
-.form-control__label_qv7p6 {
+.form-control__label_2whld {
     color: #8d8d93;
 }
-.form-control__hint_qv7p6 {
+.form-control__hint_2whld {
     color: #8d8d93;
 }
-.form-control__disabled_qv7p6 {
+.form-control__disabled_2whld {
     background-color: #202022;
     color: #8d8d93;
 }
-.form-control__focused_qv7p6.form-control__inner_qv7p6 {
+.form-control__focused_2whld.form-control__inner_2whld {
     background-color: #202022;
 }
-.form-control__inner_qv7p6:not(.form-control__disabled_qv7p6):hover {
+.form-control__inner_2whld:not(.form-control__disabled_2whld):hover {
     background-color: #202022;
 }
-.form-control__error_qv7p6 {
+.form-control__error_2whld {
     color: #f15045;
 }
-.form-control__hasError_qv7p6 .form-control__label_qv7p6 {
+.form-control__hasError_2whld .form-control__label_2whld {
     color: #f15045;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 }
-.form-control__component_10v1x {
+.form-control__component_cwbtg {
     color: #000;
 }
-.form-control__inner_10v1x {
+.form-control__inner_cwbtg {
     background-color: #f3f4f5;
 }
-.form-control__label_10v1x {
+.form-control__label_cwbtg {
     color: rgba(60, 60, 67, 0.6);
 }
-.form-control__hint_10v1x {
+.form-control__hint_cwbtg {
     color: rgba(60, 60, 67, 0.6);
 }
-.form-control__disabled_10v1x {
+.form-control__disabled_cwbtg {
     background-color: #f3f4f5;
     color: rgba(60, 60, 67, 0.6);
 }
-.form-control__focused_10v1x.form-control__inner_10v1x {
+.form-control__focused_cwbtg.form-control__inner_cwbtg {
     background-color: #f3f4f5;
 }
-.form-control__inner_10v1x:not(.form-control__disabled_10v1x):hover {
+.form-control__inner_cwbtg:not(.form-control__disabled_cwbtg):hover {
     background-color: #f3f4f5;
 }
-.form-control__error_10v1x {
+.form-control__error_cwbtg {
     color: #ef3124;
 }
-.form-control__hasError_10v1x .form-control__label_10v1x {
+.form-control__hasError_cwbtg .form-control__label_cwbtg {
     color: #ef3124;
 }@media (max-width: 599px) {
     }
@@ -271,12 +271,7 @@
     }
 @media (min-width: 1920px) {
     }
-.list__list_1uyix {
-    color: #fff;
-}
-.list__slot_1uyix {
-    color: #fff;
-}.link__primary_17b16 {
+.link__primary_17b16 {
     color: #fff;
     border-bottom-color: #fff
 }
@@ -342,7 +337,12 @@
     }
 .link__default_g0k2c:active {
         color: rgb(0, 73, 153);
-    }@keyframes loader__blink_1076g {
+    }.list__list_1uyix {
+    color: #fff;
+}
+.list__slot_1uyix {
+    color: #fff;
+}@keyframes loader__blink_1076g {
 }.progress-bar__container_9e0pi {
     background: #2a2a2c;
 }
@@ -373,6 +373,7 @@
     }
 .pure-input__input_nw41t:disabled {
     color: #fff;
+    -webkit-text-fill-color: #fff;
 }
 .pure-input__input_nw41t:focus::placeholder {
     color: rgba(235, 235, 245, 0.3);
@@ -401,16 +402,16 @@
 }
 .pure-input__component_nw41t:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_5fihh {
+}.radio-group__error_1diw5 {
     border-left: 1px solid #f15045;
 }
-.radio-group__label_5fihh {
+.radio-group__label_1diw5 {
     color: #fff;
 }
-.radio-group__errorMessage_5fihh {
+.radio-group__errorMessage_1diw5 {
     color: #f15045;
 }
-.radio-group__hint_5fihh {
+.radio-group__hint_1diw5 {
     color: #8d8d93;
 }.radio__container_e72kp:not(.radio__checked_e72kp):not(.radio__disabled_e72kp):not(.radio__inactive_e72kp) .radio__circle_e72kp {
             background-color: #121212;
@@ -720,4 +721,46 @@
     }
 .tag__checked_rtl17:hover:not(:disabled):not(:active) {
         background-color: #fff;
-    }
+    }.typography__tertiary_7rmvg {
+    color: #464649;
+}
+.typography__disabled_7rmvg {
+    color: #2a2a2c;
+}
+.typography__accent_7rmvg {
+    color: #ef3124;
+}
+.typography__primary_7rmvg {
+    color: #fff;
+}
+.typography__attention_7rmvg {
+    color: #cb830f;
+}
+.typography__positive_7rmvg {
+    color: #13a463;
+}
+.typography__secondary_7rmvg {
+    color: #8d8d93;
+}
+.typography__tertiary-inverted_7rmvg {
+    color: #c5c5c7;
+}
+.typography__primary-inverted_7rmvg {
+    color: #000;
+}
+.typography__secondary-inverted_7rmvg {
+    color: #8a8a8e;
+}
+.typography__link_7rmvg {
+    color: #0072ef;
+}
+.typography__negative_7rmvg {
+    color: #f15045;
+}
+
+
+
+@media screen and (min-width: 600px) {
+}
+@media screen and (min-width: 1024px) {
+}

package/themes/corp.css

@@ -515,4 +515,6 @@
     --input-error-icon-not-alone-display: none;
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-border-secondary-inverted);
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+    --select-arrow-color: var(--color-light-graphic-secondary);
 }

package/themes/dist/calendar-input/click.css

@@ -0,0 +1,4 @@
+:root {
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
+}

package/themes/dist/calendar-input/corp.css

@@ -0,0 +1,3 @@
+:root {
+    --calendar-input-icon-color: var(--color-light-graphic-secondary);
+}

package/themes/dist/click.css

@@ -636,6 +636,8 @@
     --calendar-month-only-header-font-family: var(--font-family-styrene);
     --calendar-month-only-header-font-size: 20px;
     --calendar-month-only-header-font-weight: 500;
+    --calendar-input-popover-border-color: transparent;
+    --calendar-input-popover-border-radius: var(--border-radius-s);
     /* sizes */
     --modal-s-width: 500px;
     --modal-header-min-height: 84px;