@alfalab/core-components 20.7.2 → 21.0.0

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

@@ -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;
 }
@@ -763,109 +763,109 @@
 @media screen and (min-width: 600px) {
 }
 @media screen and (min-width: 1024px) {
-}.textarea__input_iyqyo {
+}.textarea__input_icq9e {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_iyqyo:-webkit-autofill {
+.textarea__input_icq9e:-webkit-autofill {
     -webkit-text-fill-color: #fff;
 }
-.textarea__input_iyqyo::placeholder {
+.textarea__input_icq9e::placeholder {
     color: #8d8d93;
 }
-.textarea__hasLabel_iyqyo::placeholder {
+.textarea__hasLabel_icq9e::placeholder {
     color: #464649;
 }
-.textarea__input_iyqyo:read-only {
+.textarea__input_icq9e:read-only {
     color: #8d8d93
 }
-.textarea__input_iyqyo:read-only:focus::placeholder {
+.textarea__input_icq9e:read-only:focus::placeholder {
         color: #8d8d93;
     }
-.textarea__input_iyqyo:disabled {
+.textarea__input_icq9e:disabled {
     color: #fff;
     -webkit-text-fill-color: #fff;
 }
-.textarea__input_iyqyo:focus::placeholder {
+.textarea__input_icq9e:focus::placeholder {
     color: rgba(235, 235, 245, 0.3);
 }
-.textarea__error_iyqyo {
+.textarea__error_icq9e {
     color: #f15045;
     caret-color: #f15045;
 }
-.textarea__textarea_iyqyo {
+.textarea__textarea_icq9e {
     color: #fff;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_iyqyo::placeholder {
+.textarea__textarea_icq9e::placeholder {
     color: #8d8d93;
 }
-.textarea__hasLabel_iyqyo::placeholder {
+.textarea__hasLabel_icq9e::placeholder {
     color: #464649;
 }
-.textarea__textarea_iyqyo:disabled {
+.textarea__textarea_icq9e:disabled {
     color: #fff;
     -webkit-text-fill-color: #fff;
 }
-.textarea__textarea_iyqyo:read-only {
+.textarea__textarea_icq9e:read-only {
     color: #8d8d93;
 }
-.textarea__textarea_iyqyo:focus::placeholder {
+.textarea__textarea_icq9e:focus::placeholder {
     color: rgba(235, 235, 245, 0.3);
 }
-.textarea__focusVisible_121lv {
+.textarea__focusVisible_emwbj {
     outline: 2px solid #007aff;
 }
-.textarea__input_1hwme {
+.textarea__input_1halp {
     color: #000;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__input_1hwme:-webkit-autofill {
+.textarea__input_1halp:-webkit-autofill {
     -webkit-text-fill-color: #000;
 }
-.textarea__input_1hwme::placeholder {
+.textarea__input_1halp::placeholder {
     color: rgba(60, 60, 67, 0.6);
 }
-.textarea__hasLabel_1hwme::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: #c5c5c7;
 }
-.textarea__input_1hwme:read-only {
+.textarea__input_1halp:read-only {
     color: rgba(60, 60, 67, 0.6)
 }
-.textarea__input_1hwme:read-only:focus::placeholder {
+.textarea__input_1halp:read-only:focus::placeholder {
         color: rgba(60, 60, 67, 0.6);
     }
-.textarea__input_1hwme:disabled {
+.textarea__input_1halp:disabled {
     color: #000;
     -webkit-text-fill-color: #000;
 }
-.textarea__input_1hwme:focus::placeholder {
+.textarea__input_1halp:focus::placeholder {
     color: rgba(60, 60, 67, 0.3);
 }
-.textarea__error_1hwme {
+.textarea__error_1halp {
     color: #ef3124;
     caret-color: #ef3124;
 }
-.textarea__textarea_1hwme {
+.textarea__textarea_1halp {
     color: #000;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.textarea__textarea_1hwme::placeholder {
+.textarea__textarea_1halp::placeholder {
     color: rgba(60, 60, 67, 0.6);
 }
-.textarea__hasLabel_1hwme::placeholder {
+.textarea__hasLabel_1halp::placeholder {
     color: #c5c5c7;
 }
-.textarea__textarea_1hwme:disabled {
+.textarea__textarea_1halp:disabled {
     color: #000;
     -webkit-text-fill-color: #000;
 }
-.textarea__textarea_1hwme:read-only {
+.textarea__textarea_1halp:read-only {
     color: rgba(60, 60, 67, 0.6);
 }
-.textarea__textarea_1hwme:focus::placeholder {
+.textarea__textarea_1halp:focus::placeholder {
     color: rgba(60, 60, 67, 0.3);
 }.button__primary_1krar {
     color: #000;
@@ -1138,6 +1138,42 @@
 .popover__arrow_1x604:after {
     background-color: #121212;
     border: 1px solid transparent;
+}.select-with-tags__tag_bqm1h:active:not(:disabled) {
+        background-color: #f3f4f5;
+    }
+.select-with-tags__tag_bqm1h:hover:not(:disabled):not(:active) {
+        background-color: #f3f4f5;
+    }
+.select-with-tags__input_o4r37 {
+    background-color: transparent;
+    color: #fff
+}
+.select-with-tags__input_o4r37:disabled {
+        color: #8d8d93;
+    }
+.select-with-tags__input_o4r37::placeholder {
+        color: #8d8d93;
+    }
+.select-with-tags__input_o4r37:focus::placeholder {
+        color: #464649;
+    }
+.select-with-tags__focusVisible_o4r37 {
+    outline: 2px solid #007aff;
+}
+.select-with-tags__placeholder_o4r37 {
+    color: #464649;
+}.circular-progress-bar__backgroundCircle_tdnhd,
+.circular-progress-bar__progressCircle_tdnhd {
+    fill: transparent;
+}
+.circular-progress-bar__positive_tdnhd {
+    stroke: #2fc26e;
+}
+.circular-progress-bar__negative_tdnhd {
+    stroke: #d91d0b;
+}
+.circular-progress-bar__backgroundCircle_tdnhd {
+    stroke: #2c2c2e;
 }.tabs__component_1cjc8:before {
         background-color: #2b2b2e;
     }
@@ -1177,43 +1213,7 @@
 
 
 
-.select-with-tags__tag_bqm1h:active:not(:disabled) {
-        background-color: #f3f4f5;
-    }
-.select-with-tags__tag_bqm1h:hover:not(:disabled):not(:active) {
-        background-color: #f3f4f5;
-    }
-.select-with-tags__input_o4r37 {
-    background-color: transparent;
-    color: #fff
-}
-.select-with-tags__input_o4r37:disabled {
-        color: #8d8d93;
-    }
-.select-with-tags__input_o4r37::placeholder {
-        color: #8d8d93;
-    }
-.select-with-tags__input_o4r37:focus::placeholder {
-        color: #464649;
-    }
-.select-with-tags__focusVisible_o4r37 {
-    outline: 2px solid #007aff;
-}
-.select-with-tags__placeholder_o4r37 {
-    color: #464649;
-}.circular-progress-bar__backgroundCircle_tdnhd,
-.circular-progress-bar__progressCircle_tdnhd {
-    fill: transparent;
-}
-.circular-progress-bar__positive_tdnhd {
-    stroke: #2fc26e;
-}
-.circular-progress-bar__negative_tdnhd {
-    stroke: #d91d0b;
-}
-.circular-progress-bar__backgroundCircle_tdnhd {
-    stroke: #2c2c2e;
-}.list-header__filled_uw5hp {
+.list-header__filled_uw5hp {
     background-color: #485767;
 }.chart__coreChart_ftghw .recharts-text tspan {
         fill: #fff;
@@ -1471,41 +1471,41 @@
     }
 .icon-button__negative_1ycb2:active {
         color: rgb(169, 56, 48);
-    }.input__input_1u4xd {
+    }.input__input_zuvk7 {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_1u4xd:-webkit-autofill {
+.input__input_zuvk7:-webkit-autofill {
     -webkit-text-fill-color: #fff;
 }
-.input__input_1u4xd::placeholder {
+.input__input_zuvk7::placeholder {
     color: #8d8d93;
 }
-.input__hasLabel_1u4xd::placeholder {
+.input__hasLabel_zuvk7::placeholder {
     color: #464649;
 }
-.input__input_1u4xd:read-only {
+.input__input_zuvk7:read-only {
     color: #8d8d93
 }
-.input__input_1u4xd:read-only:focus::placeholder {
+.input__input_zuvk7:read-only:focus::placeholder {
         color: #8d8d93;
     }
-.input__input_1u4xd:disabled {
+.input__input_zuvk7:disabled {
     color: #fff;
     -webkit-text-fill-color: #fff;
 }
-.input__input_1u4xd:focus::placeholder {
+.input__input_zuvk7:focus::placeholder {
     color: rgba(235, 235, 245, 0.3);
 }
-.input__error_1u4xd {
+.input__error_zuvk7 {
     color: #f15045;
     caret-color: #f15045;
 }
-.input__focusVisible_q94jt {
+.input__focusVisible_w92t8 {
     outline: 2px solid #007aff;
 }
-@keyframes input__onautofillstart_q94jt {
+@keyframes input__onautofillstart_w92t8 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
@@ -1513,7 +1513,7 @@
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
 }
-@keyframes input__onautofillcancel_q94jt {
+@keyframes input__onautofillcancel_w92t8 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
@@ -1521,34 +1521,34 @@
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
 }
-.input__input_6or41 {
+.input__input_1bftd {
     color: #000;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-.input__input_6or41:-webkit-autofill {
+.input__input_1bftd:-webkit-autofill {
     -webkit-text-fill-color: #000;
 }
-.input__input_6or41::placeholder {
+.input__input_1bftd::placeholder {
     color: rgba(60, 60, 67, 0.6);
 }
-.input__hasLabel_6or41::placeholder {
+.input__hasLabel_1bftd::placeholder {
     color: #c5c5c7;
 }
-.input__input_6or41:read-only {
+.input__input_1bftd:read-only {
     color: rgba(60, 60, 67, 0.6)
 }
-.input__input_6or41:read-only:focus::placeholder {
+.input__input_1bftd:read-only:focus::placeholder {
         color: rgba(60, 60, 67, 0.6);
     }
-.input__input_6or41:disabled {
+.input__input_1bftd:disabled {
     color: #000;
     -webkit-text-fill-color: #000;
 }
-.input__input_6or41:focus::placeholder {
+.input__input_1bftd:focus::placeholder {
     color: rgba(60, 60, 67, 0.3);
 }
-.input__error_6or41 {
+.input__error_1bftd {
     color: #ef3124;
     caret-color: #ef3124;
 }.plate__component_1he7j {
@@ -1572,13 +1572,7 @@
 .plate__attention_1he7j {
     background-color: #332104;
     border-color: #de6a00;
-}.toast-plate__component_fvnrw {
-    color: #000;
-    background-color: #fff
-}
-.toast-plate__actionSection_fvnrw + .toast-plate__closeButton_fvnrw:before {
-        background-color: #e9e9eb;
-    }.drawer__backdropEnter_mvpxb {
+}.drawer__backdropEnter_mvpxb {
     background-color: transparent;
 }
 .drawer__backdropEnterActive_mvpxb,
@@ -1591,7 +1585,13 @@
 .drawer__backdropExitActive_mvpxb,
 .drawer__backdropExitDone_mvpxb {
     background-color: transparent;
-}.bottom-sheet__modal_1bvaw {
+}.toast-plate__component_fvnrw {
+    color: #000;
+    background-color: #fff
+}
+.toast-plate__actionSection_fvnrw + .toast-plate__closeButton_fvnrw:before {
+        background-color: #e9e9eb;
+    }.bottom-sheet__modal_1bvaw {
     background-color: transparent;
 }
 .bottom-sheet__component_1bvaw {
@@ -1662,73 +1662,75 @@
 }
 .file-upload-item__error_1cucu {
     color: #ef3124
-}.slider-input__steps_fku45 {
+}.slider-input__steps_14frs {
     color: #8d8d93;
 }
-.slider-input__info_fku45 {
+.slider-input__info_14frs {
     color: #8d8d93;
+}.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
+    color: transparent;
+}
+.with-suffix__disabled_a3m43 {
+    color: #fff;
+}.select__arrow_1pfzl {
+    color: #fff;
 }
-.select__popoverInner_6wx3t {
+.select__popoverInner_jdx2x {
     background: transparent;
 }
-.select__optionsList_6wx3t {
+.select__optionsList_jdx2x {
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
     background: #121212;
 }
-.select__checkmark_6z46i {
+.select__checkmark_1kdq1 {
     background: #fff;
 }
-.select__placeholder_13cpz {
+.select__placeholder_1ozzk {
     color: #8d8d93;
 }
-.select__focusVisible_13cpz {
+.select__focusVisible_1ozzk {
     outline: 2px solid #007aff;
 }
-.select__optgroup_11cr7 {
+.select__optgroup_1dtr6 {
     background: #121212
 }
-.select__label_11cr7 {
+.select__label_1dtr6 {
     color: #8d8d93;
 }
-.select__option_14t21 {
+.select__option_sbaon {
     background: #121212;
     color: #fff
 }
-.select__option_14t21:not(.select__disabled_14t21):active {
+.select__option_sbaon:not(.select__disabled_sbaon):active {
         background: #2c2c2e;
         color: #fff;
     }
-.select__option_14t21:before {
+.select__option_sbaon:before {
         background: #2b2b2e;
     }
-.select__selected_14t21 {
+.select__selected_sbaon {
     background: #121212;
     color: #fff;
 }
-.select__highlighted_14t21 {
+.select__highlighted_sbaon {
     background: #202022;
     color: #fff
 }
-.select__disabled_14t21 {
+.select__disabled_sbaon {
     background: #121212;
     color: #8d8d93;
 }
-.select__emptyPlaceholder_1p8n4 {
+.select__emptyPlaceholder_bdxu6 {
     color: #8d8d93;
 }
-.select__virtualRow_9nrym:before {
+.select__virtualRow_1n2dt:before {
         background: #2b2b2e;
     }
-.select__emptyPlaceholder_9nrym {
+.select__emptyPlaceholder_1n2dt {
     color: #8d8d93;
 }
 
-.with-suffix__hasSuffix_1608n input:focus::placeholder {
-    color: transparent;
-}
-.with-suffix__disabled_1608n {
-    color: #fff;
-}.toast__toastPlate_yelhs {
+.toast__toastPlate_yelhs {
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 }
 .toast__popoverInner_yelhs {
@@ -1743,48 +1745,48 @@
 .tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
     background-color: #121212;
     border-color: #121212;
-}.bank-card__component_1i2fg {
+}.bank-card__component_1szi5 {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
     --form-control-focus-bg-color: transparent;
 }
-.bank-card__label_1i2fg {
+.bank-card__label_1szi5 {
     color: rgba(0, 0, 0, 0.6)
 }
-.bank-card__focused_1i2fg .bank-card__label_1i2fg,
-.bank-card__filled_1i2fg .bank-card__label_1i2fg {
+.bank-card__focused_1szi5 .bank-card__label_1szi5,
+.bank-card__filled_1szi5 .bank-card__label_1szi5 {
     color: #000
 }
-.bank-card__input_1i2fg {
+.bank-card__input_1szi5 {
     color: #000;
     caret-color: #000
 }
-.bank-card__bankLogo_1i2fg svg g {
+.bank-card__bankLogo_1szi5 svg g {
             fill: #000;
         }
-.bank-card__brandLogo_1i2fg svg {
+.bank-card__brandLogo_1szi5 svg {
         fill: #000;
     }
-.bank-card__usePhoto_1i2fg {
+.bank-card__usePhoto_1szi5 {
     background-color: transparent
-}.amount-input__minorPartAndCurrency_r529g {
+}.amount-input__minorPartAndCurrency_1aycz {
     color: #8d8d93;
 }
-.amount-input__filled_1auzi .amount-input__input_1auzi,
-.amount-input__input_1auzi:focus {
+.amount-input__filled_m8w8i .amount-input__input_m8w8i,
+.amount-input__input_m8w8i:focus {
     -webkit-text-fill-color: transparent;
 }
-.amount-input__minorPartAndCurrency_7obik {
+.amount-input__minorPartAndCurrency_rhm8r {
     color: #8a8a8e;
 }@media (min-width: 600px) {
 }
-.intl-phone-input__flagIcon_1frlg {
+.intl-phone-input__flagIcon_1q0c2 {
     box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25);
 }
-.intl-phone-input__dialCode_1o7sg {
+.intl-phone-input__dialCode_whkfb {
     color: #8d8d93;
 }
-.intl-phone-input__focusVisible_p5ugu {
+.intl-phone-input__focusVisible_zdoeh {
     outline: 2px solid #007aff;
 }.gallery__modal_1gscz {
     background: transparent;
@@ -1843,9 +1845,12 @@
 }
 .gallery__component_qwnak {
     background-color: #e9e9eb
-}.calendar-input__calendarContainer_mt2q6 {
+}.calendar-input__calendarContainer_igrw8 {
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
     border: 1px solid #2b2b2e;
-}.calendar-range__divider_v17im:after {
+}
+.calendar-input__calendarIcon_igrw8 {
+    color: #fff
+}.calendar-range__divider_yutf8:after {
         background-color: #fff;
     }

package/themes/dist/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/mixins/calendar-input/corp.css

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

package/themes/dist/mixins/corp.css

@@ -1,9 +1,13 @@
 @import './button/corp.css';
 @import './input/corp.css';
 @import './tabs/corp.css';
+@import './calendar-input/corp.css';
+@import './select/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin input-corp;
     @mixin tabs-corp;
+    @mixin calendar-input-corp;
+    @mixin select-corp;
 }

package/themes/dist/mixins/mobile.css

@@ -6,7 +6,6 @@
 @import './radio/mobile.css';
 @import './confirmation/mobile.css';
 @import './input/mobile.css';
-@import './calendar-input/mobile.css';
 @import './slider/mobile.css';
 @import './slider-input/mobile.css';
 
@@ -17,7 +16,6 @@
     @mixin radio-mobile;
     @mixin confirmation-mobile;
     @mixin input-mobile;
-    @mixin calendar-input-mobile;
     @mixin form-control-mobile;
     @mixin input-mobile;
     @mixin slider-mobile;

package/themes/dist/mixins/select/corp.css

@@ -0,0 +1,3 @@
+@define-mixin select-corp {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/themes/dist/mobile.css

@@ -548,7 +548,6 @@
     --input-caret-color: var(--color-light-text-link);
     --input-inverted-caret-color: var(--color-light-text-link);
     --input-error-icon-not-alone-display: none;
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;

package/themes/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-themes",
-    "version": "5.0.0",
+    "version": "5.0.1",
     "description": "",
     "keywords": [],
     "license": "MIT",

package/themes/dist/select/corp.css

@@ -0,0 +1,3 @@
+:root {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

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

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

package/themes/mixins/corp.css

@@ -1,9 +1,13 @@
 @import './button/corp.css';
 @import './input/corp.css';
 @import './tabs/corp.css';
+@import './calendar-input/corp.css';
+@import './select/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin input-corp;
     @mixin tabs-corp;
+    @mixin calendar-input-corp;
+    @mixin select-corp;
 }

package/themes/mixins/mobile.css

@@ -6,7 +6,6 @@
 @import './radio/mobile.css';
 @import './confirmation/mobile.css';
 @import './input/mobile.css';
-@import './calendar-input/mobile.css';
 @import './slider/mobile.css';
 @import './slider-input/mobile.css';
 
@@ -17,7 +16,6 @@
     @mixin radio-mobile;
     @mixin confirmation-mobile;
     @mixin input-mobile;
-    @mixin calendar-input-mobile;
     @mixin form-control-mobile;
     @mixin input-mobile;
     @mixin slider-mobile;

package/themes/mixins/select/corp.css

@@ -0,0 +1,3 @@
+@define-mixin select-corp {
+    --select-arrow-color: var(--color-light-graphic-secondary);
+}

package/themes/mobile.css

@@ -548,7 +548,6 @@
     --input-caret-color: var(--color-light-text-link);
     --input-inverted-caret-color: var(--color-light-text-link);
     --input-error-icon-not-alone-display: none;
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m.svg');
     /* theme */
     --form-control-border-radius: var(--border-radius-l);
     --form-control-border-bottom: 0;