npm - @alfalab/core-components - Versions diffs - 48.29.1 → 48.31.0 - Mend

@alfalab/core-components 48.29.1 → 48.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3240) hide show

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

@@ -1,4 +1,4 @@
-/* hash: z2lh4 */
+/* hash: irdq7 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -35,18 +35,18 @@
     /* checkmark */
     /* optgroup */
-} .select__arrow_f5abt {
+} .select__arrow_e7in8 {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
     transition: transform 0.15s ease-in-out, opacity 0.2s ease
-} .select__arrow_f5abt.select__disabled_f5abt {
+} .select__arrow_e7in8.select__disabled_e7in8 {
         color: var(--select-arrow-disabled-color);
-    } .select__arrow_f5abt.select__size-40_f5abt {
+    } .select__arrow_e7in8.select__size-40_e7in8 {
         width: unset;
         height: unset;
-    } .select__open_f5abt {
+    } .select__open_e7in8 {
     transform: var(--arrow-transform);
 }

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

@@ -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_i12si","start":"select__start_i12si","center":"select__center_i12si","single":"select__single_i12si","selected":"select__selected_i12si"};
+const styles = {"checkmark":"select__checkmark_1xn05","start":"select__start_1xn05","center":"select__center_1xn05","single":"select__single_1xn05","selected":"select__selected_1xn05"};
 require('./index.css');
 const BaseCheckmark = ({ selected, disabled = false, className, multiple, align = 'center', }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1wtso */
+/* hash: s3d62 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,18 +30,18 @@
     /* checkmark */
     /* optgroup */
-} .select__checkmark_i12si {
+} .select__checkmark_1xn05 {
     flex-shrink: 0;
     box-sizing: border-box
-} .select__checkmark_i12si.select__start_i12si {
+} .select__checkmark_1xn05.select__start_1xn05 {
         align-self: start;
-    } .select__checkmark_i12si.select__center_i12si {
+    } .select__checkmark_1xn05.select__center_1xn05 {
         align-self: center;
-    } .select__single_i12si {
+    } .select__single_1xn05 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_i12si.select__selected_i12si {
+} .select__single_1xn05.select__selected_1xn05 {
         opacity: 1;
     }

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

@@ -5,7 +5,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '../../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
-const styles = {"option":"select__option_1ipra","disabled":"select__disabled_1ipra","checkmarkBefore":"select__checkmarkBefore_1ipra","mobile":"select__mobile_1ipra","checkmarkAfter":"select__checkmarkAfter_1ipra","size-72":"select__size-72_1ipra","textContent":"select__textContent_1ipra","selected":"select__selected_1ipra","highlighted":"select__highlighted_1ipra","checkmarkBeforeContent":"select__checkmarkBeforeContent_1ipra","checkmarkAfterContent":"select__checkmarkAfterContent_1ipra","content":"select__content_1ipra"};
+const styles = {"option":"select__option_17ui1","disabled":"select__disabled_17ui1","checkmarkBefore":"select__checkmarkBefore_17ui1","mobile":"select__mobile_17ui1","checkmarkAfter":"select__checkmarkAfter_17ui1","size-72":"select__size-72_17ui1","textContent":"select__textContent_17ui1","selected":"select__selected_17ui1","highlighted":"select__highlighted_17ui1","checkmarkBeforeContent":"select__checkmarkBeforeContent_17ui1","checkmarkAfterContent":"select__checkmarkAfterContent_17ui1","content":"select__content_17ui1"};
 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/* hash: 1olgo */
+/* hash: 49uba */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -54,7 +54,7 @@
     /* checkmark */
     /* optgroup */
