@alfalab/core-components 20.1.0 → 20.2.0

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

@@ -271,13 +271,7 @@
     }
 @media (min-width: 1920px) {
     }
-.list__list_1uyix {
-    color: #fff;
-}
-.list__slot_1uyix {
-    color: #fff;
-}@keyframes loader__blink_1076g {
-}.link__primary_17b16 {
+.link__primary_17b16 {
     color: #fff;
     border-bottom-color: #fff
 }
@@ -343,7 +337,13 @@
     }
 .link__default_g0k2c:active {
         color: rgb(0, 73, 153);
-    }.progress-bar__container_9e0pi {
+    }.list__list_1uyix {
+    color: #fff;
+}
+.list__slot_1uyix {
+    color: #fff;
+}@keyframes loader__blink_1076g {
+}.progress-bar__container_9e0pi {
     background: #2a2a2c;
 }
 .progress-bar__filled_9e0pi.progress-bar__positive_9e0pi {
@@ -1133,20 +1133,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;
-}.list-header__filled_uw5hp {
-    background-color: #485767;
 }.select-with-tags__tag_bqm1h:active:not(:disabled) {
         background-color: #f3f4f5;
     }
@@ -1171,6 +1157,20 @@
 }
 .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 {
+    background-color: #485767;
 }.tabs__component_10yps:before {
         background-color: #2b2b2e;
     }
