@alfalab/core-components 41.9.0-beta.0 → 41.9.0-beta.1

package/input-autocomplete/index-ebda875c.d.ts

@@ -1,98 +1,80 @@
 /// <reference types="react" />
-/// <reference types="react-transition-group" />
 import React from "react";
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-type NativeProps = InputHTMLAttributes<HTMLInputElement>;
-type Align = "start" | "center";
-type CheckboxProps = Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
+import { ButtonHTMLAttributes, ElementType, FC, AnchorHTMLAttributes } from "react";
+import { ButtonProps } from "../button";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
-     * Управление состоянием вкл/выкл чекбокса (native prop)
+     * Вид компонента
      */
-    checked?: boolean;
+    view: "desktop" | "mobile";
     /**
-     * Обработчик переключения чекбокса
+     * Дополнительный класс
      */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void;
+    className?: string;
     /**
-     * Текст подписи к чекбоксу
+     * Позиция крестика
      */
-    label?: ReactNode;
+    align?: "left" | "right";
     /**
-     * Текст подсказки снизу
+     * Фиксирует крестик
      */
-    hint?: ReactNode;
+    sticky?: boolean;
     /**
-     * Размер компонента
+     * Иконка
      */
-    size?: "s" | "m";
+    icon?: ElementType;
     /**
-     * Доп. класс чекбокса
+     * Идентификатор для систем автоматизированного тестирования
      */
-    boxClassName?: string;
+    dataTestId?: string;
     /**
-     * Доп. класс контента
+     * Коллбэк закрытия.
      */
-    contentClassName?: string;
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+type IconButtonProps = {
     /**
-     * Выравнивание
+     * Компонент иконки
      */
-    align?: Align;
+    icon: ElementType<{
+        className?: string;
+    }>;
     /**
-     * Дополнительный слот
+     * Тип кнопки
      */
-    addons?: React.ReactNode;
+    view?: "primary" | "secondary" | "transparent" | "tertiary" | "negative";
     /**
-     * Растягивать ли компонент на всю ширину
+     * Размер компонента
      */
-    block?: boolean;
+    size?: "xxs" | "xs" | "s";
     /**
-     * Управление состоянием включен / выключен
+     * Дополнительный класс
      */
-    disabled?: boolean;
+    className?: string;
     /**
-     * Управление состоянием активен / неактивен
+     * Выравнивание иконки
+     * @default 'center'
      */
-    inactive?: boolean;
+    alignIcon?: "left" | "center" | "right";
     /**
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
     /**
-     * Управление неопределенным состоянием чекбокса
-     */
-    indeterminate?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Флаг для скрытия нативного инпута.
-     * @default false
-     */
-    hiddenInput?: boolean;
-};
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange" | "enterKeyHint"> & {
-    checked?: boolean | undefined;
-    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
-        checked: boolean;
-        name?: string;
-    }) => void) | undefined;
-    label?: ReactNode;
-    hint?: ReactNode;
-    size?: "s" | "m" | undefined;
-    boxClassName?: string | undefined;
-    contentClassName?: string | undefined;
-    align?: Align | undefined;
-    addons?: React.ReactNode;
-    block?: boolean | undefined;
-    disabled?: boolean | undefined;
-    inactive?: boolean | undefined;
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "download">;
+declare const IconButton: React.ForwardRefExoticComponent<{
+    icon: ElementType<{
+        className?: string;
+    }>;
+    view?: "primary" | "secondary" | "tertiary" | "negative" | "transparent" | undefined;
+    size?: "xs" | "s" | "xxs" | undefined;
+    className?: string | undefined;
+    alignIcon?: "right" | "left" | "center" | undefined;
     dataTestId?: string | undefined;
-    indeterminate?: boolean | undefined;
-    error?: ReactNode | boolean;
-    hiddenInput?: boolean | undefined;
-} & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+    colors?: "default" | "inverted" | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & Pick<ButtonProps, "href" | "loading"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "download" | "target"> & React.RefAttributes<HTMLButtonElement>>;
+export { CloserProps, Closer, IconButtonProps, IconButton };

