@alfalab/core-components 42.0.0-beta.1 → 42.0.0-beta.2

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: ed8q8 */
+/* hash: 1qiun */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,11 +16,11 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .input-autocomplete__bottomAddonInput_11a5a {
+} .input-autocomplete__bottomAddonInput_172kg {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_11a5a {
+} .input-autocomplete__footer_172kg {
     display: flex
-} .input-autocomplete__footer_11a5a > button + button {
+} .input-autocomplete__footer_172kg > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/mobile.js

@@ -7,13 +7,13 @@ require('react');
 require('react-merge-refs');
 require('classnames');
 require('lodash.throttle');
-require('../button');
+require('../button/mobile');
 require('../input');
 require('../select/mobile');
 require('./autocomplete-mobile-field/Component.js');
-require('../form-control');
+require('../form-control/mobile');
 require('@alfalab/hooks');
-require('./mobile.module-22ee5ba9.js');
+require('./mobile.module-19b7488e.js');
 
 
 

package/input-autocomplete/mobile.module-19b7488e.js

@@ -0,0 +1,4 @@
+var styles = {"bottomAddonInput":"input-autocomplete__bottomAddonInput_172kg","footer":"input-autocomplete__footer_172kg"};
+require('./mobile.css');
+
+exports.styles = styles;

package/input-autocomplete/modern/Component-63dec22f.d.ts

@@ -0,0 +1,167 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { Typography, typographyPresets, TitleResponsive, BackArrowAddonProps, BackArrowAddon };
+export type { TitleProps, TextProps, Color };

package/input-autocomplete/modern/Component-89a3cf4c.d.ts

@@ -1,169 +1,6 @@
 /// <reference types="react" />
-import React from "react";
-import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import React from 'react';
 import { NavigationBarProps } from "./types-ebda875c";
-interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Текст после иконки
-     */
-    text?: string;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Вид компонента
-     */
-    view: "mobile" | "desktop";
-    /**
-     * Прозрачность текста
-     */
-    textOpacity?: number;
-    /**
-     * Обработчик клика
-     */
-    onClick?: () => void;
-}
-declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
-declare const colors: readonly [
-    "tertiary",
-    "disabled",
-    "accent",
-    "primary",
-    "attention",
-    "positive",
-    "secondary",
-    "tertiary-inverted",
-    "primary-inverted",
-    "secondary-inverted",
-    "link",
-    "negative",
-    "static-primary-light",
-    "static-secondary-light",
-    "static-tertiary-light",
-    "static-primary-dark",
-    "static-secondary-dark",
-    "static-tertiary-dark",
-    "static-accent"
-];
-type Color = (typeof colors)[number];
-type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
-type NativeProps = HTMLAttributes<HTMLSpanElement>;
-type TextBaseProps = {
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
-     */
-    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Делает цифры моноширинными
-     */
-    monospaceNumbers?: boolean;
-    /**
-     * HTML тег
-     */
-    tag?: "span" | "div";
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Добавляет отступы к тэгу 'p'
-     */
-    defaultMargins?: never;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-};
-type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
-    tag?: "p";
-    defaultMargins?: boolean;
-};
-type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
-type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps$0, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
-    /**
-     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
-     */
-    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "regular" | "medium" | "bold";
-    /**
-     * Шрифт текста
-     */
-    font?: "styrene" | "system";
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк (не поддерживает IE)
-     */
-    rowLimit?: 1 | 2 | 3;
-};
-type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
-declare const Typography: {
-    Title: FC<TitleProps>;
-    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
-    TitleResponsive: FC<TitleProps>;
-    TitleMobile: FC<TitleMobileProps>;
-};
-declare const typographyPresets: {
-    mobile: {
-        list: {
-            text: {
-                primary: {
-                    tag: string;
-                    view: string;
-                };
-                secondary: {
-                    tag: string;
-                    color: string;
-                    view: string;
-                };
-            };
-        };
-    };
-};
-declare const TitleResponsive: FC<TitleProps>;
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
-export type { TitleProps, TextProps, Color };
+export * from "./Component-63dec22f";
+export { NavigationBar };

package/input-autocomplete/modern/Component.desktop-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/input-autocomplete/modern/Component.desktop.d.ts

