@alfalab/core-components 26.3.1-beta.1 → 26.3.1-beta.2

package/tabs/modern/index.js

@@ -6,11 +6,11 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-010f26c3.js';
+import './index.module-21c0368c.js';
 import './components/primary-tablist/Component.desktop.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-cf8bf349.js';
+import './index.module-d0753d71.js';
 import './components/secondary-tablist/Component.desktop.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';

package/tabs/modern/mobile.js

@@ -5,10 +5,10 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-010f26c3.js';
+import './index.module-21c0368c.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-cf8bf349.js';
+import './index.module-d0753d71.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';
 export { PrimaryTabListMobile } from './components/primary-tablist/Component.mobile.js';

package/tabs/modern/responsive.js

@@ -6,11 +6,11 @@ import '../../keyboard-focusable/modern';
 export { ScrollableContainer } from './components/scrollable-container/Component.js';
 export { useTabs } from './useTabs.js';
 import './components/primary-tablist/Component.js';
-import './index.module-010f26c3.js';
+import './index.module-21c0368c.js';
 import './components/primary-tablist/Component.desktop.js';
 import '../../tag/modern';
 import './components/secondary-tablist/Component.js';
-import './index.module-cf8bf349.js';
+import './index.module-d0753d71.js';
 import './components/secondary-tablist/Component.desktop.js';
 export { Tab } from './components/tab/Component.js';
 import './components/tabs/Component.js';

package/tabs/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-62bd6d89.js');
+require('./tslib.es6-1344f8fb.js');
 require('react');
 require('../keyboard-focusable');
 require('classnames');
@@ -8,11 +8,11 @@ require('compute-scroll-into-view');
 var components_scrollableContainer_Component = require('./components/scrollable-container/Component.js');
 var useTabs = require('./useTabs.js');
 require('./components/primary-tablist/Component.js');
-require('./index.module-aa78bc30.js');
+require('./index.module-c99f6622.js');
 require('./components/primary-tablist/Component.desktop.js');
 require('../tag');
 require('./components/secondary-tablist/Component.js');
-require('./index.module-8f8c0c18.js');
+require('./index.module-07c38752.js');
 require('./components/secondary-tablist/Component.desktop.js');
 var components_tab_Component = require('./components/tab/Component.js');
 require('./components/tabs/Component.js');

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

@@ -1,4 +1,11 @@
-.badge__component_p5xsh {
+.divider__component_1euk7 {
+    border-bottom: 1px solid #2b2b2e;
+}.card-image__cardImage_1amp0 {
+    background: #e7e8ea;
+}
+.card-image__loaded_1amp0 {
+    background: transparent
+}.badge__component_p5xsh {
     background-color: #ef3124;
     color: #000;
 }
@@ -29,13 +36,6 @@
     }
 .badge__icon_p5xsh:before {
     background-color: #121212;
-}.divider__component_1euk7 {
-    border-bottom: 1px solid #2b2b2e;
-}.card-image__cardImage_1amp0 {
-    background: #e7e8ea;
-}
-.card-image__loaded_1amp0 {
-    background: transparent
 }.backdrop__backdrop_1lg3v {
     -webkit-tap-highlight-color: transparent;
 }
@@ -55,17 +55,6 @@
 .backdrop__exitActive_1lg3v,
 .backdrop__exitDone_1lg3v {
     background-color: transparent;
-}.checkbox-group__error_p9c0q {
-    border-left: 1px solid #f15045;
-}
-.checkbox-group__label_p9c0q {
-    color: #fff;
-}
-.checkbox-group__errorMessage_p9c0q {
-    color: #f15045;
-}
-.checkbox-group__hint_p9c0q {
-    color: #8d8d93;
 }.dropzone__component_1bscd {
     border: 2px dashed #e9e9eb;
 }
@@ -169,6 +158,17 @@
 }
 .checkbox__indeterminateLine_e67wi {
     background-color: #121212;
+}.checkbox-group__error_p9c0q {
+    border-left: 1px solid #f15045;
+}
+.checkbox-group__label_p9c0q {
+    color: #fff;
+}
+.checkbox-group__errorMessage_p9c0q {
+    color: #f15045;
+}
+.checkbox-group__hint_p9c0q {
+    color: #8d8d93;
 }.code-input__error_1o8eb {
     color: #f15045;
 }
