@alfalab/core-components 48.8.0-beta.0 → 48.8.0

package/select/modern/typings.d.ts

@@ -110,12 +110,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -390,6 +390,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -412,7 +417,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -532,7 +537,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -571,7 +576,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -757,5 +762,10 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };

package/select/moderncssm/Component.responsive.js

@@ -8,6 +8,7 @@ import '../../popover/moderncssm';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import './components/arrow/index.module.css';
 import './components/base-select/Component.js';
 import 'react-merge-refs';
@@ -31,6 +32,7 @@ import './components/field/Component.js';
 import './components/clear-button/Component.js';
 import '../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './components/clear-button/index.module.css';
 import './components/field/index.module.css';
 import './components/optgroup/Component.js';

package/select/moderncssm/components/arrow/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { ArrowProps } from "../../typings";
-declare const Arrow: ({ open, disabled, className }: ArrowProps) => React.JSX.Element;
+declare const Arrow: ({ open, disabled, className, size }: ArrowProps) => React.JSX.Element;
 export { Arrow };

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

@@ -1,11 +1,15 @@
 import React from 'react';
 import cn from 'classnames';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
+import { ChevronDownSIcon } from '@alfalab/icons-glyph/ChevronDownSIcon';
 import styles from './index.module.css';
 
-const Arrow = ({ open, disabled, className }) => (React.createElement(ChevronDownMIcon, { className: cn(styles.arrow, className, {
-        [styles.open]: open,
-        [styles.disabled]: disabled,
-    }) }));
+const Arrow = ({ open, disabled, className, size }) => {
+    const ChevronComponent = size === 40 ? ChevronDownSIcon : ChevronDownMIcon;
+    return (React.createElement(ChevronComponent, { className: cn(styles.arrow, styles[`size-${size}`], className, {
+            [styles.open]: open,
+            [styles.disabled]: disabled,
+        }) }));
+};
 
 export { Arrow };

package/select/moderncssm/components/arrow/index.js

@@ -2,4 +2,5 @@ export { Arrow } from './Component.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import './index.module.css';

package/select/moderncssm/components/arrow/index.module.css

@@ -22,6 +22,10 @@
 .arrow.disabled {
         color: var(--select-arrow-disabled-color);
     }
+.arrow.size-40 {
+        width: unset;
+        height: unset;
+    }
 .open {
     transform: var(--arrow-transform);
 }

package/select/moderncssm/components/base-select/Component.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 declare const BaseSelect: React.ForwardRefExoticComponent<import("../../typings").BaseSelectProps & import("../../typings").AdditionalMobileProps & import("../../typings").BottomSheetSelectMobileProps & import("../../typings").ModalSelectMobileProps & {
     isBottomSheet?: boolean | undefined;
     view: "desktop" | "mobile";
-    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> | undefined;
+    Popover?: React.ForwardRefExoticComponent<import("../../../../popover").PopoverProps & React.RefAttributes<HTMLDivElement>> | undefined;
     BottomSheet?: React.ForwardRefExoticComponent<import("../../../../bottom-sheet").BottomSheetProps & React.RefAttributes<HTMLDivElement>> | undefined;
     ModalMobile?: (React.ForwardRefExoticComponent<import("./types/component-types").ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
         Header: React.FC<import("../../../../modal/shared").ModalHeaderProps>;

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

@@ -387,7 +387,7 @@ const BaseSelect = forwardRef(
     };
     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, disabled: disabled }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, clear: clear, onClear: handleFieldClear, innerProps: {
+        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: {
                 onBlur: handleFieldBlur,
                 onFocus: disabled ? undefined : handleFieldFocus,
                 onClick: disabled ? undefined : handleFieldClick,
@@ -401,7 +401,7 @@ const BaseSelect = forwardRef(
                     : undefined,
             }, dataTestId: getDataTestId(dataTestId, 'field'), ...fieldProps }),
         name && !nativeSelect && renderValue(),
-        view === 'desktop' && !nativeSelect && (React.createElement(ListPopoverDesktop, { ...getListPopoverDesktopProps(props), open: open, anchorElement: fieldRef, renderOptionsList: renderOptionsList })),
+        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 }))));

package/select/moderncssm/components/base-select/components/list-desktop/helpers/get-list-popover-desktop-props.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ComponentProps } from "../../../types/component-types";
 declare const getListPopoverDesktopProps: (props: ComponentProps) => {
-    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps<HTMLElement> & import("react").RefAttributes<HTMLDivElement>> | undefined;
-    popoverProps: Omit<import("../../../../../../../popover").PopoverProps<HTMLElement>, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "zIndex" | "update"> | undefined;
-    popoverPosition: import("@floating-ui/react-dom").Placement;
+    Popover: import("react").ForwardRefExoticComponent<import("../../../../../../../popover").PopoverProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+    popoverProps: Omit<import("../../../../../../../popover").PopoverProps, "className" | "dataTestId" | "anchorElement" | "position" | "preventFlip" | "open" | "update" | "zIndex"> | undefined;
+    popoverPosition: import("../../../../../../../popover").Position;
     preventFlip: boolean;
     popperClassName: string | undefined;
     updatePopover: import("react").MutableRefObject<(() => void) | undefined> | undefined;

package/select/moderncssm/components/base-select/components/list-desktop/list-popover-desktop.d.ts

@@ -1,8 +1,9 @@
-import { FC, ReactNode } from 'react';
-import { PopoverProps } from "../../../../../../popover";
+import { FC, ReactNode, RefObject } from 'react';
 import { ListPopoverDesktopRestProps } from "./types/types";
-interface ListPopoverDesktopProps extends ListPopoverDesktopRestProps, Pick<PopoverProps, 'open' | 'anchorElement'> {
+type ListPopoverDesktopProps = {
+    open: boolean;
+    fieldRef: RefObject<HTMLInputElement>;
     renderOptionsList: () => ReactNode;
-}
+} & ListPopoverDesktopRestProps;
 declare const ListPopoverDesktop: FC<ListPopoverDesktopProps>;
 export { ListPopoverDesktop };

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

@@ -3,9 +3,9 @@ import cn from 'classnames';
 import styles from '../../index.module.css';
 
 const ListPopoverDesktop = (props) => {
-    const { Popover, open, popoverProps, anchorElement, popoverPosition = 'bottom-start', preventFlip = true, popperClassName, updatePopover, zIndexPopover, renderOptionsList, } = props;
+    const { Popover, open, popoverProps, fieldRef, popoverPosition = 'bottom-start', preventFlip = true, popperClassName, updatePopover, zIndexPopover, renderOptionsList, } = props;
     if (Popover) {
-        return (React.createElement(Popover, { ...popoverProps, open: open, withTransition: false, anchorElement: anchorElement, position: popoverPosition, preventFlip: preventFlip, popperClassName: cn(styles.popoverInner, popperClassName), update: updatePopover, zIndex: zIndexPopover }, renderOptionsList()));
+        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;
 };

package/select/moderncssm/components/clear-button/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { ClearButtonProps } from "../../typings";
-declare const ClearButton: ({ disabled, onClick, dataTestId }: ClearButtonProps) => React.JSX.Element;
+declare const ClearButton: ({ disabled, onClick, dataTestId, size }: ClearButtonProps) => React.JSX.Element;
 export { ClearButton };

package/select/moderncssm/components/clear-button/Component.js

@@ -1,9 +1,14 @@
 import React from 'react';
+import cn from 'classnames';
 import { Button } from '../../../../button/moderncssm';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
+import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 import styles from './index.module.css';
 
-const ClearButton = ({ disabled, onClick, dataTestId }) => (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: onClick, tabIndex: -1, dataTestId: dataTestId },
-    React.createElement(CrossCircleMIcon, { className: styles.clearIcon })));
+const ClearButton = ({ disabled, onClick, dataTestId, size }) => {
+    const IconComponent = size === 40 ? CrossCircleSIcon : CrossCircleMIcon;
+    return (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: cn(styles.clearButton, styles[`size-${size}`]), onClick: onClick, tabIndex: -1, dataTestId: dataTestId },
+        React.createElement(IconComponent, { className: styles.clearIcon })));
+};
 
 export { ClearButton };

package/select/moderncssm/components/clear-button/index.js

@@ -1,5 +1,7 @@
 export { ClearButton } from './Component.js';
 import 'react';
+import 'classnames';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './index.module.css';

package/select/moderncssm/components/clear-button/index.module.css

@@ -45,3 +45,7 @@
 .clearButton + * {
     margin-left: var(--gap-4);
 }
+
+.clearButton.size-40 + * {
+            margin-left: 6px;
+        }

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

@@ -7,6 +7,7 @@ import { ClearButton } from '../clear-button/Component.js';
 import styles from './index.module.css';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../clear-button/index.module.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, clear, onClear, ...restProps }) => {
@@ -24,15 +25,15 @@ const Field = ({ size = 56, open, multiple, error, hint, disabled, label, labelV
             [styles.focusVisible]: focusVisible,
         }), block: true, size: size, focused: focused || open, disabled: disabled, filled: filled || (!!placeholder && open), label: showLabel && label, labelView: labelView, error: error, hint: hint, rightAddons: (Arrow || rightAddons) && (React.createElement(React.Fragment, null,
             rightAddons,
-            clear && filled ? (React.createElement(ClearButton, { onClick: onClear, disabled: disabled, dataTestId: getDataTestId(dataTestId, 'clear-icon') })) : null,
+            clear && filled ? (React.createElement(ClearButton, { onClick: onClear, disabled: disabled, dataTestId: getDataTestId(dataTestId, 'clear-icon'), size: size })) : null,
             Arrow
                 ? React.cloneElement(Arrow, { className: styles.arrow })
                 : null)), "data-test-id": dataTestId, ...restProps, ...innerProps },
-        React.createElement("div", { className: styles.contentWrapper },
+        React.createElement("div", { className: cn(styles.contentWrapper, styles[`size-${size}`]) },
             showPlaceholder && (React.createElement("span", { className: cn(styles.placeholder, {
                     [styles.focused]: focused || open,
                 }) }, placeholder)),
-            filled && React.createElement("div", { className: styles.value }, value)))) : null));
+            filled && (React.createElement("div", { className: cn(styles.value, styles[`size-${size}`]) }, value))))) : null));
 };
 
 export { Field };

package/select/moderncssm/components/field/index.js

@@ -7,5 +7,6 @@ import '../../utils.js';
 import '../clear-button/Component.js';
 import '../../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../clear-button/index.module.css';
 import './index.module.css';

package/select/moderncssm/components/field/index.module.css

@@ -53,13 +53,23 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    width: 100%;
+    width: 100%
 }
+.contentWrapper.size-40 {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+    }
 .value {
     overflow: hidden;
     text-overflow: ellipsis;
-    text-align: left;
+    text-align: left
 }
+.value.size-40 {
+        font-size: 14px;
+        line-height: 18px;
+        font-weight: 400;
+    }
 .focusVisible {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;

package/select/moderncssm/components/index.js

@@ -10,6 +10,7 @@ export { Search } from './search/Component.js';
 import 'react';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import './arrow/index.module.css';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
@@ -31,6 +32,7 @@ import './base-select/components/list-mobile/list-modal-mobile.js';
 import './clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './clear-button/index.module.css';
 import './field/index.module.css';
 import '../consts.js';

package/select/moderncssm/consts.d.ts

@@ -4,6 +4,7 @@ declare const SIZE_TO_CLASSNAME_MAP: {
     m: string;
     l: string;
     xl: string;
+    40: string;
     48: string;
     56: string;
     64: string;

package/select/moderncssm/consts.js

@@ -4,6 +4,7 @@ const SIZE_TO_CLASSNAME_MAP = {
     m: 'size-56',
     l: 'size-64',
     xl: 'size-72',
+    40: 'size-40',
     48: 'size-48',
     56: 'size-56',
     64: 'size-64',

package/select/moderncssm/desktop/Component.desktop.js

@@ -10,6 +10,7 @@ import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
@@ -31,6 +32,7 @@ import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '../consts.js';

package/select/moderncssm/desktop/index.js

@@ -5,6 +5,7 @@ import '../../../popover/moderncssm';
 import '../components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import '../components/base-select/Component.js';
 import 'react-merge-refs';
@@ -28,6 +29,7 @@ import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '../components/optgroup/Component.js';

package/select/moderncssm/index.js

@@ -7,6 +7,7 @@ import '../../popover/moderncssm';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import './components/arrow/index.module.css';
 import './components/base-select/Component.js';
 import 'react-merge-refs';
@@ -30,6 +31,7 @@ import './components/field/Component.js';
 import './components/clear-button/Component.js';
 import '../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import './components/clear-button/index.module.css';
 import './components/field/index.module.css';
 import './components/optgroup/Component.js';

package/select/moderncssm/mobile/Component.mobile.js

@@ -15,6 +15,7 @@ import { u as useSelectWithApply } from '../hook-50057c35.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
@@ -36,6 +37,7 @@ import '../components/base-select/components/list-mobile/list-modal-mobile.js';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '../../../base-modal/moderncssm';

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

@@ -6,6 +6,7 @@ import '../../../modal/moderncssm/mobile';
 import '../components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import '../components/base-select/Component.js';
 import 'react-merge-refs';
@@ -29,6 +30,7 @@ import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '../components/footer/Component.js';

package/select/moderncssm/mobile/index.js

@@ -7,6 +7,7 @@ import '../../../modal/moderncssm/mobile';
 import '../components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import '../components/base-select/Component.js';
 import 'react-merge-refs';
@@ -30,6 +31,7 @@ import '../components/field/Component.js';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '../components/footer/Component.js';

package/select/moderncssm/shared/index.js

@@ -48,9 +48,11 @@ import '@alfalab/hooks';
 import '../components/clear-button/Component.js';
 import '../../../button/moderncssm';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleSIcon';
 import '../components/clear-button/index.module.css';
 import '../components/field/index.module.css';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownSIcon';
 import '../components/arrow/index.module.css';
 import '@juggle/resize-observer';
 import 'compute-scroll-into-view';

package/select/moderncssm/typings.d.ts

@@ -110,12 +110,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -390,6 +390,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -412,7 +417,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -532,7 +537,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -571,7 +576,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -757,5 +762,10 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-1d20e1f8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-639eaf6a.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('react-fast-compare');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-1d20e1f8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-639eaf6a.js');
 
 
 

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-1d20e1f8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-639eaf6a.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 

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

@@ -1 +1 @@
-export * from "../../../hook-1d20e1f8";
+export * from "../../../hook-639eaf6a";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-1d20e1f8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-639eaf6a.js');
 
 
 

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-1d20e1f8.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-639eaf6a.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');