-} .select__option_1ipra {
+} .select__option_17ui1 {
     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_1ipra:not(.select__disabled_1ipra):active {
+} .select__option_17ui1:not(.select__disabled_17ui1):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1ipra.select__checkmarkBefore_1ipra {
+    } .select__option_17ui1.select__checkmarkBefore_17ui1 {
         padding: var(--gap-0) var(--gap-0) var(--gap-0) var(--gap-12)
-    } .select__option_1ipra.select__checkmarkBefore_1ipra.select__mobile_1ipra {
+    } .select__option_17ui1.select__checkmarkBefore_17ui1.select__mobile_17ui1 {
             padding-left: var(--gap-16);
-        } .select__option_1ipra.select__checkmarkAfter_1ipra.select__checkmarkAfter_1ipra {
+        } .select__option_17ui1.select__checkmarkAfter_17ui1.select__checkmarkAfter_17ui1 {
         padding: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-0)
-    } .select__option_1ipra.select__checkmarkAfter_1ipra.select__checkmarkAfter_1ipra.select__size-72_1ipra {
+    } .select__option_17ui1.select__checkmarkAfter_17ui1.select__checkmarkAfter_17ui1.select__size-72_17ui1 {
             padding-right: var(--gap-16);
-        } .select__option_1ipra.select__checkmarkAfter_1ipra.select__checkmarkAfter_1ipra.select__mobile_1ipra {
+        } .select__option_17ui1.select__checkmarkAfter_17ui1.select__checkmarkAfter_17ui1.select__mobile_17ui1 {
             padding-right: var(--gap-20);
-        } .select__option_1ipra.select__textContent_1ipra {
+        } .select__option_17ui1.select__textContent_17ui1 {
         padding: var(--gap-12)
-    } .select__option_1ipra.select__textContent_1ipra.select__size-72_1ipra {
+    } .select__option_17ui1.select__textContent_17ui1.select__size-72_17ui1 {
             padding-left: var(--gap-16);
             padding-right: var(--gap-16);
-        } .select__option_1ipra.select__textContent_1ipra.select__mobile_1ipra {
+        } .select__option_17ui1.select__textContent_17ui1.select__mobile_17ui1 {
             padding: var(--gap-16) var(--gap-20) var(--gap-16) var(--gap-16);
-        } .select__selected_1ipra {
+        } .select__selected_17ui1 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1ipra {
+} .select__highlighted_17ui1 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_1ipra {
+} .select__disabled_17ui1 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__checkmarkBeforeContent_1ipra {
+} .select__checkmarkBeforeContent_17ui1 {
     margin-right: var(--gap-12);
-} .select__checkmarkAfterContent_1ipra {
+} .select__checkmarkAfterContent_17ui1 {
     margin-left: var(--gap-12);
-} .select__content_1ipra {
+} .select__content_17ui1 {
     flex: 1;
 }

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

@@ -9,14 +9,12 @@ import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 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-c86232bb.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-852f10c5.js';
-import './components/list-mobile/list-bottom-sheet-mobile.js';
-import './components/list-mobile/list-modal-mobile.js';
+const styles = {"component":"select__component_15hn2","popoverInner":"select__popoverInner_15hn2","optionsListWrapper":"select__optionsListWrapper_15hn2","optionsListBorder":"select__optionsListBorder_15hn2","nativeSelect":"select__nativeSelect_15hn2","block":"select__block_15hn2","emptySearchPlaceholder":"select__emptySearchPlaceholder_15hn2","search":"select__search_15hn2","size-72":"select__size-72_15hn2"};
+require('./index.css');
+const mobileStyles = {"sheet":"select__sheet_1u1cd","sheetContent":"select__sheetContent_1u1cd","modalContent":"select__modalContent_1u1cd","sheetContainer":"select__sheetContainer_1u1cd","optionsListWrapper":"select__optionsListWrapper_1u1cd","optionsList":"select__optionsList_1u1cd","scrollbar":"select__scrollbar_1u1cd","search":"select__search_1u1cd","option":"select__option_1u1cd","optionGroup":"select__optionGroup_1u1cd"};
+require('./mobile.css');
 /* eslint-disable no-nested-ternary */
 const itemToString = (option) => (option ? option.key : '');
@@ -25,7 +23,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 = {}, groupOptionProps = {}, searchProps = {}, showSearch = false, valueRenderer, onChange, onOpen, onFocus, onBlur, onScroll, onClear, clear, 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, popperClassName, options, autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, nativeSelect = false, defaultOpen = false, open: openProp, popoverPosition = 'bottom-start', preventFlip = true, 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, onClear, clear, Arrow, Field = () => null, OptionsList = () => null, Optgroup = () => null, Option = () => null, Search = () => null, updatePopover, zIndexPopover, showEmptyOptionsList = false, visibleOptions, view, isBottomSheet = true, footer, swipeable, modalProps, popoverProps, modalFooterProps, modalHeaderProps, bottomSheetProps, Popover, ModalMobile, BottomSheet, limitDynamicOptionGroupSize, } = props;
     const shouldSearchBlurRef = useRef(true);
     const rootRef = useRef(null);
     const fieldRef = useRef(null);
