@alfalab/core-components 46.0.0 → 47.0.0-beta.0

package/select/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hrlu */
+/* hash: 1ng1e */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -26,17 +26,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_1jrdl {
+} .select__footer_hhz62 {
     display: flex;
     box-sizing: border-box;
     width: 100%;
     padding: var(--gap-m) var(--gap-m);
     background-color: var(--color-light-modal-bg-primary)
-} .select__footer_1jrdl .select__button_1jrdl:first-of-type {
+} .select__footer_hhz62 .select__button_hhz62:first-of-type {
         margin-right: var(--gap-m);
-    } .select__button_1jrdl {
+    } .select__button_hhz62 {
     width: 50%;
-} .select__highlighted_1jrdl {
+} .select__highlighted_hhz62 {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/select/components/optgroup/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optgroup":"select__optgroup_1046a","label":"select__label_1046a","size-64":"select__size-64_1046a","size-72":"select__size-72_1046a"};
+var styles = {"optgroup":"select__optgroup_flywc","label":"select__label_flywc","size-64":"select__size-64_flywc","size-72":"select__size-72_flywc"};
 require('./index.css');
 
 var Optgroup = function (_a) {

package/select/components/optgroup/index.css

@@ -1,4 +1,4 @@
-/* hash: 14bbt */
+/* hash: 16ifq */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -35,7 +35,7 @@
     --select-optgroup-right-padding: var(--gap-s);
     --select-optgroup-l-left-padding: var(--gap-m);
     --select-optgroup-l-right-padding: var(--gap-m);
-} .select__optgroup_1046a {
+} .select__optgroup_flywc {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,9 +44,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_1046a + *[role='option']:before {
+} .select__optgroup_flywc + *[role='option']:before {
         display: none;
-    } .select__label_1046a {
+    } .select__label_flywc {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -55,8 +55,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_1046a,
-.select__size-72_1046a {
+} .select__size-64_flywc,
+.select__size-72_flywc {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

package/select/components/option/Component.js

@@ -12,7 +12,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_6do03","disabled":"select__disabled_6do03","size-48":"select__size-48_6do03","size-56":"select__size-56_6do03","size-64":"select__size-64_6do03","size-72":"select__size-72_6do03","selected":"select__selected_6do03","highlighted":"select__highlighted_6do03","content":"select__content_6do03","textContent":"select__textContent_6do03"};
+var styles = {"option":"select__option_1e7l1","disabled":"select__disabled_1e7l1","size-48":"select__size-48_1e7l1","size-56":"select__size-56_1e7l1","size-64":"select__size-64_1e7l1","size-72":"select__size-72_1e7l1","selected":"select__selected_1e7l1","highlighted":"select__highlighted_1e7l1","content":"select__content_1e7l1","textContent":"select__textContent_1e7l1"};
 require('./index.css');
 
 var Option = function (_a) {

package/select/components/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1hu7n */
+/* hash: 27nfp */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;
@@ -53,7 +53,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_6do03 {
+} .select__option_1e7l1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,10 +68,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_6do03:not(.select__disabled_6do03):active {
+} .select__option_1e7l1:not(.select__disabled_1e7l1):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_6do03:before {
+    } .select__option_1e7l1:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -81,42 +81,42 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_6do03:first-child:before {
+    } .select__option_1e7l1:first-child:before {
         display: none;
-    } .select__size-48_6do03 {
+    } .select__size-48_1e7l1 {
     min-height: var(--size-s-height);
-} .select__size-56_6do03 {
+} .select__size-56_1e7l1 {
     min-height: var(--size-m-height);
-} .select__size-64_6do03 {
+} .select__size-64_1e7l1 {
     min-height: var(--size-l-height);
-} .select__size-72_6do03 {
+} .select__size-72_1e7l1 {
     min-height: var(--size-xl-height);
-} .select__size-64_6do03,
-.select__size-72_6do03 {
+} .select__size-64_1e7l1,
+.select__size-72_1e7l1 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_6do03:before, .select__size-72_6do03:before {
+} .select__size-64_1e7l1:before, .select__size-72_1e7l1:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_6do03 {
+    } .select__selected_1e7l1 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_6do03 {
+} .select__highlighted_1e7l1 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_6do03:before,
-    .select__highlighted_6do03 + .select__option_6do03:before {
+} .select__highlighted_1e7l1:before,
+    .select__highlighted_1e7l1 + .select__option_1e7l1:before {
         opacity: 0;
-    } .select__disabled_6do03 {
+    } .select__disabled_1e7l1 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_6do03 {
+} .select__content_1e7l1 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_6do03 {
+} .select__textContent_1e7l1 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }

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

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"optionsList":"select__optionsList_1sg7b","optionsListHeader":"select__optionsListHeader_1sg7b","headerHighlighted":"select__headerHighlighted_1sg7b","optionsListFooter":"select__optionsListFooter_1sg7b","withBorder":"select__withBorder_1sg7b","scrollable":"select__scrollable_1sg7b","emptyPlaceholder":"select__emptyPlaceholder_1sg7b","size-64":"select__size-64_1sg7b","size-72":"select__size-72_1sg7b"};
+var styles = {"optionsList":"select__optionsList_ifrqn","optionsListHeader":"select__optionsListHeader_ifrqn","headerHighlighted":"select__headerHighlighted_ifrqn","optionsListFooter":"select__optionsListFooter_ifrqn","withBorder":"select__withBorder_ifrqn","scrollable":"select__scrollable_ifrqn","emptyPlaceholder":"select__emptyPlaceholder_ifrqn","size-64":"select__size-64_ifrqn","size-72":"select__size-72_ifrqn"};
 require('./index.css');
 
 var createCounter = function () {
@@ -27,7 +27,7 @@ var createCounter = function () {
 };
 var OptionsList = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup = _f === void 0 ? components_optgroup_Component.Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup = _f === void 0 ? components_optgroup_Component.Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
     var _k = React.useState(true), scrollTop = _k[0], setScrollTop = _k[1];
     var _l = React.useState(false), scrollBottom = _l[0], setScrollBottom = _l[1];
     var query = '(max-width: 1023px)';
@@ -47,7 +47,7 @@ var OptionsList = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
     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()); }))); };
