@alfalab/core-components 47.10.0 → 47.12.0

package/select/modern/Component.responsive.js

@@ -18,12 +18,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-dde86217.js';
+import './list-popover-desktop-5faea56b.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-4026b4ce.js';
+import './mobile.module-b4726f1a.js';
 import './components/base-select/components/list-mobile/list-modal-mobile.js';
 import './components/field/Component.js';
 import './components/optgroup/Component.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-f6ee5904.js';
+import './hook-33166311.js';
 import 'deep-equal';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 
-const styles = {"arrow":"select__arrow_1enji","open":"select__open_1enji"};
+const styles = {"arrow":"select__arrow_1f6rr","open":"select__open_1f6rr"};
 require('./index.css');
 
 const Arrow = ({ open, className }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.arrow, className, { [styles.open]: open }) }));

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

@@ -30,13 +30,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_1enji {
+} .select__arrow_1f6rr {
     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_1f6rr {
     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_1cxis","start":"select__start_1cxis","center":"select__center_1cxis","single":"select__single_1cxis","selected":"select__selected_1cxis"};
+const styles = {"checkmark":"select__checkmark_1j93e","start":"select__start_1j93e","center":"select__center_1j93e","single":"select__single_1j93e","selected":"select__selected_1j93e"};
 require('./index.css');
 
 const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', }) => {

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

@@ -27,18 +27,18 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_1cxis {
+} .select__checkmark_1j93e {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_1cxis.select__start_1cxis {
+} .select__checkmark_1j93e.select__start_1j93e {
         align-self: start;
-    } .select__checkmark_1cxis.select__center_1cxis {
+    } .select__checkmark_1j93e.select__center_1j93e {
         align-self: center;
-    } .select__single_1cxis {
+    } .select__single_1j93e {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_1cxis.select__selected_1cxis {
+} .select__single_1j93e.select__selected_1j93e {
         opacity: 1;
     }

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

@@ -4,7 +4,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const 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"};
+const styles = {"option":"select__option_ss93p","disabled":"select__disabled_ss93p","checkmarkBefore":"select__checkmarkBefore_ss93p","mobile":"select__mobile_ss93p","checkmarkAfter":"select__checkmarkAfter_ss93p","textContent":"select__textContent_ss93p","selected":"select__selected_ss93p","highlighted":"select__highlighted_ss93p","checkmarkBeforeContent":"select__checkmarkBeforeContent_ss93p","checkmarkAfterContent":"select__checkmarkAfterContent_ss93p","content":"select__content_ss93p"};
 require('./index.css');
 
 const BaseOption = ({ className, option, children, selected, highlighted, disabled, multiple, Checkmark = BaseCheckmark, checkmarkPosition = multiple ? 'before' : 'after', align = 'center', innerProps, dataTestId, mobile = false, }) => {

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

@@ -47,7 +47,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_8nzak {
+} .select__option_ss93p {
     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_ss93p:not(.select__disabled_ss93p):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_8nzak.select__checkmarkBefore_8nzak {
+    } .select__option_ss93p.select__checkmarkBefore_ss93p {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_8nzak.select__checkmarkBefore_8nzak.select__mobile_8nzak {
+    } .select__option_ss93p.select__checkmarkBefore_ss93p.select__mobile_ss93p {
             padding-left: var(--gap-m);
-        } .select__option_8nzak.select__checkmarkAfter_8nzak.select__checkmarkAfter_8nzak {
+        } .select__option_ss93p.select__checkmarkAfter_ss93p.select__checkmarkAfter_ss93p {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_8nzak.select__checkmarkAfter_8nzak.select__checkmarkAfter_8nzak.select__mobile_8nzak {
+    } .select__option_ss93p.select__checkmarkAfter_ss93p.select__checkmarkAfter_ss93p.select__mobile_ss93p {
             padding-right: var(--gap-l);
-        } .select__option_8nzak.select__textContent_8nzak {
+        } .select__option_ss93p.select__textContent_ss93p {
         padding: var(--gap-s)
-    } .select__option_8nzak.select__textContent_8nzak.select__mobile_8nzak {
+    } .select__option_ss93p.select__textContent_ss93p.select__mobile_ss93p {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_8nzak {
+        } .select__selected_ss93p {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_8nzak {
+} .select__highlighted_ss93p {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_8nzak {
+} .select__disabled_ss93p {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_8nzak {
+} .select__checkmarkBeforeContent_ss93p {
     margin-right: var(--gap-s);
-} .select__checkmarkAfterContent_8nzak {
+} .select__checkmarkAfterContent_ss93p {
     margin-left: var(--gap-s);
-} .select__content_8nzak {
+} .select__content_ss93p {
     flex: 1;
 }

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

@@ -9,11 +9,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-dde86217.js';
+import { s as styles, L as ListPopoverDesktop } from '../../list-popover-desktop-5faea56b.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-4026b4ce.js';
+import { m as mobileStyles } from '../../mobile.module-b4726f1a.js';
 import './components/list-mobile/list-bottom-sheet-mobile.js';
 import './components/list-mobile/list-modal-mobile.js';
 
@@ -24,7 +24,7 @@ const BaseSelect = forwardRef(
 // TODO: 😭
 // eslint-disable-next-line complexity
 (props, ref) => {
-    const { dataTestId, className, fieldClassName, optionGroupClassName, optionsListClassName, optionClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, optionsListWidth = 'content', name, id, selected, size = 48, optionsSize = size, error, hint, block, label, labelView, placeholder, fieldProps = {}, optionsListProps = {}, optionProps = {}, searchProps = {}, showSearch = false, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, Search = () => null, showEmptyOptionsList = false, visibleOptions, view, isBottomSheet = true, modalProps, bottomSheetProps, limitDynamicOptionGroupSize, } = props;
+    const { dataTestId, className, fieldClassName, optionGroupClassName, optionsListClassName, optionClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, optionsListWidth = 'content', name, id, selected, size = 48, optionsSize = size, error, hint, block, label, labelView, placeholder, fieldProps = {}, optionsListProps = {}, optionProps = {}, groupOptionProps = {}, searchProps = {}, showSearch = false, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, Search = () => null, showEmptyOptionsList = false, visibleOptions, view, isBottomSheet = true, modalProps, bottomSheetProps, limitDynamicOptionGroupSize, } = props;
     const shouldSearchBlurRef = useRef(true);
     const rootRef = useRef(null);
     const fieldRef = useRef(null);
@@ -375,7 +375,7 @@ const BaseSelect = forwardRef(
             return null;
         const listProps = optionsListProps;
         return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
-            React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), 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: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
+            React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, groupOptionProps: groupOptionProps, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
                     [mobileStyles.optionGroup]: view === 'mobile',
                 }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll, search: search, multiple: multiple, limitDynamicOptionGroupSize: limitDynamicOptionGroupSize }),
             view === 'desktop' && React.createElement("div", { className: styles.optionsListBorder })));

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

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-dde86217.js';
+export { L as ListPopoverDesktop } from '../../../../list-popover-desktop-5faea56b.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { getDataTestId } from '../../../../../../shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-4026b4ce.js';
+import { m as mobileStyles } from '../../../../mobile.module-b4726f1a.js';
 
 const ListBottomSheetMobile = (props) => {
     const { BottomSheet, dataTestId, open, label, placeholder, footer, swipeable, showSearch, bottomSheetProps, menuRef, scrollableContainerRef, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { ListBottomSheetMobile } from './list-bottom-sheet-mobile.js';
 import { ListModalMobile } from './list-modal-mobile.js';
 import '../../../../../../shared/modern';
-import '../../../../mobile.module-4026b4ce.js';
+import '../../../../mobile.module-b4726f1a.js';
 import 'react-merge-refs';
 import 'classnames';
 

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

@@ -2,7 +2,7 @@ import React from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../../../shared/modern';
-import { m as mobileStyles } from '../../../../mobile.module-4026b4ce.js';
+import { m as mobileStyles } from '../../../../mobile.module-b4726f1a.js';
 
 const ListModalMobile = (props) => {
     const { ModalMobile, dataTestId, open, modalProps, modalHeaderProps, modalFooterProps, menuRef, scrollableContainerRef, label, placeholder, onScroll, flatOptions, closeMenu, handleEntered, renderSearch, renderOptionsList, } = props;

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

@@ -41,21 +41,21 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_6mjtu {
+} .select__component_1u0ks {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_6mjtu {
+} .select__popoverInner_1u0ks {
     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_1u0ks.select__popoverInner_1u0ks {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_6mjtu {
+} .select__optionsListWrapper_1u0ks {
     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_1u0ks {
     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_1u0ks {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -86,12 +86,12 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_6mjtu {
+} .select__block_1u0ks {
     width: 100%;
-} .select__emptySearchPlaceholder_6mjtu {
+} .select__emptySearchPlaceholder_1u0ks {
     text-align: center;
-} .select__search_6mjtu {
+} .select__search_1u0ks {
     margin: var(--gap-s) var(--gap-s) 0
-} .select__search_6mjtu:last-child {
+} .select__search_1u0ks:last-child {
         margin-bottom: var(--gap-s);
     }

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

@@ -10,10 +10,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-dde86217.js';
+import '../../list-popover-desktop-5faea56b.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-4026b4ce.js';
+import '../../mobile.module-b4726f1a.js';
 import './components/list-mobile/list-modal-mobile.js';

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

@@ -31,30 +31,30 @@
     /* checkmark */
 
     /* optgroup */
-} .select__sheet_csp4m {
+} .select__sheet_qp2pg {
     overflow: hidden;
-} .select__sheetContent_csp4m.select__sheetContent_csp4m {
+} .select__sheetContent_qp2pg.select__sheetContent_qp2pg {
     padding: 0
-} .select__sheetContent_csp4m.select__sheetContent_csp4m .select__modalContent_csp4m {
+} .select__sheetContent_qp2pg.select__sheetContent_qp2pg .select__modalContent_qp2pg {
         padding: 0;
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_csp4m {
+    } .select__sheetContainer_qp2pg {
     padding: 0;
-} .select__optionsListWrapper_csp4m {
+} .select__optionsListWrapper_qp2pg {
     flex: 1;
-} .select__optionsList_csp4m.select__optionsList_csp4m {
+} .select__optionsList_qp2pg.select__optionsList_qp2pg {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_csp4m {
+} .select__scrollbar_qp2pg {
     flex: 1;
-} .select__search_csp4m {
+} .select__search_qp2pg {
     padding: var(--gap-xs);
-} .select__option_csp4m.select__option_csp4m {
+} .select__option_qp2pg.select__option_qp2pg {
     padding: var(--gap-2xs) var(--gap-l) var(--gap-2xs) var(--gap-m)
-} .select__option_csp4m.select__option_csp4m:before {
+} .select__option_qp2pg.select__option_qp2pg:before {
         display: none;
-    } .select__optionGroup_csp4m.select__optionGroup_csp4m {
+    } .select__optionGroup_qp2pg.select__optionGroup_qp2pg {
     padding: var(--gap-m) var(--gap-m) var(--gap-xs);
 }

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

@@ -5,7 +5,7 @@ import { Checkbox } from '../../../../checkbox/modern';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import CheckmarkMIcon from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const 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"};
+const styles = {"checkmark":"select__checkmark_1483x","after":"select__after_1483x","single":"select__single_1483x","selected":"select__selected_1483x","before":"select__before_1483x","multiple":"select__multiple_1483x","colorIcon":"select__colorIcon_1483x"};
 require('./index.css');
 
 const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', }) => {

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

@@ -43,12 +43,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
 
     /* optgroup */
-} .select__checkmark_8wa91 {
+} .select__checkmark_1483x {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_8wa91.select__after_8wa91 {
+} .select__checkmark_1483x.select__after_1483x {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_8wa91 {
+    } .select__single_1483x {
     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_1483x.select__selected_1483x {
         opacity: 1;
-    } .select__before_8wa91 {
+    } .select__before_1483x {
     display: var(--select-checkmark-before-display)
-} .select__before_8wa91.select__multiple_8wa91 {
+} .select__before_1483x.select__multiple_1483x {
         margin-right: var(--gap-s);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_8wa91.select__after_8wa91 {
+    } .select__after_1483x.select__after_1483x {
     display: var(--select-checkmark-after-display)
-} .select__after_8wa91.select__after_8wa91.select__single_8wa91 {
+} .select__after_1483x.select__after_1483x.select__single_1483x {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_8wa91 {
+    } .select__colorIcon_1483x {
     color: var(--color-light-status-positive);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_123h1","selected":"select__selected_123h1","displayIcon":"select__displayIcon_123h1","displayBadge":"select__displayBadge_123h1"};
+const styles = {"checkmark":"select__checkmark_1p0jc","selected":"select__selected_1p0jc","displayIcon":"select__displayIcon_1p0jc","displayBadge":"select__displayBadge_1p0jc"};
 require('./index.css');
 
 const Checkmark = ({ selected, className }) => (React.createElement("div", { className: cn(styles.checkmark, className, {

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

@@ -29,7 +29,7 @@
     --select-mobile-checkmark-display-badge: none;
 
     /* optgroup */
-} .select__checkmark_123h1 {
+} .select__checkmark_1p0jc {
     flex-shrink: 0;
     display: flex;
     align-items: center;
@@ -37,12 +37,12 @@
     width: 24px;
     height: 24px;
     opacity: 0
-} .select__checkmark_123h1:first-child {
+} .select__checkmark_1p0jc:first-child {
         display: none;
-    } .select__checkmark_123h1.select__selected_123h1 {
+    } .select__checkmark_1p0jc.select__selected_1p0jc {
         opacity: 1;
-    } .select__displayIcon_123h1 {
+    } .select__displayIcon_1p0jc {
     display: var(--select-mobile-checkmark-display-icon);
-} .select__displayBadge_123h1 {
+} .select__displayBadge_1p0jc {
     display: var(--select-mobile-checkmark-display-badge);
 }

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

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { useFocus } from '@alfalab/hooks';
 import { joinOptions } from '../../utils.js';
 
-const styles = {"component":"select__component_1yhqz","field":"select__field_1yhqz","disabled":"select__disabled_1yhqz","arrow":"select__arrow_1yhqz","placeholder":"select__placeholder_1yhqz","show-placeholder":"select__show-placeholder_1yhqz","focused":"select__focused_1yhqz","contentWrapper":"select__contentWrapper_1yhqz","value":"select__value_1yhqz","focusVisible":"select__focusVisible_1yhqz"};
+const styles = {"component":"select__component_1aouc","field":"select__field_1aouc","disabled":"select__disabled_1aouc","arrow":"select__arrow_1aouc","placeholder":"select__placeholder_1aouc","show-placeholder":"select__show-placeholder_1aouc","focused":"select__focused_1aouc","contentWrapper":"select__contentWrapper_1aouc","value":"select__value_1aouc","focusVisible":"select__focusVisible_1aouc"};
 require('./index.css');
 
 const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelView = 'inner', placeholder, selectedMultiple = [], selected, rightAddons, valueRenderer = joinOptions, setSelectedItems, toggleMenu, Arrow, innerProps, dataTestId, fieldClassName, FormControlComponent, ...restProps }) => {

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

@@ -46,22 +46,22 @@
     /* checkmark */
 
     /* optgroup */
-} .select__component_1yhqz {
+} .select__component_1aouc {
     width: 100%;
     outline: none;
-} .select__field_1yhqz:not(.select__disabled_1yhqz) {
+} .select__field_1aouc:not(.select__disabled_1aouc) {
     cursor: pointer
-} .select__field_1yhqz:not(.select__disabled_1yhqz):hover .select__arrow_1yhqz {
+} .select__field_1aouc:not(.select__disabled_1aouc):hover .select__arrow_1aouc {
             opacity: var(--select-arrow-hover-opacity);
-        } .select__disabled_1yhqz {
+        } .select__disabled_1aouc {
     cursor: var(--disabled-cursor);
-} .select__placeholder_1yhqz {
+} .select__placeholder_1aouc {
     color: var(--input-placeholder-color);
     transition: color 0.2s ease;
-    animation: select__show-placeholder_1yhqz 0.2s ease
-} .select__placeholder_1yhqz.select__focused_1yhqz {
+    animation: select__show-placeholder_1aouc 0.2s ease
+} .select__placeholder_1aouc.select__focused_1aouc {
         color: var(--input-focus-placeholder-color);
-    } .select__contentWrapper_1yhqz {
+    } .select__contentWrapper_1aouc {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -70,14 +70,14 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .select__value_1yhqz {
+} .select__value_1aouc {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .select__focusVisible_1yhqz {
+} .select__focusVisible_1aouc {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} @keyframes select__show-placeholder_1yhqz {
+} @keyframes select__show-placeholder_1aouc {
     from {
         opacity: 0;
     }

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

@@ -4,7 +4,7 @@ import { BaseModalContext } from '../../../../base-modal/modern';
 import { ButtonMobile } from '../../../../button/modern/mobile';
 import { getDataTestId } from '../../../../shared/modern';
 
-const styles = {"footer":"select__footer_qoisc","button":"select__button_qoisc","highlighted":"select__highlighted_qoisc"};
+const styles = {"footer":"select__footer_10sht","button":"select__button_10sht","highlighted":"select__highlighted_10sht"};
 require('./index.css');
 
 const Footer = ({ handleApply, handleClear, showClear, clearText = 'Сбросить', applyText = 'Применить', dataTestId, }) => {

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

@@ -30,17 +30,17 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_qoisc {
+} .select__footer_10sht {
     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_qoisc .select__button_qoisc:first-of-type {
+} .select__footer_10sht .select__button_10sht:first-of-type {
         margin-right: var(--gap-m);
-    } .select__button_qoisc {
+    } .select__button_10sht {
     width: 50%;
-} .select__highlighted_qoisc {
+} .select__highlighted_10sht {
     border-top: 1px solid var(--color-light-neutral-300);
     background-color: var(--color-light-modal-bg-primary);
 }

package/select/modern/components/index.js

@@ -19,12 +19,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-dde86217.js';
+import '../list-popover-desktop-5faea56b.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-4026b4ce.js';
+import '../mobile.module-b4726f1a.js';
 import './base-select/components/list-mobile/list-modal-mobile.js';
 import '../consts.js';
 import './checkmark/Component.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 
-const styles = {"optgroup":"select__optgroup_1955k","label":"select__label_1955k","size-64":"select__size-64_1955k","size-72":"select__size-72_1955k"};
+const styles = {"optgroup":"select__optgroup_1sdkg","label":"select__label_1sdkg","size-64":"select__size-64_1sdkg","size-72":"select__size-72_1sdkg"};
 require('./index.css');
 
 const Optgroup = ({ children, className, label, size = 48 }) => (React.createElement(React.Fragment, null,

package/select/modern/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_1955k {
+} .select__optgroup_1sdkg {
     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_1955k + *[role='option']:before {
+} .select__optgroup_1sdkg + *[role='option']:before {
         display: none;
-    } .select__label_1955k {
+    } .select__label_1sdkg {
     font-size: 12px;
     line-height: 16px;
     font-weight: 500;
@@ -59,8 +59,8 @@
 
     display: block;
     color: var(--select-optgroup-color);
-} .select__size-64_1955k,
-.select__size-72_1955k {
+} .select__size-64_1sdkg,
+.select__size-72_1sdkg {
     padding-left: var(--select-optgroup-l-left-padding);
     padding-right: var(--select-optgroup-l-right-padding);
 }

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

@@ -8,7 +8,7 @@ import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"option":"select__option_1ne4n","disabled":"select__disabled_1ne4n","size-48":"select__size-48_1ne4n","size-56":"select__size-56_1ne4n","size-64":"select__size-64_1ne4n","size-72":"select__size-72_1ne4n","selected":"select__selected_1ne4n","highlighted":"select__highlighted_1ne4n","content":"select__content_1ne4n","textContent":"select__textContent_1ne4n"};
+const styles = {"option":"select__option_1d5dw","disabled":"select__disabled_1d5dw","size-48":"select__size-48_1d5dw","size-56":"select__size-56_1d5dw","size-64":"select__size-64_1d5dw","size-72":"select__size-72_1d5dw","selected":"select__selected_1d5dw","highlighted":"select__highlighted_1d5dw","content":"select__content_1d5dw","textContent":"select__textContent_1d5dw"};
 require('./index.css');
 
 const Option = ({ size = 48, className, option, children, selected, highlighted, disabled, multiple, mobile, Checkmark: Checkmark$2 = mobile ? Checkmark : Checkmark$1, innerProps, dataTestId, }) => {