@@ -382,11 +380,63 @@ 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, groupOptionProps: groupOptionProps, 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' }, listProps.className), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }, listProps.scrollbarClassName), 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 })));
     };
+    const renderInPopover = () => {
+        if (!nativeSelect && Popover) {
+            return (React.createElement(Popover, { ...popoverProps, open: open, withTransition: false, anchorElement: fieldRef.current, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, renderOptionsList()));
+        }
+        return null;
+    };
+    const renderInBottomSheet = () => {
+        if (!nativeSelect && BottomSheet) {
+            const bottomAddons = bottomSheetProps?.bottomAddons;
+            return (React.createElement(BottomSheet, { dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: () => {
+                    closeMenu();
+                    bottomSheetProps?.onClose?.();
+                }, transitionProps: {
+                    ...bottomSheetProps?.transitionProps,
+                    onEntered: handleEntered,
+                }, bottomAddons: React.createElement(React.Fragment, null,
+                    renderSearch(),
+                    typeof bottomAddons === 'function'
+                        ? bottomAddons(flatOptions)
+                        : bottomAddons), containerProps: {
+                    ...bottomSheetProps?.containerProps,
+                    onScroll,
+                } }, renderOptionsList()));
+        }
+        return null;
+    };
+    const renderInModalMobile = () => {
+        if (!nativeSelect && ModalMobile) {
+            const bottomAddons = modalHeaderProps?.bottomAddons;
+            return (React.createElement(ModalMobile, { dataTestId: getDataTestId(dataTestId, 'modal'), open: open, hasCloser: true, ...modalProps, componentRef: menuRef, onClose: (...args) => {
+                    closeMenu();
+                    modalProps?.onClose?.(...args);
+                }, contentClassName: cn(mobileStyles.sheetContent, modalProps?.contentClassName), ref: mergeRefs([
+                    scrollableContainerRef,
+                    modalProps?.ref,
+                ]), wrapperProps: {
+                    ...modalProps?.wrapperProps,
+                    onScroll,
+                }, transitionProps: {
+                    ...modalProps?.transitionProps,
+                    onEntered: handleEntered,
+                } },
+                React.createElement(ModalMobile.Header, { hasCloser: true, sticky: true, ...modalHeaderProps, title: undefined, bottomAddons: React.createElement(React.Fragment, null,
+                        renderSearch(),
+                        typeof bottomAddons === 'function'
+                            ? bottomAddons(flatOptions)
+                            : bottomAddons) }, modalHeaderProps?.title || label || placeholder),
+                React.createElement(ModalMobile.Content, { flex: true, className: mobileStyles.modalContent }, renderOptionsList()),
+                modalFooterProps?.children && React.createElement(ModalMobile.Footer, { ...modalFooterProps })));
+        }
+        return null;
+    };
     return (React.createElement("div", { ...(disabled && { 'aria-disabled': true }), "aria-expanded": inputProps['aria-expanded'], "aria-haspopup": 'listbox', role: inputProps.role, className: cn(styles.component, { [styles.block]: block }, className), ref: rootRef, onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": getDataTestId(dataTestId) },
         nativeSelect && renderNativeSelect(),
         React.createElement(Field, { selectedMultiple: selectedItems, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React.createElement("span", { ...getLabelProps() }, label), labelView: labelView, Arrow: Arrow && React.createElement(Arrow, { open: open, size: size, disabled: disabled }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, clear: clear, onClear: handleFieldClear, innerProps: {
@@ -403,10 +453,9 @@ const BaseSelect = forwardRef(
                     : undefined,
             }, dataTestId: getDataTestId(dataTestId, 'field'), ...fieldProps }),
         name && !nativeSelect && renderValue(),
-        view === 'desktop' && !nativeSelect && (React.createElement(ListPopoverDesktop, { ...getListPopoverDesktopProps(props), open: open, fieldRef: fieldRef, renderOptionsList: renderOptionsList })),
-        view === 'mobile' && (React.createElement(ListMobile, { baseProps: isBottomSheet
-                ? getListBottomSheetMobileProps(props)
-                : getListModalMobileProps(props), open: open, menuRef: menuRef, scrollableContainerRef: scrollableContainerRef, flatOptions: flatOptions, renderOptionsList: renderOptionsList, renderSearch: renderSearch, closeMenu: closeMenu, handleEntered: handleEntered }))));
+        view === 'desktop' && renderInPopover(),
+        view === 'mobile' &&
+            (isBottomSheet ? renderInBottomSheet() : renderInModalMobile())));
 });
 export { BaseSelect };

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

