@alfalab/core-components 45.9.0-beta.3 → 45.10.0

package/navigation-bar-private/modern/index.css

@@ -0,0 +1,108 @@
+/* hash: 21se8 */
+: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-text-primary: rgba(3, 3, 6, 0.88);
+    --color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-2xs: 4px;
+    --gap-s: 12px;
+} :root {
+} :root {
+} .navigation-bar-private__header_16jqi {
+    width: 100%;
+    box-sizing: border-box;
+    transition: box-shadow 0.2s ease, background 0.2s ease
+} .navigation-bar-private__header_16jqi.navigation-bar-private__header_16jqi.navigation-bar-private__backgroundImage_16jqi {
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: cover;
+    } .navigation-bar-private__mainLine_16jqi {
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    z-index: 1;
+    background-color: inherit;
+} .navigation-bar-private__mainLineSticky_16jqi {
+    position: sticky;
+    top: 0;
+} .navigation-bar-private__mainLineWithImageBg_16jqi {
+    background-color: initial;
+} .navigation-bar-private__content_16jqi {
+    color: var(--color-light-text-primary);
+    display: flex;
+    flex-flow: column nowrap;
+    justify-content: center;
+    flex-grow: 1;
+    align-self: baseline;
+    box-sizing: border-box;
+    min-height: 48px
+} .navigation-bar-private__content_16jqi.navigation-bar-private__withBothAddons_16jqi,
+    .navigation-bar-private__content_16jqi.navigation-bar-private__withCompactTitle_16jqi {
+        font-size: 16px;
+        line-height: 20px;
+        font-weight: 500;
+        align-self: center;
+        padding-top: var(--gap-2xs);
+        padding-bottom: var(--gap-2xs)
+    } .navigation-bar-private__content_16jqi.navigation-bar-private__withBothAddons_16jqi > .navigation-bar-private__children_16jqi,
+        .navigation-bar-private__content_16jqi.navigation-bar-private__withBothAddons_16jqi > .navigation-bar-private__title_16jqi,
+        .navigation-bar-private__content_16jqi.navigation-bar-private__withCompactTitle_16jqi > .navigation-bar-private__children_16jqi,
+        .navigation-bar-private__content_16jqi.navigation-bar-private__withCompactTitle_16jqi > .navigation-bar-private__title_16jqi {
+            -webkit-line-clamp: 1;
+            word-break: break-all;
+        } .navigation-bar-private__content_16jqi.navigation-bar-private__contentOnBotDesktop_16jqi.navigation-bar-private__contentOnBotDesktop_16jqi {
+        padding-top: var(--gap-s);
+    } .navigation-bar-private__content_16jqi.navigation-bar-private__contentOnBotMobile_16jqi.navigation-bar-private__contentOnBotMobile_16jqi {
+        padding-top: var(--gap-s);
+    } .navigation-bar-private__title_16jqi {
+    word-break: break-word;
+} .navigation-bar-private__subtitle_16jqi {
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 400;
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+
+    color: var(--color-light-text-secondary);
+    word-break: break-all;
+} .navigation-bar-private__addonsWrapper_16jqi {
+    display: flex;
+} .navigation-bar-private__rightAddons_16jqi {
+    margin-left: auto;
+} .navigation-bar-private__addon_16jqi {
+    min-width: 48px;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    pointer-events: all;
+} .navigation-bar-private__bottomAddons_16jqi {
+    pointer-events: all;
+} .navigation-bar-private__closer_16jqi {
+    margin-left: auto;
+} .navigation-bar-private__left_16jqi {
+    text-align: left;
+} .navigation-bar-private__center_16jqi {
+    text-align: center;
+} .navigation-bar-private__trim_16jqi {
+    overflow: hidden
+} .navigation-bar-private__trim_16jqi .navigation-bar-private__title_16jqi,
+    .navigation-bar-private__trim_16jqi .navigation-bar-private__children_16jqi {
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }

package/navigation-bar-private/modern/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component";
+export type { NavigationBarPrivateProps } from "./types";

package/navigation-bar-private/modern/index.js

@@ -0,0 +1,15 @@
+export { NavigationBarPrivate } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '../../shared/modern';
+import '@alfalab/hooks';
+import './components/back-arrow-addon/Component.js';
+import '../../button/modern/desktop';
+import '../../typography/modern';
+import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
+import '@alfalab/icons-glyph/ArrowLeftMIcon';
+import './components/closer/Component.js';
+import '../../icon-button/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';

package/navigation-bar-private/modern/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../components/closer/index";
+export * from "../components/back-arrow-addon/index";