@@ -37,74 +37,20 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
     /**
      * Компонент ввода значения
      */
-    Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    Input?: React.FC<Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
+         * Пропсы, которые будут прокинуты в инпут
+         */
     } & React.RefAttributes<HTMLInputElement>> | undefined;
     /**
      * Пропсы, которые будут прокинуты в инпут
      */
-    inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "enterKeyHint"> & {
-        value?: string | undefined;
-        defaultValue?: string | undefined;
-        block?: boolean | undefined;
-        clear?: boolean | undefined;
-        size?: "s" | "m" | "l" | "xl" | undefined;
-        colors?: "default" | "inverted" | undefined;
-        error?: React.ReactNode;
-        success?: boolean | undefined;
-        hint?: React.ReactNode;
-        label?: React.ReactNode;
-        labelView?: "inner" | "outer" | undefined;
-        type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-        wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-        leftAddons?: React.ReactNode;
-        rightAddons?: React.ReactNode;
-        bottomAddons?: React.ReactNode;
-        className?: string | undefined;
-        fieldClassName?: string | undefined;
-        inputClassName?: string | undefined;
-        labelClassName?: string | undefined;
-        addonsClassName?: string | undefined;
-        focusedClassName?: string | undefined;
-        filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
-            value: string;
-        }) => void) | undefined;
-        onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        dataTestId?: string | undefined;
+    inputProps?: (Omit<import("./autocomplete-field/Component").BaseInputProps, "FormControlComponent" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined; /**
+         * Пропсы, которые будут прокинуты в инпут
+         */
     } & Record<string, unknown>) | undefined;
     /**
      * Значение поля ввода

package/input-autocomplete/modern/Component.desktop.js

@@ -3,7 +3,7 @@ import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/modern/s
 import { AutocompleteField } from './autocomplete-field/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import '../../input/modern';
+import '../../input/modern/desktop';
 
 const InputAutocompleteDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, Input, inputProps = {}, onInput, value, success, readOnly, closeOnSelect = false, options, ...restProps }, ref) => (React.createElement(BaseSelect, { ref: ref, autocomplete: true, options: options, closeOnSelect: closeOnSelect, Option: Option$1, Field: AutocompleteField, fieldProps: {
         Input,

package/input-autocomplete/modern/Component.mobile-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/input-autocomplete/modern/Component.mobile.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
-import { ButtonProps } from "../../button";
+import { ButtonMobileProps } from "./mobile-96988a65";
 import { BaseSelectChangePayload, BaseSelectProps } from "./shared-4cd3936b";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
@@ -40,11 +40,11 @@ type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Check
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps;
+    continueButtonProps?: ButtonMobileProps;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonMobileProps;
     /**
      * Кастомный инпут
      */
@@ -86,11 +86,11 @@ declare const InputAutocompleteMobile: React.ForwardRefExoticComponent<Omit<Base
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     /**
      * Кастомный инпут
      */

package/input-autocomplete/modern/Component.mobile.js