@@ -1,4 +1,4 @@
-/* hash: 18yvq */
+/* hash: 4dzl9 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -50,21 +50,21 @@
     /* checkmark */
     /* optgroup */
-} .select__component_82re6 {
+} .select__component_15hn2 {
     width: max-content;
     position: relative;
     outline: 0;
     max-width: 100%;
-} .select__popoverInner_82re6 {
+} .select__popoverInner_15hn2 {
     padding-top: var(--select-options-list-offset);
     padding-bottom: var(--select-options-list-offset);
     background: transparent;
     border-radius: 0;
     position: relative;
-} .select__popoverInner_82re6.select__popoverInner_82re6 {
+} .select__popoverInner_15hn2.select__popoverInner_15hn2 {
     box-shadow: none;
     border: none;
-} .select__optionsListWrapper_82re6 {
+} .select__optionsListWrapper_15hn2 {
     position: relative;
     padding-top: var(--select-options-list-top-padding);
     padding-bottom: var(--select-options-list-bottom-padding);
@@ -73,7 +73,7 @@
     background: var(--select-option-background);
     overflow: hidden;
     will-change: transform;
-} .select__optionsListBorder_82re6 {
+} .select__optionsListBorder_15hn2 {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -82,7 +82,7 @@
     box-shadow: inset 0 0 0 1px var(--color-light-neutral-300);
     border-radius: inherit;
     pointer-events: none;
-} .select__nativeSelect_82re6 {
+} .select__nativeSelect_15hn2 {
     opacity: 0;
     overflow: hidden;
     position: absolute;
@@ -95,15 +95,15 @@
     height: 100%;
     cursor: pointer;
     z-index: 1;
-} .select__block_82re6 {
+} .select__block_15hn2 {
     width: 100%;
-} .select__emptySearchPlaceholder_82re6 {
+} .select__emptySearchPlaceholder_15hn2 {
     text-align: center;
-} .select__search_82re6 {
+} .select__search_15hn2 {
     margin: var(--gap-12) var(--gap-12) var(--gap-0)
-} .select__search_82re6.select__size-72_82re6 {
+} .select__search_15hn2.select__size-72_15hn2 {
         margin-left: var(--gap-16);
         margin-right: var(--gap-16);
-    } .select__search_82re6:last-child {
+    } .select__search_15hn2:last-child {
         margin-bottom: var(--gap-12);
     }

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

@@ -10,11 +10,3 @@ import '@alfalab/hooks';
 import '../../consts.js';
 import '../../utils.js';
 import '../native-select/Component.js';
-import './components/list-desktop/helpers/get-list-popover-desktop-props.js';
-import '../../list-popover-desktop-c86232bb.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-852f10c5.js';
-import './components/list-mobile/list-modal-mobile.js';

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

@@ -1,4 +1,4 @@
-/* hash: psnuq */
+/* hash: ogj0l */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -39,30 +39,30 @@
     /* checkmark */
     /* optgroup */
-} .select__sheet_15u0e {
+} .select__sheet_1u1cd {
     overflow: hidden;
-} .select__sheetContent_15u0e.select__sheetContent_15u0e {
+} .select__sheetContent_1u1cd.select__sheetContent_1u1cd {
     padding: var(--gap-0)
-} .select__sheetContent_15u0e.select__sheetContent_15u0e .select__modalContent_15u0e {
+} .select__sheetContent_1u1cd.select__sheetContent_1u1cd .select__modalContent_1u1cd {
         padding: var(--gap-0);
         display: flex;
         flex-direction: column;
-    } .select__sheetContainer_15u0e {
+    } .select__sheetContainer_1u1cd {
     padding: var(--gap-0);
-} .select__optionsListWrapper_15u0e {
+} .select__optionsListWrapper_1u1cd {
     flex: 1;
-} .select__optionsList_15u0e.select__optionsList_15u0e {
+} .select__optionsList_1u1cd.select__optionsList_1u1cd {
     height: 100%;
     display: flex;
     flex-direction: column;
-} .select__scrollbar_15u0e {
+} .select__scrollbar_1u1cd {
     flex: 1;
-} .select__search_15u0e {
+} .select__search_1u1cd {
     padding: var(--gap-8);
-} .select__option_15u0e.select__option_15u0e {
+} .select__option_1u1cd.select__option_1u1cd {
     padding: var(--gap-4) var(--gap-20) var(--gap-4) var(--gap-16)
-} .select__option_15u0e.select__option_15u0e:before {
+} .select__option_1u1cd.select__option_1u1cd:before {
         display: none;
-    } .select__optionGroup_15u0e.select__optionGroup_15u0e {
+    } .select__optionGroup_1u1cd.select__optionGroup_1u1cd {
     padding: var(--gap-16) var(--gap-16) var(--gap-8);
 }

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

@@ -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_g11sa","after":"select__after_g11sa","single":"select__single_g11sa","selected":"select__selected_g11sa","before":"select__before_g11sa","multiple":"select__multiple_g11sa","colorIcon":"select__colorIcon_g11sa"};
+const styles = {"checkmark":"select__checkmark_rp3su","after":"select__after_rp3su","single":"select__single_rp3su","selected":"select__selected_rp3su","before":"select__before_rp3su","multiple":"select__multiple_rp3su","colorIcon":"select__colorIcon_rp3su"};
 require('./index.css');
 const Checkmark = ({ selected, disabled = false, className, multiple, position = 'before', }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 107fo */
+/* hash: fpp4s */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -49,12 +49,12 @@
     --select-checkmark-border-radius: var(--border-radius-circle);
     /* optgroup */
-} .select__checkmark_g11sa {
+} .select__checkmark_rp3su {
     flex-shrink: 0;
     margin: var(--select-checkmark-margin)
-} .select__checkmark_g11sa.select__after_g11sa {
+} .select__checkmark_rp3su.select__after_rp3su {
         margin: var(--select-checkmark-margin-after);
-    } .select__single_g11sa {
+    } .select__single_rp3su {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -64,17 +64,17 @@
     border-radius: var(--select-checkmark-border-radius);
     width: var(--select-checkmark-size);
     height: var(--select-checkmark-size)
-} .select__single_g11sa.select__selected_g11sa {
+} .select__single_rp3su.select__selected_rp3su {
         opacity: 1;
-    } .select__before_g11sa {
+    } .select__before_rp3su {
     display: var(--select-checkmark-before-display)
-} .select__before_g11sa.select__multiple_g11sa {
+} .select__before_rp3su.select__multiple_rp3su {
         margin-right: var(--gap-12);
         display: var(--select-checkmark-before-display-multiple);
-    } .select__after_g11sa.select__after_g11sa {
+    } .select__after_rp3su.select__after_rp3su {
     display: var(--select-checkmark-after-display)
-} .select__after_g11sa.select__after_g11sa.select__single_g11sa {
+} .select__after_rp3su.select__after_rp3su.select__single_rp3su {
         display: var(--select-checkmark-after-display-single);
-    } .select__colorIcon_g11sa {
+    } .select__colorIcon_rp3su {
     color: var(--color-light-status-positive);
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
-const styles = {"checkmark":"select__checkmark_czy9j","selected":"select__selected_czy9j","displayIcon":"select__displayIcon_czy9j","displayBadge":"select__displayBadge_czy9j"};
+const styles = {"checkmark":"select__checkmark_nurat","selected":"select__selected_nurat","displayIcon":"select__displayIcon_nurat","displayBadge":"select__displayBadge_nurat"};
 require('./index.css');
 const Checkmark = ({ selected, className }) => (React.createElement("div", { className: cn(styles.checkmark, className, {