@alfalab/core-components 47.10.0 → 47.11.0

package/select/components/option/index.css

@@ -57,7 +57,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1ne4n {
+} .select__option_1qsii {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -72,10 +72,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_1ne4n:not(.select__disabled_1ne4n):active {
+} .select__option_1qsii:not(.select__disabled_1qsii):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1ne4n:before {
+    } .select__option_1qsii:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -85,43 +85,43 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_1ne4n:first-child:before {
+    } .select__option_1qsii:first-child:before {
         display: none;
-    } .select__size-48_1ne4n {
+    } .select__size-48_1qsii {
     min-height: var(--size-s-height);
-} .select__size-56_1ne4n {
+} .select__size-56_1qsii {
     min-height: var(--size-m-height);
-} .select__size-64_1ne4n {
+} .select__size-64_1qsii {
     min-height: var(--size-l-height);
-} .select__size-72_1ne4n {
+} .select__size-72_1qsii {
     min-height: var(--size-xl-height);
-} .select__size-64_1ne4n,
-.select__size-72_1ne4n {
+} .select__size-64_1qsii,
+.select__size-72_1qsii {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_1ne4n:before, .select__size-72_1ne4n:before {
+} .select__size-64_1qsii:before, .select__size-72_1qsii:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1ne4n {
+    } .select__selected_1qsii {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1ne4n {
+} .select__highlighted_1qsii {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1ne4n:before,
-    .select__highlighted_1ne4n + .select__option_1ne4n:before {
+} .select__highlighted_1qsii:before,
+    .select__highlighted_1qsii + .select__option_1qsii:before {
         opacity: 0;
-    } .select__disabled_1ne4n {
+    } .select__disabled_1qsii {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1ne4n {
+} .select__content_1qsii {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .select__textContent_1ne4n {
+} .select__textContent_1qsii {
     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_1nxp4","optionsListHeader":"select__optionsListHeader_1nxp4","headerHighlighted":"select__headerHighlighted_1nxp4","optionsListFooter":"select__optionsListFooter_1nxp4","withBorder":"select__withBorder_1nxp4","scrollable":"select__scrollable_1nxp4","emptyPlaceholder":"select__emptyPlaceholder_1nxp4","size-64":"select__size-64_1nxp4","size-72":"select__size-72_1nxp4"};
+var styles = {"optionsList":"select__optionsList_jq928","optionsListHeader":"select__optionsListHeader_jq928","headerHighlighted":"select__headerHighlighted_jq928","optionsListFooter":"select__optionsListFooter_jq928","withBorder":"select__withBorder_jq928","scrollable":"select__scrollable_jq928","emptyPlaceholder":"select__emptyPlaceholder_jq928","size-64":"select__size-64_jq928","size-72":"select__size-72_jq928"};
 require('./index.css');
 
 var createCounter = function () {

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

@@ -33,32 +33,32 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_1nxp4 {
+} .select__optionsList_jq928 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_1nxp4 {
+} .select__optionsListHeader_jq928 {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_1nxp4.select__headerHighlighted_1nxp4 {
+} .select__optionsListHeader_jq928.select__headerHighlighted_jq928 {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_1nxp4 {
+    } .select__optionsListFooter_jq928 {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_1nxp4.select__withBorder_1nxp4 {
+} .select__optionsListFooter_jq928.select__withBorder_jq928 {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_1nxp4 {
+    } .select__scrollable_jq928 {
     overflow: auto;
     width: 100%;
-} .select__emptyPlaceholder_1nxp4 {
+} .select__emptyPlaceholder_jq928 {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-64_1nxp4 .select__emptyPlaceholder_1nxp4,
-.select__size-72_1nxp4 .select__emptyPlaceholder_1nxp4 {
+} .select__size-64_jq928 .select__emptyPlaceholder_jq928,
+.select__size-72_jq928 .select__emptyPlaceholder_jq928 {
     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_16w2l"};
+var styles = {"component":"select__component_f32rh"};
 require('./index.css');
 
 var Search = React.forwardRef(function (_a, ref) {

package/select/components/search/index.css

@@ -27,6 +27,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_16w2l.select__component_16w2l {
+} .select__component_f32rh.select__component_f32rh {
     width: auto;
 }

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

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_qgyyb","virtualOptionsListHeader":"select__virtualOptionsListHeader_qgyyb","virtualOptionsListFooter":"select__virtualOptionsListFooter_qgyyb","withBorder":"select__withBorder_qgyyb","scrollable":"select__scrollable_qgyyb","inner":"select__inner_qgyyb","virtualRow":"select__virtualRow_qgyyb","highlighted":"select__highlighted_qgyyb","emptyPlaceholder":"select__emptyPlaceholder_qgyyb","size-64":"select__size-64_qgyyb","size-72":"select__size-72_qgyyb"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_r24bg","virtualOptionsListHeader":"select__virtualOptionsListHeader_r24bg","virtualOptionsListFooter":"select__virtualOptionsListFooter_r24bg","withBorder":"select__withBorder_r24bg","scrollable":"select__scrollable_r24bg","inner":"select__inner_r24bg","virtualRow":"select__virtualRow_r24bg","highlighted":"select__highlighted_r24bg","emptyPlaceholder":"select__emptyPlaceholder_r24bg","size-64":"select__size-64_r24bg","size-72":"select__size-72_r24bg"};
 require('./index.css');
 
 var VirtualOptionsList = React.forwardRef(function (_a, ref) {

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

@@ -39,35 +39,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_qgyyb {
+} .select__virtualOptionsList_r24bg {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_qgyyb {
+} .select__virtualOptionsListHeader_r24bg {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_qgyyb {
+} .select__virtualOptionsListFooter_r24bg {
     position: sticky;
     bottom: 0;
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_qgyyb.select__withBorder_qgyyb {
+} .select__virtualOptionsListFooter_r24bg.select__withBorder_r24bg {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_qgyyb {
+    } .select__scrollable_r24bg {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_qgyyb {
+} .select__inner_r24bg {
     position: relative;
     width: 100%;
-} .select__virtualRow_qgyyb {
+} .select__virtualRow_r24bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
-} .select__virtualRow_qgyyb:before {
+} .select__virtualRow_r24bg:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -77,16 +77,16 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_qgyyb:first-child:before {
+    } .select__virtualRow_r24bg:first-child:before {
         display: none;
-    } .select__highlighted_qgyyb:before,
-    .select__highlighted_qgyyb + .select__virtualRow_qgyyb:before {
+    } .select__highlighted_r24bg:before,
+    .select__highlighted_r24bg + .select__virtualRow_r24bg:before {
         display: none;
-    } .select__emptyPlaceholder_qgyyb {
+    } .select__emptyPlaceholder_r24bg {
     padding: var(--gap-m) var(--gap-s);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-64_qgyyb .select__emptyPlaceholder_qgyyb,
-.select__size-72_qgyyb .select__emptyPlaceholder_qgyyb {
+} .select__size-64_r24bg .select__emptyPlaceholder_r24bg,
+.select__size-72_r24bg .select__emptyPlaceholder_r24bg {
     padding: var(--gap-xl) var(--gap-m);
 }

package/select/esm/Component.responsive.js

@@ -19,12 +19,12 @@ import '@alfalab/hooks';
 import './utils.js';
 import './components/native-select/Component.js';
 import './components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import './list-popover-desktop-05da245e.js';
+import './list-popover-desktop-1445c1cf.js';
 import './components/base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/base-select/components/list-mobile/list-mobile.js';
 import './components/base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import './mobile.module-463c9a08.js';
+import './mobile.module-d852aa67.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/optgroup/Component.js';
@@ -49,7 +49,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-b2de24a8.js';
+import './hook-2bc3f352.js';
 import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';

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_1enji","open":"select__open_1enji"};
+var styles = {"arrow":"select__arrow_155vo","open":"select__open_155vo"};
 require('./index.css');
 
 var Arrow = function (_a) {

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

@@ -30,13 +30,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1enji {
+} .select__arrow_155vo {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_1enji {
+} .select__open_155vo {
     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_1cxis","start":"select__start_1cxis","center":"select__center_1cxis","single":"select__single_1cxis","selected":"select__selected_1cxis"};
+var styles = {"checkmark":"select__checkmark_7ui02","start":"select__start_7ui02","center":"select__center_7ui02","single":"select__single_7ui02","selected":"select__selected_7ui02"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

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

@@ -27,18 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_1cxis {
+} .select__checkmark_7ui02 {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_1cxis.select__start_1cxis {
+} .select__checkmark_7ui02.select__start_7ui02 {
         align-self: start;
-    } .select__checkmark_1cxis.select__center_1cxis {
+    } .select__checkmark_7ui02.select__center_7ui02 {
         align-self: center;
-    } .select__single_1cxis {
+    } .select__single_7ui02 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_1cxis.select__selected_1cxis {
+} .select__single_7ui02.select__selected_7ui02 {
         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_8nzak","disabled":"select__disabled_8nzak","checkmarkBefore":"select__checkmarkBefore_8nzak","mobile":"select__mobile_8nzak","checkmarkAfter":"select__checkmarkAfter_8nzak","textContent":"select__textContent_8nzak","selected":"select__selected_8nzak","highlighted":"select__highlighted_8nzak","checkmarkBeforeContent":"select__checkmarkBeforeContent_8nzak","checkmarkAfterContent":"select__checkmarkAfterContent_8nzak","content":"select__content_8nzak"};
+var styles = {"option":"select__option_3wirc","disabled":"select__disabled_3wirc","checkmarkBefore":"select__checkmarkBefore_3wirc","mobile":"select__mobile_3wirc","checkmarkAfter":"select__checkmarkAfter_3wirc","textContent":"select__textContent_3wirc","selected":"select__selected_3wirc","highlighted":"select__highlighted_3wirc","checkmarkBeforeContent":"select__checkmarkBeforeContent_3wirc","checkmarkAfterContent":"select__checkmarkAfterContent_3wirc","content":"select__content_3wirc"};
 require('./index.css');
 
 var BaseOption = function (_a) {

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

@@ -47,7 +47,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_8nzak {
+} .select__option_3wirc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -61,36 +61,36 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_8nzak:not(.select__disabled_8nzak):active {
+} .select__option_3wirc:not(.select__disabled_3wirc):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_8nzak.select__checkmarkBefore_8nzak {
+    } .select__option_3wirc.select__checkmarkBefore_3wirc {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_8nzak.select__checkmarkBefore_8nzak.select__mobile_8nzak {
+    } .select__option_3wirc.select__checkmarkBefore_3wirc.select__mobile_3wirc {
             padding-left: var(--gap-m);
-        } .select__option_8nzak.select__checkmarkAfter_8nzak.select__checkmarkAfter_8nzak {
+        } .select__option_3wirc.select__checkmarkAfter_3wirc.select__checkmarkAfter_3wirc {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_8nzak.select__checkmarkAfter_8nzak.select__checkmarkAfter_8nzak.select__mobile_8nzak {
+    } .select__option_3wirc.select__checkmarkAfter_3wirc.select__checkmarkAfter_3wirc.select__mobile_3wirc {
             padding-right: var(--gap-l);
-        } .select__option_8nzak.select__textContent_8nzak {
+        } .select__option_3wirc.select__textContent_3wirc {
         padding: var(--gap-s)
-    } .select__option_8nzak.select__textContent_8nzak.select__mobile_8nzak {
+    } .select__option_3wirc.select__textContent_3wirc.select__mobile_3wirc {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_8nzak {
+        } .select__selected_3wirc {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_8nzak {
+} .select__highlighted_3wirc {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_8nzak {
+} .select__disabled_3wirc {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_8nzak {
+} .select__checkmarkBeforeContent_3wirc {
     margin-right: var(--gap-s);
-} .select__checkmarkAfterContent_8nzak {
+} .select__checkmarkAfterContent_3wirc {
     margin-left: var(--gap-s);
-} .select__content_8nzak {
+} .select__content_3wirc {
     flex: 1;
 }

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

@@ -10,11 +10,11 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 import { getListPopoverDesktopProps } from './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-05da245e.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-1445c1cf.js';
 import { getListModalMobileProps } from './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import { getListBottomSheetMobileProps } from './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import { ListMobile } from './components/list-mobile/list-mobile.js';
-import { m as mobileStyles } from '../../mobile.module-463c9a08.js';
+import { m as mobileStyles } from '../../mobile.module-d852aa67.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 

package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js

@@ -1,4 +1,4 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-05da245e.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-1445c1cf.js';

package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-463c9a08.js';
+import { m as mobileStyles } from '../../../../mobile.module-d852aa67.js';
 
 var ListBottomSheetMobile = function (props) {
     var BottomSheet = props.BottomSheet, dataTestId = props.dataTestId, open = props.open, label = props.label, placeholder = props.placeholder, footer = props.footer, swipeable = props.swipeable, showSearch = props.showSearch, bottomSheetProps = props.bottomSheetProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

package/select/esm/components/base-select/components/list-mobile/list-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/esm';
-import '../../../../mobile.module-463c9a08.js';
+import '../../../../mobile.module-d852aa67.js';
 import 'react-merge-refs';
 import 'classnames';
 

package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js

@@ -3,7 +3,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/esm';
-import { m as mobileStyles } from '../../../../mobile.module-463c9a08.js';
+import { m as mobileStyles } from '../../../../mobile.module-d852aa67.js';
 
 var ListModalMobile = function (props) {
     var ModalMobile = props.ModalMobile, dataTestId = props.dataTestId, open = props.open, modalProps = props.modalProps, modalHeaderProps = props.modalHeaderProps, modalFooterProps = props.modalFooterProps, menuRef = props.menuRef, scrollableContainerRef = props.scrollableContainerRef, label = props.label, placeholder = props.placeholder, onScroll = props.onScroll, flatOptions = props.flatOptions, closeMenu = props.closeMenu, handleEntered = props.handleEntered, renderSearch = props.renderSearch, renderOptionsList = props.renderOptionsList;

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

@@ -41,21 +41,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_6mjtu {
+} .select__component_16eti {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_6mjtu {
+} .select__popoverInner_16eti {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_6mjtu.select__popoverInner_6mjtu {
+} .select__popoverInner_16eti.select__popoverInner_16eti {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_6mjtu {
+} .select__optionsListWrapper_16eti {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -64,7 +64,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_6mjtu {
+} .select__optionsListBorder_16eti {
     position: absolute;
     top: 0;
     right: 0;
@@ -73,7 +73,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_6mjtu {
+} .select__nativeSelect_16eti {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -86,12 +86,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_6mjtu {
+} .select__block_16eti {
     width: 100%;
-} .select__emptySearchPlaceholder_6mjtu {
+} .select__emptySearchPlaceholder_16eti {
     text-align: center;
-} .select__search_6mjtu {
+} .select__search_16eti {
     margin: var(--gap-s) var(--gap-s) 0
-} .select__search_6mjtu:last-child {
+} .select__search_16eti:last-child {
         margin-bottom: var(--gap-s);
     }

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

@@ -11,10 +11,10 @@ import '@alfalab/hooks';
 import '../../utils.js';
 import '../native-select/Component.js';
 import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../../list-popover-desktop-05da245e.js';
+import '../../list-popover-desktop-1445c1cf.js';
 import './components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './components/list-mobile/list-mobile.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
-import '../../mobile.module-463c9a08.js';
+import '../../mobile.module-d852aa67.js';
 import './components/list-mobile/list-modal-mobile.js';

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

@@ -31,30 +31,30 @@
     /* checkmark */
 
     /* optgroup */
-} .select__sheet_csp4m {
+} .select__sheet_1fkt1 {
     overflow: hidden;
-} .select__sheetContent_csp4m.select__sheetContent_csp4m {
+} .select__sheetContent_1fkt1.select__sheetContent_1fkt1 {
     padding: 0
-} .select__sheetContent_csp4m.select__sheetContent_csp4m .select__modalContent_csp4m {
+} .select__sheetContent_1fkt1.select__sheetContent_1fkt1 .select__modalContent_1fkt1 {
         padding: 0;
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_csp4m {
+    } .select__sheetContainer_1fkt1 {
     padding: 0;
-} .select__optionsListWrapper_csp4m {
+} .select__optionsListWrapper_1fkt1 {
     flex: 1;
-} .select__optionsList_csp4m.select__optionsList_csp4m {
+} .select__optionsList_1fkt1.select__optionsList_1fkt1 {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_csp4m {
+} .select__scrollbar_1fkt1 {
     flex: 1;
-} .select__search_csp4m {
+} .select__search_1fkt1 {
     padding: var(--gap-xs);
-} .select__option_csp4m.select__option_csp4m {
+} .select__option_1fkt1.select__option_1fkt1 {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_csp4m.select__option_csp4m:before {
+} .select__option_1fkt1.select__option_1fkt1:before {
         display: none;
-    } .select__optionGroup_csp4m.select__optionGroup_csp4m {
+    } .select__optionGroup_1fkt1.select__optionGroup_1fkt1 {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

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

@@ -5,7 +5,7 @@ import { Checkbox } from '../../../../checkbox/esm';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_8wa91","after":"select__after_8wa91","single":"select__single_8wa91","selected":"select__selected_8wa91","before":"select__before_8wa91","multiple":"select__multiple_8wa91","colorIcon":"select__colorIcon_8wa91"};
+var styles = {"checkmark":"select__checkmark_fcdkv","after":"select__after_fcdkv","single":"select__single_fcdkv","selected":"select__selected_fcdkv","before":"select__before_fcdkv","multiple":"select__multiple_fcdkv","colorIcon":"select__colorIcon_fcdkv"};
 require('./index.css');
 
 var Checkmark = function (_a) {

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

@@ -43,12 +43,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_8wa91 {
+} .select__checkmark_fcdkv {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_8wa91.select__after_8wa91 {
+} .select__checkmark_fcdkv.select__after_fcdkv {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_8wa91 {
+    } .select__single_fcdkv {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -58,17 +58,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_8wa91.select__selected_8wa91 {
+} .select__single_fcdkv.select__selected_fcdkv {
         opacity: 1;
-    } .select__before_8wa91 {
+    } .select__before_fcdkv {
     display: var(--select-checkmark-before-display)
-} .select__before_8wa91.select__multiple_8wa91 {
+} .select__before_fcdkv.select__multiple_fcdkv {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_8wa91.select__after_8wa91 {
+    } .select__after_fcdkv.select__after_fcdkv {
     display: var(--select-checkmark-after-display)
-} .select__after_8wa91.select__after_8wa91.select__single_8wa91 {
+} .select__after_fcdkv.select__after_fcdkv.select__single_fcdkv {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_8wa91 {
+    } .select__colorIcon_fcdkv {
     color: var(--color-light-status-positive);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"checkmark":"select__checkmark_123h1","selected":"select__selected_123h1","displayIcon":"select__displayIcon_123h1","displayBadge":"select__displayBadge_123h1"};
+var styles = {"checkmark":"select__checkmark_11e0o","selected":"select__selected_11e0o","displayIcon":"select__displayIcon_11e0o","displayBadge":"select__displayBadge_11e0o"};
 require('./index.css');
 
 var Checkmark = function (_a) {