+    var renderGroup = function (group) { return (React__default.default.createElement(Optgroup, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return group.options.includes(item); }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
     utils.useVisibleOptions(tslib.__assign(tslib.__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder && !header && !footer) {
         return null;

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

@@ -1,4 +1,4 @@
-/* hash: 8xp08 */
+/* hash: 1od2k */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -29,32 +29,32 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_1sg7b {
+} .select__optionsList_ifrqn {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_1sg7b {
+} .select__optionsListHeader_ifrqn {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_1sg7b.select__headerHighlighted_1sg7b {
+} .select__optionsListHeader_ifrqn.select__headerHighlighted_ifrqn {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_1sg7b {
+    } .select__optionsListFooter_ifrqn {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_1sg7b.select__withBorder_1sg7b {
+} .select__optionsListFooter_ifrqn.select__withBorder_ifrqn {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_1sg7b {
+    } .select__scrollable_ifrqn {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_1sg7b {
+} .select__emptyPlaceholder_ifrqn {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_1sg7b .select__emptyPlaceholder_1sg7b,
-.select__size-72_1sg7b .select__emptyPlaceholder_1sg7b {
+} .select__size-64_ifrqn .select__emptyPlaceholder_ifrqn,
+.select__size-72_ifrqn .select__emptyPlaceholder_ifrqn {
     padding: var(--gap-xl) var(--gap-m);
 }

package/select/components/search/Component.js

@@ -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 = {"component":"select__component_1nt10"};
+var styles = {"component":"select__component_1870y"};
 require('./index.css');
 
 var Search = React.forwardRef(function (_a, ref) {

package/select/components/search/index.css

@@ -1,4 +1,4 @@
-/* hash: 1chu6 */
+/* hash: bspaf */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,6 +23,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1nt10.select__component_1nt10 {
+} .select__component_1870y.select__component_1870y {
     width: auto;
 }

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

@@ -18,12 +18,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_vpr6w","virtualOptionsListHeader":"select__virtualOptionsListHeader_vpr6w","virtualOptionsListFooter":"select__virtualOptionsListFooter_vpr6w","withBorder":"select__withBorder_vpr6w","scrollable":"select__scrollable_vpr6w","inner":"select__inner_vpr6w","virtualRow":"select__virtualRow_vpr6w","highlighted":"select__highlighted_vpr6w","emptyPlaceholder":"select__emptyPlaceholder_vpr6w","size-64":"select__size-64_vpr6w","size-72":"select__size-72_vpr6w"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_p60lz","virtualOptionsListHeader":"select__virtualOptionsListHeader_p60lz","virtualOptionsListFooter":"select__virtualOptionsListFooter_p60lz","withBorder":"select__withBorder_p60lz","scrollable":"select__scrollable_p60lz","inner":"select__inner_p60lz","virtualRow":"select__virtualRow_p60lz","highlighted":"select__highlighted_p60lz","emptyPlaceholder":"select__emptyPlaceholder_p60lz","size-64":"select__size-64_p60lz","size-72":"select__size-72_p60lz"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup = _g === void 0 ? components_optgroup_Component.Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex;
+    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup = _g === void 0 ? components_optgroup_Component.Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
@@ -114,7 +114,9 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
                     _a)), style: {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
-                group && (React__default.default.createElement(Optgroup, { label: group.label, size: size, className: optionGroupClassName })),
+                group && (React__default.default.createElement(Optgroup, { label: group.label, size: size, className: optionGroupClassName, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
+                        return group.options.includes(item);
+                    }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search })),
                 !utils.isGroup(option) && (React__default.default.createElement(Option, tslib.__assign({}, getOptionProps(option, virtualRow.index))))));
         });
     };

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

@@ -1,4 +1,4 @@
-/* hash: 60hpt */
+/* hash: 1314c */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-border-primary: #d5d6dc;
@@ -35,34 +35,34 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_vpr6w {
+} .select__virtualOptionsList_p60lz {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
-} .select__virtualOptionsListHeader_vpr6w {
+} .select__virtualOptionsListHeader_p60lz {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_vpr6w {
+} .select__virtualOptionsListFooter_p60lz {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_vpr6w.select__withBorder_vpr6w {
+} .select__virtualOptionsListFooter_p60lz.select__withBorder_p60lz {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_vpr6w {
+    } .select__scrollable_p60lz {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_vpr6w {
+} .select__inner_p60lz {
     position: relative;
     width: 100%;
-} .select__virtualRow_vpr6w {
+} .select__virtualRow_p60lz {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_vpr6w:before {
+} .select__virtualRow_p60lz:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -72,15 +72,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_vpr6w:first-child:before {
+    } .select__virtualRow_p60lz:first-child:before {
         display: none;
-    } .select__highlighted_vpr6w:before,
-    .select__highlighted_vpr6w + .select__virtualRow_vpr6w:before {
+    } .select__highlighted_p60lz:before,
+    .select__highlighted_p60lz + .select__virtualRow_p60lz:before {
         display: none;
-    } .select__emptyPlaceholder_vpr6w {
+    } .select__emptyPlaceholder_p60lz {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_vpr6w .select__emptyPlaceholder_vpr6w,
-.select__size-72_vpr6w .select__emptyPlaceholder_vpr6w {
+} .select__size-64_p60lz .select__emptyPlaceholder_p60lz,
+.select__size-72_p60lz .select__emptyPlaceholder_p60lz {
     padding: var(--gap-xl) var(--gap-m);
 }

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

@@ -359,9 +359,9 @@ function (_a, ref) {
             return null;
         var listProps = optionsListProps;
         return (React__default.default.createElement("div", tslib.__assign({}, menuProps, { ref: view === 'desktop' ? menuRef : undefined, className: cn__default.default(optionsListClassName, view === 'mobile' && mobileStyles__default.default.optionsListWrapper, view === 'desktop' && styles__default.default.optionsListWrapper) }),
-            React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
+            React__default.default.createElement(OptionsList, tslib.__assign({}, listProps, { ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn__default.default((_a = {}, _a[mobileStyles__default.default.optionsList] = view === 'mobile', _a)), scrollbarClassName: cn__default.default((_b = {}, _b[mobileStyles__default.default.scrollbar] = view === 'mobile', _b)), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn__default.default(optionGroupClassName, (_c = {},
                     _c[mobileStyles__default.default.optionGroup] = view === 'mobile',
-                    _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll })),
+                    _c)), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search })),
             view === 'desktop' && React__default.default.createElement("div", { className: styles__default.default.optionsListBorder })));
     };
     var renderInPopover = function () {

package/select/cssm/components/options-list/Component.js

@@ -26,7 +26,7 @@ var createCounter = function () {
 };
 var OptionsList = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup = _f === void 0 ? components_optgroup_Component.Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex;
+    var _d = _a.size, size = _d === void 0 ? 48 : _d, className = _a.className, optionGroupClassName = _a.optionGroupClassName, scrollbarClassName = _a.scrollbarClassName, Option = _a.Option, getOptionProps = _a.getOptionProps, _e = _a.options, options = _e === void 0 ? [] : _e, _f = _a.Optgroup, Optgroup = _f === void 0 ? components_optgroup_Component.Optgroup : _f, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _g = _a.visibleOptions, visibleOptions = _g === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _g, onScroll = _a.onScroll, open = _a.open, header = _a.header, footer = _a.footer, _h = _a.showFooter, showFooter = _h === void 0 ? true : _h, optionsListWidth = _a.optionsListWidth, nativeScrollbarProp = _a.nativeScrollbar, _j = _a.flatOptions, flatOptions = _j === void 0 ? [] : _j, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
     var _k = React.useState(true), scrollTop = _k[0], setScrollTop = _k[1];
     var _l = React.useState(false), scrollBottom = _l[0], setScrollBottom = _l[1];
     var query = '(max-width: 1023px)';
@@ -46,7 +46,7 @@ var OptionsList = React.forwardRef(function (_a, ref) {
     var listRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
     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()); }))); };
+    var renderGroup = function (group) { return (React__default.default.createElement(Optgroup, { className: optionGroupClassName, label: group.label, key: group.label, size: size, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) { return group.options.includes(item); }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search }, group.options.map(function (option) { return renderOption(option, counter()); }))); };
     utils.useVisibleOptions(tslib.__assign(tslib.__assign({}, (!nativeScrollbar && { styleTargetRef: scrollbarRef })), { visibleOptions: visibleOptions, listRef: listRef, open: open, invalidate: options }));
     if (options.length === 0 && !emptyPlaceholder && !header && !footer) {
         return null;

package/select/cssm/components/virtual-options-list/Component.js

@@ -22,7 +22,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup = _g === void 0 ? components_optgroup_Component.Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex;
+    var _c = _a.size, size = _c === void 0 ? 48 : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.highlightedIndex, highlightedIndex = _e === void 0 ? -1 : _e, optionGroupClassName = _a.optionGroupClassName, className = _a.className, getOptionProps = _a.getOptionProps, Option = _a.Option, open = _a.open, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.Optgroup, Optgroup = _g === void 0 ? components_optgroup_Component.Optgroup : _g, dataTestId = _a.dataTestId, emptyPlaceholder = _a.emptyPlaceholder, _h = _a.visibleOptions, visibleOptions = _h === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _h, header = _a.header, footer = _a.footer, _j = _a.showFooter, showFooter = _j === void 0 ? true : _j, optionsListWidth = _a.optionsListWidth, onScroll = _a.onScroll, nativeScrollbarProp = _a.nativeScrollbar, setHighlightedIndex = _a.setHighlightedIndex, selectedItems = _a.selectedItems, addSelectedItem = _a.addSelectedItem, removeSelectedItem = _a.removeSelectedItem, search = _a.search;
     var listRef = React.useRef(null);
     var parentRef = React.useRef(null);
     var scrollbarRef = React.useRef(null);
@@ -113,7 +113,9 @@ var VirtualOptionsList = React.forwardRef(function (_a, ref) {
                     _a)), style: {
                     transform: "translateY(".concat(virtualRow.start, "px)"),
                 } },
-                group && (React__default.default.createElement(Optgroup, { label: group.label, size: size, className: optionGroupClassName })),
+                group && (React__default.default.createElement(Optgroup, { label: group.label, size: size, className: optionGroupClassName, options: group.options, selectedItems: selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.filter(function (item) {
+                        return group.options.includes(item);
+                    }), addSelectedItem: addSelectedItem, removeSelectedItem: removeSelectedItem, search: search })),
                 !utils.isGroup(option) && (React__default.default.createElement(Option, tslib.__assign({}, getOptionProps(option, virtualRow.index))))));
         });
     };

