@skbkontur/react-ui 5.1.0-next.2 → 5.1.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.1.0](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.16...@skbkontur/react-ui@5.1.0) (2025-04-11)
+
+
+### Bug Fixes
+
+* **DateInput,DatePicker:** add screenreader support to custom input ([#3602](https://github.com/skbkontur/retail-ui/issues/3602)) ([e4ee01d](https://github.com/skbkontur/retail-ui/commit/e4ee01d31587d41836f6ea592e8da1a507158019))
+* **DatePicker:** don't call extra onFocus in public focus() method ([d44b0cf](https://github.com/skbkontur/retail-ui/commit/d44b0cf7daf9b960758032804d05342d1c6fdced))
+* docs webpack.config ([c01b15b](https://github.com/skbkontur/retail-ui/commit/c01b15b13e9a72b68dd5da0fa05fbf7edb4dca21))
+* **FileUploader:** add ability to remove hidden files ([#3628](https://github.com/skbkontur/retail-ui/issues/3628)) ([bef25ec](https://github.com/skbkontur/retail-ui/commit/bef25ec2dc9d381052d32a414a19958e95a6a925))
+* **Group:** works fine with inputs and droplist ([#3608](https://github.com/skbkontur/retail-ui/issues/3608)) ([cb138ce](https://github.com/skbkontur/retail-ui/commit/cb138cedbc74e6601e82ad121037cbebf0233e04))
+* **Input:** crash on focus after page translation ([#3572](https://github.com/skbkontur/retail-ui/issues/3572)) ([2a14eb4](https://github.com/skbkontur/retail-ui/commit/2a14eb4aca8fe915bca38aa773b3f46d903cbea7))
+* **MenuItem:** deprecate link prop  ([#3542](https://github.com/skbkontur/retail-ui/issues/3542)) ([1203e6c](https://github.com/skbkontur/retail-ui/commit/1203e6c5850ad13ea673053d0000dafe65226334))
+* **Modal,SidePage:** update cross clickarea and focus outline ([063d3a5](https://github.com/skbkontur/retail-ui/commit/063d3a52424057244d129eec0e18fb4436e05dd5))
+* **PasswordInput:** disable focus listeners while input is not in focus ([#3599](https://github.com/skbkontur/retail-ui/issues/3599)) ([e604fe5](https://github.com/skbkontur/retail-ui/commit/e604fe5ea73c0e1f38f45c04c4bb301331de2a5f))
+* **PasswordInput:** width in percent ([#3622](https://github.com/skbkontur/retail-ui/issues/3622)) ([909212f](https://github.com/skbkontur/retail-ui/commit/909212f33862d1110e73726814184f02dbc6acc0))
+* **Popup:** prevent unwanted 'Anchor element is not defined' on render ([#3604](https://github.com/skbkontur/retail-ui/issues/3604)) ([bee5407](https://github.com/skbkontur/retail-ui/commit/bee540774fb34319847b312163c05b37f392eb39))
+* show mobile view on all mobile devices ([#3583](https://github.com/skbkontur/retail-ui/issues/3583)) ([7bcfd49](https://github.com/skbkontur/retail-ui/commit/7bcfd49bd61ba32ea77a70d9dbfcc06a7c3317da))
+* **SidePage:** dynamic blockBackground change ([#3580](https://github.com/skbkontur/retail-ui/issues/3580)) ([c774ad3](https://github.com/skbkontur/retail-ui/commit/c774ad3b28c63dd545e2eb5a9a0eee12126d34e5))
+* **Switcher:** restyle error state ([#3563](https://github.com/skbkontur/retail-ui/issues/3563)) ([0870eef](https://github.com/skbkontur/retail-ui/commit/0870eef469ad32d1665f1840bf74d58b45232f56))
+* **Toast, SingleToast:** add ability to show close cross ([#3596](https://github.com/skbkontur/retail-ui/issues/3596)) ([d8b569e](https://github.com/skbkontur/retail-ui/commit/d8b569e3efa3d2f53569c6cef056430b5035c96a))
+
+
+### Features
+
+* add new DateRangePicker component ([cb49382](https://github.com/skbkontur/retail-ui/commit/cb49382162aa008288ecdcf1c016253fa88f93b7))
+* **Input, Combobox, Autocomplete:** add showClearIcon prop ([#3594](https://github.com/skbkontur/retail-ui/issues/3594)) ([5541f19](https://github.com/skbkontur/retail-ui/commit/5541f19047cab4d4ec3a81c636cca4397fd95bdc))
+* themes versioning ([#3581](https://github.com/skbkontur/retail-ui/issues/3581)) ([848023a](https://github.com/skbkontur/retail-ui/commit/848023a6936183e2c8f8a987f01c3cb0e22d3b2b))
+* **Validation:** add flag to not open dropdown via submit ([74b38ba](https://github.com/skbkontur/retail-ui/commit/74b38ba420d8ac062d4978d4d7523a49bd3cba18))
+
+
+
+
+
 ## [5.0.16](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.0.15...@skbkontur/react-ui@5.0.16) (2025-04-04)
 
 

package/README.md

@@ -21,11 +21,6 @@ const MyApp = () => (
 );
 ```
 
-### Хотим другой цвет кнопки!
-
-Нужно использовать [ThemeContext](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext). Список переменных
-можно глянуть в [ThemeShowcase](https://tech.skbkontur.ru/react-ui/#/Customization/ThemeShowcase)
-
 ### StrictMode
 
 Начиная с версий `@skbkontur/react-ui@3.10.0` и `@skbkontur/react-ui-validations@1.7.0`, библиотека поддерживает работу

package/cjs/components/Autocomplete/Autocomplete.d.ts

@@ -1,131 +1,131 @@
-import React, { AriaAttributes } from 'react';
-import PropTypes from 'prop-types';
-import { InputProps } from '../Input';
-import { Nullable, Override } from '../../typings/utility-types';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
-    /** Задает функцию, которая отрисовывает элементы меню. */
-    renderItem?: (item: string) => React.ReactNode;
-    /** Задает промис, который резолвит элементы меню. */
-    source?: string[] | ((patter: string) => Promise<string[]>);
-    /** Отключает использование портала. */
-    disablePortal?: boolean;
-    /** Определяет, нужно ли показывать тень у выпадающего меню. */
-    hasShadow?: boolean;
-    /** Задает выравнивание выпадающего меню. */
-    menuAlign?: 'left' | 'right';
-    /** Задает максимальную высоту выпадающего меню. */
-    menuMaxHeight?: number | string;
-    /** Задает ширину выпадающего меню. */
-    menuWidth?: number | string;
-    /** Отключает скролл окна, когда меню открыто. */
-    preventWindowScroll?: boolean;
-    /** Задает функцию, которая вызывается при изменении value. */
-    onValueChange: (value: string) => void;
-    /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */
-    onBlur?: () => void;
-    /** Задаёт размер инпута. */
-    size?: SizeProp;
-    /** Задает значение автокомплита. */
-    value: string;
-    /** Задает текст заголовка выпадающего меню в мобильной версии. */
-    mobileMenuHeaderText?: string;
-}> {
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-}
-export interface AutocompleteState {
-    items: Nullable<string[]>;
-    selected: number;
-    focused: boolean;
-    isMobileOpened: boolean;
-}
-export declare const AutocompleteDataTids: {
-    readonly root: "Autocomplete__root";
-    readonly menu: "Autocomplete__menu";
-};
-export declare const AutocompleteIds: {
-    readonly menu: "Autocomplete__menu";
-};
-type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
-/**
- * `Autocomplete` — стандартный инпут с подсказками.
- *
- * Подсказки определяются в пропе `source`.
- * Все свойства передаются во внутренний `Input`.
- */
-export declare class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static propTypes: {
-        /**
-         * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
-         * — *item*.
-         */
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Если передан массив, то совпадения ищутся по этому массиву.
-         *
-         * Если передается функция, то она должна возвращать thenable, который
-         * резолвится уже отфильтрованным массивом. Возвращенный thenable может
-         * иметь метод cancel, который будет вызван при отмене поиска (пользователь
-         * изменил строку поиска, автокомплит потерял фокус).
-         * ```
-         * function(pattern) {
-         *   return service.findAll(pattern);
-         * }
-         * ```
-         */
-        source: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
-    };
-    static defaultProps: DefaultProps;
-    state: AutocompleteState;
-    private theme;
-    private readonly locale;
-    private isMobileLayout;
-    private opened;
-    private input;
-    private menu;
-    private menuId;
-    private rootSpan;
-    private mobilePopup;
-    private requestId;
-    private getProps;
-    private setRootNode;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    componentDidUpdate(prevProps: AutocompleteProps): void;
-    render(): React.JSX.Element;
-    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
-    private renderHints;
-    private renderMenu;
-    private renderMobileMenu;
-    private getItems;
-    private handleValueChange;
-    private handleCloseMobile;
-    private handleKeyPressMobile;
-    private handleFocus;
-    private handleBlur;
-    private handleClickOutside;
-    private handleKeyDown;
-    private handleMenuItemClick;
-    private getAnchor;
-    private handleItemClick;
-    private choose;
-    private updateItems;
-    private fireChange;
-    private refInput;
-    private refMenu;
-    private refRootSpan;
-    private refMobilePopup;
-}
-export {};
+import React, { AriaAttributes } from 'react';
+import PropTypes from 'prop-types';
+import { InputProps } from '../Input';
+import { Nullable, Override } from '../../typings/utility-types';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+export interface AutocompleteProps extends CommonProps, Pick<AriaAttributes, 'aria-label'>, Override<InputProps, {
+    /** Задает функцию, которая отрисовывает элементы меню. */
+    renderItem?: (item: string) => React.ReactNode;
+    /** Задает промис, который резолвит элементы меню. */
+    source?: string[] | ((patter: string) => Promise<string[]>);
+    /** Отключает использование портала. */
+    disablePortal?: boolean;
+    /** Определяет, нужно ли показывать тень у выпадающего меню. */
+    hasShadow?: boolean;
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign?: 'left' | 'right';
+    /** Задает максимальную высоту выпадающего меню. */
+    menuMaxHeight?: number | string;
+    /** Задает ширину выпадающего меню. */
+    menuWidth?: number | string;
+    /** Отключает скролл окна, когда меню открыто. */
+    preventWindowScroll?: boolean;
+    /** Задает функцию, которая вызывается при изменении value. */
+    onValueChange: (value: string) => void;
+    /** Задает функцию, которая вызывается при потере автокомплитом фокуса. */
+    onBlur?: () => void;
+    /** Задаёт размер инпута. */
+    size?: SizeProp;
+    /** Задает значение автокомплита. */
+    value: string;
+    /** Задает текст заголовка выпадающего меню в мобильной версии. */
+    mobileMenuHeaderText?: string;
+}> {
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
+}
+export interface AutocompleteState {
+    items: Nullable<string[]>;
+    selected: number;
+    focused: boolean;
+    isMobileOpened: boolean;
+}
+export declare const AutocompleteDataTids: {
+    readonly root: "Autocomplete__root";
+    readonly menu: "Autocomplete__menu";
+};
+export declare const AutocompleteIds: {
+    readonly menu: "Autocomplete__menu";
+};
+type DefaultProps = Required<Pick<AutocompleteProps, 'renderItem' | 'size' | 'disablePortal' | 'hasShadow' | 'menuMaxHeight' | 'preventWindowScroll'>>;
+/**
+ * `Autocomplete` — стандартный инпут с подсказками.
+ *
+ * Подсказки определяются в пропе `source`.
+ * Все свойства передаются во внутренний `Input`.
+ */
+export declare class Autocomplete extends React.Component<AutocompleteProps, AutocompleteState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static propTypes: {
+        /**
+         * Функция для отрисовки элемента в выпадающем списке. Единственный аргумент
+         * — *item*.
+         */
+        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Если передан массив, то совпадения ищутся по этому массиву.
+         *
+         * Если передается функция, то она должна возвращать thenable, который
+         * резолвится уже отфильтрованным массивом. Возвращенный thenable может
+         * иметь метод cancel, который будет вызван при отмене поиска (пользователь
+         * изменил строку поиска, автокомплит потерял фокус).
+         * ```
+         * function(pattern) {
+         *   return service.findAll(pattern);
+         * }
+         * ```
+         */
+        source: PropTypes.Requireable<NonNullable<any[] | ((...args: any[]) => any) | null | undefined>>;
+    };
+    static defaultProps: DefaultProps;
+    state: AutocompleteState;
+    private theme;
+    private readonly locale;
+    private isMobileLayout;
+    private opened;
+    private input;
+    private menu;
+    private menuId;
+    private rootSpan;
+    private mobilePopup;
+    private requestId;
+    private getProps;
+    private setRootNode;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    componentDidUpdate(prevProps: AutocompleteProps): void;
+    render(): React.JSX.Element;
+    renderMain: (props: CommonWrapperRestProps<AutocompleteProps>) => React.JSX.Element;
+    private renderHints;
+    private renderMenu;
+    private renderMobileMenu;
+    private getItems;
+    private handleValueChange;
+    private handleCloseMobile;
+    private handleKeyPressMobile;
+    private handleFocus;
+    private handleBlur;
+    private handleClickOutside;
+    private handleKeyDown;
+    private handleMenuItemClick;
+    private getAnchor;
+    private handleItemClick;
+    private choose;
+    private updateItems;
+    private fireChange;
+    private refInput;
+    private refMenu;
+    private refRootSpan;
+    private refMobilePopup;
+}
+export {};

package/cjs/components/Autocomplete/Autocomplete.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    noPortal(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    noPortal(): string;
+};

package/cjs/components/Autocomplete/getAutocompleteTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const getAutocompleteTheme: (theme: Theme) => Theme;
+import { Theme } from '../../lib/theming/Theme';
+export declare const getAutocompleteTheme: (theme: Theme) => Theme;

package/cjs/components/Autocomplete/index.d.ts

@@ -1 +1 @@
-export * from './Autocomplete';
+export * from './Autocomplete';

package/cjs/components/Autocomplete/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { AutocompleteLocale } from './types';
-export * from './types';
-export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { AutocompleteLocale } from './types';
+export * from './types';
+export declare const AutocompleteLocaleHelper: LocaleHelper<AutocompleteLocale>;

package/cjs/components/Autocomplete/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/cjs/components/Autocomplete/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { AutocompleteLocale } from '../types';
-export declare const componentsLocales: AutocompleteLocale;
+import { AutocompleteLocale } from '../types';
+export declare const componentsLocales: AutocompleteLocale;

package/cjs/components/Autocomplete/locale/types.d.ts

@@ -1,5 +1,5 @@
-export interface AutocompleteLocale {
-    enterValue: string;
-    notFound: string;
-    updateValue: string;
-}
+export interface AutocompleteLocale {
+    enterValue: string;
+    notFound: string;
+    updateValue: string;
+}

package/cjs/components/Autocomplete/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

package/cjs/components/Button/ArrowLeftIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowLeftIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Button/ArrowRightIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowRightIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Button/Button.d.ts

@@ -1,109 +1,109 @@
-import React from 'react';
-import { ButtonLinkAllowedValues } from '../../lib/types/button-link';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { SizeProp } from '../../lib/types/props';
-import { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
-export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
-export interface ButtonInnerProps extends CommonProps {
-    /** @ignore */
-    _noPadding?: boolean;
-    /** @ignore */
-    _noRightPadding?: boolean;
-    /** Применяет к кнопке стили псевдокласса `:active`. */
-    active?: boolean;
-    /** Задаёт выравнивание тексту в кнопке. */
-    align?: React.CSSProperties['textAlign'];
-    /** Превращает обычную кнопку в кнопку со стрелкой. */
-    arrow?: boolean | 'left';
-    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
-    autoFocus?: boolean;
-    /** Убирает обводку у кнопки. */
-    borderless?: boolean;
-    /** @ignore */
-    checked?: boolean;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** @ignore */
-    corners?: React.CSSProperties;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** @ignore */
-    disableFocus?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Добавляет иконку слева от текста кнопки. */
-    icon?: React.ReactElement;
-    /** Добавляет иконку справа от текста кнопки. */
-    rightIcon?: React.ReactElement;
-    /** Переводит кнопку в состояние загрузки. */
-    loading?: boolean;
-    /** Сужает кнопку. */
-    narrow?: boolean;
-    /** Задаёт размер кнопки. */
-    size?: SizeProp;
-    /** Задаёт HTML-атрибут `type`. */
-    type?: ButtonType;
-    /** Задаёт HTML-атрибут `title`. */
-    title?: string;
-    /** Задаёт стиль кнопки.
-     * **Вариант `link` устарел.**
-     * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
-     */
-    use?: ButtonUse;
-    /** @ignore */
-    visuallyFocused?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Задаёт ширину кнопки. */
-    width?: number | string;
-    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
-    theme?: ThemeIn;
-}
-export declare const BUTTON_DEFAULT_COMPONENT = "button";
-export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
-export interface ButtonState {
-    focusedByTab: boolean;
-}
-export declare const ButtonDataTids: {
-    readonly rootElement: "Button__rootElement";
-    readonly root: "Button__root";
-    readonly spinner: "Button__spinner";
-};
-type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;
-export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static __BUTTON__: boolean;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: {
-        focusedByTab: boolean;
-    };
-    private theme;
-    private node;
-    private setRootNode;
-    componentDidMount(): void;
-    static getDerivedStateFromProps(props: ButtonProps): {
-        focusedByTab: boolean;
-    } | null;
-    /**
-     * @public
-     */
-    focus(): void;
-    /**
-     * @public
-     */
-    blur(): void;
-    render(): JSX.Element;
-    private getTabIndex;
-    private renderMain;
-    private renderIcon2022;
-    private getSizeClassName;
-    private getSizeWrapClassName;
-    private handleFocus;
-    private handleBlur;
-    private _ref;
-}
-export {};
+import React from 'react';
+import { ButtonLinkAllowedValues } from '../../lib/types/button-link';
+import { ThemeIn } from '../../lib/theming/Theme';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
+import { PolymorphicPropsWithoutRef } from '../../lib/types/polymorphic-component';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link' | 'text' | 'backless';
+export interface ButtonInnerProps extends CommonProps {
+    /** @ignore */
+    _noPadding?: boolean;
+    /** @ignore */
+    _noRightPadding?: boolean;
+    /** Применяет к кнопке стили псевдокласса `:active`. */
+    active?: boolean;
+    /** Задаёт выравнивание тексту в кнопке. */
+    align?: React.CSSProperties['textAlign'];
+    /** Превращает обычную кнопку в кнопку со стрелкой. */
+    arrow?: boolean | 'left';
+    /** Устанавливает фокус на контроле после окончания загрузки страницы.*/
+    autoFocus?: boolean;
+    /** Убирает обводку у кнопки. */
+    borderless?: boolean;
+    /** @ignore */
+    checked?: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** @ignore */
+    corners?: React.CSSProperties;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** @ignore */
+    disableFocus?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Добавляет иконку слева от текста кнопки. */
+    icon?: React.ReactElement;
+    /** Добавляет иконку справа от текста кнопки. */
+    rightIcon?: React.ReactElement;
+    /** Переводит кнопку в состояние загрузки. */
+    loading?: boolean;
+    /** Сужает кнопку. */
+    narrow?: boolean;
+    /** Задаёт размер кнопки. */
+    size?: SizeProp;
+    /** Задаёт HTML-атрибут `type`. */
+    type?: ButtonType;
+    /** Задаёт HTML-атрибут `title`. */
+    title?: string;
+    /** Задаёт стиль кнопки.
+     * **Вариант `link` устарел.**
+     * Если нужна кнопка, выглядящая как ссылка, используйте `Link component=button`.
+     */
+    use?: ButtonUse;
+    /** @ignore */
+    visuallyFocused?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Задаёт ширину кнопки. */
+    width?: number | string;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+}
+export declare const BUTTON_DEFAULT_COMPONENT = "button";
+export type ButtonProps<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> = PolymorphicPropsWithoutRef<ButtonInnerProps, C>;
+export interface ButtonState {
+    focusedByTab: boolean;
+}
+export declare const ButtonDataTids: {
+    readonly rootElement: "Button__rootElement";
+    readonly root: "Button__root";
+    readonly spinner: "Button__spinner";
+};
+type DefaultProps = Required<Pick<ButtonProps<ButtonLinkAllowedValues>, 'use' | 'size' | 'type' | 'component'>>;
+export declare class Button<C extends ButtonLinkAllowedValues = typeof BUTTON_DEFAULT_COMPONENT> extends React.Component<ButtonProps<C>, ButtonState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static __BUTTON__: boolean;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: {
+        focusedByTab: boolean;
+    };
+    private theme;
+    private node;
+    private setRootNode;
+    componentDidMount(): void;
+    static getDerivedStateFromProps(props: ButtonProps): {
+        focusedByTab: boolean;
+    } | null;
+    /**
+     * @public
+     */
+    focus(): void;
+    /**
+     * @public
+     */
+    blur(): void;
+    render(): JSX.Element;
+    private getTabIndex;
+    private renderMain;
+    private renderIcon2022;
+    private getSizeClassName;
+    private getSizeWrapClassName;
+    private handleFocus;
+    private handleBlur;
+    private _ref;
+}
+export {};

package/cjs/components/Button/Button.mixins.d.ts

@@ -1,5 +1,5 @@
-export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
-export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
-export declare const buttonSizeMixinIE11: (paddingX: string, paddingY: string) => string;
+export declare const buttonUseMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonHoverMixin: (btnBackground: string, btnBackgroundStart: string, btnBackgroundEnd: string, color: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonActiveMixin: (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => string;
+export declare const buttonSizeMixin: (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => string;
+export declare const buttonSizeMixinIE11: (paddingX: string, paddingY: string) => string;