package/navigation-bar-private/modern/shared/index.js

@@ -0,0 +1,11 @@
+export { Closer } from '../components/closer/Component.js';
+export { BackArrowAddon } from '../components/back-arrow-addon/Component.js';
+import 'react';
+import 'classnames';
+import '../../../icon-button/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import '@alfalab/icons-glyph/CrossMIcon';
+import '../../../button/modern/desktop';
+import '../../../typography/modern';
+import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
+import '@alfalab/icons-glyph/ArrowLeftMIcon';

package/{navigation-bar → navigation-bar-private}/modern/types.d.ts

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

package/navigation-bar-private/package.json

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

package/navigation-bar-private/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from "../components/closer/index";
+export * from "../components/back-arrow-addon/index";

package/navigation-bar-private/shared/index.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_closer_Component = require('../components/closer/Component.js');
+var components_backArrowAddon_Component = require('../components/back-arrow-addon/Component.js');
+
+
+
+exports.Closer = components_closer_Component.Closer;
+exports.BackArrowAddon = components_backArrowAddon_Component.BackArrowAddon;

package/navigation-bar-private/shared/package.json

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

package/{navigation-bar → navigation-bar-private}/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "45.9.0-beta.3",
+  "version": "45.10.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/picker-button/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/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/Component-c44170fe.d.ts

@@ -2,10 +2,35 @@
 import React from "react";
 import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
+type StatusBadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Размер компонента
+     * @default 24
+     */
+    size?: 16 | 20 | 24 | 32 | 40;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Вид бейджа.
+     */
+    view: "positive-checkmark" | "negative-cross" | "negative-alert" | "negative-block" | "attention-alert" | "neutral-information" | "neutral-operation" | "neutral-cross";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const StatusBadge: ({ className, dataTestId, size, view, colors }: StatusBadgeProps) => React.JSX.Element;
 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 +312,4 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-064acd29";
-export { ClearButton, BaseInputProps, BaseInput };
+export { StatusBadgeProps, StatusBadge, ClearButton, BaseInputProps, BaseInput };

package/picker-button/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/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/cssm/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/cssm/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/cssm/Component-c44170fe.d.ts

@@ -2,10 +2,35 @@
 import React from "react";
 import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
+type StatusBadgeProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Размер компонента
+     * @default 24
+     */
+    size?: 16 | 20 | 24 | 32 | 40;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Вид бейджа.
+     */
+    view: "positive-checkmark" | "negative-cross" | "negative-alert" | "negative-block" | "attention-alert" | "neutral-information" | "neutral-operation" | "neutral-cross";
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+declare const StatusBadge: ({ className, dataTestId, size, view, colors }: StatusBadgeProps) => React.JSX.Element;
 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 +312,4 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      */
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component-064acd29";
-export { ClearButton, BaseInputProps, BaseInput };
+export { StatusBadgeProps, StatusBadge, ClearButton, BaseInputProps, BaseInput };

package/picker-button/cssm/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/cssm/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/cssm/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/cssm/desktop/Component.desktop.js

@@ -18,7 +18,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
 var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.OptionsList, OptionsList = _c === void 0 ? shared.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? shared.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 56 : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps"]);