package/select/cssm/typings.d.ts

@@ -479,6 +479,18 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -498,6 +510,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptionProps = {
     /**

package/select/esm/Component.responsive.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-cf6ae3b4.js';
+import './hook-74e64a0c.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/components/arrow/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-var styles = {"arrow":"select__arrow_1vh1h","open":"select__open_1vh1h"};
+var styles = {"arrow":"select__arrow_95m4k","open":"select__open_95m4k"};
 require('./index.css');
 
 var Arrow = function (_a) {

package/select/esm/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vngu */
+/* hash: w6176 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1vh1h {
+} .select__arrow_95m4k {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_1vh1h {
+} .select__open_95m4k {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../checkbox/esm';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_chdhn","single":"select__single_chdhn","selected":"select__selected_chdhn"};
+var styles = {"checkmark":"select__checkmark_7flev","single":"select__single_7flev","selected":"select__selected_7flev"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: b280n */
+/* hash: ugrvb */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,14 +23,14 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_chdhn {
+} .select__checkmark_7flev {
     flex-shrink: 0;
     box-sizing: border-box;
-} .select__single_chdhn {
+} .select__single_7flev {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_chdhn.select__selected_chdhn {
+} .select__single_7flev.select__selected_7flev {
         opacity: 1;
     }

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

@@ -5,7 +5,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"option":"select__option_8k5mt","disabled":"select__disabled_8k5mt","checkmarkBefore":"select__checkmarkBefore_8k5mt","mobile":"select__mobile_8k5mt","checkmarkAfter":"select__checkmarkAfter_8k5mt","textContent":"select__textContent_8k5mt","selected":"select__selected_8k5mt","highlighted":"select__highlighted_8k5mt","checkmarkBeforeContent":"select__checkmarkBeforeContent_8k5mt","checkmarkAfterContent":"select__checkmarkAfterContent_8k5mt","content":"select__content_8k5mt"};
+var styles = {"option":"select__option_1a2r8","disabled":"select__disabled_1a2r8","checkmarkBefore":"select__checkmarkBefore_1a2r8","mobile":"select__mobile_1a2r8","checkmarkAfter":"select__checkmarkAfter_1a2r8","textContent":"select__textContent_1a2r8","selected":"select__selected_1a2r8","highlighted":"select__highlighted_1a2r8","checkmarkBeforeContent":"select__checkmarkBeforeContent_1a2r8","checkmarkAfterContent":"select__checkmarkAfterContent_1a2r8","content":"select__content_1a2r8"};
 require('./index.css');
 
 var BaseOption = function (_a) {