@@ -2,12 +2,12 @@ import React, { useState, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import throttle from 'lodash.throttle';
-import { Button } from '../../button/modern';
+import { ButtonMobile } from '../../button/modern/mobile';
 import { Input } from '../../input/modern';
 import { SelectMobile } from '../../select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-32ab5262.js';
-import '../../form-control/modern';
+import { s as styles } from './mobile.module-f0d499c9.js';
+import '../../form-control/modern/mobile';
 import '@alfalab/hooks';
 
 const SELECTED = [];
@@ -62,8 +62,8 @@ const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetP
         const Component = Input$1 || Input;
         return {
             actionButton: (React.createElement("div", { className: styles.footer },
-                React.createElement(Button, { block: true, view: 'secondary', size: 's', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
-                React.createElement(Button, { block: true, view: 'primary', size: 's', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))),
+                React.createElement(ButtonMobile, { block: true, view: 'secondary', size: 'm', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(ButtonMobile, { block: true, view: 'primary', size: 'm', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"))),
             title: label || placeholder,
             bottomAddons: (React.createElement(Component, { block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus, ...bottomSheetHeaderAddonsProps, className: cn(styles.bottomAddonInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
                     bottomSheetInputRef,

package/input-autocomplete/modern/Component.modal.mobile.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
 import { ChangeEvent, ElementType } from "react";
-import { ButtonProps } from "../../button";
-import { SelectModalMobileProps } from "./mobile-8b0c6596";
+import { ButtonMobileProps } from "./mobile-96988a65";
+import { SelectModalMobileProps } from "./mobile-06ffd24b";
 import { BaseSelectChangePayload } from "./shared-4cd3936b";
 type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
@@ -36,11 +36,11 @@ type InputAutocompleteModalMobileProps = Omit<SelectModalMobileProps, 'OptionsLi
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps;
+    continueButtonProps?: ButtonMobileProps;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonMobileProps;
     /**
      * Кастомный инпут
      */
@@ -78,11 +78,11 @@ declare const InputAutocompleteModalMobile: React.ForwardRefExoticComponent<Omit
     /**
      * Дополнительные пропсы на кнопку "продолжить"
      */
-    continueButtonProps?: ButtonProps | undefined;
+    continueButtonProps?: ButtonMobileProps | undefined;
     /**
      * Дополнительные пропсы на кнопку "отмена"
      */
-    cancelButtonProps?: ButtonProps | undefined;
+    cancelButtonProps?: ButtonMobileProps | undefined;
     /**
      * Кастомный инпут
      */

package/input-autocomplete/modern/Component.modal.mobile.js

@@ -2,15 +2,15 @@ import React, { useRef, useEffect } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import throttle from 'lodash.throttle';
-import { Button } from '../../button/modern';
+import { ButtonMobile } from '../../button/modern/mobile';
 import { Input } from '../../input/modern';
 import { SelectModalMobile } from '../../select/modern/mobile';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-32ab5262.js';
-import '../../form-control/modern';
+import { s as styles } from './mobile.module-f0d499c9.js';
+import '../../form-control/modern/mobile';
 import '@alfalab/hooks';
 
-const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen, name, size = 's', Input: Input$1 = Input, Arrow = null, onClearFilter, filter = '', onFilter, placeholder, bottomAddonProps, multiple, onChange, onCancel, value, cancelButtonProps, continueButtonProps, ...restProps }, ref) => {
+const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen, name, size = 's', Input: Input$1 = Input, Arrow = null, onClearFilter, filter = '', onFilter, placeholder, bottomAddonProps, multiple, onChange, onCancel, value, cancelButtonProps, continueButtonProps, modalProps, modalHeaderProps, modalFooterProps, ...restProps }, ref) => {
     const [open, setOpen] = React.useState(false);
     const targetRef = useRef(null);
     const modalScrollableRef = useRef(null);
@@ -55,19 +55,19 @@ const InputAutocompleteModalMobile = React.forwardRef(({ open: openProp, onOpen,
             bottomAddonProps?.ref,
         ]) }));
     const renderFooter = () => (React.createElement(React.Fragment, null,
-        React.createElement(Button, { block: true, view: 'primary', size: 's', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C"),
-        React.createElement(Button, { block: true, view: 'secondary', size: 's', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430")));
-    return (React.createElement(SelectModalMobile, { ...restProps, ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, useWithApplyHook: false, modalProps: {
-            ...restProps.modalProps,
+        React.createElement(ButtonMobile, { block: true, view: 'secondary', size: 'm', onClick: handleCancel, ...cancelButtonProps }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+        React.createElement(ButtonMobile, { block: true, view: 'primary', size: 'm', onClick: handleApply, ...continueButtonProps }, "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C")));
+    return (React.createElement(SelectModalMobile, { ref: mergeRefs([ref, targetRef]), name: name, Field: AutocompleteMobileField, Arrow: Arrow, onOpen: handleOpen, onChange: handleChange, multiple: multiple, open: openProp ?? open, size: size, fieldProps: { value }, placeholder: placeholder, useWithApplyHook: false, modalProps: {
+            ...modalProps,
             componentRef: modalScrollableRef,
         }, modalHeaderProps: {
-            ...restProps.modalHeaderProps,
+            ...modalHeaderProps,
             bottomAddons: renderBottomAddon(),
         }, modalFooterProps: {
             sticky: true,
-            ...restProps.modalFooterProps,
+            ...modalFooterProps,
             children: renderFooter(),
-        } }));
+        }, ...restProps }));
 });
 
 export { InputAutocompleteModalMobile };