@alfalab/core-components 38.2.0 → 38.4.0

package/select/Component.js

@@ -1,7 +1,7 @@
-var tslib_es6 = require('./tslib.es6-21f10fc3.js');
+var tslib = require('tslib');
 var React = require('react');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-42a62b0e.js');
+var components_baseSelect_Component = require('./Component-4af19284.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');
@@ -29,8 +29,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Select = React.forwardRef(function (_a, ref) {
-    var _b = _a.Arrow, Arrow = _b === void 0 ? components_arrow_Component.Arrow : _b, _c = _a.Field, Field = _c === void 0 ? components_field_Component.Field : _c, _d = _a.OptionsList, OptionsList = _d === void 0 ? components_optionsList_Component.OptionsList : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, _f = _a.Option, Option = _f === void 0 ? components_option_Component.Option : _f, restProps = tslib_es6.__rest(_a, ["Arrow", "Field", "OptionsList", "Optgroup", "Option"]);
-    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib_es6.__assign({ ref: ref, Option: Option, Field: Field, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow }, restProps)));
+    var _b = _a.Arrow, Arrow = _b === void 0 ? components_arrow_Component.Arrow : _b, _c = _a.Field, Field = _c === void 0 ? components_field_Component.Field : _c, _d = _a.OptionsList, OptionsList = _d === void 0 ? components_optionsList_Component.OptionsList : _d, _e = _a.Optgroup, Optgroup = _e === void 0 ? components_optgroup_Component.Optgroup : _e, _f = _a.Option, Option = _f === void 0 ? components_option_Component.Option : _f, restProps = tslib.__rest(_a, ["Arrow", "Field", "OptionsList", "Optgroup", "Option"]);
+    return (React__default.default.createElement(components_baseSelect_Component.BaseSelect, tslib.__assign({ ref: ref, Option: Option, Field: Field, Optgroup: Optgroup, OptionsList: OptionsList, Arrow: Arrow }, restProps)));
 });
 
 exports.Select = Select;

package/select/Component.responsive.js