@@ -1359,7 +1359,79 @@
 .confirmation__loaderText_1nv3s {
     color: #8d8d93;
     color: #8d8d93;
-}.input__input_fj5ux {
+}.icon-button__primary_18ayx {
+    color: #fff
+}
+.icon-button__primary_18ayx:hover {
+        color: color-mod(#fff shade(30%));
+    }
+.icon-button__primary_18ayx:active {
+        color: color-mod(#fff shade(50%));
+    }
+.icon-button__secondary_18ayx {
+    color: #8d8d93
+}
+.icon-button__secondary_18ayx:hover {
+        color: color-mod(#8d8d93 tint(30%));
+    }
+.icon-button__secondary_18ayx:active {
+        color: color-mod(#8d8d93 tint(50%));
+    }
+.icon-button__transparent_18ayx {
+    color: color-mod(#fff alpha(30%))
+}
+.icon-button__transparent_18ayx:hover {
+        color: color-mod(#fff alpha(40%));
+    }
+.icon-button__transparent_18ayx:active {
+        color: color-mod(#fff alpha(50%));
+    }
+.icon-button__negative_18ayx {
+    color: #d91d0b
+}
+.icon-button__negative_18ayx:hover {
+        color: color-mod(#d91d0b shade(30%));
+    }
+.icon-button__negative_18ayx:active {
+        color: color-mod(#d91d0b shade(50%));
+    }
+
+.icon-button__primary_1ycb2 {
+    color: #121212
+}
+.icon-button__primary_1ycb2:hover {
+        color: rgb(230, 230, 230);
+    }
+.icon-button__primary_1ycb2:active {
+        color: rgb(179, 179, 179);
+    }
+.icon-button__secondary_1ycb2 {
+    color: #233549
+}
+.icon-button__secondary_1ycb2:hover {
+        color: rgb(219, 220, 221);
+    }
+.icon-button__secondary_1ycb2:active {
+        color: rgb(170, 171, 172);
+    }
+.icon-button__transparent_1ycb2 {
+    color: rgba(255, 255, 255, 0.3)
+}
+.icon-button__transparent_1ycb2:hover {
+        color: rgba(255, 255, 255, 0.4);
+    }
+.icon-button__transparent_1ycb2:active {
+        color: rgba(255, 255, 255, 0.5);
+    }
+.icon-button__negative_1ycb2 {
+    color: #d91d0b
+}
+.icon-button__negative_1ycb2:hover {
+        color: rgb(217, 72, 62);
+    }
+.icon-button__negative_1ycb2:active {
+        color: rgb(169, 56, 48);
+    }.input__input_fj5ux {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1437,79 +1509,7 @@
 .input__error_r43nt {
     color: #ef3124;
     caret-color: #ef3124;
-}.icon-button__primary_18ayx {
-    color: #fff
-}
-.icon-button__primary_18ayx:hover {
-        color: color-mod(#fff shade(30%));
-    }
-.icon-button__primary_18ayx:active {
-        color: color-mod(#fff shade(50%));
-    }
-.icon-button__secondary_18ayx {
-    color: #8d8d93
-}
-.icon-button__secondary_18ayx:hover {
-        color: color-mod(#8d8d93 tint(30%));
-    }
-.icon-button__secondary_18ayx:active {
-        color: color-mod(#8d8d93 tint(50%));
-    }
-.icon-button__transparent_18ayx {
-    color: color-mod(#fff alpha(30%))
-}
-.icon-button__transparent_18ayx:hover {
-        color: color-mod(#fff alpha(40%));
-    }
-.icon-button__transparent_18ayx:active {
-        color: color-mod(#fff alpha(50%));
-    }
-.icon-button__negative_18ayx {
-    color: #d91d0b
-}
-.icon-button__negative_18ayx:hover {
-        color: color-mod(#d91d0b shade(30%));
-    }
-.icon-button__negative_18ayx:active {
-        color: color-mod(#d91d0b shade(50%));
-    }
-
-.icon-button__primary_1ycb2 {
-    color: #121212
-}
-.icon-button__primary_1ycb2:hover {
-        color: rgb(230, 230, 230);
-    }
-.icon-button__primary_1ycb2:active {
-        color: rgb(179, 179, 179);
-    }
-.icon-button__secondary_1ycb2 {
-    color: #233549
-}
-.icon-button__secondary_1ycb2:hover {
-        color: rgb(219, 220, 221);
-    }
-.icon-button__secondary_1ycb2:active {
-        color: rgb(170, 171, 172);
-    }
-.icon-button__transparent_1ycb2 {
-    color: rgba(255, 255, 255, 0.3)
-}
-.icon-button__transparent_1ycb2:hover {
-        color: rgba(255, 255, 255, 0.4);
-    }
-.icon-button__transparent_1ycb2:active {
-        color: rgba(255, 255, 255, 0.5);
-    }
-.icon-button__negative_1ycb2 {
-    color: #d91d0b
-}
-.icon-button__negative_1ycb2:hover {
-        color: rgb(217, 72, 62);
-    }
-.icon-button__negative_1ycb2:active {
-        color: rgb(169, 56, 48);
-    }.plate__component_1he7j {
+}.plate__component_1he7j {
     color: #fff;
 }
 .plate__focused_1he7j {
@@ -1566,6 +1566,8 @@
 }
 .bottom-sheet__highlighted_18aaf {
     box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 -4px 8px rgba(11, 31, 53, 0.08);
+}.calendar-with-skeleton__skeleton_6csck {
+    background-color: #121212;
 }
 
 
@@ -1600,11 +1602,6 @@
 }.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);
-}.with-suffix__hasSuffix_1f04z input:focus::placeholder {
-    color: transparent;
-}
-.with-suffix__disabled_1f04z {
-    color: #fff;
 }.slider-input__steps_1l145 {
     color: #8d8d93;
 }
@@ -1666,8 +1663,11 @@
     color: #8d8d93;
 }
 
-.calendar-with-skeleton__skeleton_6csck {
-    background-color: #121212;
+.with-suffix__hasSuffix_1f04z input:focus::placeholder {
+    color: transparent;
+}
+.with-suffix__disabled_1f04z {
+    color: #fff;
 }.file-upload-item__component_171n7 {
     border-bottom: 1px solid #2b2b2e;
     color: #8d8d93
@@ -1686,6 +1686,12 @@
 }
 .file-upload-item__error_171n7 {
     color: #ef3124
+}.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 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
 }.tooltip__hint_17w4r {
     background-color: #121212;
 }
@@ -1695,12 +1701,6 @@
 .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);
-}
-.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;
 }.bank-card__component_1y17j {
     --form-control-bg-color: transparent;
     --form-control-hover-bg-color: transparent;
@@ -1743,64 +1743,64 @@
 }
 .intl-phone-input__focusVisible_8jivk {
     outline: 2px solid #007aff;
-}.gallery__modal_th1rc {
+}@media (min-width: 600px) {
+}.gallery__modal_hrh6l {
     background: transparent;
 }
-.gallery__component_lb1bj {
+.gallery__component_3knbd {
     background-color: #e9e9eb;
 }
 
-.gallery__component_7nabl {
+.gallery__component_s0unj {
     border: 2px solid rgba(0, 0, 0, 0);
 }
-.gallery__active_7nabl {
+.gallery__active_s0unj {
     border-color: #121212
 }
-.gallery__image_7nabl {
+.gallery__image_s0unj {
     background-color: #121212
 }
-.gallery__loading_7nabl {
+.gallery__loading_s0unj {
     background-color: #e9eaeb;
 }
-.gallery__brokenImageWrapper_7nabl {
+.gallery__brokenImageWrapper_s0unj {
     background-color: #121212
 }
-.gallery__focused_7nabl {
+.gallery__focused_s0unj {
     outline: 2px solid #007aff;
 }
-.gallery__component_hfnrp {
+.gallery__component_8d9io {
     background-color: color-mod(#121212 alpha(50%));
 }
-.gallery__slideLoading_hfnrp {
+.gallery__slideLoading_8d9io {
     background-color: #e9eaeb;
 }
-.gallery__image_hfnrp {
+.gallery__image_8d9io {
     background-color: #121212;
 }
-.gallery__smallImage_hfnrp {
+.gallery__smallImage_8d9io {
     background-color: #121212;
 }
-.gallery__arrow_hfnrp {
+.gallery__arrow_8d9io {
     color: #121212
 }
-.gallery__arrow_hfnrp:hover {
+.gallery__arrow_8d9io:hover {
         background-color: color-mod(#fff alpha(10%));
     }
-.gallery__arrow_hfnrp:active {
+.gallery__arrow_8d9io:active {
         background-color: color-mod(#fff alpha(20%));
     }
-.gallery__focused_hfnrp {
+.gallery__focused_8d9io {
     outline: 2px solid #007aff;
 }
-.gallery__placeholder_hfnrp {
+.gallery__placeholder_8d9io {
     background-color: #121212;
 }
-.gallery__fullScreenImage_hfnrp {
+.gallery__fullScreenImage_8d9io {
     background-color: #121212;
 }
-.gallery__component_pmo4k {
+.gallery__component_1yma8 {
     background-color: #e9e9eb
-}@media (min-width: 600px) {
 }.calendar-input__calendarContainer_lbqut {
     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 }; }
 

package/typography/title-responsive/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');
 var titleResponsive_component = require('./component.js');
 
 

package/vars/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-vars",
-    "version": "4.0.0",
+    "version": "4.1.0",
     "description": "",
     "keywords": [],
     "license": "MIT",