@@ -275,12 +275,12 @@
 }
 .form-control__hasError_1izsi .form-control__label_1izsi {
     color: #ef3124;
+}@keyframes loader__blink_14p48 {
 }.list__list_1mx9s {
     color: #fff;
 }
 .list__slot_1mx9s {
     color: #fff;
-}@keyframes loader__blink_14p48 {
 }.icon-view__component_5ntvq {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -813,117 +813,7 @@
 .tag__checked_mhks1:active:not(:disabled) {
         background-color: rgb(217, 217, 217);
         color: #000;
-    }.textarea__input_ztty1 {
-    color: #fff;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__input_ztty1:-webkit-autofill {
-    -webkit-text-fill-color: #fff;
-}
-.textarea__input_ztty1::placeholder {
-    color: #8d8d93;
-}
-.textarea__hasLabel_ztty1::placeholder {
-    color: #464649;
-}
-.textarea__clearIcon_ztty1 {
-    color: #fff;
-}
-.textarea__input_ztty1:read-only {
-    color: #8d8d93
-}
-.textarea__input_ztty1:read-only:focus::placeholder {
-        color: #8d8d93;
-    }
-.textarea__input_ztty1:disabled {
-    color: #fff;
-    -webkit-text-fill-color: #fff;
-}
-.textarea__input_ztty1:focus::placeholder {
-    color: rgba(235, 235, 245, 0.3);
-}
-.textarea__error_ztty1 {
-    color: #f15045;
-    caret-color: #f15045;
-}
-.textarea__textarea_ztty1 {
-    color: #fff;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__textarea_ztty1::placeholder {
-    color: #8d8d93;
-}
-.textarea__hasLabel_ztty1::placeholder {
-    color: #464649;
-}
-.textarea__textarea_ztty1:disabled {
-    color: #fff;
-    -webkit-text-fill-color: #fff;
-}
-.textarea__textarea_ztty1:read-only {
-    color: #8d8d93;
-}
-.textarea__textarea_ztty1:focus::placeholder {
-    color: rgba(235, 235, 245, 0.3);
-}
-.textarea__focusVisible_1xef1 {
-    outline: 2px solid #007aff;
-}
-.textarea__input_1ujra {
-    color: #000;
-    caret-color: #0072ef;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__input_1ujra:-webkit-autofill {
-    -webkit-text-fill-color: #000;
-}
-.textarea__input_1ujra::placeholder {
-    color: rgba(60, 60, 67, 0.6);
-}
-.textarea__hasLabel_1ujra::placeholder {
-    color: #c5c5c7;
-}
-.textarea__clearIcon_1ujra {
-    color: #121212;
-}
-.textarea__input_1ujra:read-only {
-    color: rgba(60, 60, 67, 0.6)
-}
-.textarea__input_1ujra:read-only:focus::placeholder {
-        color: rgba(60, 60, 67, 0.6);
-    }
-.textarea__input_1ujra:disabled {
-    color: #000;
-    -webkit-text-fill-color: #000;
-}
-.textarea__input_1ujra:focus::placeholder {
-    color: rgba(60, 60, 67, 0.3);
-}
-.textarea__error_1ujra {
-    color: #ef3124;
-    caret-color: #ef3124;
-}
-.textarea__textarea_1ujra {
-    color: #000;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.textarea__textarea_1ujra::placeholder {
-    color: rgba(60, 60, 67, 0.6);
-}
-.textarea__hasLabel_1ujra::placeholder {
-    color: #c5c5c7;
-}
-.textarea__textarea_1ujra:disabled {
-    color: #000;
-    -webkit-text-fill-color: #000;
-}
-.textarea__textarea_1ujra:read-only {
-    color: rgba(60, 60, 67, 0.6);
-}
-.textarea__textarea_1ujra:focus::placeholder {
-    color: rgba(60, 60, 67, 0.3);
-}.typography__tertiary_v6g6s {
+    }.typography__tertiary_v6g6s {
     color: #464649;
 }
 .typography__disabled_v6g6s {
@@ -966,8 +856,6 @@
 @media screen and (min-width: 600px) {
 }
 @media screen and (min-width: 1024px) {
-}.base-modal__component_1rup9 {
-    background: #121212;
 }.button__primary_1xt8w {
     color: #000;
     background-color: #f3f4f5
@@ -1263,7 +1151,119 @@
     }
 .button__component_1mj7d:disabled.button__ghost_1mj7d.button__loading_1mj7d {
             color: #000;
-        }.popover__component_1uaec {
+        }.textarea__input_ztty1 {
+    color: #fff;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.textarea__input_ztty1:-webkit-autofill {
+    -webkit-text-fill-color: #fff;
+}
+.textarea__input_ztty1::placeholder {
+    color: #8d8d93;
+}
+.textarea__hasLabel_ztty1::placeholder {
+    color: #464649;
+}
+.textarea__clearIcon_ztty1 {
+    color: #fff;
+}
+.textarea__input_ztty1:read-only {
+    color: #8d8d93
+}
+.textarea__input_ztty1:read-only:focus::placeholder {
+        color: #8d8d93;
+    }
+.textarea__input_ztty1:disabled {
+    color: #fff;
+    -webkit-text-fill-color: #fff;
+}
+.textarea__input_ztty1:focus::placeholder {
+    color: rgba(235, 235, 245, 0.3);
+}
+.textarea__error_ztty1 {
+    color: #f15045;
+    caret-color: #f15045;
+}
+.textarea__textarea_ztty1 {
+    color: #fff;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.textarea__textarea_ztty1::placeholder {
+    color: #8d8d93;
+}
+.textarea__hasLabel_ztty1::placeholder {
+    color: #464649;
+}
+.textarea__textarea_ztty1:disabled {
+    color: #fff;
+    -webkit-text-fill-color: #fff;
+}
+.textarea__textarea_ztty1:read-only {
+    color: #8d8d93;
+}
+.textarea__textarea_ztty1:focus::placeholder {
+    color: rgba(235, 235, 245, 0.3);
+}
+.textarea__focusVisible_1xef1 {
+    outline: 2px solid #007aff;
+}
+.textarea__input_1ujra {
+    color: #000;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.textarea__input_1ujra:-webkit-autofill {
+    -webkit-text-fill-color: #000;
+}
+.textarea__input_1ujra::placeholder {
+    color: rgba(60, 60, 67, 0.6);
+}
+.textarea__hasLabel_1ujra::placeholder {
+    color: #c5c5c7;
+}
+.textarea__clearIcon_1ujra {
+    color: #121212;
+}
+.textarea__input_1ujra:read-only {
+    color: rgba(60, 60, 67, 0.6)
+}
+.textarea__input_1ujra:read-only:focus::placeholder {
+        color: rgba(60, 60, 67, 0.6);
+    }
+.textarea__input_1ujra:disabled {
+    color: #000;
+    -webkit-text-fill-color: #000;
+}
+.textarea__input_1ujra:focus::placeholder {
+    color: rgba(60, 60, 67, 0.3);
+}
+.textarea__error_1ujra {
+    color: #ef3124;
+    caret-color: #ef3124;
+}
+.textarea__textarea_1ujra {
+    color: #000;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.textarea__textarea_1ujra::placeholder {
+    color: rgba(60, 60, 67, 0.6);
+}
+.textarea__hasLabel_1ujra::placeholder {
+    color: #c5c5c7;
+}
+.textarea__textarea_1ujra:disabled {
+    color: #000;
+    -webkit-text-fill-color: #000;
+}
+.textarea__textarea_1ujra:read-only {
+    color: rgba(60, 60, 67, 0.6);
+}
+.textarea__textarea_1ujra:focus::placeholder {
+    color: rgba(60, 60, 67, 0.3);
+}.base-modal__component_1rup9 {
+    background: #121212;
+}.popover__component_1uaec {
     background-color: transparent;
     color: #fff;
 }
@@ -1338,18 +1338,6 @@
 }
 .select-with-tags__placeholder_x3gdr {
     color: #464649;
-}.circular-progress-bar__backgroundCircle_1bb5m,
-.circular-progress-bar__progressCircle_1bb5m {
-    fill: transparent;
-}
-.circular-progress-bar__positive_1bb5m {
-    stroke: #2fc26e;
-}
-.circular-progress-bar__negative_1bb5m {
-    stroke: #d91d0b;
-}
-.circular-progress-bar__backgroundCircle_1bb5m {
-    stroke: #2c2c2e;
 }.stepped-progress-bar__description_1ph76 {
     color: rgba(235, 235, 245, 0.6);
 }
@@ -1379,6 +1367,18 @@
 }
 .stepped-progress-bar__accent_1iy5a {
     background: #ef3124;
+}.circular-progress-bar__backgroundCircle_1bb5m,
+.circular-progress-bar__progressCircle_1bb5m {
+    fill: transparent;
+}
+.circular-progress-bar__positive_1bb5m {
+    stroke: #2fc26e;
+}
+.circular-progress-bar__negative_1bb5m {
+    stroke: #d91d0b;
+}
+.circular-progress-bar__backgroundCircle_1bb5m {
+    stroke: #2c2c2e;
 }.list-header__filled_1bd24 {
     background-color: #485767;
 }.drawer__backdropEnter_1rqu2 {
@@ -1394,6 +1394,10 @@
 .drawer__backdropExitActive_1rqu2,
 .drawer__backdropExitDone_1rqu2 {
     background-color: transparent;
+}.attach__component_3su2z {
+}
+.attach__focused_3su2z {
+    outline: 2px solid #007aff;
 }.custom-button__customButton_xcn5l.custom-button__white_xcn5l * {
         color: #fff;
     }
@@ -1414,11 +1418,7 @@
     }
 .custom-button__customButton_xcn5l:disabled.custom-button__black_xcn5l * {
         color: #000;
-    }.attach__component_3su2z {
-}
-.attach__focused_3su2z {
-    outline: 2px solid #007aff;
-}.chart__coreChart_p1dmp .recharts-text tspan {
+    }.chart__coreChart_p1dmp .recharts-text tspan {
         fill: #fff;
     }
 @keyframes chart__showDot_16iqv {
@@ -1507,7 +1507,28 @@
     }
 .pagination__tag_tzkth.pagination__tag_tzkth.pagination__checked_tzkth:active:not(:disabled) {
         color: #fff;
-    }.input__input_1fh8i {
+    }.plate__component_dn5gp {
+    color: #fff;
+}
+.plate__focused_dn5gp {
+    outline: 2px solid #007aff;
+}
+.plate__common_dn5gp {
+    background-color: #202022;
+    border-color: #6d7986;
+}
+.plate__negative_dn5gp {
+    background-color: #35110d;
+    border-color: #d91d0b;
+}
+.plate__positive_dn5gp {
+    background-color: #042117;
+    border-color: #13a463;
+}
+.plate__attention_dn5gp {
+    background-color: #332104;
+    border-color: #de6a00;
+}.input__input_1fh8i {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1665,28 +1686,7 @@
     }
 .icon-button__negative_uo6r1:active {
         color: rgb(169, 56, 48);
-    }.plate__component_dn5gp {
-    color: #fff;
-}
-.plate__focused_dn5gp {
-    outline: 2px solid #007aff;
-}
-.plate__common_dn5gp {
-    background-color: #202022;
-    border-color: #6d7986;
-}
-.plate__negative_dn5gp {
-    background-color: #35110d;
-    border-color: #d91d0b;
-}
-.plate__positive_dn5gp {
-    background-color: #042117;
-    border-color: #13a463;
-}
-.plate__attention_dn5gp {
-    background-color: #332104;
-    border-color: #de6a00;
-}.toast-plate__component_1g07j {
+    }.toast-plate__component_1g07j {
     color: #000;
     background-color: #fff
 }
@@ -1821,9 +1821,70 @@
 }
 .bottom-sheet__highlighted_1ezhe {
     border-bottom: 1px solid #2b2b2e;
+}.select__arrow_lhllc {
+    color: #fff;
 }
-.calendar__withShadow_r69cd {
-    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
+.select__popoverInner_1rot6 {
+    background: transparent;
+}
+.select__optionsList_1rot6 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background: #121212;
+}
+.select__single_7ytnt {
+    background: #fff
+}
+.select__placeholder_16rpe {
+    color: #8d8d93;
+}
+.select__focusVisible_16rpe {
+    outline: 2px solid #007aff;
+}
+.select__optgroup_1bpl4 {
+    background: #121212
+}
+.select__label_1bpl4 {
+    color: #8d8d93;
+}
+.select__option_1d3iv {
+    background: #121212;
+    color: #fff
+}
+.select__option_1d3iv:not(.select__disabled_1d3iv):active {
+        background: #2c2c2e;
+        color: #fff;
+    }
+.select__option_1d3iv:before {
+        background: #2b2b2e;
+    }
+.select__selected_1d3iv {
+    background: #121212;
+    color: #fff;
+}
+.select__highlighted_1d3iv {
+    background: #202022;
+    color: #fff
+}
+.select__disabled_1d3iv {
+    background: #121212;
+    color: #8d8d93;
+}
+.select__emptyPlaceholder_lcurb {
+    color: #8d8d93;
+}
+.select__virtualRow_pjid4:before {
+        background: #2b2b2e;
+    }
+.select__emptyPlaceholder_pjid4 {
+    color: #8d8d93;
+}
+
+
+.select__footer_wvuan {
+    background: #121212
+}
+.select__withBorder_wvuan {
+    box-shadow: inset 0 1px 0 #262629;
 }
 .calendar__dayName_l0r34 {
     color: #8d8d93
@@ -1897,12 +1958,15 @@
 .calendar__selected_l0r34 .calendar__dot_l0r34 {
     background: #121212;
 }
+.calendar__withShadow_r69cd {
+    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
+}
 
-@media (max-width: 374px) {
-    }
 .calendar__empty_azhii {
     color: #8d8d93;
 }
+@media (max-width: 374px) {
+    }
 .calendar__button_16eb5 {
     background-color: transparent
 }
@@ -1929,70 +1993,12 @@
             color: #000;
         }
 @media (max-width: 374px) {
-    }.select__arrow_lhllc {
-    color: #fff;
-}
-.select__popoverInner_1rot6 {
-    background: transparent;
-}
-.select__optionsList_1rot6 {
+    }.toast__toastPlate_19si3 {
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background: #121212;
-}
-.select__single_7ytnt {
-    background: #fff
-}
-.select__placeholder_16rpe {
-    color: #8d8d93;
-}
-.select__focusVisible_16rpe {
-    outline: 2px solid #007aff;
 }
