@alfalab/core-components-select 15.2.2 → 15.3.0

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonDesktop } from '@alfalab/core-components-button/esm/desktop';
 
-var styles = {"footer":"select__footer_zbbxs"};
+var styles = {"footer":"select__footer_b1owf"};
 require('./index.css')
 
 var Footer = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: r40yx */
+/* hash: 10dvs */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__footer_zbbxs {
+} .select__footer_b1owf {
     background-color: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_zbbxs > * + * {
+} .select__footer_b1owf > * + * {
         margin-left: var(--gap-xs);
     }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/esm';
 
-var styles = {"desktop":"select__desktop_1a8hu","mobile":"select__mobile_1a8hu"};
+var styles = {"desktop":"select__desktop_1kxe6","mobile":"select__mobile_1kxe6"};
 require('./index.css')
 
 var Header = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 1qszj */
+/* hash: 1hj4p */
 :root {
 } /* 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 */
 } :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 */
@@ -16,8 +16,8 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .select__desktop_1a8hu {
+} .select__desktop_1kxe6 {
     padding: var(--gap-s);
-} .select__mobile_1a8hu {
+} .select__mobile_1kxe6 {
     padding: var(--gap-s) var(--gap-xs);
 }

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

@@ -1 +1 @@
-export * from "../../../hook-571dca86";
+export * from "../../../hook-70d58270";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-571dca86.js';
+export { O as OptionsListWithApply } from '../../../hook-70d58270.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/esm/presets/useSelectWithLoading/hook.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark-mobile/Component.js';
 
