@alfalab/core-components 48.33.4 → 48.34.0-beta.0

package/select/esm/components/option/mobile/index.css

@@ -63,7 +63,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_y8irx {
+} .select__option_9fy5i {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -78,10 +78,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_y8irx:not(.select__disabled_y8irx):active {
+} .select__option_9fy5i:not(.select__disabled_9fy5i):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_y8irx:before {
+    } .select__option_9fy5i:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -91,41 +91,41 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
-    } .select__option_y8irx:first-child:before {
+    } .select__option_9fy5i:first-child:before {
         display: none;
-    } .select__size-48_y8irx {
+    } .select__size-48_9fy5i {
     min-height: var(--size-s-height);
-} .select__size-56_y8irx {
+} .select__size-56_9fy5i {
     min-height: var(--size-m-height);
-} .select__size-64_y8irx {
+} .select__size-64_9fy5i {
     min-height: var(--size-l-height);
-} .select__size-72_y8irx {
+} .select__size-72_9fy5i {
     min-height: var(--size-xl-height);
-} .select__size-72_y8irx {
+} .select__size-72_9fy5i {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-72_y8irx:before {
+} .select__size-72_9fy5i:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_y8irx {
+    } .select__selected_9fy5i {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_y8irx {
+} .select__highlighted_9fy5i {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_y8irx:before,
-    .select__highlighted_y8irx + .select__option_y8irx:before {
+} .select__highlighted_9fy5i:before,
+    .select__highlighted_9fy5i + .select__option_9fy5i:before {
         opacity: 0;
-    } .select__disabled_y8irx {
+    } .select__disabled_9fy5i {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_y8irx {
+} .select__content_9fy5i {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
-} .select__textContent_y8irx {
+} .select__textContent_9fy5i {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

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

@@ -9,7 +9,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
 import { useVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"optionsList":"select__optionsList_16d6r","optionsListHeader":"select__optionsListHeader_16d6r","headerHighlighted":"select__headerHighlighted_16d6r","optionsListFooter":"select__optionsListFooter_16d6r","withBorder":"select__withBorder_16d6r","scrollable":"select__scrollable_16d6r","-webkit-mask":"select__mask_16d6r","mask":"select__mask_16d6r","emptyPlaceholder":"select__emptyPlaceholder_16d6r","size-72":"select__size-72_16d6r"};
+var styles = {"optionsList":"select__optionsList_1o7qb","optionsListHeader":"select__optionsListHeader_1o7qb","headerHighlighted":"select__headerHighlighted_1o7qb","optionsListFooter":"select__optionsListFooter_1o7qb","withBorder":"select__withBorder_1o7qb","scrollable":"select__scrollable_1o7qb","-webkit-mask":"select__mask_1o7qb","mask":"select__mask_1o7qb","emptyPlaceholder":"select__emptyPlaceholder_1o7qb","size-72":"select__size-72_1o7qb"};
 require('./index.css');
 
 var createCounter = function () {

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

@@ -40,33 +40,33 @@
     /* checkmark */
 
     /* optgroup */
-} .select__optionsList_16d6r {
+} .select__optionsList_1o7qb {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
-} .select__optionsListHeader_16d6r {
+} .select__optionsListHeader_1o7qb {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListHeader_16d6r.select__headerHighlighted_16d6r {
+} .select__optionsListHeader_1o7qb.select__headerHighlighted_1o7qb {
         border-bottom-color: var(--color-light-neutral-300);
-    } .select__optionsListFooter_16d6r {
+    } .select__optionsListFooter_1o7qb {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease
-} .select__optionsListFooter_16d6r.select__withBorder_16d6r {
+} .select__optionsListFooter_1o7qb.select__withBorder_1o7qb {
         border-top-color: var(--color-light-neutral-300);
-    } .select__scrollable_16d6r {
+    } .select__scrollable_1o7qb {
     overflow: auto;
     width: 100%;
-} .select__mask_16d6r {
+} .select__mask_1o7qb {
     min-width: 4000px;
-} .select__emptyPlaceholder_16d6r {
+} .select__emptyPlaceholder_1o7qb {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
-} .select__size-72_16d6r .select__emptyPlaceholder_16d6r {
+} .select__size-72_1o7qb .select__emptyPlaceholder_1o7qb {
     padding: var(--gap-24) var(--gap-16);
 }

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Input } from '../../../../input/esm';
 import { MagnifierMIcon } from '@alfalab/icons-glyph/MagnifierMIcon';
 
-var styles = {"component":"select__component_j71pl"};
+var styles = {"component":"select__component_1b9e0"};
 require('./index.css');
 
 var Search = forwardRef(function (_a, ref) {

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

@@ -30,6 +30,6 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_j71pl.select__component_j71pl {
+} .select__component_1b9e0.select__component_1b9e0 {
     width: auto;
 }

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

@@ -10,7 +10,7 @@ import { SIZE_TO_CLASSNAME_MAP, DEFAULT_VISIBLE_OPTIONS } from '../../consts.js'
 import { usePrevious, lastIndexOf, useVirtualVisibleOptions, isGroup } from '../../utils.js';
 import { Optgroup } from '../optgroup/Component.js';
 
-var styles = {"virtualOptionsList":"select__virtualOptionsList_1gkrl","virtualOptionsListHeader":"select__virtualOptionsListHeader_1gkrl","virtualOptionsListFooter":"select__virtualOptionsListFooter_1gkrl","withBorder":"select__withBorder_1gkrl","scrollable":"select__scrollable_1gkrl","inner":"select__inner_1gkrl","virtualRow":"select__virtualRow_1gkrl","highlighted":"select__highlighted_1gkrl","emptyPlaceholder":"select__emptyPlaceholder_1gkrl","size-72":"select__size-72_1gkrl"};
+var styles = {"virtualOptionsList":"select__virtualOptionsList_16vv2","virtualOptionsListHeader":"select__virtualOptionsListHeader_16vv2","virtualOptionsListFooter":"select__virtualOptionsListFooter_16vv2","withBorder":"select__withBorder_16vv2","scrollable":"select__scrollable_16vv2","inner":"select__inner_16vv2","virtualRow":"select__virtualRow_16vv2","highlighted":"select__highlighted_16vv2","emptyPlaceholder":"select__emptyPlaceholder_16vv2","size-72":"select__size-72_16vv2"};
 require('./index.css');
 
 var VirtualOptionsList = forwardRef(function (_a, ref) {

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

@@ -46,35 +46,35 @@
     /* checkmark */
 
     /* optgroup */
-} .select__virtualOptionsList_1gkrl {
+} .select__virtualOptionsList_16vv2 {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
-} .select__virtualOptionsListHeader_1gkrl {
+} .select__virtualOptionsListHeader_16vv2 {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .select__virtualOptionsListFooter_1gkrl {
+} .select__virtualOptionsListFooter_16vv2 {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent
-} .select__virtualOptionsListFooter_1gkrl.select__withBorder_1gkrl {
+} .select__virtualOptionsListFooter_16vv2.select__withBorder_16vv2 {
         border-top: 1px solid var(--color-light-neutral-300);
-    } .select__scrollable_1gkrl {
+    } .select__scrollable_16vv2 {
     position: relative;
     overflow: auto;
     width: 100%;
-} .select__inner_1gkrl {
+} .select__inner_16vv2 {
     position: relative;
     width: 100%;
-} .select__virtualRow_1gkrl {
+} .select__virtualRow_16vv2 {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%
-} .select__virtualRow_1gkrl:before {
+} .select__virtualRow_16vv2:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -84,15 +84,15 @@
         height: 1px;
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
-    } .select__virtualRow_1gkrl:first-child:before {
+    } .select__virtualRow_16vv2:first-child:before {
         display: none;
-    } .select__highlighted_1gkrl:before,
-    .select__highlighted_1gkrl + .select__virtualRow_1gkrl:before {
+    } .select__highlighted_16vv2:before,
+    .select__highlighted_16vv2 + .select__virtualRow_16vv2:before {
         display: none;
-    } .select__emptyPlaceholder_1gkrl {
+    } .select__emptyPlaceholder_16vv2 {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
-} .select__size-72_1gkrl .select__emptyPlaceholder_1gkrl {
+} .select__size-72_16vv2 .select__emptyPlaceholder_16vv2 {
     padding: var(--gap-24) var(--gap-16);
 }

package/select/esm/index.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-4623e9ff.js';
+import './hook-611000da.js';
 import 'react-fast-compare';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';

package/select/esm/mobile/Component.mobile.js

@@ -17,7 +17,7 @@ import { OptionResponsive } from '../components/option/Component.responsive.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-4623e9ff.js';
+import { u as useSelectWithApply } from '../hook-611000da.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownSIcon';

package/select/esm/mobile/Component.modal.mobile.js

@@ -45,7 +45,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4623e9ff.js';
+import '../hook-611000da.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';

package/select/esm/mobile/index.js

@@ -46,7 +46,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-4623e9ff.js';
+import '../hook-611000da.js';
 import 'react-fast-compare';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-4623e9ff.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-611000da.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -2,7 +2,7 @@ import 'tslib';
 import 'react';
 import 'react-fast-compare';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-4623e9ff.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-611000da.js';
 import '../../utils.js';
 import '../../consts.js';
 import '../../components/options-list/Component.js';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-4623e9ff.js';
+export { O as OptionsListWithApply } from '../../../hook-611000da.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js

@@ -4,7 +4,7 @@ import { ButtonDesktop } from '../../../../../../button/esm/desktop';
 import { getDataTestId } from '../../../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../../../consts.js';
 
-var styles = {"footer":"select__footer_187c9","size-72":"select__size-72_187c9","button":"select__button_187c9"};
+var styles = {"footer":"select__footer_yifqh","size-72":"select__size-72_yifqh","button":"select__button_yifqh"};
 require('./index.css');
 
 var Footer = function (_a) {

package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css

@@ -30,12 +30,12 @@
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --select-option-list-footer-button-gap: var(--gap-8);
-} .select__footer_187c9 {
+} .select__footer_yifqh {
     background-color: var(--color-light-base-bg-primary);
     padding: var(--gap-12);
     outline: none
-} .select__footer_187c9.select__size-72_187c9 {
+} .select__footer_yifqh.select__size-72_yifqh {
         padding: var(--gap-12) var(--gap-16);
-    } .select__footer_187c9 > .select__button_187c9 + .select__button_187c9 {
+    } .select__footer_yifqh > .select__button_yifqh + .select__button_yifqh {
         margin-left: var(--select-option-list-footer-button-gap);
     }

package/select/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../../../checkbox/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../../../consts.js';
 
-var styles = {"desktop":"select__desktop_b0ndj","size-72":"select__size-72_b0ndj","mobile":"select__mobile_b0ndj"};
+var styles = {"desktop":"select__desktop_1hzf4","size-72":"select__size-72_1hzf4","mobile":"select__mobile_1hzf4"};
 require('./index.css');
 
 var Header = function (_a) {

package/select/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css

@@ -27,10 +27,10 @@
     --gap-16: var(--gap-m);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .select__desktop_b0ndj {
+} /* сбрасывает синюю подсветку при нажатии */ .select__desktop_1hzf4 {
     padding: var(--gap-12)
-} .select__desktop_b0ndj.select__size-72_b0ndj {
+} .select__desktop_1hzf4.select__size-72_1hzf4 {
         padding-left: var(--gap-16);
-    } .select__mobile_b0ndj {
+    } .select__mobile_1hzf4 {
     padding: var(--gap-12) var(--gap-8);
 }

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-4623e9ff";
+export * from "../../../hook-611000da";

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-4623e9ff.js';
+export { O as OptionsListWithApply } from '../../../hook-611000da.js';
 import 'tslib';
 import 'react';
 import 'react-fast-compare';

package/select/esm/presets/useSelectWithLoading/hook.js

@@ -14,7 +14,7 @@ import '../../consts.js';
 import '../../components/option/mobile/Component.js';
 import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_1yjct"};
+var styles = {"skeleton":"select__skeleton_1y0gl"};
 require('./index.css');
 
 function useSelectWithLoading(_a) {

package/select/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
 /* hash: 1emsd */
-.select__skeleton_1yjct {
+.select__skeleton_1y0gl {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-4623e9ff.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-611000da.js';
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions } from '../utils.js';
 export { OptionDesktop } from '../components/option/desktop/Component.js';
 export { OptionMobile } from '../components/option/mobile/Component.js';

package/select/mobile/Component.mobile.js

@@ -19,7 +19,7 @@ var components_option_Component_responsive = require('../components/option/Compo
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-7b3d0947.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-a727f1ab.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -48,7 +48,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-f29e3510.js';
+import './hook-3943da04.js';
 import 'react-fast-compare';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';
 
-const styles = {"arrow":"select__arrow_b9ec3","disabled":"select__disabled_b9ec3","size-40":"select__size-40_b9ec3","open":"select__open_b9ec3"};
+const styles = {"arrow":"select__arrow_hoj6l","disabled":"select__disabled_hoj6l","size-40":"select__size-40_hoj6l","open":"select__open_hoj6l"};
 require('./index.css');
 
 const Arrow = ({ open, disabled, className, size }) => {

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

@@ -35,18 +35,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_b9ec3 {
+} .select__arrow_hoj6l {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_b9ec3.select__disabled_b9ec3 {
+} .select__arrow_hoj6l.select__disabled_hoj6l {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_b9ec3.select__size-40_b9ec3 {
+    } .select__arrow_hoj6l.select__size-40_hoj6l {
         width: unset;
         height: unset;
-    } .select__open_b9ec3 {
+    } .select__open_hoj6l {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '../../../../checkbox/modern';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_1cbg2","start":"select__start_1cbg2","center":"select__center_1cbg2","single":"select__single_1cbg2","selected":"select__selected_1cbg2"};
+const styles = {"checkmark":"select__checkmark_22wn8","start":"select__start_22wn8","center":"select__center_22wn8","single":"select__single_22wn8","selected":"select__selected_22wn8"};
 require('./index.css');
 
 const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', }) => {

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

@@ -30,18 +30,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_1cbg2 {
+} .select__checkmark_22wn8 {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_1cbg2.select__start_1cbg2 {
+} .select__checkmark_22wn8.select__start_22wn8 {
         align-self: start;
-    } .select__checkmark_1cbg2.select__center_1cbg2 {
+    } .select__checkmark_22wn8.select__center_22wn8 {
         align-self: center;
-    } .select__single_1cbg2 {
+    } .select__single_22wn8 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_1cbg2.select__selected_1cbg2 {
+} .select__single_22wn8.select__selected_22wn8 {
         opacity: 1;
     }

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

@@ -5,7 +5,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"option":"select__option_1l0f4","disabled":"select__disabled_1l0f4","checkmarkBefore":"select__checkmarkBefore_1l0f4","mobile":"select__mobile_1l0f4","checkmarkAfter":"select__checkmarkAfter_1l0f4","size-72":"select__size-72_1l0f4","textContent":"select__textContent_1l0f4","selected":"select__selected_1l0f4","highlighted":"select__highlighted_1l0f4","checkmarkBeforeContent":"select__checkmarkBeforeContent_1l0f4","checkmarkAfterContent":"select__checkmarkAfterContent_1l0f4","content":"select__content_1l0f4"};
+const styles = {"option":"select__option_1bbil","disabled":"select__disabled_1bbil","checkmarkBefore":"select__checkmarkBefore_1bbil","mobile":"select__mobile_1bbil","checkmarkAfter":"select__checkmarkAfter_1bbil","size-72":"select__size-72_1bbil","textContent":"select__textContent_1bbil","selected":"select__selected_1bbil","highlighted":"select__highlighted_1bbil","checkmarkBeforeContent":"select__checkmarkBeforeContent_1bbil","checkmarkAfterContent":"select__checkmarkAfterContent_1bbil","content":"select__content_1bbil"};
 require('./index.css');
 
 const BaseOption = ({ className, option, children, selected, highlighted, disabled, multiple, Checkmark = BaseCheckmark, checkmarkPosition = multiple ? 'before' : 'after', align = 'center', innerProps, dataTestId, mobile = false, size, }) => {

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

@@ -54,7 +54,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1l0f4 {
+} .select__option_1bbil {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -68,41 +68,41 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_1l0f4:not(.select__disabled_1l0f4):active {
+} .select__option_1bbil:not(.select__disabled_1bbil):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1l0f4.select__checkmarkBefore_1l0f4 {
+    } .select__option_1bbil.select__checkmarkBefore_1bbil {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_1l0f4.select__checkmarkBefore_1l0f4.select__mobile_1l0f4 {
+    } .select__option_1bbil.select__checkmarkBefore_1bbil.select__mobile_1bbil {
             padding-left: var(--gap-16);
-        } .select__option_1l0f4.select__checkmarkAfter_1l0f4.select__checkmarkAfter_1l0f4 {
+        } .select__option_1bbil.select__checkmarkAfter_1bbil.select__checkmarkAfter_1bbil {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_1l0f4.select__checkmarkAfter_1l0f4.select__checkmarkAfter_1l0f4.select__size-72_1l0f4 {
+    } .select__option_1bbil.select__checkmarkAfter_1bbil.select__checkmarkAfter_1bbil.select__size-72_1bbil {
             padding-right: var(--gap-16);
-        } .select__option_1l0f4.select__checkmarkAfter_1l0f4.select__checkmarkAfter_1l0f4.select__mobile_1l0f4 {
+        } .select__option_1bbil.select__checkmarkAfter_1bbil.select__checkmarkAfter_1bbil.select__mobile_1bbil {
             padding-right: var(--gap-20);
-        } .select__option_1l0f4.select__textContent_1l0f4 {
+        } .select__option_1bbil.select__textContent_1bbil {
         padding: var(--gap-12)
-    } .select__option_1l0f4.select__textContent_1l0f4.select__size-72_1l0f4 {
+    } .select__option_1bbil.select__textContent_1bbil.select__size-72_1bbil {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_1l0f4.select__textContent_1l0f4.select__mobile_1l0f4 {
+        } .select__option_1bbil.select__textContent_1bbil.select__mobile_1bbil {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_1l0f4 {
+        } .select__selected_1bbil {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1l0f4 {
+} .select__highlighted_1bbil {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_1l0f4 {
+} .select__disabled_1bbil {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_1l0f4 {
+} .select__checkmarkBeforeContent_1bbil {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_1l0f4 {
+} .select__checkmarkAfterContent_1bbil {
     margin-left: var(--gap-12);
-} .select__content_1l0f4 {
+} .select__content_1bbil {
     flex: 1;
 }

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

@@ -10,10 +10,10 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { defaultAccessor, defaultFilterFn, defaultGroupAccessor, processOptions, isGroup } from '../../utils.js';
 import { NativeSelect } from '../native-select/Component.js';
 
-const styles = {"component":"select__component_1qt75","popoverInner":"select__popoverInner_1qt75","optionsListWrapper":"select__optionsListWrapper_1qt75","optionsListBorder":"select__optionsListBorder_1qt75","nativeSelect":"select__nativeSelect_1qt75","block":"select__block_1qt75","emptySearchPlaceholder":"select__emptySearchPlaceholder_1qt75","search":"select__search_1qt75","size-72":"select__size-72_1qt75"};
+const styles = {"component":"select__component_18ynl","popoverInner":"select__popoverInner_18ynl","optionsListWrapper":"select__optionsListWrapper_18ynl","optionsListBorder":"select__optionsListBorder_18ynl","nativeSelect":"select__nativeSelect_18ynl","block":"select__block_18ynl","emptySearchPlaceholder":"select__emptySearchPlaceholder_18ynl","search":"select__search_18ynl","size-72":"select__size-72_18ynl"};
 require('./index.css');
 
-const mobileStyles = {"sheet":"select__sheet_yhzji","sheetContent":"select__sheetContent_yhzji","modalContent":"select__modalContent_yhzji","sheetContainer":"select__sheetContainer_yhzji","optionsListWrapper":"select__optionsListWrapper_yhzji","optionsList":"select__optionsList_yhzji","scrollbar":"select__scrollbar_yhzji","search":"select__search_yhzji","option":"select__option_yhzji","optionGroup":"select__optionGroup_yhzji"};
+const mobileStyles = {"sheet":"select__sheet_1qkbu","sheetContent":"select__sheetContent_1qkbu","modalContent":"select__modalContent_1qkbu","sheetContainer":"select__sheetContainer_1qkbu","optionsListWrapper":"select__optionsListWrapper_1qkbu","optionsList":"select__optionsList_1qkbu","scrollbar":"select__scrollbar_1qkbu","search":"select__search_1qkbu","option":"select__option_1qkbu","optionGroup":"select__optionGroup_1qkbu"};
 require('./mobile.css');
 
 /* eslint-disable no-nested-ternary */