-.select__optgroup_1bpl4 {
-    background: #121212
-}
-.select__label_1bpl4 {
-    color: #8d8d93;
-}
-.select__option_1d3iv {
-    background: #121212;
-    color: #fff
-}
-.select__option_1d3iv:not(.select__disabled_1d3iv):active {
-        background: #2c2c2e;
-        color: #fff;
-    }
-.select__option_1d3iv:before {
-        background: #2b2b2e;
-    }
-.select__selected_1d3iv {
-    background: #121212;
-    color: #fff;
-}
-.select__highlighted_1d3iv {
-    background: #202022;
-    color: #fff
-}
-.select__disabled_1d3iv {
-    background: #121212;
-    color: #8d8d93;
-}
-.select__emptyPlaceholder_lcurb {
-    color: #8d8d93;
-}
-.select__virtualRow_pjid4:before {
-        background: #2b2b2e;
-    }
-.select__emptyPlaceholder_pjid4 {
-    color: #8d8d93;
-}
-
-
-.select__footer_wvuan {
-    background: #121212
-}
-.select__withBorder_wvuan {
-    box-shadow: inset 0 1px 0 #262629;
+.toast__popoverInner_19si3 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
 }.bank-card__component_nvf16 {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
@@ -2020,13 +2026,7 @@
 }
 .bank-card__usePhoto_nvf16 svg {
         fill: #000;
-    }.toast__toastPlate_19si3 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-}
-.toast__popoverInner_19si3 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
-}
+    }
 
 
 .modal__button_1f1xv {
@@ -2071,11 +2071,11 @@
     background-color: #121212;
     border-color: #121212;
 }
-@media (min-width: 600px) {
+.calendar-input__calendarIcon_1i7jg {
+    color: #fff
+}@media (min-width: 600px) {
 }.calendar-with-skeleton__skeleton_f669z {
     background-color: #121212;
-}.calendar-input__calendarIcon_1i7jg {
-    color: #fff
 }
 .intl-phone-input__flagIcon_un8i2 {
     box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25)