@alfalab/core-components 21.1.0 → 21.1.1

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

@@ -1138,18 +1138,6 @@
 .popover__arrow_1x604:after {
     background-color: #121212;
     border: 1px solid transparent;
-}.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;
 }.select-with-tags__tag_bqm1h:active:not(:disabled) {
         background-color: #f3f4f5;
     }
@@ -1174,6 +1162,18 @@
 }
 .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;
     }
@@ -1249,6 +1249,36 @@
 }
 .stepped-progress-bar__done_lurmt {
     background: #2fc26e;
+}.bottom-sheet__modal_1bvaw {
+    background-color: transparent;
+}
+.bottom-sheet__component_1bvaw {
+    background: #121212;
+}
+.bottom-sheet__marker_1bvaw {
+    background-color: #2a2a2c;
+}
+.bottom-sheet__content_1bvaw {
+    color: #fff;
+}
+.bottom-sheet__footer_18aaf {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_18aaf {
+    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08);
+}.drawer__backdropEnter_mvpxb {
+    background-color: transparent;
+}
+.drawer__backdropEnterActive_mvpxb,
+.drawer__backdropEnterDone_mvpxb {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExit_mvpxb {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.drawer__backdropExitActive_mvpxb,
+.drawer__backdropExitDone_mvpxb {
+    background-color: transparent;
 }.attach__component_1j5t7 {
 }
 .attach__focused_1j5t7 {
@@ -1340,66 +1370,7 @@
             background-color: #fff;
             color: #000;
         }
-.confirmation__errorHeader_1tkto {
-    color: #fff;
-    color: #fff;
-}
-.confirmation__errorText_1tkto {
-    color: #8d8d93;
-    color: #8d8d93;
-}
-.confirmation__phoneHintText_1tkto {
-    color: #8d8d93;
-    color: #8d8d93;
-}
-.confirmation__phonesWrap_1tkto {
-    color: #8d8d93;
-}
-.confirmation__phoneDescription_1tkto {
-    color: #8d8d93;
-}
-.confirmation__input_16s9a {
-    background-color: #202022;
-    color: #fff
-}
-.confirmation__input_16s9a.confirmation__hasError_16s9a {
-        color: #f15045;
-        caret-color: #fff;
-        background-color: #35110d;
-    }
-.confirmation__input_16s9a.confirmation__disabled_16s9a {
-        color: #464649;
-    }
-@keyframes confirmation__shake_16s9a {
-}
-.confirmation__component_19xr0 {
-    color: #8d8d93;
-    color: #8d8d93;
-}
-.confirmation__circle_1wjyj {
-    fill: transparent;
-    stroke: #464649;
-}
-.confirmation__title_68ksl {
-    color: #fff;
-}
-.confirmation__description_68ksl {
-    color: #8d8d93;
-}
-.confirmation__alertIcon_68ksl {
-    color: #d91d0b;
-}
-.confirmation__header_s4cqs {
-    color: #fff;
-    color: #fff;
-}
-.confirmation__error_s4cqs {
-    color: #f15045;
-}
-.confirmation__loaderText_s4cqs {
-    color: #8d8d93;
-    color: #8d8d93;
-}.icon-button__primary_18ayx {
+.icon-button__primary_18ayx {
     color: #fff
 }
 .icon-button__primary_18ayx:hover {
@@ -1551,65 +1522,65 @@
 .input__error_1bftd {
     color: #ef3124;
     caret-color: #ef3124;
-}.plate__component_1he7j {
+}.confirmation__errorHeader_1v42v {
+    color: #fff;
     color: #fff;
 }
-.plate__focused_1he7j {
-    outline: 2px solid #007aff;
+.confirmation__errorText_1v42v {
+    color: #8d8d93;
+    color: #8d8d93;
 }
-.plate__common_1he7j {
-    background-color: #202022;
-    border-color: #6d7986;
+.confirmation__phoneHintText_1v42v {
+    color: #8d8d93;
+    color: #8d8d93;
 }
-.plate__negative_1he7j {
-    background-color: #35110d;
-    border-color: #d91d0b;
+.confirmation__phonesWrap_1v42v {
+    color: #8d8d93;
 }
-.plate__positive_1he7j {
-    background-color: #042117;
-    border-color: #13a463;
+.confirmation__phoneDescription_1v42v {
+    color: #8d8d93;
 }
-.plate__attention_1he7j {
-    background-color: #332104;
-    border-color: #de6a00;
-}.drawer__backdropEnter_mvpxb {
-    background-color: transparent;
+.confirmation__input_10g1t {
+    background-color: #202022;
+    color: #fff
 }
-.drawer__backdropEnterActive_mvpxb,
-.drawer__backdropEnterDone_mvpxb {
-    background-color: rgba(0, 0, 0, 0.8);
+.confirmation__input_10g1t.confirmation__hasError_10g1t {
+        color: #f15045;
+        caret-color: #fff;
+        background-color: #35110d;
+    }
+.confirmation__input_10g1t.confirmation__disabled_10g1t {
+        color: #464649;
+    }
+@keyframes confirmation__shake_10g1t {
 }
-.drawer__backdropExit_mvpxb {
-    background-color: rgba(0, 0, 0, 0.8);
+.confirmation__component_1g9yh {
+    color: #8d8d93;
+    color: #8d8d93;
 }
-.drawer__backdropExitActive_mvpxb,
-.drawer__backdropExitDone_mvpxb {
-    background-color: transparent;
-}.bottom-sheet__modal_1bvaw {
-    background-color: transparent;
+.confirmation__circle_7n5yq {
+    fill: transparent;
+    stroke: #464649;
 }
-.bottom-sheet__component_1bvaw {
-    background: #121212;
+.confirmation__title_bz6ss {
+    color: #fff;
 }
-.bottom-sheet__marker_1bvaw {
-    background-color: #2a2a2c;
+.confirmation__description_bz6ss {
+    color: #8d8d93;
 }
-.bottom-sheet__content_1bvaw {
-    color: #fff;
+.confirmation__alertIcon_bz6ss {
+    color: #d91d0b;
 }
-.bottom-sheet__footer_18aaf {
-    background-color: #121212;
+.confirmation__header_lg78n {
+    color: #fff;
+    color: #fff;
 }
-.bottom-sheet__highlighted_18aaf {
-    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08);
-}.toast-plate__component_fvnrw {
-    color: #000;
-    background-color: #fff
+.confirmation__error_lg78n {
+    color: #f15045;
 }
-.toast-plate__actionSection_fvnrw + .toast-plate__closeButton_fvnrw:before {
-        background-color: #e9e9eb;
-    }.calendar-with-skeleton__skeleton_6csck {
-    background-color: #121212;
+.confirmation__loaderText_lg78n {
+    color: #8d8d93;
+    color: #8d8d93;
 }
 
 
@@ -1644,24 +1615,49 @@
 }.modal__highlighted_1az38 {
     background: #121212;
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
-}.file-upload-item__component_1cucu {
-    border-bottom: 1px solid #2b2b2e;
-    color: #8d8d93
-}
-.file-upload-item__icon_1cucu {
+}.plate__component_1he7j {
     color: #fff;
 }
-.file-upload-item__errorIcon_1cucu {
-    color: #d91d0b;
+.plate__focused_1he7j {
+    outline: 2px solid #007aff;
 }
-.file-upload-item__successIcon_1cucu {
-    color: #2fc26e;
+.plate__common_1he7j {
+    background-color: #202022;
+    border-color: #6d7986;
 }
-.file-upload-item__name_1cucu {
-    color: #fff
+.plate__negative_1he7j {
+    background-color: #35110d;
+    border-color: #d91d0b;
 }
-.file-upload-item__error_1cucu {
-    color: #ef3124
+.plate__positive_1he7j {
+    background-color: #042117;
+    border-color: #13a463;
+}
+.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;
+    }.tooltip__hint_17w4r {
+    background-color: #121212;
+}
+.tooltip__hint_17w4r .tooltip__component_17w4r {
+    color: #000;
+}
+.tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
+    background-color: #121212;
+    border-color: #121212;
+}.calendar-with-skeleton__skeleton_6csck {
+    background-color: #121212;
+}.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
+    color: transparent;
+}
+.with-suffix__disabled_a3m43 {
+    color: #fff;
 }.slider-input__steps_14frs {
     color: #8d8d93;
 }
@@ -1725,26 +1721,24 @@
     color: #8d8d93;
 }
 
-.with-suffix__hasSuffix_a3m43 input:focus::placeholder {
-    color: transparent;
+.file-upload-item__component_1cucu {
+    border-bottom: 1px solid #2b2b2e;
+    color: #8d8d93
 }
-.with-suffix__disabled_a3m43 {
+.file-upload-item__icon_1cucu {
     color: #fff;
-}.tooltip__hint_17w4r {
-    background-color: #121212;
 }
-.tooltip__hint_17w4r .tooltip__component_17w4r {
-    color: #000;
+.file-upload-item__errorIcon_1cucu {
+    color: #d91d0b;
 }
-.tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
-    background-color: #121212;
-    border-color: #121212;
-}.toast__toastPlate_yelhs {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+.file-upload-item__successIcon_1cucu {
+    color: #2fc26e;
 }
-.toast__popoverInner_yelhs {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
+.file-upload-item__name_1cucu {
+    color: #fff
+}
+.file-upload-item__error_1cucu {
+    color: #ef3124
 }.bank-card__component_1szi5 {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
@@ -1769,16 +1763,12 @@
     }
 .bank-card__usePhoto_1szi5 {
     background-color: transparent
-}.amount-input__minorPartAndCurrency_1aycz {
-    color: #8d8d93;
-}
-.amount-input__filled_m8w8i .amount-input__input_m8w8i,
-.amount-input__input_m8w8i:focus {
-    -webkit-text-fill-color: transparent;
+}.toast__toastPlate_yelhs {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 }
-.amount-input__minorPartAndCurrency_rhm8r {
-    color: #8a8a8e;
-}@media (min-width: 600px) {
+.toast__popoverInner_yelhs {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
 }.gallery__modal_1gscz {
     background: transparent;
 }
@@ -1836,6 +1826,15 @@
 }
 .gallery__component_qwnak {
     background-color: #e9e9eb
+}.amount-input__minorPartAndCurrency_1aycz {
+    color: #8d8d93;
+}
+.amount-input__filled_m8w8i .amount-input__input_m8w8i,
+.amount-input__input_m8w8i:focus {
+    -webkit-text-fill-color: transparent;
+}
+.amount-input__minorPartAndCurrency_rhm8r {
+    color: #8a8a8e;
 }
 .intl-phone-input__flagIcon_nledi {
     box-shadow: 0 0 2px 0 rgba(11, 31, 53, 0.25);
@@ -1845,6 +1844,7 @@
 }
 .intl-phone-input__focusVisible_1uwdk {
     outline: 2px solid #007aff;
+}@media (min-width: 600px) {
 }.calendar-input__calendarContainer_1kv9n {
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
     border: 1px solid #2b2b2e;

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-b49182a7.js');
+require('./colors.module-ded492e1.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-263677ac.js');
+require('./common.module-1de331b9.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');

package/typography/esm/component.js

@@ -1,5 +1,5 @@
-import './colors.module-509f4855.js';
-import './common.module-961ee2a7.js';
+import './colors.module-d21f47ee.js';
+import './common.module-9782b936.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/index.js

@@ -1,5 +1,5 @@
-import './colors.module-509f4855.js';
-import './common.module-961ee2a7.js';
+import './colors.module-d21f47ee.js';
+import './common.module-9782b936.js';
 import 'react';
 import 'classnames';
 import './title/component.js';

package/typography/esm/text/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-509f4855.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-d21f47ee.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/text/index.js

@@ -1,4 +1,4 @@
-import '../colors.module-509f4855.js';
+import '../colors.module-d21f47ee.js';
 import 'react';
 import 'classnames';
 export { Text } from './component.js';

package/typography/esm/title/component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, c as colors } from '../colors.module-509f4855.js';
+import { a as __rest, _ as __assign, c as colors } from '../colors.module-d21f47ee.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 

package/typography/esm/title/index.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-509f4855.js';
-import { c as commonStyles } from '../common.module-961ee2a7.js';
+import { _ as __assign } from '../colors.module-d21f47ee.js';
+import { c as commonStyles } from '../common.module-9782b936.js';
 import React from 'react';
 import 'classnames';
 import { Title as Title$1 } from './component.js';

package/typography/esm/title-responsive/component.js

@@ -1,5 +1,5 @@
-import { _ as __assign } from '../colors.module-509f4855.js';
-import { c as commonStyles } from '../common.module-961ee2a7.js';
+import { _ as __assign } from '../colors.module-d21f47ee.js';
+import { c as commonStyles } from '../common.module-9782b936.js';
 import React from 'react';
 import 'classnames';
 import { Title } from '../title/component.js';

package/typography/esm/title-responsive/index.js

@@ -1,5 +1,5 @@
-import '../colors.module-509f4855.js';
-import '../common.module-961ee2a7.js';
+import '../colors.module-d21f47ee.js';
+import '../common.module-9782b936.js';
 import 'react';
 import 'classnames';
 import '../title/component.js';

package/typography/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-b49182a7.js');
+require('./colors.module-ded492e1.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-263677ac.js');
+require('./common.module-1de331b9.js');
 require('./title/index.js');
 require('./text/component.js');
 require('./title-responsive/component.js');

package/typography/modern/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import './colors.module-07a98532.js';
-import './common.module-961ee2a7.js';
+import './colors.module-5a6490a8.js';
+import './common.module-9782b936.js';
 import './title/component.js';
 import { Title } from './title/index.js';
 import { Text } from './text/component.js';

package/typography/modern/index.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
-import './colors.module-07a98532.js';
-import './common.module-961ee2a7.js';
+import './colors.module-5a6490a8.js';
+import './common.module-9782b936.js';
 import './title/component.js';
 import './title/index.js';
 import './text/component.js';

package/typography/modern/text/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-07a98532.js';
+import { c as colors } from '../colors.module-5a6490a8.js';
 
 var styles = {"paragraph":"typography__paragraph_1o3ta","primary-large":"typography__primary-large_1o3ta","primary-medium":"typography__primary-medium_1o3ta","primary-small":"typography__primary-small_1o3ta","secondary-large":"typography__secondary-large_1o3ta","secondary-medium":"typography__secondary-medium_1o3ta","secondary-small":"typography__secondary-small_1o3ta","component":"typography__component_1o3ta","caps":"typography__caps_1o3ta","bold":"typography__bold_1o3ta","medium":"typography__medium_1o3ta","regular":"typography__regular_1o3ta","monospace":"typography__monospace_1o3ta"};
 require('./index.css');

package/typography/modern/text/index.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-import '../colors.module-07a98532.js';
+import '../colors.module-5a6490a8.js';
 export { Text } from './component.js';

package/typography/modern/title/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
-import { c as colors } from '../colors.module-07a98532.js';
+import { c as colors } from '../colors.module-5a6490a8.js';
 
 const Title = forwardRef(({ tag: Component = 'div', view = 'medium', font = 'styrene', weight = font === 'styrene' ? 'medium' : 'bold', defaultMargins = false, color, className, dataTestId, children, styles, ...restProps }, ref) => (React.createElement(Component, Object.assign({ className: cn(styles.component, className, styles[`${font}-${view}`], defaultMargins && styles[`margins-${view}`], styles[weight], color && colors[color]), "data-test-id": dataTestId, ref: ref }, restProps), children)));
 

package/typography/modern/title/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import '../colors.module-07a98532.js';
-import { c as commonStyles } from '../common.module-961ee2a7.js';
+import '../colors.module-5a6490a8.js';
+import { c as commonStyles } from '../common.module-9782b936.js';
 import { Title as Title$1 } from './component.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_19kun","styrene-large":"typography__styrene-large_19kun","styrene-medium":"typography__styrene-medium_19kun","styrene-small":"typography__styrene-small_19kun","styrene-xsmall":"typography__styrene-xsmall_19kun","system-xlarge":"typography__system-xlarge_19kun","system-large":"typography__system-large_19kun","system-medium":"typography__system-medium_19kun","system-small":"typography__system-small_19kun","system-xsmall":"typography__system-xsmall_19kun","margins-xlarge":"typography__margins-xlarge_19kun","margins-large":"typography__margins-large_19kun","margins-medium":"typography__margins-medium_19kun","margins-small":"typography__margins-small_19kun","margins-xsmall":"typography__margins-xsmall_19kun","bold":"typography__bold_19kun","medium":"typography__medium_19kun","regular":"typography__regular_19kun"};

package/typography/modern/title-responsive/component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import 'classnames';
-import '../colors.module-07a98532.js';
-import { c as commonStyles } from '../common.module-961ee2a7.js';
+import '../colors.module-5a6490a8.js';
+import { c as commonStyles } from '../common.module-9782b936.js';
 import { Title } from '../title/component.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1awxd","styrene-large":"typography__styrene-large_1awxd","styrene-medium":"typography__styrene-medium_1awxd","styrene-small":"typography__styrene-small_1awxd","styrene-xsmall":"typography__styrene-xsmall_1awxd","system-xlarge":"typography__system-xlarge_1awxd","system-large":"typography__system-large_1awxd","system-medium":"typography__system-medium_1awxd","system-small":"typography__system-small_1awxd","system-xsmall":"typography__system-xsmall_1awxd","margins-xlarge":"typography__margins-xlarge_1awxd","margins-large":"typography__margins-large_1awxd","margins-medium":"typography__margins-medium_1awxd","margins-small":"typography__margins-small_1awxd","margins-xsmall":"typography__margins-xsmall_1awxd"};

package/typography/modern/title-responsive/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import '../colors.module-07a98532.js';
-import '../common.module-961ee2a7.js';
+import '../colors.module-5a6490a8.js';
+import '../common.module-9782b936.js';
 import '../title/component.js';
 export { TitleResponsive } from './component.js';

package/typography/text/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-b49182a7.js');
+var colors_module = require('../colors.module-ded492e1.js');
 var React = require('react');
 var cn = require('classnames');
 

package/typography/text/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../colors.module-b49182a7.js');
+require('../colors.module-ded492e1.js');
 require('react');
 require('classnames');
 var text_component = require('./component.js');

package/typography/title/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-b49182a7.js');
+var colors_module = require('../colors.module-ded492e1.js');
 var React = require('react');
 var cn = require('classnames');
 

package/typography/title/index.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-b49182a7.js');
+var colors_module = require('../colors.module-ded492e1.js');
 var React = require('react');
 require('classnames');
 var title_component = require('./component.js');
-var common_module = require('../common.module-263677ac.js');
+var common_module = require('../common.module-1de331b9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/typography/title-responsive/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var colors_module = require('../colors.module-b49182a7.js');
+var colors_module = require('../colors.module-ded492e1.js');
 var React = require('react');
 require('classnames');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-263677ac.js');
+var common_module = require('../common.module-1de331b9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }