@alfalab/core-components 36.1.1 → 36.2.0

package/scrollbar/index.css

@@ -15,7 +15,7 @@
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
 }
-.scrollbar__component_1ycpo {
+.scrollbar__component_isegf {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
@@ -23,14 +23,14 @@
     align-content: flex-start;
     align-items: flex-start
 }
-.scrollbar__component_1ycpo .scrollbar__wrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__wrapper_isegf {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
     }
-.scrollbar__component_1ycpo .scrollbar__heightAutoObserverWrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__heightAutoObserverWrapper_isegf {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -47,7 +47,7 @@
         flex-shrink: 0;
         flex-basis: 0;
     }
-.scrollbar__component_1ycpo .scrollbar__heightAutoObserver_1ycpo {
+.scrollbar__component_isegf .scrollbar__heightAutoObserver_isegf {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -62,7 +62,7 @@
         pointer-events: none;
         z-index: -1;
     }
-.scrollbar__component_1ycpo .scrollbar__mask_1ycpo {
+.scrollbar__component_isegf .scrollbar__mask_isegf {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -76,7 +76,7 @@
         height: auto;
         z-index: 0;
     }
-.scrollbar__component_1ycpo .scrollbar__offset_1ycpo {
+.scrollbar__component_isegf .scrollbar__offset_isegf {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         margin: 0;
         -webkit-overflow-scrolling: touch;
     }
-.scrollbar__component_1ycpo .scrollbar__contentWrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__contentWrapper_isegf {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,17 +101,17 @@
         scrollbar-width: none;
         -ms-overflow-style: none
     }
-.scrollbar__component_1ycpo .scrollbar__contentWrapper_1ycpo::-webkit-scrollbar {
+.scrollbar__component_isegf .scrollbar__contentWrapper_isegf::-webkit-scrollbar {
             width: 0;
             height: 0;
         }
-.scrollbar__component_1ycpo .scrollbar__placeholder_1ycpo {
+.scrollbar__component_isegf .scrollbar__placeholder_isegf {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
     }
-.scrollbar__component_1ycpo .track {
+.scrollbar__component_isegf .track {
         z-index: 1;
         position: absolute;
         right: 0;
@@ -119,34 +119,34 @@
         pointer-events: auto;
         overflow: hidden
     }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
         }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo.scrollbar__hover_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf.scrollbar__hover_isegf .scrollbar {
                     width: var(--scrollbar-hover-size);
                 }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
             }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf .scrollbar:before {
                     right: 0;
                     left: 0;
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
                 }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf {
             left: 0;
             height: var(--scrollbar-rail-size)
         }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo.scrollbar__hover_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf.scrollbar__hover_isegf .scrollbar {
                     height: var(--scrollbar-hover-size);
                 }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf .scrollbar {
                 right: auto;
                 left: 0;
                 bottom: var(--scrollbar-thumb-margin);
@@ -157,20 +157,20 @@
                 transition: height 0.1s linear;
                 will-change: height
             }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: 0;
                     bottom: 0;
                     transition: opacity 0.2s linear;
                 }
-.scrollbar__component_1ycpo .scrollbar {
+.scrollbar__component_isegf .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
     }
-.scrollbar__component_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
@@ -178,21 +178,21 @@
             right: 0;
             opacity: 0;
         }
-.scrollbar__component_1ycpo .scrollbar.visible:before {
+.scrollbar__component_isegf .scrollbar.visible:before {
             opacity: 1;
         }
-.scrollbar__component_1ycpo.dragging .scrollbar__content_1ycpo {
+.scrollbar__component_isegf.dragging .scrollbar__content_isegf {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
     }
-.scrollbar__component_1ycpo.dragging .track {
+.scrollbar__component_isegf.dragging .track {
         pointer-events: all
     }
-.scrollbar__component_1ycpo.dragging .track.scrollbar__vertical_1ycpo .scrollbar {
+.scrollbar__component_isegf.dragging .track.scrollbar__vertical_isegf .scrollbar {
             width: var(--scrollbar-hover-size);
         }
-.scrollbar__component_1ycpo.dragging .track.scrollbar__horizontal_1ycpo .scrollbar {
+.scrollbar__component_isegf.dragging .track.scrollbar__horizontal_isegf .scrollbar {
             height: var(--scrollbar-hover-size);
         }
 .simplebar-hide-scrollbar {

package/scrollbar/inverted.css

@@ -16,9 +16,9 @@
         --color-light-graphic-primary-inverted-alpha-60
     );
 }
-.scrollbar__component_175zm .scrollbar:before {
+.scrollbar__component_185dg .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
         }
-.scrollbar__component_175zm.dragging .track .scrollbar.visible:before {
+.scrollbar__component_185dg.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/scrollbar/modern/Component.js

@@ -797,13 +797,13 @@ SimpleBar.defaultOptions = {
 };
 SimpleBar.instances = new WeakMap();
 
-var defaultColors = {"component":"scrollbar__component_1o4pi"};
+var defaultColors = {"component":"scrollbar__component_1p43c"};
 require('./default.css');
 
-var styles = {"component":"scrollbar__component_1ycpo","wrapper":"scrollbar__wrapper_1ycpo","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_1ycpo","heightAutoObserver":"scrollbar__heightAutoObserver_1ycpo","-webkit-mask":"scrollbar__mask_1ycpo","mask":"scrollbar__mask_1ycpo","offset":"scrollbar__offset_1ycpo","contentWrapper":"scrollbar__contentWrapper_1ycpo","placeholder":"scrollbar__placeholder_1ycpo","vertical":"scrollbar__vertical_1ycpo","hover":"scrollbar__hover_1ycpo","horizontal":"scrollbar__horizontal_1ycpo","content":"scrollbar__content_1ycpo"};
+var styles = {"component":"scrollbar__component_isegf","wrapper":"scrollbar__wrapper_isegf","heightAutoObserverWrapper":"scrollbar__heightAutoObserverWrapper_isegf","heightAutoObserver":"scrollbar__heightAutoObserver_isegf","-webkit-mask":"scrollbar__mask_isegf","mask":"scrollbar__mask_isegf","offset":"scrollbar__offset_isegf","contentWrapper":"scrollbar__contentWrapper_isegf","placeholder":"scrollbar__placeholder_isegf","vertical":"scrollbar__vertical_isegf","hover":"scrollbar__hover_isegf","horizontal":"scrollbar__horizontal_isegf","content":"scrollbar__content_isegf"};
 require('./index.css');
 
-var invertedColors = {"component":"scrollbar__component_175zm"};
+var invertedColors = {"component":"scrollbar__component_185dg"};
 require('./inverted.css');
 
 const colorStylesMap = {

package/scrollbar/modern/default.css

@@ -15,9 +15,9 @@
     --scrollbar-background-color: var(--color-light-graphic-primary-alpha-30);
     --scrollbar-background-color-active: var(--color-light-graphic-primary-alpha-60);
 }
-.scrollbar__component_1o4pi .scrollbar:before {
+.scrollbar__component_1p43c .scrollbar:before {
             background-color: var(--scrollbar-background-color);
         }
-.scrollbar__component_1o4pi.dragging .track .scrollbar.visible:before {
+.scrollbar__component_1p43c.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-background-color-active);
         }

package/scrollbar/modern/index.css

@@ -15,7 +15,7 @@
     --scrollbar-thumb-side-outer-offset: 4px;
     --scrollbar-thumb-margin: 3px;
 }
-.scrollbar__component_1ycpo {
+.scrollbar__component_isegf {
     position: relative;
     flex-direction: column;
     flex-wrap: wrap;
@@ -23,14 +23,14 @@
     align-content: flex-start;
     align-items: flex-start
 }
-.scrollbar__component_1ycpo .scrollbar__wrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__wrapper_isegf {
         overflow: hidden;
         width: inherit;
         height: inherit;
         max-width: inherit;
         max-height: inherit;
     }
-.scrollbar__component_1ycpo .scrollbar__heightAutoObserverWrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__heightAutoObserverWrapper_isegf {
         box-sizing: inherit;
         height: 100%;
         width: 100%;
@@ -47,7 +47,7 @@
         flex-shrink: 0;
         flex-basis: 0;
     }
-.scrollbar__component_1ycpo .scrollbar__heightAutoObserver_1ycpo {
+.scrollbar__component_isegf .scrollbar__heightAutoObserver_isegf {
         box-sizing: inherit;
         display: block;
         opacity: 0;
@@ -62,7 +62,7 @@
         pointer-events: none;
         z-index: -1;
     }
-.scrollbar__component_1ycpo .scrollbar__mask_1ycpo {
+.scrollbar__component_isegf .scrollbar__mask_isegf {
         direction: inherit;
         position: absolute;
         overflow: hidden;
@@ -76,7 +76,7 @@
         height: auto;
         z-index: 0;
     }
-.scrollbar__component_1ycpo .scrollbar__offset_1ycpo {
+.scrollbar__component_isegf .scrollbar__offset_isegf {
         direction: inherit;
         box-sizing: inherit;
         resize: none;
@@ -89,7 +89,7 @@
         margin: 0;
         -webkit-overflow-scrolling: touch;
     }
-.scrollbar__component_1ycpo .scrollbar__contentWrapper_1ycpo {
+.scrollbar__component_isegf .scrollbar__contentWrapper_isegf {
         direction: inherit;
         box-sizing: border-box;
         position: relative;
@@ -101,17 +101,17 @@
         scrollbar-width: none;
         -ms-overflow-style: none
     }
-.scrollbar__component_1ycpo .scrollbar__contentWrapper_1ycpo::-webkit-scrollbar {
+.scrollbar__component_isegf .scrollbar__contentWrapper_isegf::-webkit-scrollbar {
             width: 0;
             height: 0;
         }
-.scrollbar__component_1ycpo .scrollbar__placeholder_1ycpo {
+.scrollbar__component_isegf .scrollbar__placeholder_isegf {
         max-height: 100%;
         max-width: 100%;
         width: 100%;
         pointer-events: none;
     }
-.scrollbar__component_1ycpo .track {
+.scrollbar__component_isegf .track {
         z-index: 1;
         position: absolute;
         right: 0;
@@ -119,34 +119,34 @@
         pointer-events: auto;
         overflow: hidden
     }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf {
             top: 0;
             width: var(--scrollbar-rail-size);
             transform: rotateY(-180deg)
         }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo.scrollbar__hover_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf.scrollbar__hover_isegf .scrollbar {
                     width: var(--scrollbar-hover-size);
                 }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf .scrollbar {
                 width: var(--scrollbar-thumb-size);
                 margin-left: var(--scrollbar-thumb-margin);
                 transition: width 0.1s linear
             }
-.scrollbar__component_1ycpo .track.scrollbar__vertical_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .track.scrollbar__vertical_isegf .scrollbar:before {
                     right: 0;
                     left: 0;
                     top: var(--scrollbar-thumb-side-outer-offset);
                     bottom: var(--scrollbar-thumb-side-outer-offset);
                     transition: opacity 0.2s linear;
                 }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf {
             left: 0;
             height: var(--scrollbar-rail-size)
         }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo.scrollbar__hover_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf.scrollbar__hover_isegf .scrollbar {
                     height: var(--scrollbar-hover-size);
                 }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo .scrollbar {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf .scrollbar {
                 right: auto;
                 left: 0;
                 bottom: var(--scrollbar-thumb-margin);
@@ -157,20 +157,20 @@
                 transition: height 0.1s linear;
                 will-change: height
             }
-.scrollbar__component_1ycpo .track.scrollbar__horizontal_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .track.scrollbar__horizontal_isegf .scrollbar:before {
                     left: var(--scrollbar-thumb-side-outer-offset);
                     right: var(--scrollbar-thumb-side-outer-offset);
                     top: 0;
                     bottom: 0;
                     transition: opacity 0.2s linear;
                 }
-.scrollbar__component_1ycpo .scrollbar {
+.scrollbar__component_isegf .scrollbar {
         position: absolute;
         left: 0;
         right: 0;
         min-height: 40px
     }
-.scrollbar__component_1ycpo .scrollbar:before {
+.scrollbar__component_isegf .scrollbar:before {
             position: absolute;
             content: '';
             border-radius: var(--scrollbar-thumb-border-radius);
@@ -178,21 +178,21 @@
             right: 0;
             opacity: 0;
         }
-.scrollbar__component_1ycpo .scrollbar.visible:before {
+.scrollbar__component_isegf .scrollbar.visible:before {
             opacity: 1;
         }
-.scrollbar__component_1ycpo.dragging .scrollbar__content_1ycpo {
+.scrollbar__component_isegf.dragging .scrollbar__content_isegf {
         pointer-events: none;
         user-select: none;
         -webkit-user-select: none;
     }
-.scrollbar__component_1ycpo.dragging .track {
+.scrollbar__component_isegf.dragging .track {
         pointer-events: all
     }
-.scrollbar__component_1ycpo.dragging .track.scrollbar__vertical_1ycpo .scrollbar {
+.scrollbar__component_isegf.dragging .track.scrollbar__vertical_isegf .scrollbar {
             width: var(--scrollbar-hover-size);
         }
-.scrollbar__component_1ycpo.dragging .track.scrollbar__horizontal_1ycpo .scrollbar {
+.scrollbar__component_isegf.dragging .track.scrollbar__horizontal_isegf .scrollbar {
             height: var(--scrollbar-hover-size);
         }
 .simplebar-hide-scrollbar {

package/scrollbar/modern/inverted.css

@@ -16,9 +16,9 @@
         --color-light-graphic-primary-inverted-alpha-60
     );
 }
-.scrollbar__component_175zm .scrollbar:before {
+.scrollbar__component_185dg .scrollbar:before {
             background-color: var(--scrollbar-inverted-background-color);
         }
-.scrollbar__component_175zm.dragging .track .scrollbar.visible:before {
+.scrollbar__component_185dg.dragging .track .scrollbar.visible:before {
             background-color: var(--scrollbar-inverted-background-color-active);
         }

package/select/{Component-7546861a.d.ts → Component-a826582c.d.ts}

@@ -21,9 +21,9 @@ type AdditionalMobileProps = {
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-type SelectMobileProps = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
-type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "onScroll"> & {
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Футер
      * @deprecated Используйте bottomSheetProps.actionButton
@@ -43,7 +43,7 @@ type SelectMobileProps$0 = Omit<BaseSelectProps, "OptionsList" | "Checkmark" | "
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "OptionsList" | "Checkmark"> & {
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
     footer?: ReactNode;
     swipeable?: boolean | undefined;
     isBottomSheet?: boolean | undefined;
@@ -236,6 +236,6 @@ declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").Bas
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
-type SelectModalMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll'>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
 declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };

package/select/{Component-7546861a.js → Component-a826582c.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-adf850c3.js');
+var tslib_es6 = require('./tslib.es6-e8daa31e.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -6,7 +6,7 @@ var components_arrow_Component = require('./components/arrow/Component.js');
 var mergeRefs = require('react-merge-refs');
 var downshift = require('downshift');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('./Component-ecfd1f2b.js');
+var components_baseSelect_Component = require('./Component-f2f84cb6.js');
 var utils = require('./utils.js');
 require('../form-control');
 var components_field_Component = require('./components/field/Component.js');
@@ -28,7 +28,7 @@ var components_baseSelectMobile_optionsList_Component = require('./components/ba
 require('react-virtual');
 var components_baseOption_Component = require('./components/base-option/Component.js');
 require('../skeleton');
-require('./intersection-observer-0340401e.js');
+require('./intersection-observer-d44a3d44.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -101,7 +101,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"footer":"select__footer_crag3","withBorder":"select__withBorder_crag3"};
+var styles = {"footer":"select__footer_du7ug","withBorder":"select__withBorder_du7ug"};
 require('./presets/useSelectWithApply/options-list-with-apply/index.css');
 
 var OptionsListWithApply = React.forwardRef(function (_a, ref) {
@@ -147,20 +147,20 @@ var OptionsListWithApply = React.forwardRef(function (_a, ref) {
             showClear && (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))) })));
 });
 
-var styles$1 = {"component":"select__component_16wu7","popoverInner":"select__popoverInner_16wu7","sheet":"select__sheet_16wu7","sheetContent":"select__sheetContent_16wu7","sheetContainer":"select__sheetContainer_16wu7","block":"select__block_16wu7","option":"select__option_16wu7","optionGroup":"select__optionGroup_16wu7"};
+var styles$1 = {"component":"select__component_1kear","popoverInner":"select__popoverInner_1kear","sheet":"select__sheet_1kear","sheetContent":"select__sheetContent_1kear","sheetContainer":"select__sheetContainer_1kear","block":"select__block_1kear","option":"select__option_1kear","optionGroup":"select__optionGroup_1kear"};
 require('./components/base-select-mobile/index.css');
 
 var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     var _b;
-    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
+    var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, labelView = _a.labelView, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, _t = _a.OptionsList, OptionsList = _t === void 0 ? components_baseSelectMobile_optionsList_Component.OptionsList : _t, swipeable = _a.swipeable, footer = _a.footer, isBottomSheet = _a.isBottomSheet, bottomSheetProps = _a.bottomSheetProps;
     var rootRef = React.useRef(null);
     var fieldRef = React.useRef(null);
     var listRef = React.useRef(null);
     var initiatorRef = React.useRef(null);
     var itemToString = function (option) { return (option ? option.key : ''); };
-    var _t = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
+    var _u = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _u.flatOptions, selectedOptions = _u.selectedOptions;
     var selectedOptionsRef = React.useRef(selectedOptions);
-    var _u = React.useState(selectedOptions), selectedDraft = _u[0], setSelectedDraft = _u[1];
+    var _v = React.useState(selectedOptions), selectedDraft = _v[0], setSelectedDraft = _v[1];
     var useMultipleSelectionProps = {
         itemToString: itemToString,
         onSelectedItemsChange: function (changes) {
@@ -187,8 +187,8 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     if (selected !== undefined) {
         useMultipleSelectionProps.selectedItems = selectedOptions;
     }
-    var _v = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _v.selectedItems, addSelectedItem = _v.addSelectedItem, setSelectedItems = _v.setSelectedItems, removeSelectedItem = _v.removeSelectedItem, getDropdownProps = _v.getDropdownProps;
-    var _w = downshift.useCombobox({
+    var _w = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _w.selectedItems, addSelectedItem = _w.addSelectedItem, setSelectedItems = _w.setSelectedItems, removeSelectedItem = _w.removeSelectedItem, getDropdownProps = _w.getDropdownProps;
+    var _x = downshift.useCombobox({
         id: id,
         isOpen: openProp,
         circularNavigation: circularNavigation,
@@ -251,7 +251,7 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                     return changes;
             }
         },
-    }), open = _w.isOpen, getMenuProps = _w.getMenuProps, getInputProps = _w.getInputProps, getItemProps = _w.getItemProps, getComboboxProps = _w.getComboboxProps, getLabelProps = _w.getLabelProps, highlightedIndex = _w.highlightedIndex, toggleMenu = _w.toggleMenu, openMenu = _w.openMenu;
+    }), open = _x.isOpen, getMenuProps = _x.getMenuProps, getInputProps = _x.getInputProps, getItemProps = _x.getItemProps, getComboboxProps = _x.getComboboxProps, getLabelProps = _x.getLabelProps, highlightedIndex = _x.highlightedIndex, toggleMenu = _x.toggleMenu, openMenu = _x.openMenu;
     var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
     var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs__default['default']([ref, fieldRef]) }));
     React.useEffect(function () {
@@ -345,10 +345,10 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
         name && renderValue(),
         isBottomSheet ? (React__default['default'].createElement(coreComponentsBottomSheet.BottomSheet, tslib_es6.__assign({ open: open, onClose: handleClose, className: styles$1.sheet, contentClassName: styles$1.sheetContent, containerClassName: styles$1.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable }, bottomSheetProps),
             React__default['default'].createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
-                React__default['default'].createElement(OptionsListWithApply, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: components_baseSelectMobile_optionsList_Component.OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default['default'](styles$1.optionGroup, optionGroupClassName), showFooter: multiple, onApply: handleApply, onClear: handleClear }))))) : (React__default['default'].createElement(mobile.ModalMobile, { open: open, onClose: handleClose, contentClassName: styles$1.sheetContent, hasCloser: true },
+                React__default['default'].createElement(OptionsListWithApply, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default['default'](styles$1.optionGroup, optionGroupClassName), showFooter: multiple, onApply: handleApply, onClear: handleClear }))))) : (React__default['default'].createElement(mobile.ModalMobile, { open: open, onClose: handleClose, contentClassName: styles$1.sheetContent, hasCloser: true },
             React__default['default'].createElement(mobile.ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
             React__default['default'].createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
-                React__default['default'].createElement(OptionsListWithApply, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: components_baseSelectMobile_optionsList_Component.OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default['default'](styles$1.optionGroup, optionGroupClassName), showFooter: multiple, onApply: handleApply, onClear: handleClear })))))));
+                React__default['default'].createElement(OptionsListWithApply, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default['default'](styles$1.optionGroup, optionGroupClassName), showFooter: multiple, onApply: handleApply, onClear: handleClear })))))));
 });
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/select/{Component-ecfd1f2b.js → Component-f2f84cb6.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-adf850c3.js');
+var tslib_es6 = require('./tslib.es6-e8daa31e.js');
 var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
@@ -20,7 +20,7 @@ var getDataTestId = function (dataTestId, element) {
     return dataTestId ? "" + dataTestId + elementPart : undefined;
 };
 
-var styles = {"component":"select__component_u7ia8","popoverInner":"select__popoverInner_u7ia8","optionsList":"select__optionsList_u7ia8","nativeSelect":"select__nativeSelect_u7ia8","block":"select__block_u7ia8"};
+var styles = {"component":"select__component_3mngd","popoverInner":"select__popoverInner_3mngd","optionsList":"select__optionsList_3mngd","nativeSelect":"select__nativeSelect_3mngd","block":"select__block_3mngd"};
 require('./components/base-select/index.css');
 
 var BaseSelect = React.forwardRef(function (_a, ref) {

package/select/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-adf850c3.js');
+var tslib_es6 = require('./tslib.es6-e8daa31e.js');
 var React = require('react');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -10,7 +10,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('./Component-ecfd1f2b.js');
+var components_baseSelect_Component = require('./Component-f2f84cb6.js');
 require('./utils.js');
 require('./components/native-select/Component.js');
 require('../form-control');

package/select/components/arrow/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"arrow":"select__arrow_1lcti","open":"select__open_1lcti"};
+var styles = {"arrow":"select__arrow_1yv1g","open":"select__open_1yv1g"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 15r8t */
+/* hash: xooju */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -24,7 +24,7 @@
 
     /* optgroup */
 }
-.select__arrow_1lcti {
+.select__arrow_1yv1g {
     display: block;
     width: 24px;
     height: 24px;
@@ -32,6 +32,6 @@
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
 }
-.select__open_1lcti {
+.select__open_1yv1g {
     transform: var(--arrow-transform);
 }

package/select/components/base-checkmark/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"checkmark":"select__checkmark_678c4","single":"select__single_678c4","selected":"select__selected_678c4"};
+var styles = {"checkmark":"select__checkmark_1rq4g","single":"select__single_1rq4g","selected":"select__selected_1rq4g"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

package/select/components/base-checkmark/index.css

@@ -1,4 +1,4 @@
-/* hash: 141zh */
+/* hash: 1c4jr */
 :root {
 
     /* Hard */
@@ -17,16 +17,16 @@
 
     /* optgroup */
 }
-.select__checkmark_678c4 {
+.select__checkmark_1rq4g {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__single_678c4 {
+.select__single_1rq4g {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
 }
-.select__single_678c4.select__selected_678c4 {
+.select__single_1rq4g.select__selected_1rq4g {
         opacity: 1;
     }