@@ -1,11 +1,11 @@
-var tslib_es6 = require('./tslib.es6-21f10fc3.js');
+var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component = require('./Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-42a62b0e.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-a5b0b33d.js');
+require('./Component-4af19284.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('./Component-989a84db.js');
 require('../form-control');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../badge');
@@ -31,7 +31,7 @@ require('../modal/mobile');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-b8614e43.js');
+require('./intersection-observer-230e176d.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');
@@ -42,12 +42,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SelectResponsive = React.forwardRef(function (_a, ref) {
-    var footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, OptionsList = _a.OptionsList, onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib_es6.__rest(_a, ["footer", "swipeable", "bottomSheetProps", "OptionsList", "onScroll", "fieldProps", "breakpoint"]);
+    var footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, OptionsList = _a.OptionsList, onScroll = _a.onScroll, fieldProps = _a.fieldProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["footer", "swipeable", "bottomSheetProps", "OptionsList", "onScroll", "fieldProps", "breakpoint"]);
     var view = hooks.useMedia([
         ['mobile', "(max-width: ".concat(breakpoint - 1, "px)")],
         ['desktop', "(min-width: ".concat(breakpoint, "px)")],
     ], 'desktop')[0];
-    return view === 'desktop' ? (React__default.default.createElement(Component.Select, tslib_es6.__assign({ OptionsList: OptionsList, onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile, tslib_es6.__assign({ footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, fieldProps: fieldProps }, restProps, { ref: ref })));
+    return view === 'desktop' ? (React__default.default.createElement(Component.Select, tslib.__assign({ OptionsList: OptionsList, onScroll: onScroll }, restProps, { ref: ref, fieldProps: fieldProps }))) : (React__default.default.createElement(presets_useSelectWithApply_optionsListWithApply_Component.SelectMobile, tslib.__assign({ footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, fieldProps: fieldProps }, restProps, { ref: ref })));
 });
 
 exports.SelectResponsive = SelectResponsive;

package/select/components/arrow/Component.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"select__arrow_1h3xd","open":"select__open_1h3xd"};
+var styles = {"arrow":"select__arrow_18q77","open":"select__open_18q77"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u64n */
+/* hash: bk1al */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1h3xd {
+} .select__arrow_18q77 {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_1h3xd {
+} .select__open_18q77 {
     transform: var(--arrow-transform);
 }

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

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"checkmark":"select__checkmark_133ms","single":"select__single_133ms","selected":"select__selected_133ms"};
+var styles = {"checkmark":"select__checkmark_jxpww","single":"select__single_jxpww","selected":"select__selected_jxpww"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 139vx */
+/* hash: m1hwe */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -23,14 +23,14 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_133ms {
+} .select__checkmark_jxpww {
     flex-shrink: 0;
     box-sizing: border-box;
-} .select__single_133ms {
+} .select__single_jxpww {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_133ms.select__selected_133ms {
+} .select__single_jxpww.select__selected_jxpww {
         opacity: 1;
     }

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

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-21f10fc3.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var components_baseCheckmark_Component = require('../base-checkmark/Component.js');
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"option":"select__option_au1n8","disabled":"select__disabled_au1n8","checkmarkBefore":"select__checkmarkBefore_au1n8","mobile":"select__mobile_au1n8","checkmarkAfter":"select__checkmarkAfter_au1n8","textContent":"select__textContent_au1n8","selected":"select__selected_au1n8","highlighted":"select__highlighted_au1n8","content":"select__content_au1n8"};
+var styles = {"option":"select__option_mmxfd","disabled":"select__disabled_mmxfd","checkmarkBefore":"select__checkmarkBefore_mmxfd","mobile":"select__mobile_mmxfd","checkmarkAfter":"select__checkmarkAfter_mmxfd","textContent":"select__textContent_mmxfd","selected":"select__selected_mmxfd","highlighted":"select__highlighted_mmxfd","content":"select__content_mmxfd"};
 require('./index.css');
 
 var BaseOption = function (_a) {
@@ -25,7 +25,7 @@ var BaseOption = function (_a) {
         }
         return null;
     };
-    return (React__default.default.createElement("div", tslib_es6.__assign({}, innerProps, { className: cn__default.default(styles.option, className, (_b = {},
+    return (React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: cn__default.default(styles.option, className, (_b = {},
             _b[styles.highlighted] = highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,

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

@@ -1,4 +1,4 @@
-/* hash: 1jzlj */
+/* hash: maidm */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,7 +43,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_au1n8 {
+} .select__option_mmxfd {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -60,32 +60,32 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_au1n8:not(.select__disabled_au1n8):active {
+} .select__option_mmxfd:not(.select__disabled_mmxfd):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_au1n8.select__checkmarkBefore_au1n8 {
+    } .select__option_mmxfd.select__checkmarkBefore_mmxfd {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_au1n8.select__checkmarkBefore_au1n8.select__mobile_au1n8 {
+    } .select__option_mmxfd.select__checkmarkBefore_mmxfd.select__mobile_mmxfd {
             padding-left: var(--gap-m);
-        } .select__option_au1n8.select__checkmarkAfter_au1n8 {
+        } .select__option_mmxfd.select__checkmarkAfter_mmxfd {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_au1n8.select__checkmarkAfter_au1n8.select__mobile_au1n8 {
+    } .select__option_mmxfd.select__checkmarkAfter_mmxfd.select__mobile_mmxfd {
             padding-right: var(--gap-l);
-        } .select__option_au1n8.select__textContent_au1n8 {
+        } .select__option_mmxfd.select__textContent_mmxfd {
         padding: var(--gap-s)
-    } .select__option_au1n8.select__textContent_au1n8.select__mobile_au1n8 {
+    } .select__option_mmxfd.select__textContent_mmxfd.select__mobile_mmxfd {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_au1n8 {
+        } .select__selected_mmxfd {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_au1n8 {
+} .select__highlighted_mmxfd {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_au1n8 {
+} .select__disabled_mmxfd {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_au1n8 {
+} .select__content_mmxfd {
     flex: 1;
 }

package/select/components/base-option/index.js

@@ -1,5 +1,5 @@
 var components_baseOption_Component = require('./Component.js');
-require('../../tslib.es6-21f10fc3.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../base-checkmark/Component.js');

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

@@ -1,4 +1,4 @@
-require('../../tslib.es6-21f10fc3.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('@juggle/resize-observer');
@@ -6,7 +6,7 @@ require('classnames');
 require('downshift');
 require('../../../popover');
 require('@alfalab/hooks');
-var components_baseSelect_Component = require('../../Component-42a62b0e.js');
+var components_baseSelect_Component = require('../../Component-4af19284.js');
 require('../../utils.js');
 require('../native-select/Component.js');
 

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

@@ -1,4 +1,4 @@
-/* hash: 17trd */
+/* hash: 1p2ws */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -34,11 +34,11 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_tbecz {
+} .select__component_hj9yp {
     width: max-content;
     position: relative;
     outline: 0;
-} .select__popoverInner_tbecz {
+} .select__popoverInner_hj9yp {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -46,7 +46,7 @@
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__optionsList_tbecz {
+} .select__optionsList_hj9yp {
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
     box-shadow: var(--select-options-list-box-shadow);
@@ -54,7 +54,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__nativeSelect_tbecz {
+} .select__nativeSelect_hj9yp {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -67,10 +67,10 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_tbecz {
+} .select__block_hj9yp {
     width: 100%;
 } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_tbecz {
+    .select__component_hj9yp {
         float: left;
         clear: left;
     }

package/select/components/base-select/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-42a62b0e";
+export * from "../../Component-4af19284";

package/select/components/base-select/index.js

@@ -1,5 +1,5 @@
-var components_baseSelect_Component = require('../../Component-42a62b0e.js');
-require('../../tslib.es6-21f10fc3.js');
+var components_baseSelect_Component = require('../../Component-4af19284.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('@juggle/resize-observer');

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

@@ -1,4 +1,4 @@
-require('../../tslib.es6-21f10fc3.js');
+require('tslib');
 require('react');
 require('react-merge-refs');
 require('classnames');
@@ -7,8 +7,8 @@ require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
 require('../arrow/Component.js');
-require('../../Component-42a62b0e.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-a5b0b33d.js');
+require('../../Component-4af19284.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-989a84db.js');
 require('../field/Component.js');
 require('../optgroup/Component.js');
 require('../option/Component.js');
@@ -19,7 +19,7 @@ require('@alfalab/hooks');
 require('../../utils.js');
 require('../base-option/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-b8614e43.js');
+require('../../intersection-observer-230e176d.js');
 require('../base-checkmark/Component.js');
 require('./checkmark/Component.js');
 require('./options-list/Component.js');

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

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"checkmark":"select__checkmark_10gi1","selected":"select__selected_10gi1","displayIcon":"select__displayIcon_10gi1","displayBadge":"select__displayBadge_10gi1"};
+var styles = {"checkmark":"select__checkmark_oodn8","selected":"select__selected_oodn8","displayIcon":"select__displayIcon_oodn8","displayBadge":"select__displayBadge_oodn8"};
 require('./index.css');
 
 var Checkmark = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1ln2s */
+/* hash: 14dxd */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -25,7 +25,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_10gi1 {
+} .select__checkmark_oodn8 {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -33,12 +33,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_10gi1:first-child {
+} .select__checkmark_oodn8:first-child {
         display: none;
-    } .select__checkmark_10gi1.select__selected_10gi1 {
+    } .select__checkmark_oodn8.select__selected_oodn8 {
         opacity: 1;
-    } .select__displayIcon_10gi1 {
+    } .select__displayIcon_oodn8 {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_10gi1 {
+} .select__displayBadge_oodn8 {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -1,4 +1,4 @@
-/* hash: 1lsn6 */
+/* hash: o4bei */
 :root {
 } /* deprecated */ :root {
 } :root {
@@ -28,11 +28,11 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_11kxf {
+} .select__component_1krlp {
     width: max-content;
     position: relative;
     outline: 0;
-} .select__popoverInner_11kxf {
+} .select__popoverInner_1krlp {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     box-shadow: none;
@@ -40,23 +40,23 @@
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__sheet_11kxf {
+} .select__sheet_1krlp {
     overflow: hidden;
-} .select__sheetContent_11kxf {
+} .select__sheetContent_1krlp {
     padding: 0;
-} .select__sheetContainer_11kxf {
+} .select__sheetContainer_1krlp {
     padding: 0;
-} .select__block_11kxf {
+} .select__block_1krlp {
     width: 100%;
 } /* width: max-content; fix for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .select__component_11kxf {
+    .select__component_1krlp {
         float: left;
         clear: left;
     }
-} .select__option_11kxf {
+} .select__option_1krlp {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_11kxf:before {
+} .select__option_1krlp:before {
         display: none;
-    } .select__optionGroup_11kxf {
+    } .select__optionGroup_1krlp {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

package/select/components/base-select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-a5b0b33d";
+export * from "../../Component-989a84db";

package/select/components/base-select-mobile/index.js

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-a5b0b33d.js');
-require('../../tslib.es6-21f10fc3.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-989a84db.js');
+require('tslib');
 require('react');
 require('../arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../bottom-sheet');
 require('../../../modal/mobile');
 require('../../Component.js');
-require('../../Component-42a62b0e.js');
+require('../../Component-4af19284.js');
 require('@juggle/resize-observer');
 require('../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../base-option/Component.js');
 require('../base-checkmark/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-b8614e43.js');
+require('../../intersection-observer-230e176d.js');
 require('../../../button');
 require('./options-list/Component.js');
 require('../../../base-modal');

package/select/components/base-select-mobile/options-list/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-21f10fc3.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../../base-modal');
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_7shoh","emptyPlaceholder":"select__emptyPlaceholder_7shoh","l":"select__l_7shoh","xl":"select__xl_7shoh","footer":"select__footer_7shoh","footerButton":"select__footerButton_7shoh","highlighted":"select__highlighted_7shoh"};
+var styles = {"optionsList":"select__optionsList_1v0py","emptyPlaceholder":"select__emptyPlaceholder_1v0py","l":"select__l_1v0py","xl":"select__xl_1v0py","footer":"select__footer_1v0py","footerButton":"select__footerButton_1v0py","highlighted":"select__highlighted_1v0py"};
 require('./index.css');
 
 var createCounter = function () {
@@ -26,7 +26,7 @@ var OptionsList = function (_a) {
     React.useEffect(function () {
         setHasFooter(true);
     }, [setHasFooter]);
-    var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib_es6.__assign({ key: option.key }, getOptionProps(option, index)))); };
+    var renderOption = function (option, index) { return (React__default.default.createElement(Option, tslib.__assign({ key: option.key }, getOptionProps(option, index)))); };
     var counter = createCounter();
     var renderGroup = function (group) { return (React__default.default.createElement(Optgroup, { className: optionGroupClassName, label: group.label, key: group.label, size: size }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
     if (options.length === 0 && !emptyPlaceholder) {

package/select/components/base-select-mobile/options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: 3lrdy */
+/* hash: 14xsa */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -33,28 +33,28 @@
 } :root {
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     --select-mobile-footer-background-color: var(--color-light-bg-primary);
-} .select__optionsList_7shoh {
+} .select__optionsList_1v0py {
     width: 100%;
     outline: none;
     box-sizing: border-box;
-} .select__emptyPlaceholder_7shoh {
+} .select__emptyPlaceholder_1v0py {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_7shoh .select__emptyPlaceholder_7shoh,
-.select__xl_7shoh .select__emptyPlaceholder_7shoh {
+} .select__l_1v0py .select__emptyPlaceholder_1v0py,
+.select__xl_1v0py .select__emptyPlaceholder_1v0py {
     padding: var(--gap-xl) var(--gap-m);
-} .select__footer_7shoh {
+} .select__footer_1v0py {
     display: flex;
     justify-content: space-between;
     position: sticky;
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
     bottom: 0
-} .select__footer_7shoh .select__footerButton_7shoh:first-of-type {
+} .select__footer_1v0py .select__footerButton_1v0py:first-of-type {
         margin-right: var(--gap-m);
-    } .select__footerButton_7shoh {
+    } .select__footerButton_1v0py {
     width: 50%;
-} .select__highlighted_7shoh {
+} .select__highlighted_1v0py {
     border-top: var(--select-mobile-footer-border-top);
     background-color: var(--select-mobile-footer-background-color);
 }

package/select/components/base-select-mobile/options-list/index.js

@@ -1,5 +1,5 @@
 var components_baseSelectMobile_optionsList_Component = require('./Component.js');
-require('../../../tslib.es6-21f10fc3.js');
+require('tslib');
 require('react');
 require('classnames');
 require('../../../../base-modal');

package/select/components/base-select-mobile/virtual-options-list/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-21f10fc3.js');
+var tslib = require('tslib');
 var React = require('react');
 var reactVirtual = require('react-virtual');
 var cn = require('classnames');
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_ki5te","inner":"select__inner_ki5te","virtualRow":"select__virtualRow_ki5te","highlighted":"select__highlighted_ki5te","emptyPlaceholder":"select__emptyPlaceholder_ki5te","l":"select__l_ki5te","xl":"select__xl_ki5te","footer":"select__footer_ki5te","footerButton":"select__footerButton_ki5te","footerHighlighted":"select__footerHighlighted_ki5te"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_8q1f4","inner":"select__inner_8q1f4","virtualRow":"select__virtualRow_8q1f4","highlighted":"select__highlighted_8q1f4","emptyPlaceholder":"select__emptyPlaceholder_8q1f4","l":"select__l_8q1f4","xl":"select__xl_8q1f4","footer":"select__footer_8q1f4","footerButton":"select__footerButton_8q1f4","footerHighlighted":"select__footerHighlighted_8q1f4"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
@@ -91,14 +91,14 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
                 group && React__default.default.createElement(Optgroup, { label: group.label }),
-                !utils.isGroup(option) && (React__default.default.createElement(Option, tslib_es6.__assign({}, getOptionProps(option, virtualRow.index))))));
+                !utils.isGroup(option) && (React__default.default.createElement(Option, tslib.__assign({}, getOptionProps(option, virtualRow.index))))));
         });
     };
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
     return (React__default.default.createElement("div", { className: cn__default.default(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
-        React__default.default.createElement("div", tslib_es6.__assign({}, contentNodeProps), renderList()),
+        React__default.default.createElement("div", tslib.__assign({}, contentNodeProps), renderList()),
         emptyPlaceholder && options.length === 0 && (React__default.default.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)),
         showFooter && (React__default.default.createElement("div", { className: cn__default.default(styles.footer, className, (_b = {},
                 _b[styles.footerHighlighted] = footerHighlighted,

package/select/components/base-select-mobile/virtual-options-list/index.css

@@ -1,4 +1,4 @@
-/* hash: sdnre */
+/* hash: b4icg */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -38,20 +38,20 @@
 } :root {
     --select-mobile-footer-border-top: 1px solid var(--color-light-border-primary);
     --select-mobile-footer-background-color: var(--color-light-bg-primary);
-} .select__virtualOptionsList_ki5te {
+} .select__virtualOptionsList_8q1f4 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__inner_ki5te {
+} .select__inner_8q1f4 {
     position: relative;
     width: 100%;
-} .select__virtualRow_ki5te {
+} .select__virtualRow_8q1f4 {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_ki5te:before {
+} .select__virtualRow_8q1f4:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -61,29 +61,29 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_ki5te:first-child:before {
+    } .select__virtualRow_8q1f4:first-child:before {
         display: none;
-    } .select__highlighted_ki5te:before,
-    .select__highlighted_ki5te + .select__virtualRow_ki5te:before {
+    } .select__highlighted_8q1f4:before,
+    .select__highlighted_8q1f4 + .select__virtualRow_8q1f4:before {
         display: none;
-    } .select__emptyPlaceholder_ki5te {
+    } .select__emptyPlaceholder_8q1f4 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__l_ki5te .select__emptyPlaceholder_ki5te,
-.select__xl_ki5te .select__emptyPlaceholder_ki5te {
+} .select__l_8q1f4 .select__emptyPlaceholder_8q1f4,
+.select__xl_8q1f4 .select__emptyPlaceholder_8q1f4 {
     padding: var(--gap-xl) var(--gap-m);
-} .select__footer_ki5te {
+} .select__footer_8q1f4 {
     display: flex;
     justify-content: space-between;
     position: sticky;
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-bg-primary);
     bottom: 0
-} .select__footer_ki5te .select__footerButton_ki5te:first-of-type {
+} .select__footer_8q1f4 .select__footerButton_8q1f4:first-of-type {
         margin-right: var(--gap-m);
-    } .select__footerButton_ki5te {
+    } .select__footerButton_8q1f4 {
     width: 50%;
-} .select__footerHighlighted_ki5te {
+} .select__footerHighlighted_8q1f4 {
     border-top: var(--select-mobile-footer-border-top);
     background-color: var(--select-mobile-footer-background-color);
 }