@alfalab/core-components 42.0.0-beta.0 → 42.0.0-beta.1

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

@@ -1,4 +1,19 @@
-.badge__component_1mw15.badge__background-accent_1mw15 {
+.backdrop__backdrop_1luqv {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1luqv,
+.backdrop__enter_1luqv {
+    background-color: transparent;
+} .backdrop__appearActive_1luqv,
+.backdrop__enterActive_1luqv,
+.backdrop__appearDone_1luqv,
+.backdrop__enterDone_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_1luqv {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_1luqv,
+.backdrop__exitDone_1luqv {
+    background-color: transparent;
+}.badge__component_1mw15.badge__background-accent_1mw15 {
         background-color: #ef3124;
         color: #fff;
     } .badge__component_1mw15.badge__background-specialbg-secondary-transparent_1mw15 {
@@ -58,27 +73,20 @@
         background-color: #fff;
     } .badge__dot_1mw15.badge__outlineCount_1mw15 {
     border: 1px solid #121212;
-}.backdrop__backdrop_1luqv {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1luqv,
-.backdrop__enter_1luqv {
-    background-color: transparent;
-} .backdrop__appearActive_1luqv,
-.backdrop__enterActive_1luqv,
-.backdrop__appearDone_1luqv,
-.backdrop__enterDone_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_1luqv {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_1luqv,
-.backdrop__exitDone_1luqv {
-    background-color: transparent;
 }.card-image__cardImage_8k2n8 {
     background: #e7e8ea;
 } .card-image__loaded_8k2n8 {
     background: transparent
 }.divider__component_4lp9g {
     border-bottom: 1px solid #2b2b2e;
+}.checkbox-group__error_7pohm {
+    border-left: 1px solid #f15045;
+} .checkbox-group__label_7pohm {
+    color: #fff;
+} .checkbox-group__errorMessage_7pohm {
+    color: #f15045;
+} .checkbox-group__hint_7pohm {
+    color: rgba(235, 235, 245, 0.54);
 }.checkbox__box_1utel {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -143,14 +151,6 @@
 } .checkbox__indeterminateLine_1utel {
     background-color: #0e0e0e;
 } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.checkbox-group__error_7pohm {
-    border-left: 1px solid #f15045;
-} .checkbox-group__label_7pohm {
-    color: #fff;
-} .checkbox-group__errorMessage_7pohm {
-    color: #f15045;
-} .checkbox-group__hint_7pohm {
-    color: rgba(235, 235, 245, 0.54);
 }.code-input__error_uwuzg {
     color: #f15045;
 } @keyframes code-input__shake_uwuzg {
@@ -654,26 +654,7 @@
         background: #ef3124;
     } .slider__component_12veb .noUi-pips {
         color: rgba(235, 235, 245, 0.54);
-    }.sortable-list__primary_8cm8z {
-    background: #121212;
-} .sortable-list__secondary_8cm8z {
-    background: #202022;
-}
-.sortable-list__component_16p31:hover .sortable-list__icon_16p31 {
-            color: #fff;
-        } .sortable-list__icon_16p31 {
-    color: #85858d;
-} .sortable-list__dragOverlay_16p31 {
-    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04)
-} .sortable-list__dragOverlay_16p31 .sortable-list__icon_16p31 {
-        color: #fff;
-    } @keyframes sortable-list__pop_16p31 {
-    to {
-        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
-        0 0 1px rgba(0, 0, 0, 0.04);
-    }
-}.spinner__component_7j2a5 {
+    }.spinner__component_7j2a5 {
     color: #fff;
 }
 @keyframes spinner__spin_animation_19jxf {
@@ -1169,6 +1150,27 @@
     color: rgba(235, 235, 245, 0.54);
 } .textarea__error_1gkhj {
     color: #f15045;
+}.sortable-list__primary_8cm8z {
+    background: #121212;
+} .sortable-list__secondary_8cm8z {
+    background: #202022;
+}
+.sortable-list__component_16p31:hover .sortable-list__icon_16p31 {
+            color: #fff;
+        } .sortable-list__icon_16p31 {
+    color: #85858d;
+} .sortable-list__dragOverlay_16p31 {
+    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04)
+} .sortable-list__dragOverlay_16p31 .sortable-list__icon_16p31 {
+        color: #fff;
+    } @keyframes sortable-list__pop_16p31 {
+    to {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    }
+}.base-modal__component_1f4av {
+    background: #121212;
 }
 
 
@@ -1186,7 +1188,18 @@
 .system-message__component_5bspm {
     color: #fff;
 }
-.action-button__primary_1xexf {
+.popover__component_1u3ov {
+    background-color: transparent;
+    color: #fff;
+} .popover__inner_1u3ov {
+    background-color: #121212;
+    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    border: 1px solid transparent;
+} .popover__arrow_1u3ov:after {
+    background-color: #121212;
+    border: 1px solid transparent;
+}.action-button__primary_1xexf {
     color: #fff
 } .action-button__primary_1xexf .action-button__iconWrapper_1xexf {
         color: #0e0e0e;
@@ -1580,20 +1593,7 @@
         color: rgba(14, 14, 14, 0.3)
     } .button__component_1aqpb[disabled].button__ghost_1aqpb.button__loading_1aqpb {
             color: #0e0e0e;
-        }.base-modal__component_1f4av {
-    background: #121212;
-}.popover__component_1u3ov {
-    background-color: transparent;
-    color: #fff;
-} .popover__inner_1u3ov {
-    background-color: #121212;
-    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    border: 1px solid transparent;
-} .popover__arrow_1u3ov:after {
-    background-color: #121212;
-    border: 1px solid transparent;
-}.pagination__component_1jiiy {
+        }.pagination__component_1jiiy {
     color: #fff;
 }
 .pagination__dots_2af4z {
@@ -1614,7 +1614,9 @@
         color: #0e0e0e;
     } .pagination__tag_1c0sp.pagination__tag_1c0sp.pagination__checked_1c0sp:active:not(:disabled) {
         color: #fff;
-    }.circular-progress-bar__backgroundCircle_1rmlx,
+    }.comment__component_8cvpr {
+    background-color: #202022;
+}.circular-progress-bar__backgroundCircle_1rmlx,
 .circular-progress-bar__progressCircle_1rmlx {
     fill: transparent;
 } .circular-progress-bar__positive_1rmlx {
@@ -1664,8 +1666,6 @@
     background-color: #121212;
 } .chart__tooltipArrow_12nsb:before {
     border-color: transparent #121212 transparent transparent;
-}.comment__component_8cvpr {
-    background-color: #202022;
 }.list-header__filled_fbta1 {
     background-color: rgba(255, 255, 255, 0.1);
 }.list__list_macnt {
@@ -1700,7 +1700,17 @@
         background: #fff;
     } .stepped-progress-bar__bar_1dcx2.stepped-progress-bar__accent_1dcx2 {
         background: #ef3124;
-    }.attach__component_1429d {
+    }.drawer__backdropEnter_azqft {
+    background-color: transparent;
+} .drawer__backdropEnterActive_azqft,
+.drawer__backdropEnterDone_azqft {
+    background-color: rgba(0, 0, 0, 0.8);
+} .drawer__backdropExit_azqft {
+    background-color: rgba(0, 0, 0, 0.8);
+} .drawer__backdropExitActive_azqft,
+.drawer__backdropExitDone_azqft {
+    background-color: transparent;
+}.attach__component_1429d {
 } .attach__focused_1429d {
     outline: 2px solid #0072ef;
 }.confirmation-v1__errorHeader_19oty {
@@ -1805,76 +1815,6 @@
 }
 .confirmation__typographyTheme_128mb.confirmation__typographyTheme_128mb {
     color: rgba(235, 235, 245, 0.54);
-}.input__input_8we3q {
-    color: #fff;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_8we3q:-webkit-autofill {
-    -webkit-text-fill-color: #fff;
-} .input__input_8we3q::placeholder {
-    color: rgba(235, 235, 245, 0.54);
-} .input__hasInnerLabel_8we3q::placeholder {
-    color: rgba(235, 235, 245, 0.32);
-} .input__clearIcon_8we3q {
-    color: #fff;
-} .input__input_8we3q:read-only {
-    color: rgba(235, 235, 245, 0.54)
-} .input__input_8we3q:read-only:focus::placeholder {
-        color: rgba(235, 235, 245, 0.54);
-    } .input__input_8we3q:disabled {
-    color: #fff;
-    -webkit-text-fill-color: #fff;
-} .input__input_8we3q:focus::placeholder {
-    color: rgba(235, 235, 245, 0.32);
-} .input__error_8we3q {
-    color: #f15045;
-    caret-color: #f15045;
-}
-.input__errorColorIcon_1c0od {
-    color: #d91d0b;
-} .input__successColorIcon_1c0od {
-    color: #2fc26e;
-} .input__focusVisible_1c0od {
-    outline: 2px solid #0072ef;
-} @keyframes input__onautofillstart_1c0od {
-    from {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-    to {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
-    }
-} @keyframes input__onautofillcancel_1c0od {
-    from {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-    to {
-        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
-    }
-}
-.input__input_bwipr {
-    color: #0e0e0e;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .input__input_bwipr:-webkit-autofill {
-    -webkit-text-fill-color: #0e0e0e;
-} .input__input_bwipr::placeholder {
-    color: rgba(60, 60, 67, 0.66);
-} .input__hasInnerLabel_bwipr::placeholder {
-    color: rgba(60, 60, 67, 0.4);
-} .input__clearIcon_bwipr {
-    color: #0e0e0e;
-} .input__input_bwipr:read-only {
-    color: rgba(60, 60, 67, 0.66)
-} .input__input_bwipr:read-only:focus::placeholder {
-        color: rgba(60, 60, 67, 0.66);
-    } .input__input_bwipr:disabled {
-    color: #0e0e0e;
-    -webkit-text-fill-color: #0e0e0e;
-} .input__input_bwipr:focus::placeholder {
-    color: rgba(60, 60, 67, 0.4);
-} .input__error_bwipr {
-    color: #ef3124;
-    caret-color: #ef3124;
 }.cc-icon-button.icon-button__primary_1hmnw {
         color: #fff
     } .cc-icon-button.icon-button__primary_1hmnw:hover {
@@ -1969,7 +1909,77 @@
             color: rgba(193, 193, 195, 0.3)
         } .cc-icon-button.icon-button__component_1i6ma:disabled.icon-button__tertiary_1i6ma.icon-button__loader_1i6ma {
                 color: #c1c1c3;
-            }.pattern-lock__error_1qp9w {
+            }.input__input_8we3q {
+    color: #fff;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+} .input__input_8we3q:-webkit-autofill {
+    -webkit-text-fill-color: #fff;
+} .input__input_8we3q::placeholder {
+    color: rgba(235, 235, 245, 0.54);
+} .input__hasInnerLabel_8we3q::placeholder {
+    color: rgba(235, 235, 245, 0.32);
+} .input__clearIcon_8we3q {
+    color: #fff;
+} .input__input_8we3q:read-only {
+    color: rgba(235, 235, 245, 0.54)
+} .input__input_8we3q:read-only:focus::placeholder {
+        color: rgba(235, 235, 245, 0.54);
+    } .input__input_8we3q:disabled {
+    color: #fff;
+    -webkit-text-fill-color: #fff;
+} .input__input_8we3q:focus::placeholder {
+    color: rgba(235, 235, 245, 0.32);
+} .input__error_8we3q {
+    color: #f15045;
+    caret-color: #f15045;
+}
+.input__errorColorIcon_1c0od {
+    color: #d91d0b;
+} .input__successColorIcon_1c0od {
+    color: #2fc26e;
+} .input__focusVisible_1c0od {
+    outline: 2px solid #0072ef;
+} @keyframes input__onautofillstart_1c0od {
+    from {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
+    to {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
+    }
+} @keyframes input__onautofillcancel_1c0od {
+    from {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    }
+    to {
+        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
+    }
+}
+.input__input_bwipr {
+    color: #0e0e0e;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+} .input__input_bwipr:-webkit-autofill {
+    -webkit-text-fill-color: #0e0e0e;
+} .input__input_bwipr::placeholder {
+    color: rgba(60, 60, 67, 0.66);
+} .input__hasInnerLabel_bwipr::placeholder {
+    color: rgba(60, 60, 67, 0.4);
+} .input__clearIcon_bwipr {
+    color: #0e0e0e;
+} .input__input_bwipr:read-only {
+    color: rgba(60, 60, 67, 0.66)
+} .input__input_bwipr:read-only:focus::placeholder {
+        color: rgba(60, 60, 67, 0.66);
+    } .input__input_bwipr:disabled {
+    color: #0e0e0e;
+    -webkit-text-fill-color: #0e0e0e;
+} .input__input_bwipr:focus::placeholder {
+    color: rgba(60, 60, 67, 0.4);
+} .input__error_bwipr {
+    color: #ef3124;
+    caret-color: #ef3124;
+}.pattern-lock__error_1qp9w {
     color: #f15045;
 } @media screen and (min-width: 360px) {
 } @media screen and (min-width: 390px) {
@@ -1999,17 +2009,7 @@
         color: #fff;
     } .pass-code__ghost_thn4u.pass-code__ghost_thn4u:active {
         background: rgba(255, 255, 255, 0.11);
-    }.drawer__backdropEnter_azqft {
-    background-color: transparent;
-} .drawer__backdropEnterActive_azqft,
-.drawer__backdropEnterDone_azqft {
-    background-color: rgba(0, 0, 0, 0.8);
-} .drawer__backdropExit_azqft {
-    background-color: rgba(0, 0, 0, 0.8);
-} .drawer__backdropExitActive_azqft,
-.drawer__backdropExitDone_azqft {
-    background-color: transparent;
-}.pure-cell__focused_1p3r1 {
+    }.pure-cell__focused_1p3r1 {
     outline: 2px solid #0072ef;
 }
 
@@ -2275,7 +2275,14 @@
 } .modal__sticky_16d6j.modal__hasContent_16d6j {
         background: #121212;
     }
-
+.toast__toastPlate_1m63j {
+    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+} .toast__popoverInner_1m63j {
+    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    background-color: transparent;
+}
 
 
 
@@ -2298,14 +2305,7 @@
 } .side-panel__sticky_19ms1.side-panel__hasContent_19ms1 {
         background: #121212;
     }
-.toast__toastPlate_1m63j {
-    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-} .toast__popoverInner_1m63j {
-    box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
-        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    background-color: transparent;
-}.tooltip__hint_1smzk {
+.tooltip__hint_1smzk {
     background-color: #fff;
     box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
         0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
@@ -2586,7 +2586,6 @@
     color: rgba(235, 235, 245, 0.54);
 }
 
-
 .select__footer_1di6u {
     background-color: #121212
 } .select__highlighted_1di6u {
@@ -2681,6 +2680,19 @@
 .table__open_b7tji,
 .table__open_b7tji:hover {
     background-color: rgba(255, 255, 255, 0.163);
+}.intl-phone-input__emptyCountryIcon_10zrv {
+    color: #85858d;
+}
+.intl-phone-input__flagPlaceholder_y4q0k {
+    background-color: rgba(255, 255, 255, 0.11);
+}
+.intl-phone-input__dialCode_1odma {
+    color: rgba(235, 235, 245, 0.54);
+}
+.intl-phone-input__emptyCountryIcon_1a6ng {
+    color: #85858d;
+} .intl-phone-input__focusVisible_1a6ng {
+    outline: 2px solid #0072ef;
 }.tabs__component_no3qa:before {
         background-color: #2b2b2e;
     } .tabs__title_no3qa {
@@ -2714,17 +2726,3 @@
 
 
 
-.intl-phone-input__emptyCountryIcon_10zrv {
-    color: #85858d;
-}
-.intl-phone-input__flagPlaceholder_y4q0k {
-    background-color: rgba(255, 255, 255, 0.11);
-}
-.intl-phone-input__dialCode_1odma {
-    color: rgba(235, 235, 245, 0.54);
-}
-.intl-phone-input__emptyCountryIcon_1a6ng {
-    color: #85858d;
-} .intl-phone-input__focusVisible_1a6ng {
-    outline: 2px solid #0072ef;
-}

package/themes/dist/src/click.ts

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import styles from '!!css-loader!@alfalab/core-components/themes/click.css';
+
+export default styles.toString();

package/themes/dist/src/compiled/mobile-dark-bluetint.ts

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import styles from '!!css-loader!@alfalab/core-components/themes/compiled/mobile-dark-bluetint.css';
+
+export default styles;

package/themes/dist/src/corp.ts

@@ -0,0 +1,4 @@
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import styles from '!!css-loader!@alfalab/core-components/themes/corp.css';
+
+export default styles.toString();