+    var _c = _a.OptionsList, OptionsList = _c === void 0 ? shared.OptionsList : _c, _d = _a.Optgroup, Optgroup = _d === void 0 ? shared.Optgroup : _d, _e = _a.Option, Option = _e === void 0 ? option_Component.Option : _e, view = _a.view, loading = _a.loading, _f = _a.size, size = _f === void 0 ? 56 : _f, _g = _a.variant, variant = _g === void 0 ? 'default' : _g, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, popperClassName = _a.popperClassName, optionClassName = _a.optionClassName, showArrow = _a.showArrow, _h = _a.Field, Field = _h === void 0 ? field_Component.Field : _h, _j = _a.fieldProps, fieldProps = _j === void 0 ? {} : _j, icon = _a.icon, restProps = tslib.__rest(_a, ["OptionsList", "Optgroup", "Option", "view", "loading", "size", "variant", "className", "leftAddons", "rightAddons", "popperClassName", "optionClassName", "showArrow", "Field", "fieldProps", "icon"]);
     var isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
     var fieldDefaultProps = {
         view: view,
@@ -30,6 +30,7 @@ var PickerButtonDesktop = React.forwardRef(function (_a, ref) {
         rightAddons: rightAddons,
         showArrow: showArrow,
         breakpoint: 1,
+        icon: icon,
     };
     return (React__default.default.createElement(shared.BaseSelect, tslib.__assign({}, restProps, { Popover: coreComponentsPopover.Popover, view: 'desktop', optionProps: { Checkmark: null }, ref: ref, Option: Option, Field: Field, size: size === 'm' || size === 56 ? 56 : 48, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), Optgroup: Optgroup, OptionsList: OptionsList, className: cn__default.default(styles__default.default.container, className), popperClassName: cn__default.default('cc-picker-button', styles__default.default.optionsPopover, popperClassName, (_b = {},
             _b[styles__default.default.sideGap] = isSideGap,

package/picker-button/cssm/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/cssm/field/Component.js

@@ -29,8 +29,8 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var Field = function (_a) {
     var _b, _c;
-    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; var restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView"]);
-    var Icon = utils_index.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize]);
+    var _d = _a.buttonSize, buttonSize = _d === void 0 ? 56 : _d, _e = _a.buttonVariant, buttonVariant = _e === void 0 ? 'default' : _e, view = _a.view, label = _a.label, open = _a.open; _a.multiple; var rightAddons = _a.rightAddons; _a.Arrow; var innerProps = _a.innerProps, className = _a.className; _a.selected; _a.selectedMultiple; _a.setSelectedItems; _a.toggleMenu; _a.valueRenderer; var _f = _a.showArrow, showArrow = _f === void 0 ? true : _f; _a.labelView; _a.FormControlComponent; var icon = _a.icon, restProps = tslib.__rest(_a, ["buttonSize", "buttonVariant", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "setSelectedItems", "toggleMenu", "valueRenderer", "showArrow", "labelView", "FormControlComponent", "icon"]);
+    var Icon = utils_index.getIcon(buttonVariant, SIZE_TO_CLASSNAME_MAP[buttonSize], icon);
     var ref = innerProps.ref, restInnerProps = tslib.__rest(innerProps, ["ref"]);
     var buttonProps = tslib.__assign(tslib.__assign({}, restProps), restInnerProps);
     return (React__default.default.createElement("div", { ref: ref },

package/picker-button/{esm/index-fe2bc9bb.d.ts → cssm/index-a5b021bd.d.ts}

@@ -62,7 +62,5 @@ declare function preventDefault(e: React.UIEvent): void;
 declare const dom: {
     preventDefault: typeof preventDefault;
 };
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, PortalContext };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
 export * from "./browser-a216f694";

package/picker-button/cssm/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 } 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,12 @@ 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;
 type SavedStyle = {
     value: string;
     key: string;
@@ -216,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, 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/cssm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var PickerButtonMobile = React.forwardRef(function (_a, ref) {
-    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, _g = _a.breakpoint, breakpoint = _g === void 0 ? 1024 : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "breakpoint"]);
+    var options = _a.options, label = _a.label, _b = _a.Option, Option = _b === void 0 ? option_Component.Option : _b, _c = _a.Optgroup, Optgroup = _c === void 0 ? shared.Optgroup : _c, view = _a.view, loading = _a.loading, _d = _a.variant, variant = _d === void 0 ? 'default' : _d, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, size = _a.size, bottomSheetProps = _a.bottomSheetProps, showArrow = _a.showArrow, _e = _a.Field, Field = _e === void 0 ? field_Component.Field : _e, _f = _a.fieldProps, fieldProps = _f === void 0 ? {} : _f, icon = _a.icon, _g = _a.breakpoint, breakpoint = _g === void 0 ? 1024 : _g, restProps = tslib.__rest(_a, ["options", "label", "Option", "Optgroup", "view", "loading", "variant", "leftAddons", "rightAddons", "size", "bottomSheetProps", "showArrow", "Field", "fieldProps", "icon", "breakpoint"]);
     var fieldDefaultProps = {
         view: view,
         loading: loading,
@@ -23,6 +23,7 @@ var PickerButtonMobile = React.forwardRef(function (_a, ref) {
         rightAddons: rightAddons,
         showArrow: showArrow,
         breakpoint: breakpoint,
+        icon: icon,
     };
     return (React__default.default.createElement(mobile.SelectMobile, tslib.__assign({}, restProps, { label: label, Option: Option, bottomSheetProps: tslib.__assign({ title: label, stickyHeader: true }, bottomSheetProps), Field: Field, Optgroup: Optgroup, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: tslib.__assign(tslib.__assign({}, fieldDefaultProps), fieldProps), ref: ref, options: options, selected: [] })));
 });

package/picker-button/cssm/{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 };