-var styles = {"skeleton":"select__skeleton_1eba2"};
+var styles = {"skeleton":"select__skeleton_164am"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/esm/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1fned */
-.select__skeleton_1eba2 {
+/* hash: 2b85k */
+.select__skeleton_164am {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/esm/shared/index.d.ts

@@ -0,0 +1,5 @@
+export * from "../components/index";
+export * from "../presets/index";
+export * from "../typings";
+export * from "../utils";
+export type { AdditionalMobileProps } from "../Component.mobile";

package/esm/shared/index.js

@@ -0,0 +1,41 @@
+export { Arrow } from '../components/arrow/Component.js';
+export { BaseSelect } from '../components/base-select/Component.js';
+export { Field } from '../components/field/Component.js';
+export { Optgroup } from '../components/optgroup/Component.js';
+export { Option } from '../components/option/Component.js';
+export { OptionsList } from '../components/options-list/Component.js';
+export { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
+export { BaseOption } from '../components/base-option/Component.js';
+export { Search } from '../components/search/Component.js';
+export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
+export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-70d58270.js';
+export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import 'tslib';
+import 'react-merge-refs';
+import '@juggle/resize-observer';
+import 'downshift';
+import '@alfalab/core-components-popover/esm';
+import '@alfalab/core-components-shared/esm';
+import '@alfalab/hooks';
+import '../components/native-select/Component.js';
+import '../components/checkmark/Component.js';
+import '@alfalab/core-components-badge/esm';
+import '@alfalab/core-components-checkbox/esm';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkMIcon';
+import '../components/checkmark-mobile/Component.js';
+import '@alfalab/core-components-scrollbar/esm';
+import '../consts.js';
+import 'react-virtual';
+import '../components/base-checkmark/Component.js';
+import '@alfalab/core-components-input/esm';
+import '@alfalab/icons-glyph/MagnifierMIcon';
+import '@alfalab/core-components-skeleton/esm';
+import 'intersection-observer';
+import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
+import '@alfalab/core-components-button/esm/desktop';
+import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/index.js

@@ -44,7 +44,7 @@ require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button/mobile');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-a6f060a1.js');
+require('./hook-0a5c9f56.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/desktop');
 require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/mobile/index.d.ts

@@ -0,0 +1,5 @@
+export { SelectMobile } from "../Component.mobile";
+export { SelectModalMobile } from "../Component.modal.mobile";
+export type { SelectMobileProps } from "../Component.mobile";
+export type { SelectModalMobileProps } from "../Component.modal.mobile";
+export {};

package/{mobile.js → mobile/index.js}

@@ -2,46 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
-var Component_modal_mobile = require('./Component.modal.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
+var Component_modal_mobile = require('../Component.modal.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-form-control/mobile');
-require('./components/arrow/Component.js');
+require('../components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./components/base-select-mobile/Component.js');
+require('../components/base-select-mobile/Component.js');
 require('react-merge-refs');
 require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('@alfalab/core-components-shared');
-require('./utils.js');
-require('./components/field/Component.js');
+require('../utils.js');
+require('../components/field/Component.js');
 require('@alfalab/hooks');
-require('./components/optgroup/Component.js');
-require('./components/option/Component.js');
-require('./components/checkmark/Component.js');
+require('../components/optgroup/Component.js');
+require('../components/option/Component.js');
+require('../components/checkmark/Component.js');
 require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-require('./components/checkmark-mobile/Component.js');
-require('./components/options-list/Component.js');
+require('../components/checkmark-mobile/Component.js');
+require('../components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar');
-require('./consts.js');
-require('./components/search/Component.js');
+require('../consts.js');
+require('../components/search/Component.js');
 require('@alfalab/core-components-input');
 require('@alfalab/icons-glyph/MagnifierMIcon');
-require('./components/base-select-mobile/footer/Component.js');
+require('../components/base-select-mobile/footer/Component.js');
 require('@alfalab/core-components-base-modal');
 require('@alfalab/core-components-button/mobile');
-require('./components/virtual-options-list/Component.js');
+require('../components/virtual-options-list/Component.js');
 require('react-virtual');
-require('./hook-a6f060a1.js');
-require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
+require('../hook-0a5c9f56.js');
+require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('@alfalab/core-components-button/desktop');
-require('./presets/useSelectWithApply/options-list-with-apply/header/Component.js');
+require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 
 

package/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

package/modern/Component.desktop.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
+import { FormControlDesktopProps } from "@alfalab/core-components-form-control/desktop";
 import { BaseSelectProps } from "./typings";
-type FormControlDesktopProps = Omit<BaseFormControlProps, "styles" | "colorStyles">;
 type SelectFieldProps = Omit<FormControlDesktopProps, 'size'> & Record<string, unknown>;
 type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
     /**

package/modern/Component.mobile.js

@@ -9,7 +9,7 @@ import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { Search } from './components/search/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-7e628eb4.js';
+import { u as useSelectWithApply } from './hook-4eceefed.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/modern/Component.modal.mobile.d.ts

@@ -1,8 +1,206 @@
 /// <reference types="react" />
 import React from 'react';
-import { ModalMobile } from "./Component.mobile-f1f15074";
+import { ReactNode, ButtonHTMLAttributes, ElementType } from "react";
+import { BaseModalProps } from "@alfalab/core-components-base-modal";
 import { UseSelectWithApplyProps } from "./hook-8abfea97";
 import { BaseSelectProps } from "./typings";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default "m"
+     */
+    size?: "s" | "m" | "l" | "xl" | "fullscreen";
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, "size" | "fixedPosition" | "fullscreen">;
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: "default" | "compact";
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: "left" | "center";
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps["onClose"];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<ContentProps>;
+    Header: React.FC<HeaderProps>;
+    Footer: React.FC<FooterProps>;
+};
 type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
     /**
      * Показывать кнопку очистки
@@ -42,15 +240,15 @@ declare const SelectModalMobile: React.ForwardRefExoticComponent<Omit<BaseSelect
     /**
      *  Дополнительные пропсы шапки модалки
      */
-    modalHeaderProps?: Partial<import("./Component.mobile-f1f15074").HeaderProps> | undefined;
+    modalHeaderProps?: Partial<HeaderProps> | undefined;
     /**
      *  Дополнительные пропсы модалки
      */
-    modalProps?: Partial<import("./typings-baf4875b").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
      *  Дополнительные пропсы футера модалки
      */
-    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
+    modalFooterProps?: Partial<FooterProps> | undefined;
     showHeaderWithSelectAll?: UseSelectWithApplyProps['showHeaderWithSelectAll'];
     /**
      * Использовать ли хук useSelectWithApply

package/modern/Component.modal.mobile.js

@@ -8,7 +8,7 @@ import { Optgroup } from './components/optgroup/Component.js';
 import { Option } from './components/option/Component.js';
 import { OptionsList } from './components/options-list/Component.js';
 import { VirtualOptionsList } from './components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from './hook-7e628eb4.js';
+import { u as useSelectWithApply } from './hook-4eceefed.js';
 import { Header } from './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/modern/Component.responsive.js

@@ -38,7 +38,7 @@ import '@alfalab/core-components-base-modal/modern';
 import '@alfalab/core-components-button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-7e628eb4.js';
+import './hook-4eceefed.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '@alfalab/core-components-button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/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_yw1vz","open":"select__open_yw1vz"};
+const styles = {"arrow":"select__arrow_2oaub","open":"select__open_2oaub"};
 require('./index.css')
 
 const Arrow = ({ open, className }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.arrow, className, { [styles.open]: open }) }));

package/modern/components/arrow/index.css

@@ -1,4 +1,4 @@
-/* hash: 5xl7a */
+/* hash: 1vplt */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -26,13 +26,13 @@
     /* checkmark */
 
     /* optgroup */
-} .select__arrow_yw1vz {
+} .select__arrow_2oaub {
     display: block;
     width: 24px;
     height: 24px;
     color: var(--select-arrow-color);
 
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
-} .select__open_yw1vz {
+} .select__open_2oaub {
     transform: var(--arrow-transform);
 }

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { Checkbox } from '@alfalab/core-components-checkbox/modern';
 import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"checkmark":"select__checkmark_ld7ul","single":"select__single_ld7ul","selected":"select__selected_ld7ul"};
+const styles = {"checkmark":"select__checkmark_1mvg7","single":"select__single_1mvg7","selected":"select__selected_1mvg7"};
 require('./index.css')
 
 const BaseCheckmark = ({ selected, disabled = false, className, multiple, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 31spa */
+/* hash: caw5a */
 :root {
 } /* 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 */
 } :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 */
@@ -23,14 +23,14 @@
     /* checkmark */
 
     /* optgroup */
-} .select__checkmark_ld7ul {
+} .select__checkmark_1mvg7 {
     flex-shrink: 0;
     box-sizing: border-box;
-} .select__single_ld7ul {
+} .select__single_1mvg7 {
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0
-} .select__single_ld7ul.select__selected_ld7ul {
+} .select__single_1mvg7.select__selected_1mvg7 {
         opacity: 1;
     }

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

@@ -4,7 +4,7 @@ import { BaseCheckmark } from '../base-checkmark/Component.js';
 import '@alfalab/core-components-checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 
-const styles = {"option":"select__option_1c4es","disabled":"select__disabled_1c4es","checkmarkBefore":"select__checkmarkBefore_1c4es","mobile":"select__mobile_1c4es","checkmarkAfter":"select__checkmarkAfter_1c4es","textContent":"select__textContent_1c4es","selected":"select__selected_1c4es","highlighted":"select__highlighted_1c4es","content":"select__content_1c4es"};
+const styles = {"option":"select__option_nurr4","disabled":"select__disabled_nurr4","checkmarkBefore":"select__checkmarkBefore_nurr4","mobile":"select__mobile_nurr4","checkmarkAfter":"select__checkmarkAfter_nurr4","textContent":"select__textContent_nurr4","selected":"select__selected_nurr4","highlighted":"select__highlighted_nurr4","content":"select__content_nurr4"};
 require('./index.css')
 
 const BaseOption = ({ className, option, children, selected, highlighted, disabled, multiple, Checkmark = BaseCheckmark, checkmarkPosition = multiple ? 'before' : 'after', innerProps, dataTestId, mobile = false, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: iw1nm */
+/* hash: s5whh */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -43,7 +43,7 @@
     /* checkmark */
 
     /* optgroup */
-} .select__option_1c4es {
+} .select__option_nurr4 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -60,32 +60,32 @@
     position: relative;
     cursor: pointer;
     min-height: var(--size-s-height)
-} .select__option_1c4es:not(.select__disabled_1c4es):active {
+} .select__option_nurr4:not(.select__disabled_nurr4):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
-    } .select__option_1c4es.select__checkmarkBefore_1c4es {
+    } .select__option_nurr4.select__checkmarkBefore_nurr4 {
         padding: 0 0 0 var(--gap-s)
-    } .select__option_1c4es.select__checkmarkBefore_1c4es.select__mobile_1c4es {
+    } .select__option_nurr4.select__checkmarkBefore_nurr4.select__mobile_nurr4 {
             padding-left: var(--gap-m);
-        } .select__option_1c4es.select__checkmarkAfter_1c4es {
+        } .select__option_nurr4.select__checkmarkAfter_nurr4 {
         padding: 0 var(--gap-s) 0 0
-    } .select__option_1c4es.select__checkmarkAfter_1c4es.select__mobile_1c4es {
+    } .select__option_nurr4.select__checkmarkAfter_nurr4.select__mobile_nurr4 {
             padding-right: var(--gap-l);
-        } .select__option_1c4es.select__textContent_1c4es {
+        } .select__option_nurr4.select__textContent_nurr4 {
         padding: var(--gap-s)
-    } .select__option_1c4es.select__textContent_1c4es.select__mobile_1c4es {
+    } .select__option_nurr4.select__textContent_nurr4.select__mobile_nurr4 {
             padding: var(--gap-m) var(--gap-l) var(--gap-m) var(--gap-m);
-        } .select__selected_1c4es {
+        } .select__selected_nurr4 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
-} .select__highlighted_1c4es {
+} .select__highlighted_nurr4 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
-} .select__disabled_1c4es {
+} .select__disabled_nurr4 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
-} .select__content_1c4es {
+} .select__content_nurr4 {
     flex: 1;
 }