package/input-autocomplete/index-f12ee135.d.ts

@@ -1,13 +1,174 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
+import { HTMLAttributes, ReactNode, RefObject, FC, KeyboardEvent, MouseEvent, MutableRefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
-import { BaseModalProps } from "./index-bdb4c6b9";
-import { NavigationBarProps } from "./index-e81c389f";
-import { BackgroundColorType } from "./index-425c8522";
+import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
+import { NavigationBarProps } from "./types-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
-import { BackdropProps } from "./index-ebda875c";
+type BackdropProps = Partial<TransitionProps> & {
+    /**
+     * Прозрачный бэкдроп
+     */
+    invisible?: boolean;
+    /**
+     * Управляет видимостью компонента
+     */
+    open: boolean;
+    /**
+     * Обработчик клика по бэкдропу
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Классы анимации
+     *
+     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
+     */
+    transitionClassNames?: string | CSSTransitionClassNames;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+};
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
+};
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: FC<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps["getPortalContainer"];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+};
+type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -263,5 +424,54 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop };
-export type { BottomSheetProps, BottomSheetTitleAlign };
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+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;
+    el: HTMLElement;
+};
+type RestoreStyle = {
+    container: HTMLElement;
+    modals: number;
+    styles: SavedStyle[];
+};
+declare class ModalStore {
+    private readonly restoreStyles;
+    constructor();
+    getRestoreStyles: () => RestoreStyle[];
+}
+declare const getModalStore: () => ModalStore;
+declare class GlobalStore {
+    private readonly modalStore;
+    constructor();
+    getModalStore: () => ModalStore;
+}
+export { BottomSheet, TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber, HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export type { SavedStyle, BottomSheetProps, BottomSheetTitleAlign };

package/input-autocomplete/index.js

@@ -15,7 +15,6 @@ require('lodash.throttle');
 require('../button');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control');
-require('./mobile.module-22ee5ba9.js');
 
 
 

package/input-autocomplete/mobile.css

@@ -1,4 +1,4 @@
-/* hash: ed8q8 */
+/* hash: 1wdha */
 :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__bottomSheetInput_m06ps {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-} .input-autocomplete__footer_11a5a {
+} .input-autocomplete__footer_m06ps {
     display: flex
-} .input-autocomplete__footer_11a5a > button + button {
+} .input-autocomplete__footer_m06ps > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/mobile.d.ts

@@ -1,3 +1,2 @@
 export * from "./Component.mobile";
-export * from "./Component.modal.mobile";
 export {};

package/input-autocomplete/mobile.js

@@ -1,7 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_mobile = require('./Component.mobile.js');
-var Component_modal_mobile = require('./Component.modal.mobile.js');
 require('tslib');
 require('react');
 require('react-merge-refs');
@@ -13,10 +12,7 @@ require('../select');
 require('./autocomplete-mobile-field/Component.js');
 require('../form-control');
 require('@alfalab/hooks');
-require('./mobile.module-22ee5ba9.js');
-require('../select/mobile');
 
 
 
 exports.InputAutocompleteMobile = Component_mobile.InputAutocompleteMobile;
-exports.InputAutocompleteModalMobile = Component_modal_mobile.InputAutocompleteModalMobile;

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ChangeEvent, FC, RefAttributes } from "react";
 import { InputProps } from "../../input";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { BaseSelectProps } from "../../select";
 type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
     /**
      * Компонент ввода значения

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { ChangeEvent, ElementType } from "react";
 import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonProps } from "../../button";
-import { BaseSelectChangePayload, BaseSelectProps } from "./index-3e68f8db";
+import { BaseSelectChangePayload, BaseSelectProps } from "../../select";
 type InputAutocompleteMobileProps = Omit<BaseSelectProps, 'OptionsList' | 'Checkmark' | 'onScroll' | 'nativeSelect' | 'autocomplete' | 'valueRenderer'> & {
     /**
      * Обработчик выбора

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

@@ -6,10 +6,12 @@ import { Button } from '../../button/modern';
 import { Input } from '../../input/modern';
 import { SelectMobile } from '../../select/modern';
 import { AutocompleteMobileField } from './autocomplete-mobile-field/Component.js';
-import { s as styles } from './mobile.module-32ab5262.js';
 import '../../form-control/modern';
 import '@alfalab/hooks';
 
+const styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_m06ps","footer":"input-autocomplete__footer_m06ps"};
+require('./mobile.css');
+
 const SELECTED = [];
 const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetProps = {}, bottomSheetHeaderAddonsProps = {}, value = '', filter = '', name, Arrow = null, label, placeholder, size = 's', open: openProp, onFilter, onChange, onOpen, onCancel, onClearFilter, continueButtonProps, cancelButtonProps, selected, multiple, ...restProps }, ref) => {
     const [open, setOpen] = useState(false);
@@ -40,7 +42,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetP
         onChange(payload);
         if (multiple) {
             // После выбора опции возвращаем фокус в поле ввода.
-            bottomSheetInputRef.current?.focus();
+            requestAnimationFrame(() => bottomSheetInputRef.current?.focus());
         }
     };
     const handleCancel = () => {
@@ -62,10 +64,10 @@ 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(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"))),
             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([
+            bottomAddons: (React.createElement(Component, { block: true, clear: !!onClearFilter, onClear: onClearFilter, value: filter, onInput: onFilter, placeholder: placeholder, onFocus: handleInputFocus, ...bottomSheetHeaderAddonsProps, className: cn(styles.bottomSheetInput, bottomSheetHeaderAddonsProps.className), ref: mergeRefs([
                     bottomSheetInputRef,
                     bottomSheetHeaderAddonsProps.ref,
                 ]) })),
@@ -77,7 +79,7 @@ const InputAutocompleteMobile = React.forwardRef(({ Input: Input$1, bottomSheetP
             },
         };
     };
-    return (React.createElement(SelectMobile, { ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, useWithApplyHook: false, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false }, ...restProps }));
+    return (React.createElement(SelectMobile, { ref: mergeRefs([targetRef, ref]), selected: selected || SELECTED, open: Boolean(open || openProp), onOpen: handleOpen, onChange: handleChange, Arrow: Arrow, Field: AutocompleteMobileField, fieldProps: { value }, placeholder: placeholder, label: label, size: size, name: name, multiple: multiple, bottomSheetProps: getBottomSheetProps(), optionsListProps: { showFooter: false }, ...restProps }));
 });
 
 export { InputAutocompleteMobile };

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { BottomSheetProps } from "./index-f12ee135";
 import { ButtonProps } from "../../button";
-import { BaseSelectProps } from "./index-3e68f8db";
+import { BaseSelectProps } from "../../select";
 import { InputAutocompleteDesktopProps } from "./Component.desktop";
 import { InputAutocompleteMobileProps } from "./Component.mobile";
 type InputAutocompleteResponsiveProps = InputAutocompleteDesktopProps & InputAutocompleteMobileProps & {
@@ -86,7 +86,7 @@ declare const InputAutocompleteResponsive: React.ForwardRefExoticComponent<Omit<
     onInput?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
     updatePopover?: React.MutableRefObject<() => void> | undefined;
 } & Omit<BaseSelectProps, "onScroll" | "valueRenderer" | "autocomplete" | "nativeSelect" | "OptionsList" | "Checkmark"> & {
-    onChange: (payload: string | import("./index-3e68f8db").BaseSelectChangePayload) => void;
+    onChange: (payload: string | import("../../select").BaseSelectChangePayload) => void;
     onFilter: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string | undefined;
     filter?: string | undefined;

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

@@ -11,7 +11,6 @@ import 'lodash.throttle';
 import '../../button/modern';
 import './autocomplete-mobile-field/Component.js';
 import '../../form-control/modern';
-import './mobile.module-32ab5262.js';
 
 const InputAutocompleteResponsive = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const [view] = useMedia([

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FieldProps } from "../index-3e68f8db";
+import { FieldProps } from "../../../select";
 import { InputAutocompleteDesktopProps } from "../Component.desktop";
 type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
 declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Input } from '../../../input/modern';
 
-const styles = {"arrow":"input-autocomplete__arrow_4r1bm","error":"input-autocomplete__error_4r1bm"};
+const styles = {"arrow":"input-autocomplete__arrow_wso45","error":"input-autocomplete__error_wso45"};
 require('./index.css');
 
 const AutocompleteField = ({ label, labelView = 'inner', placeholder, size, Arrow, Input: Input$1 = Input, value, error, success, hint, disabled, readOnly, onInput, inputProps = {}, innerProps, }) => {

package/input-autocomplete/modern/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 42pry */
-.input-autocomplete__arrow_4r1bm.input-autocomplete__error_4r1bm ~ * {
+/* hash: 16dtc */
+.input-autocomplete__arrow_wso45.input-autocomplete__error_wso45 ~ * {
     display: none;
 }

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FormControlProps } from "../../../form-control";
 import { InputAutocompleteProps } from "../index";
