@alfalab/core-components 45.9.0 → 46.0.0-beta.0

package/picker-button/modern/Component-1fe708ea.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-1fe708ea";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/modern/Component-bdb4c6b9.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { View } from "./typings-88b743b5";
+import { View } from "./typings-d6bfd5b7";
 declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     view: View;
 } & React.RefAttributes<HTMLDivElement>>;

package/picker-button/modern/Component-c44170fe.d.ts

@@ -6,6 +6,7 @@ interface ClearButtonProps {
     disabled?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     colors: "default" | "inverted";
+    dataTestId?: string;
 }
 declare const ClearButton: React.FC<ClearButtonProps>;
 type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
@@ -287,5 +288,4 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-064acd29";
 export { ClearButton, BaseInputProps, BaseInput };

package/picker-button/modern/Component.responsive.d.ts

@@ -11,11 +11,12 @@ type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobilePr
 };
 declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("../../select/shared").BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<import("../../button").ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: ((import("../../select/shared").OptionShape | import("../../select/shared").GroupShape) & {
-        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+        icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
     })[];
     size?: import("./types").PickerButtonSize | undefined;
     variant?: import("./types").PickerButtonVariant | undefined;
     showArrow?: boolean | undefined;
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
 } & AdditionalMobileProps & BottomSheetSelectMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

package/picker-button/modern/ResponsiveContext-d6bfd5b7.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-d6bfd5b7";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/picker-button/modern/desktop/Component.desktop.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { FC, SVGProps } from "react";
+import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../../button";
 import { BaseSelectProps } from "../../../select/shared";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
@@ -9,7 +9,7 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
-        icon?: FC<SVGProps<SVGSVGElement>>;
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
     }>;
     /**
      * Размер кнопки
@@ -25,13 +25,17 @@ type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
      * @default true
      */
     showArrow?: boolean;
+    /**
+     * Кастомная иконка при variant = compact
+     */
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
 };
 declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "hint" | "placeholder" | "onFocus" | "selected" | "multiple" | "options" | "showSearch" | "searchProps" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "Search"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
     options: Array<BaseSelectProps['options'][0] & {
         /**
          * Иконка, отображающаяся слева от текстового представления пункта
          */
-        icon?: FC<SVGProps<SVGSVGElement>>;
+        icon?: ComponentType<SVGProps<SVGSVGElement>>;
     }>;
     /**
      * Размер кнопки
@@ -47,5 +51,9 @@ declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSele
      * @default true
      */
     showArrow?: boolean | undefined;
+    /**
+     * Кастомная иконка при variant = compact
+     */
+    icon?: React.ComponentType<React.SVGProps<SVGSVGElement>> | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonDesktopProps, PickerButtonDesktop };

package/picker-button/modern/desktop/Component.desktop.js

@@ -11,11 +11,11 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"container":"picker-button__container_1ohhc","optionsPopover":"picker-button__optionsPopover_1ohhc","sideGap":"picker-button__sideGap_1ohhc","option":"picker-button__option_1ohhc"};
+const styles = {"container":"picker-button__container_bdlb5","optionsPopover":"picker-button__optionsPopover_bdlb5","sideGap":"picker-button__sideGap_bdlb5","option":"picker-button__option_bdlb5"};
 require('./../index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 56, variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, Field: Field$1 = Field, fieldProps = {}, ...restProps }, ref) => {
+const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 56, variant = 'default', className, leftAddons, rightAddons, popperClassName, optionClassName, showArrow, Field: Field$1 = Field, fieldProps = {}, icon, ...restProps }, ref) => {
     const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
     const fieldDefaultProps = {
         view,
@@ -27,6 +27,7 @@ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsLi
         rightAddons,
         showArrow,
         breakpoint: 1,
+        icon,
     };
     return (React.createElement(BaseSelect, { ...restProps, Popover: Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field$1, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: {
             ...fieldDefaultProps,

package/picker-button/modern/field/Component.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import React from 'react';
+import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-57569e57";
+import { FieldProps as BaseFieldProps } from "../typings-1fe708ea";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
     showArrow?: boolean;
+    icon?: ComponentType<SVGProps<SVGSVGElement>>;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, FormControlComponent, icon, ...restProps }: FieldProps) => React.JSX.Element;
 export { Field };

package/picker-button/modern/field/Component.js

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_qy49v","addonsContainer":"picker-button__addonsContainer_qy49v","showControlIcon":"picker-button__showControlIcon_qy49v","open":"picker-button__open_qy49v","linkOpen":"picker-button__linkOpen_qy49v"};
+const styles = {"iconContainer":"picker-button__iconContainer_jfqkk","addonsContainer":"picker-button__addonsContainer_jfqkk","showControlIcon":"picker-button__showControlIcon_jfqkk","open":"picker-button__open_jfqkk","linkOpen":"picker-button__linkOpen_jfqkk"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {
@@ -24,8 +24,8 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const Field = ({ buttonSize = 56, buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {
-    const Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
+const Field = ({ buttonSize = 56, buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, FormControlComponent, icon, ...restProps }) => {
+    const Icon = getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
     const { ref, ...restInnerProps } = innerProps;
     const buttonProps = {
         ...restProps,

package/picker-button/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: fw0ac */
+/* hash: s3q5a */
 :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-transparent-default-hover: rgba(38, 55, 88, 0.06); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_qy49v {
+} .picker-button__iconContainer_jfqkk {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_qy49v {
+} .picker-button__addonsContainer_jfqkk {
     display: flex
-} .picker-button__addonsContainer_qy49v.picker-button__showControlIcon_qy49v {
+} .picker-button__addonsContainer_jfqkk.picker-button__showControlIcon_jfqkk {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_qy49v {
+    } .picker-button__open_jfqkk {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_qy49v:not(:hover) {
+} .picker-button__linkOpen_jfqkk:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/modern/iconMap-09d2f9c9.d.ts

@@ -0,0 +1,4 @@
+import { StatusBadgeIcon, StatusBadgeSizes, StatusBadgeViews } from "./index-09d2f9c9";
+type IconMap = Record<StatusBadgeViews, Record<NonNullable<StatusBadgeSizes>, StatusBadgeIcon>>;
+declare const ICON_MAP: IconMap;
+export { IconMap, ICON_MAP };

package/picker-button/modern/index-09d2f9c9.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+type StatusBadgeViews = "positive-checkmark" | "negative-cross" | "negative-alert" | "negative-block" | "attention-alert" | "neutral-information" | "neutral-operation" | "neutral-cross";
+type StatusBadgeSizes = 16 | 20 | 24 | 32 | 40;
+type StatusBadgeIcon = React.FC<React.SVGProps<SVGSVGElement>>;
+type StatusBadgeCustomIcon = Partial<Record<StatusBadgeViews, Partial<Record<StatusBadgeSizes, StatusBadgeIcon>>>>;
+type StatusBadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Размер компонента
+     * @default 24
+     */
+    size?: StatusBadgeSizes;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Вид бейджа.
+     */
+    view: StatusBadgeViews;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Кастомные иконки
+     */
+    customIcons?: StatusBadgeCustomIcon;
+};
+declare const StatusBadge: ({ className, dataTestId, size, view, colors, customIcons }: StatusBadgeProps) => React.JSX.Element;
+declare const useStatusBadgeIcon: (view: StatusBadgeViews, size: StatusBadgeSizes, customIcons?: StatusBadgeCustomIcon) => {
+    Icon: StatusBadgeIcon;
+};
+export { StatusBadgeProps, StatusBadge, useStatusBadgeIcon, StatusBadgeViews, StatusBadgeSizes, StatusBadgeIcon, StatusBadgeCustomIcon };

package/picker-button/modern/{index-a5b021bd.d.ts → index-307da6d7.d.ts}

@@ -62,5 +62,6 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+declare const exhaustiveCheck: (value: never) => never;
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
 export * from "./browser-a216f694";

package/picker-button/modern/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, RefObject } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -25,7 +25,7 @@ type BaseModalProps = {
     /**
      * Компонент бэкдропа
      */
-    Backdrop?: FC<BackdropProps>;
+    Backdrop?: ComponentType<BackdropProps>;
     /**
      * Свойства для Бэкдропа
      */
@@ -146,6 +146,10 @@ type BaseModalProps = {
      * Реф, который должен быть установлен компонентной области
      */
     componentRef?: MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
@@ -169,7 +173,7 @@ declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
-declare const handleContainer: (container?: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
 /**
  * Набор констант для z-index соответствующих классов компонентов.
  * Значения выбраны по приоритету.
@@ -195,6 +199,9 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
+declare const lockScroll: () => void;
+declare const unlockScroll: () => void;
+declare const syncHeight: () => void;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
@@ -219,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1gcgx */
+/* hash: 14men */
 :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 */
 } :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,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_1ohhc {
+} .picker-button__container_bdlb5 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_1ohhc.picker-button__sideGap_1ohhc {
+} .cc-picker-button.picker-button__optionsPopover_bdlb5.picker-button__sideGap_bdlb5 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_1ohhc {
+        } .cc-picker-button .picker-button__option_bdlb5 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_1ohhc:before {
+    } .cc-picker-button .picker-button__option_bdlb5:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, breakpoint = 1024, ...restProps }, ref) => {
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, icon, breakpoint = 1024, ...restProps }, ref) => {
     const fieldDefaultProps = {
         view,
         loading,
@@ -22,6 +22,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
         rightAddons,
         showArrow,
         breakpoint,
+        icon,
     };
     return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
             title: label,

package/picker-button/modern/option/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern/shared';
 
-const styles = {"container":"picker-button__container_ceyn0","icon":"picker-button__icon_ceyn0","content":"picker-button__content_ceyn0"};
+const styles = {"container":"picker-button__container_uwn2n","icon":"picker-button__icon_uwn2n","content":"picker-button__content_uwn2n"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

package/picker-button/modern/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 17l9j */
+/* hash: 1ufwd */
 :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 */
 } :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 */
@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_ceyn0 {
+} .picker-button__container_uwn2n {
     display: flex;
     align-items: center;
-} .picker-button__icon_ceyn0 {
+} .picker-button__icon_uwn2n {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_ceyn0 {
+} .picker-button__content_uwn2n {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/modern/{types-667e33fd.d.ts → types-a870d1f8.d.ts}

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ReactNode } from "react";
 import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
-type NavigationBarProps = {
+type NavigationBarPrivateProps = {
     /**
      * Контент шапки
      */
@@ -114,4 +114,4 @@ type ContentParams = {
     style?: React.CSSProperties;
     hidden?: boolean;
 };
-export { NavigationBarProps, ContentParams };
+export { NavigationBarPrivateProps, ContentParams };

package/picker-button/modern/{typings-57569e57.d.ts → typings-1fe708ea.d.ts}

@@ -1,16 +1,17 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, ComponentType, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./types-667e33fd";
+import { NavigationBarPrivateProps } from "./types-a870d1f8";
+import { NavigationBarPrivateProps as NavigationBarProps } from "./types-a870d1f8";
 import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+import { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 import { PopoverProps } from "../../popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -304,7 +305,7 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
+type HeaderProps = Omit<NavigationBarPrivateProps, "size" | "view" | "parentRef">;
 type FooterProps = {
     /**
      * Контент футера
@@ -332,12 +333,13 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
+    iOSLock?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-88b743b5").ContentProps>;
+    Content: React.FC<import("./typings-d6bfd5b7").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -370,7 +372,7 @@ type FooterProps$0 = {
     dataTestId?: string;
 };
 declare const Footer$0: FC<FooterProps$0>;
-type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
+type HeaderProps$0 = Omit<NavigationBarPrivateProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
     headerOffset: number;
 };
@@ -591,11 +593,11 @@ type BaseSelectProps = {
     /**
      * Компонент стрелки
      */
-    Arrow?: FC<ArrowProps> | null | false;
+    Arrow?: ComponentType<ArrowProps> | null | false;
     /**
      * Компонент поля
      */
-    Field?: FC<FieldProps>;
+    Field?: ComponentType<FieldProps>;
     /**
      * Пропсы, которые будут прокинуты в компонент поля
      */
@@ -611,15 +613,15 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
+    OptionsList?: ComponentType<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */
-    Optgroup?: FC<OptgroupProps>;
+    Optgroup?: ComponentType<OptgroupProps>;
     /**
      * Компонент пункта меню
      */
-    Option?: FC<OptionProps>;
+    Option?: ComponentType<OptionProps>;
     /**
      * Включает отображение поиска
      */
@@ -627,7 +629,7 @@ type BaseSelectProps = {
     /**
      * Компонент поиска
      */
-    Search?: FC<SearchProps>;
+    Search?: ComponentType<SearchProps>;
     /**
      * Настройки поиска
      */
@@ -789,7 +791,7 @@ type OptionsListProps = {
     /**
      * Компонент пункта меню
      */
-    Option: FC<OptionProps>;
+    Option: ComponentType<OptionProps>;
     /**
      * Функция для получения пропсов для ячейки
      */
@@ -1066,8 +1068,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
-export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
+export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
+export type { ContentProps as ModalContentProps } from "./typings-d6bfd5b7";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/picker-button/modern/typings-d6bfd5b7.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BaseModalProps } from "./index-bdb4c6b9";
+type ModalDesktopProps = BaseModalProps & {
+    /**
+     * Ширина модального окна
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
+    /**
+     * Растягивает модальное окно на весь экран
+     * @deprecated Используйте размер fullscreen
+     */
+    fullscreen?: boolean;
+    /**
+     * Фиксирует позицию модального окна после открытия,
+     * предотвращая скачки, если контент внутри будет меняться
+     */
+    fixedPosition?: boolean;
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+    /**
+     * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
+     */
+    iOSLock?: boolean;
+};
+type ModalMobileProps = Omit<ModalDesktopProps, 'size' | 'fixedPosition' | 'fullscreen'>;
+type ModalResponsiveProps = ModalDesktopProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type View = 'desktop' | 'mobile';
+type TResponsiveModalContext = {
+    view: View;
+    size: NonNullable<ModalDesktopProps['size']>;
+    dataTestId?: string;
+};
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растягивает контент на всю высоту
+     */
+    flex?: boolean;
+};
+export { ModalDesktopProps, ModalMobileProps, ModalResponsiveProps, View, TResponsiveModalContext, ContentProps };

package/picker-button/modern/use-skeleton-1328ead9.d.ts

@@ -19,6 +19,10 @@ type SkeletonProps = {
      * Дополнительные инлайн стили
      */
     style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Идентификатор для систем автоматизированного тестирования
      */

package/picker-button/modern/utils/index.d.ts

@@ -1,4 +1,6 @@
-import { FC, SVGProps } from 'react';
+/// <reference types="react" />
+import { ComponentType, SVGProps } from 'react';
 import { PickerButtonVariant } from "../types";
-declare const getIcon: (variant: PickerButtonVariant, size: string) => FC<SVGProps<SVGSVGElement>>;
-export { getIcon };
+declare const getCompactIcon: (size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => import("react").FC<SVGProps<SVGSVGElement>> | import("react").ComponentClass<SVGProps<SVGSVGElement>, any>;
+declare const getIcon: (variant: PickerButtonVariant, size: string, Icon?: ComponentType<SVGProps<SVGSVGElement>>) => ComponentType<SVGProps<SVGSVGElement>>;
+export { getCompactIcon, getIcon };