@alfalab/core-components 31.3.1-beta.0 → 31.3.2

package/table/esm/components/tsortable-head-cell/sort-icon-unset.js

@@ -1,4 +1,4 @@
-import { a as __assign } from '../../tslib.es6-32ced036.js';
+import { a as __assign } from '../../tslib.es6-77141498.js';
 import React from 'react';
 
 var SortIconUnset = function (props) { return (React.createElement("svg", __assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),

package/table/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-32ced036.js';
+import './tslib.es6-77141498.js';
 import 'react';
 import 'classnames';
 import './components/thead/Component.js';

package/table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-5b047166.js');
+require('./tslib.es6-a3d9a120.js');
 require('react');
 require('classnames');
 require('./components/thead/Component.js');

package/tabs/components/tabs/Component.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
-declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, fullWidthScroll, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "className" | "children" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted" | "TabList">) => JSX.Element;
+declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, fullWidthScroll, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted" | "TabList">) => JSX.Element;
 export { Tabs };

package/tabs/components/tabs/Component.desktop.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll'>;
-declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: Pick<TabsProps, "className" | "children" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted">) => JSX.Element;
+declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted">) => JSX.Element;
 export { TabsDesktopProps, TabsDesktop };

package/tabs/components/tabs/Component.mobile.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsMobileProps = Omit<TabsProps, 'TabList' | 'size'>;
-declare const TabsMobile: ({ view, scrollable, ...restProps }: Pick<TabsProps, "className" | "children" | "onChange" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
+declare const TabsMobile: ({ view, scrollable, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
 export { TabsMobileProps, TabsMobile };

package/tabs/components/tabs/Component.responsive.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TabsProps } from "../../typings";
 type TabsResponsiveProps = Omit<TabsProps, 'TabList'>;
-declare const TabsResponsive: ({ view, scrollable, ...restProps }: Pick<TabsProps, "className" | "children" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
+declare const TabsResponsive: ({ view, scrollable, ...restProps }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "view" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "fullWidthScroll" | "keepMounted">) => JSX.Element;
 export { TabsResponsiveProps, TabsResponsive };

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

@@ -3,25 +3,6 @@
 }
 .card-image__loaded_1w3ko {
     background: transparent
-}.backdrop__backdrop_1foox {
-    -webkit-tap-highlight-color: transparent;
-}
-.backdrop__appear_1foox,
-.backdrop__enter_1foox {
-    background-color: transparent;
-}
-.backdrop__appearActive_1foox,
-.backdrop__enterActive_1foox,
-.backdrop__appearDone_1foox,
-.backdrop__enterDone_1foox {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exit_1foox {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exitActive_1foox,
-.backdrop__exitDone_1foox {
-    background-color: transparent;
 }.badge__component_e8vvm {
     background-color: #ef3124;
     color: #000;
@@ -86,7 +67,26 @@
     }
 .badge__outlineColor_e8vvm.badge__primary_e8vvm {
         background-color: #fff;
-    }.checkbox-group__error_1ltvs {
+    }.backdrop__backdrop_1foox {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_1foox,
+.backdrop__enter_1foox {
+    background-color: transparent;
+}
+.backdrop__appearActive_1foox,
+.backdrop__enterActive_1foox,
+.backdrop__appearDone_1foox,
+.backdrop__enterDone_1foox {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_1foox {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_1foox,
+.backdrop__exitDone_1foox {
+    background-color: transparent;
+}.checkbox-group__error_1ltvs {
     border-left: 1px solid #f15045;
 }
 .checkbox-group__label_1ltvs {
@@ -97,6 +97,8 @@
 }
 .checkbox-group__hint_1ltvs {
     color: #8d8d93;
+}.divider__component_1kvw4 {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1tr6g {
     color: #000;
     background-color: #000;
@@ -183,25 +185,6 @@
 }
 .checkbox__indeterminateLine_1tr6g {
     background-color: #000;
-}.divider__component_1kvw4 {
-    border-bottom: 1px solid #2b2b2e;
-}.dropzone__component_r5yub {
-    border: 2px dashed #464649;
-}
-.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
-    background-color: transparent;
-}
-.dropzone__dragOver_r5yub {
-    background-color: transparent;
-}
-.dropzone__error_r5yub {
-    border-color: #ef3124;
-}
-.dropzone__overlay_1v38y {
-    background: #202022;
-}
-.dropzone__text_1v38y {
-    color: #fff;
 }.code-input__error_3wqxb {
     color: #f15045;
 }
@@ -221,7 +204,24 @@
     }
 .code-input__input_1uozt:-webkit-autofill {
         -webkit-text-fill-color: #fff;
-    }.form-control__component_j54bx {
+    }.dropzone__component_r5yub {
+    border: 2px dashed #464649;
+}
+.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
+    background-color: transparent;
+}
+.dropzone__dragOver_r5yub {
+    background-color: transparent;
+}
+.dropzone__error_r5yub {
+    border-color: #ef3124;
+}
+.dropzone__overlay_1v38y {
+    background: #202022;
+}
+.dropzone__text_1v38y {
+    color: #fff;
+}.form-control__component_j54bx {
     color: #fff;
 }
 .form-control__inner_j54bx {

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

@@ -3,25 +3,6 @@
 }
 .card-image__loaded_1w3ko {
     background: transparent
-}.backdrop__backdrop_1foox {
-    -webkit-tap-highlight-color: transparent;
-}
-.backdrop__appear_1foox,
-.backdrop__enter_1foox {
-    background-color: transparent;
-}
-.backdrop__appearActive_1foox,
-.backdrop__enterActive_1foox,
-.backdrop__appearDone_1foox,
-.backdrop__enterDone_1foox {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exit_1foox {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exitActive_1foox,
-.backdrop__exitDone_1foox {
-    background-color: transparent;
 }.badge__component_e8vvm {
     background-color: #ef3124;
     color: #000;
@@ -86,7 +67,26 @@
     }
 .badge__outlineColor_e8vvm.badge__primary_e8vvm {
         background-color: #fff;
-    }.checkbox-group__error_1ltvs {
+    }.backdrop__backdrop_1foox {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_1foox,
+.backdrop__enter_1foox {
+    background-color: transparent;
+}
+.backdrop__appearActive_1foox,
+.backdrop__enterActive_1foox,
+.backdrop__appearDone_1foox,
+.backdrop__enterDone_1foox {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_1foox {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_1foox,
+.backdrop__exitDone_1foox {
+    background-color: transparent;
+}.checkbox-group__error_1ltvs {
     border-left: 1px solid #f15045;
 }
 .checkbox-group__label_1ltvs {
@@ -97,6 +97,8 @@
 }
 .checkbox-group__hint_1ltvs {
     color: #8d8d93;
+}.divider__component_1kvw4 {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1tr6g {
     color: #000;
     background-color: #000;
@@ -183,25 +185,6 @@
 }
 .checkbox__indeterminateLine_1tr6g {
     background-color: #000;
-}.divider__component_1kvw4 {
-    border-bottom: 1px solid #2b2b2e;
-}.dropzone__component_r5yub {
-    border: 2px dashed #464649;
-}
-.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
-    background-color: transparent;
-}
-.dropzone__dragOver_r5yub {
-    background-color: transparent;
-}
-.dropzone__error_r5yub {
-    border-color: #ef3124;
-}
-.dropzone__overlay_1v38y {
-    background: #202022;
-}
-.dropzone__text_1v38y {
-    color: #fff;
 }.code-input__error_3wqxb {
     color: #f15045;
 }
@@ -221,7 +204,24 @@
     }
 .code-input__input_1uozt:-webkit-autofill {
         -webkit-text-fill-color: #fff;
-    }.form-control__component_j54bx {
+    }.dropzone__component_r5yub {
+    border: 2px dashed #464649;
+}
+.dropzone__component_r5yub:not(.dropzone__disabled_r5yub):hover {
+    background-color: transparent;
+}
+.dropzone__dragOver_r5yub {
+    background-color: transparent;
+}
+.dropzone__error_r5yub {
+    border-color: #ef3124;
+}
+.dropzone__overlay_1v38y {
+    background: #202022;
+}
+.dropzone__text_1v38y {
+    color: #fff;
+}.form-control__component_j54bx {
     color: #fff;
 }
 .form-control__inner_j54bx {
@@ -1928,62 +1928,24 @@
 .drawer__backdropExitActive_1db1x,
 .drawer__backdropExitDone_1db1x {
     background-color: transparent;
-}.bottom-sheet__modal_11tsh {
-    background-color: transparent;
-}
-.bottom-sheet__component_11tsh {
-    background: #121212;
-}
-.bottom-sheet__marker_11tsh {
-    background-color: #2a2a2c;
-}
-.bottom-sheet__content_11tsh {
-    color: #fff;
-    background-color: #121212;
-}
-.bottom-sheet__backer_7nmud {
-    color: #fff;
-}
-.bottom-sheet__button_7nmud {
-    background: rgba(255, 255, 255, 0.03);
-}
-.bottom-sheet__closer_130gf {
-    color: #fff;
-}
-.bottom-sheet__button_130gf {
-    background: rgba(255, 255, 255, 0.03);
-}
-.bottom-sheet__footer_skmwm {
-    background-color: #121212;
-}
-.bottom-sheet__highlighted_skmwm {
-    border-top: 1px solid #2b2b2e;
-    background-color: #121212;
-}
-.bottom-sheet__headerWrapper_qr0u7 {
-    background-color: #121212;
-}
-.bottom-sheet__highlighted_qr0u7 {
-    border-bottom: 1px solid #2b2b2e;
-}.file-upload-item__component_1onfh {
-    color: #8d8d93;
-    box-shadow: 0 -1px 0 0 #2b2b2e inset
-}
-.file-upload-item__icon_1onfh {
-    color: #fff;
-}
-.file-upload-item__errorIcon_1onfh {
-    color: #d91d0b;
+}.pure-cell__focused_1vxa8 {
+    outline: 2px solid #0072ef;
 }
-.file-upload-item__successIcon_1onfh {
-    color: #2fc26e;
+
+
+
+.pure-cell__categoryPercent_1sd5o {
+    background-color: #202022;
 }
-.file-upload-item__name_1onfh {
-    color: #fff
+.pure-cell__component_1h3o0 {
+    background-color: #202022;
 }
-.file-upload-item__errorWrapper_1onfh {
-    color: #ef3124
-}.filter-tag__component_1ylyg.filter-tag__disabled_1ylyg {
+
+
+
+
+
+.filter-tag__component_1ylyg.filter-tag__disabled_1ylyg {
         background-color: rgba(32, 32, 34, 0.3);
     }
 .filter-tag__component_1ylyg.filter-tag__checked_1ylyg:not(.filter-tag__component_1ylyg.filter-tag__disabled_1ylyg) {
@@ -2056,24 +2018,62 @@
 .filter-tag__clear_1ylyg:active {
         background-color: rgb(194, 195, 196);
         color: #000;
-    }.pure-cell__focused_1vxa8 {
-    outline: 2px solid #0072ef;
+    }.bottom-sheet__modal_11tsh {
+    background-color: transparent;
 }
-
-
-
-.pure-cell__categoryPercent_1sd5o {
-    background-color: #202022;
+.bottom-sheet__component_11tsh {
+    background: #121212;
 }
-.pure-cell__component_1h3o0 {
-    background-color: #202022;
+.bottom-sheet__marker_11tsh {
+    background-color: #2a2a2c;
 }
-
-
-
-
-
-.toast-plate__component_1qz8r {
+.bottom-sheet__content_11tsh {
+    color: #fff;
+    background-color: #121212;
+}
+.bottom-sheet__backer_7nmud {
+    color: #fff;
+}
+.bottom-sheet__button_7nmud {
+    background: rgba(255, 255, 255, 0.03);
+}
+.bottom-sheet__closer_130gf {
+    color: #fff;
+}
+.bottom-sheet__button_130gf {
+    background: rgba(255, 255, 255, 0.03);
+}
+.bottom-sheet__footer_skmwm {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_skmwm {
+    border-top: 1px solid #2b2b2e;
+    background-color: #121212;
+}
+.bottom-sheet__headerWrapper_qr0u7 {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_qr0u7 {
+    border-bottom: 1px solid #2b2b2e;
+}.file-upload-item__component_1onfh {
+    color: #8d8d93;
+    box-shadow: 0 -1px 0 0 #2b2b2e inset
+}
+.file-upload-item__icon_1onfh {
+    color: #fff;
+}
+.file-upload-item__errorIcon_1onfh {
+    color: #d91d0b;
+}
+.file-upload-item__successIcon_1onfh {
+    color: #2fc26e;
+}
+.file-upload-item__name_1onfh {
+    color: #fff
+}
+.file-upload-item__errorWrapper_1onfh {
+    color: #ef3124
+}.toast-plate__component_1qz8r {
     color: #000;
     background-color: #fff;
 }
@@ -2126,34 +2126,7 @@
 }
 .with-suffix__readOnly_1di1f {
     color: #8d8d93;
-}.bank-card__component_1j6gx {
-    --form-control-bg-color: transparent;
-    --form-control-hover-bg-color: transparent;
-    --form-control-focus-bg-color: transparent;
-}
-.bank-card__label_1j6gx {
-    color: rgba(0, 0, 0, 0.6)
-}
-.bank-card__focused_1j6gx .bank-card__label_1j6gx,
-.bank-card__filled_1j6gx .bank-card__label_1j6gx {
-    color: #000
-}
-.bank-card__input_1j6gx {
-    color: #000;
-    caret-color: #000
-}
-.bank-card__bankLogo_1j6gx svg g {
-            fill: #000;
-        }
-.bank-card__brandLogo_1j6gx svg {
-        fill: #000;
-    }
-.bank-card__usePhoto_1j6gx {
-    background-color: transparent
-}
-.bank-card__usePhoto_1j6gx svg {
-        fill: #000;
-    }.tooltip__hint_1j08n {
+}.tooltip__hint_1j08n {
     background-color: #fff;
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
         0 8px 16px rgba(11, 31, 53, 0.16);
@@ -2208,7 +2181,34 @@
 .side-panel__sticky_1ew5a.side-panel__hasContent_1ew5a {
         background: #121212;
     }
-.toast__toastPlate_yn2i2 {
+.bank-card__component_1j6gx {
+    --form-control-bg-color: transparent;
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+}
+.bank-card__label_1j6gx {
+    color: rgba(0, 0, 0, 0.6)
+}
+.bank-card__focused_1j6gx .bank-card__label_1j6gx,
+.bank-card__filled_1j6gx .bank-card__label_1j6gx {
+    color: #000
+}
+.bank-card__input_1j6gx {
+    color: #000;
+    caret-color: #000
+}
+.bank-card__bankLogo_1j6gx svg g {
+            fill: #000;
+        }
+.bank-card__brandLogo_1j6gx svg {
+        fill: #000;
+    }
+.bank-card__usePhoto_1j6gx {
+    background-color: transparent
+}
+.bank-card__usePhoto_1j6gx svg {
+        fill: #000;
+    }.toast__toastPlate_yn2i2 {
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 }
 .toast__popoverInner_yn2i2 {
@@ -2223,7 +2223,6 @@
 }
 .amount-input__minorPartAndCurrency_1xuez {
     color: #8a8a8e;
-}@media (min-width: 600px) {
 }
 .calendar__wrapper_vycth {
     background: #121212;
@@ -2357,63 +2356,7 @@
                 color: #000;
             }
 @media (max-width: 374px) {
-        }.gallery__modal_1kvb5 {
-    background: transparent;
-}
-.gallery__header_1nec2 {
-    background-color: #e9e9eb;
-}
-
-.gallery__component_1p1ih {
-    border: 2px solid rgba(0, 0, 0, 0);
-}
-.gallery__active_1p1ih {
-    border-color: #000
-}
-.gallery__image_1p1ih {
-    background-color: #121212
-}
-.gallery__loading_1p1ih {
-    background-color: #e9eaeb;
-}
-.gallery__brokenImageWrapper_1p1ih {
-    background-color: #121212
-}
-.gallery__focused_1p1ih {
-    outline: 2px solid #0072ef;
-}
-.gallery__component_15oeo {
-    background-color: rgba(255, 255, 255, 0.5);
-}
-.gallery__slideLoading_15oeo {
-    background-color: #e9eaeb;
-}
-.gallery__image_15oeo {
-    background-color: #121212;
-}
-.gallery__smallImage_15oeo {
-    background-color: #121212;
-}
-.gallery__arrow_15oeo {
-    color: #000
-}
-.gallery__arrow_15oeo:hover {
-        background-color: rgba(255, 255, 255, 0.1);
-    }
-.gallery__arrow_15oeo:active {
-        background-color: rgba(255, 255, 255, 0.2);
-    }
-.gallery__focused_15oeo {
-    outline: 2px solid #0072ef;
-}
-.gallery__placeholder_15oeo {
-    background-color: #121212;
-}
-.gallery__fullScreenImage_15oeo {
-    background-color: #121212;
-}
-.gallery__component_t3pni {
-    background-color: #e9e9eb
+        }@media (min-width: 600px) {
 }.select__arrow_1waap {
     color: #fff;
 }
@@ -2492,6 +2435,63 @@
 }
 .select__withBorder_z9v50 {
     box-shadow: inset 0 1px 0 #262629;
+}.gallery__modal_1kvb5 {
+    background: transparent;
+}
+.gallery__header_1nec2 {
+    background-color: #e9e9eb;
+}
+
+.gallery__component_1p1ih {
+    border: 2px solid rgba(0, 0, 0, 0);
+}
+.gallery__active_1p1ih {
+    border-color: #000
+}
+.gallery__image_1p1ih {
+    background-color: #121212
+}
+.gallery__loading_1p1ih {
+    background-color: #e9eaeb;
+}
+.gallery__brokenImageWrapper_1p1ih {
+    background-color: #121212
+}
+.gallery__focused_1p1ih {
+    outline: 2px solid #0072ef;
+}
+.gallery__component_15oeo {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+.gallery__slideLoading_15oeo {
+    background-color: #e9eaeb;
+}
+.gallery__image_15oeo {
+    background-color: #121212;
+}
+.gallery__smallImage_15oeo {
+    background-color: #121212;
+}
+.gallery__arrow_15oeo {
+    color: #000
+}
+.gallery__arrow_15oeo:hover {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+.gallery__arrow_15oeo:active {
+        background-color: rgba(255, 255, 255, 0.2);
+    }
+.gallery__focused_15oeo {
+    outline: 2px solid #0072ef;
+}
+.gallery__placeholder_15oeo {
+    background-color: #121212;
+}
+.gallery__fullScreenImage_15oeo {
+    background-color: #121212;
+}
+.gallery__component_t3pni {
+    background-color: #e9e9eb
 }.calendar-with-skeleton__skeleton_17zx9 {
     background-color: #121212;
 }.calendar-input__calendarIcon_zou9e {
@@ -2522,16 +2522,16 @@
 }
 .select-with-tags__placeholder_pymuy {
     color: #464649;
-}
+}.calendar-range__divider_1dk6e:after {
+        background-color: #fff;
+    }
+
 .input-autocomplete__placeholder_1lp53 {
     color: #8d8d93;
 }
 .input-autocomplete__focusVisible_1lp53 {
     outline: 2px solid #0072ef;
-}
-.calendar-range__divider_1dk6e:after {
-        background-color: #fff;
-    }.table__component_78c0g {
+}.table__component_78c0g {
     border-top: 1px solid #2b2b2e;
 }
 .table__wrapper_m7y7z {

package/typography/component.js

@@ -1,10 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./colors.module-5c19d9eb.js');
+require('./colors.module-122ab4b1.js');
 require('react');
 require('classnames');
 require('./title/component.js');
-require('./common.module-809f9008.js');
+require('./common.module-aee783b0.js');
 var title_index = require('./title/index.js');
 var text_component = require('./text/component.js');
 var titleResponsive_component = require('./title-responsive/component.js');