-import { FieldProps as BaseFieldProps } from "../index-3e68f8db";
+import { FieldProps as BaseFieldProps } from "../../../select";
 type AutocompleteMobileFieldProps = FormControlProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & Pick<InputAutocompleteProps, 'value'>;
 declare const AutocompleteMobileField: ({ size, open, error, hint, disabled, label, labelView, placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }: AutocompleteMobileFieldProps) => JSX.Element;
 export { AutocompleteMobileFieldProps, AutocompleteMobileField };

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { FormControl } from '../../../form-control/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const styles = {"component":"input-autocomplete__component_xiumm","field":"input-autocomplete__field_xiumm","disabled":"input-autocomplete__disabled_xiumm","placeholder":"input-autocomplete__placeholder_xiumm","contentWrapper":"input-autocomplete__contentWrapper_xiumm","value":"input-autocomplete__value_xiumm","focusVisible":"input-autocomplete__focusVisible_xiumm"};
+const styles = {"component":"input-autocomplete__component_ob1d1","field":"input-autocomplete__field_ob1d1","disabled":"input-autocomplete__disabled_ob1d1","placeholder":"input-autocomplete__placeholder_ob1d1","contentWrapper":"input-autocomplete__contentWrapper_ob1d1","value":"input-autocomplete__value_ob1d1","focusVisible":"input-autocomplete__focusVisible_ob1d1"};
 require('./index.css');
 
 const AutocompleteMobileField = ({ size = 'm', open, error, hint, disabled, label, labelView = 'inner', placeholder, value, innerProps, dataTestId, fieldClassName, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, ...restProps }) => {

package/input-autocomplete/modern/autocomplete-mobile-field/index.css

@@ -1,4 +1,4 @@
-/* hash: 8cqb4 */
+/* hash: 1x6gj */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef;
@@ -18,16 +18,16 @@
 } :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-} .input-autocomplete__component_xiumm {
+} .input-autocomplete__component_ob1d1 {
     width: 100%;
     outline: none;
-} .input-autocomplete__field_xiumm:not(.input-autocomplete__disabled_xiumm) {
+} .input-autocomplete__field_ob1d1:not(.input-autocomplete__disabled_ob1d1) {
     cursor: pointer;
-} .input-autocomplete__disabled_xiumm {
+} .input-autocomplete__disabled_ob1d1 {
     cursor: var(--disabled-cursor);
-} .input-autocomplete__placeholder_xiumm {
+} .input-autocomplete__placeholder_ob1d1 {
     color: var(--color-light-text-secondary);
-} .input-autocomplete__contentWrapper_xiumm {
+} .input-autocomplete__contentWrapper_ob1d1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,11 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-} .input-autocomplete__value_xiumm {
+} .input-autocomplete__value_ob1d1 {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-} .input-autocomplete__focusVisible_xiumm {
+} .input-autocomplete__focusVisible_ob1d1 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }