@alfalab/core-components 47.8.0 → 47.9.0

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_jnier","start":"select__start_jnier","center":"select__center_jnier","single":"select__single_jnier","selected":"select__selected_jnier"};
+var styles = {"checkmark":"select__checkmark_1uc28","start":"select__start_1uc28","center":"select__center_1uc28","single":"select__single_1uc28","selected":"select__selected_1uc28"};
 require('./index.css');
 
 var BaseCheckmark = function (_a) {

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

@@ -27,18 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_jnier {
+} .select__checkmark_1uc28 {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_jnier.select__start_jnier {
+} .select__checkmark_1uc28.select__start_1uc28 {
         align-self: start;
-    } .select__checkmark_jnier.select__center_jnier {
+    } .select__checkmark_1uc28.select__center_1uc28 {
         align-self: center;
-    } .select__single_jnier {
+    } .select__single_1uc28 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_jnier.select__selected_jnier {
+} .select__single_1uc28.select__selected_1uc28 {
         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_1eebl","disabled":"select__disabled_1eebl","checkmarkBefore":"select__checkmarkBefore_1eebl","mobile":"select__mobile_1eebl","checkmarkAfter":"select__checkmarkAfter_1eebl","textContent":"select__textContent_1eebl","selected":"select__selected_1eebl","highlighted":"select__highlighted_1eebl","checkmarkBeforeContent":"select__checkmarkBeforeContent_1eebl","checkmarkAfterContent":"select__checkmarkAfterContent_1eebl","content":"select__content_1eebl"};
+var styles = {"option":"select__option_1jsmw","disabled":"select__disabled_1jsmw","checkmarkBefore":"select__checkmarkBefore_1jsmw","mobile":"select__mobile_1jsmw","checkmarkAfter":"select__checkmarkAfter_1jsmw","textContent":"select__textContent_1jsmw","selected":"select__selected_1jsmw","highlighted":"select__highlighted_1jsmw","checkmarkBeforeContent":"select__checkmarkBeforeContent_1jsmw","checkmarkAfterContent":"select__checkmarkAfterContent_1jsmw","content":"select__content_1jsmw"};
 require('./index.css');
 
 var BaseOption = function (_a) {

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

@@ -47,7 +47,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1eebl {
+} .select__option_1jsmw {
     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_1eebl:not(.select__disabled_1eebl):active {
+} .select__option_1jsmw:not(.select__disabled_1jsmw):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1eebl.select__checkmarkBefore_1eebl {
+    } .select__option_1jsmw.select__checkmarkBefore_1jsmw {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_1eebl.select__checkmarkBefore_1eebl.select__mobile_1eebl {
+    } .select__option_1jsmw.select__checkmarkBefore_1jsmw.select__mobile_1jsmw {
             padding-left: var(--gap-m);
-        } .select__option_1eebl.select__checkmarkAfter_1eebl.select__checkmarkAfter_1eebl {
+        } .select__option_1jsmw.select__checkmarkAfter_1jsmw.select__checkmarkAfter_1jsmw {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_1eebl.select__checkmarkAfter_1eebl.select__checkmarkAfter_1eebl.select__mobile_1eebl {
+    } .select__option_1jsmw.select__checkmarkAfter_1jsmw.select__checkmarkAfter_1jsmw.select__mobile_1jsmw {
             padding-right: var(--gap-l);
-        } .select__option_1eebl.select__textContent_1eebl {
+        } .select__option_1jsmw.select__textContent_1jsmw {
         padding: var(--gap-s)
-    } .select__option_1eebl.select__textContent_1eebl.select__mobile_1eebl {
+    } .select__option_1jsmw.select__textContent_1jsmw.select__mobile_1jsmw {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_1eebl {
+        } .select__selected_1jsmw {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1eebl {
+} .select__highlighted_1jsmw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_1eebl {
+} .select__disabled_1jsmw {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_1eebl {
+} .select__checkmarkBeforeContent_1jsmw {
     margin-right: var(--gap-s);
-} .select__checkmarkAfterContent_1eebl {
+} .select__checkmarkAfterContent_1jsmw {
     margin-left: var(--gap-s);
-} .select__content_1eebl {
+} .select__content_1jsmw {
     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-55d8ba16.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-ba72a202.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-d5fe6ddb.js';
+import { m as mobileStyles } from '../../mobile.module-dfdae193.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-55d8ba16.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-ba72a202.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-d5fe6ddb.js';
+import { m as mobileStyles } from '../../../../mobile.module-dfdae193.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-d5fe6ddb.js';
+import '../../../../mobile.module-dfdae193.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-d5fe6ddb.js';
+import { m as mobileStyles } from '../../../../mobile.module-dfdae193.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_wiqoo {
+} .select__component_84aok {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_wiqoo {
+} .select__popoverInner_84aok {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_wiqoo.select__popoverInner_wiqoo {
+} .select__popoverInner_84aok.select__popoverInner_84aok {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_wiqoo {
+} .select__optionsListWrapper_84aok {
     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_wiqoo {
+} .select__optionsListBorder_84aok {
     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_wiqoo {
+} .select__nativeSelect_84aok {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -86,12 +86,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_wiqoo {
+} .select__block_84aok {
     width: 100%;
-} .select__emptySearchPlaceholder_wiqoo {
+} .select__emptySearchPlaceholder_84aok {
     text-align: center;
-} .select__search_wiqoo {
+} .select__search_84aok {
     margin: var(--gap-s) var(--gap-s) 0
-} .select__search_wiqoo:last-child {
+} .select__search_84aok: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-55d8ba16.js';
+import '../../list-popover-desktop-ba72a202.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-d5fe6ddb.js';
+import '../../mobile.module-dfdae193.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_1lydp {
+} .select__sheet_10p5k {
     overflow: hidden;
-} .select__sheetContent_1lydp.select__sheetContent_1lydp {
+} .select__sheetContent_10p5k.select__sheetContent_10p5k {
     padding: 0
-} .select__sheetContent_1lydp.select__sheetContent_1lydp .select__modalContent_1lydp {
+} .select__sheetContent_10p5k.select__sheetContent_10p5k .select__modalContent_10p5k {
         padding: 0;
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_1lydp {
+    } .select__sheetContainer_10p5k {
     padding: 0;
-} .select__optionsListWrapper_1lydp {
+} .select__optionsListWrapper_10p5k {
     flex: 1;
-} .select__optionsList_1lydp.select__optionsList_1lydp {
+} .select__optionsList_10p5k.select__optionsList_10p5k {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_1lydp {
+} .select__scrollbar_10p5k {
     flex: 1;
-} .select__search_1lydp {
+} .select__search_10p5k {
     padding: var(--gap-xs);
-} .select__option_1lydp.select__option_1lydp {
+} .select__option_10p5k.select__option_10p5k {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_1lydp.select__option_1lydp:before {
+} .select__option_10p5k.select__option_10p5k:before {
         display: none;
-    } .select__optionGroup_1lydp.select__optionGroup_1lydp {
+    } .select__optionGroup_10p5k.select__optionGroup_10p5k {
     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_bww8s","after":"select__after_bww8s","single":"select__single_bww8s","selected":"select__selected_bww8s","before":"select__before_bww8s","multiple":"select__multiple_bww8s","colorIcon":"select__colorIcon_bww8s"};
+var styles = {"checkmark":"select__checkmark_1k0xu","after":"select__after_1k0xu","single":"select__single_1k0xu","selected":"select__selected_1k0xu","before":"select__before_1k0xu","multiple":"select__multiple_1k0xu","colorIcon":"select__colorIcon_1k0xu"};
 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_bww8s {
+} .select__checkmark_1k0xu {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_bww8s.select__after_bww8s {
+} .select__checkmark_1k0xu.select__after_1k0xu {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_bww8s {
+    } .select__single_1k0xu {
     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_bww8s.select__selected_bww8s {
+} .select__single_1k0xu.select__selected_1k0xu {
         opacity: 1;
-    } .select__before_bww8s {
+    } .select__before_1k0xu {
     display: var(--select-checkmark-before-display)
-} .select__before_bww8s.select__multiple_bww8s {
+} .select__before_1k0xu.select__multiple_1k0xu {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_bww8s.select__after_bww8s {
+    } .select__after_1k0xu.select__after_1k0xu {
     display: var(--select-checkmark-after-display)
-} .select__after_bww8s.select__after_bww8s.select__single_bww8s {
+} .select__after_1k0xu.select__after_1k0xu.select__single_1k0xu {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_bww8s {
+    } .select__colorIcon_1k0xu {
     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_176u8","selected":"select__selected_176u8","displayIcon":"select__displayIcon_176u8","displayBadge":"select__displayBadge_176u8"};
+var styles = {"checkmark":"select__checkmark_koxkv","selected":"select__selected_koxkv","displayIcon":"select__displayIcon_koxkv","displayBadge":"select__displayBadge_koxkv"};
 require('./index.css');
 
 var Checkmark = function (_a) {

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

@@ -29,7 +29,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_176u8 {
+} .select__checkmark_koxkv {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -37,12 +37,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_176u8:first-child {
+} .select__checkmark_koxkv:first-child {
         display: none;
-    } .select__checkmark_176u8.select__selected_176u8 {
+    } .select__checkmark_koxkv.select__selected_koxkv {
         opacity: 1;
-    } .select__displayIcon_176u8 {
+    } .select__displayIcon_koxkv {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_176u8 {
+} .select__displayBadge_koxkv {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -5,7 +5,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { useFocus } from '@alfalab/hooks';
 import { joinOptions } from '../../utils.js';
 
-var styles = {"component":"select__component_2h8xm","field":"select__field_2h8xm","disabled":"select__disabled_2h8xm","arrow":"select__arrow_2h8xm","placeholder":"select__placeholder_2h8xm","show-placeholder":"select__show-placeholder_2h8xm","focused":"select__focused_2h8xm","contentWrapper":"select__contentWrapper_2h8xm","value":"select__value_2h8xm","focusVisible":"select__focusVisible_2h8xm"};
+var styles = {"component":"select__component_26axl","field":"select__field_26axl","disabled":"select__disabled_26axl","arrow":"select__arrow_26axl","placeholder":"select__placeholder_26axl","show-placeholder":"select__show-placeholder_26axl","focused":"select__focused_26axl","contentWrapper":"select__contentWrapper_26axl","value":"select__value_26axl","focusVisible":"select__focusVisible_26axl"};
 require('./index.css');
 
 var Field = function (_a) {

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

@@ -46,22 +46,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_2h8xm {
+} .select__component_26axl {
     width: 100%;
     outline: none;
-} .select__field_2h8xm:not(.select__disabled_2h8xm) {
+} .select__field_26axl:not(.select__disabled_26axl) {
     cursor: pointer
-} .select__field_2h8xm:not(.select__disabled_2h8xm):hover .select__arrow_2h8xm {
+} .select__field_26axl:not(.select__disabled_26axl):hover .select__arrow_26axl {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_2h8xm {
+        } .select__disabled_26axl {
     cursor: var(--disabled-cursor);
-} .select__placeholder_2h8xm {
+} .select__placeholder_26axl {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_2h8xm 0.2s ease
-} .select__placeholder_2h8xm.select__focused_2h8xm {
+    animation: select__show-placeholder_26axl 0.2s ease
+} .select__placeholder_26axl.select__focused_26axl {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_2h8xm {
+    } .select__contentWrapper_26axl {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -70,14 +70,14 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__value_2h8xm {
+} .select__value_26axl {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__focusVisible_2h8xm {
+} .select__focusVisible_26axl {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_2h8xm {
+} @keyframes select__show-placeholder_26axl {
     from {
         opacity: 0;
     }

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

@@ -4,7 +4,7 @@ import { BaseModalContext } from '../../../../base-modal/esm';
 import { ButtonMobile } from '../../../../button/esm/mobile';
 import { getDataTestId } from '../../../../shared/esm';
 
-var styles = {"footer":"select__footer_fwz5x","button":"select__button_fwz5x","highlighted":"select__highlighted_fwz5x"};
+var styles = {"footer":"select__footer_p6rxl","button":"select__button_p6rxl","highlighted":"select__highlighted_p6rxl"};
 require('./index.css');
 
 var Footer = function (_a) {

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

@@ -30,17 +30,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_fwz5x {
+} .select__footer_p6rxl {
     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_fwz5x .select__button_fwz5x:first-of-type {
+} .select__footer_p6rxl .select__button_p6rxl:first-of-type {
         margin-right: var(--gap-m);
-    } .select__button_fwz5x {
+    } .select__button_p6rxl {
     width: 50%;
-} .select__highlighted_fwz5x {
+} .select__highlighted_p6rxl {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/select/esm/components/index.js

@@ -20,12 +20,12 @@ import '@alfalab/hooks';
 import '../utils.js';
 import './native-select/Component.js';
 import './base-select/components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../list-popover-desktop-55d8ba16.js';
+import '../list-popover-desktop-ba72a202.js';
 import './base-select/components/list-mobile/helpers/get-list-modal-mobile-props.js';
 import './base-select/components/list-mobile/helpers/get-list-bottom-sheet-mobile-props.js';
 import './base-select/components/list-mobile/list-mobile.js';
 import './base-select/components/list-mobile/list-bottom-sheet-mobile.js';
-import '../mobile.module-d5fe6ddb.js';
+import '../mobile.module-dfdae193.js';
 import './base-select/components/list-mobile/list-modal-mobile.js';
 import '../consts.js';
 import './checkmark/Component.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 
-var styles = {"optgroup":"select__optgroup_ydlyf","label":"select__label_ydlyf","size-64":"select__size-64_ydlyf","size-72":"select__size-72_ydlyf"};
+var styles = {"optgroup":"select__optgroup_1amwf","label":"select__label_1amwf","size-64":"select__size-64_1amwf","size-72":"select__size-72_1amwf"};
 require('./index.css');
 
 var Optgroup = function (_a) {

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

@@ -39,7 +39,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_ydlyf {
+} .select__optgroup_1amwf {
     position: relative;
     display: flex;
     align-items: center;
@@ -48,9 +48,9 @@
     box-sizing: border-box;
     background: var(--select-optgroup-background);
     min-height: 40px
-} .select__optgroup_ydlyf + *[role='option']:before {
+} .select__optgroup_1amwf + *[role='option']:before {
         display: none;
-    } .select__label_ydlyf {
+    } .select__label_1amwf {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -59,8 +59,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_ydlyf,
-.select__size-72_ydlyf {
+} .select__size-64_1amwf,
+.select__size-72_1amwf {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -9,7 +9,7 @@ import '../../../../checkbox/esm';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-var styles = {"option":"select__option_1qfi1","disabled":"select__disabled_1qfi1","size-48":"select__size-48_1qfi1","size-56":"select__size-56_1qfi1","size-64":"select__size-64_1qfi1","size-72":"select__size-72_1qfi1","selected":"select__selected_1qfi1","highlighted":"select__highlighted_1qfi1","content":"select__content_1qfi1","textContent":"select__textContent_1qfi1"};
+var styles = {"option":"select__option_5rk25","disabled":"select__disabled_5rk25","size-48":"select__size-48_5rk25","size-56":"select__size-56_5rk25","size-64":"select__size-64_5rk25","size-72":"select__size-72_5rk25","selected":"select__selected_5rk25","highlighted":"select__highlighted_5rk25","content":"select__content_5rk25","textContent":"select__textContent_5rk25"};
 require('./index.css');
 
 var Option = function (_a) {

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

@@ -57,7 +57,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1qfi1 {
+} .select__option_5rk25 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -72,10 +72,10 @@
     box-sizing: border-box;
     position: relative;
     cursor: pointer
-} .select__option_1qfi1:not(.select__disabled_1qfi1):active {
+} .select__option_5rk25:not(.select__disabled_5rk25):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1qfi1:before {
+    } .select__option_5rk25: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_1qfi1:first-child:before {
+    } .select__option_5rk25:first-child:before {
         display: none;
-    } .select__size-48_1qfi1 {
+    } .select__size-48_5rk25 {
     min-height: var(--size-s-height);
-} .select__size-56_1qfi1 {
+} .select__size-56_5rk25 {
     min-height: var(--size-m-height);
-} .select__size-64_1qfi1 {
+} .select__size-64_5rk25 {
     min-height: var(--size-l-height);
-} .select__size-72_1qfi1 {
+} .select__size-72_5rk25 {
     min-height: var(--size-xl-height);
-} .select__size-64_1qfi1,
-.select__size-72_1qfi1 {
+} .select__size-64_5rk25,
+.select__size-72_5rk25 {
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding)
-} .select__size-64_1qfi1:before, .select__size-72_1qfi1:before {
+} .select__size-64_5rk25:before, .select__size-72_5rk25:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
-    } .select__selected_1qfi1 {
+    } .select__selected_5rk25 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1qfi1 {
+} .select__highlighted_5rk25 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color)
-} .select__highlighted_1qfi1:before,
-    .select__highlighted_1qfi1 + .select__option_1qfi1:before {
+} .select__highlighted_5rk25:before,
+    .select__highlighted_5rk25 + .select__option_5rk25:before {
         opacity: 0;
-    } .select__disabled_1qfi1 {
+    } .select__disabled_5rk25 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1qfi1 {
+} .select__content_5rk25 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
     white-space: nowrap;
-} .select__textContent_1qfi1 {
+} .select__textContent_5rk25 {
     padding-top: var(--gap-s);
     padding-bottom: var(--gap-s);
 }

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_y1i99","optionsListHeader":"select__optionsListHeader_y1i99","headerHighlighted":"select__headerHighlighted_y1i99","optionsListFooter":"select__optionsListFooter_y1i99","withBorder":"select__withBorder_y1i99","scrollable":"select__scrollable_y1i99","emptyPlaceholder":"select__emptyPlaceholder_y1i99","size-64":"select__size-64_y1i99","size-72":"select__size-72_y1i99"};
+var styles = {"optionsList":"select__optionsList_1mfy9","optionsListHeader":"select__optionsListHeader_1mfy9","headerHighlighted":"select__headerHighlighted_1mfy9","optionsListFooter":"select__optionsListFooter_1mfy9","withBorder":"select__withBorder_1mfy9","scrollable":"select__scrollable_1mfy9","emptyPlaceholder":"select__emptyPlaceholder_1mfy9","size-64":"select__size-64_1mfy9","size-72":"select__size-72_1mfy9"};
 require('./index.css');
 
 var createCounter = function () {