@skbkontur/react-ui 5.2.0 → 5.2.1

package/components/Switcher/Switcher.styles.d.ts

@@ -1,12 +1,12 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(): string;
-    wrap(): string;
-    input(): string;
-    caption(t: Theme): string;
-    captionSmall(t: Theme): string;
-    captionMedium(t: Theme): string;
-    captionLarge(t: Theme): string;
-    error(t: Theme): string;
-    error5_1(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(): string;
+    wrap(): string;
+    input(): string;
+    caption(t: Theme): string;
+    captionSmall(t: Theme): string;
+    captionMedium(t: Theme): string;
+    captionLarge(t: Theme): string;
+    error(t: Theme): string;
+    error5_1(t: Theme): string;
+};

package/components/Switcher/helpers.d.ts

@@ -1 +1 @@
-export declare const mod: (n: number, mod: number) => number;
+export declare const mod: (n: number, mod: number) => number;

package/components/Switcher/index.d.ts

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

package/components/Switcher/switcherTheme.d.ts

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

package/components/Tabs/Indicator.d.ts

@@ -1,28 +1,28 @@
-import React from 'react';
-import type { TabsContextType } from './TabsContext';
-export interface IndicatorProps {
-    className?: string;
-    tabUpdates: {
-        on: (x0: () => void) => () => void;
-    };
-    vertical: boolean;
-}
-export interface IndicatorState {
-    styles: React.CSSProperties;
-}
-export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    state: IndicatorState;
-    private theme;
-    private eventListener;
-    private removeTabUpdatesListener;
-    private setRootNode;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(): void;
-    render(): React.JSX.Element;
-    private renderMain;
-    private reflow;
-    private getStyles;
-}
+import React from 'react';
+import type { TabsContextType } from './TabsContext';
+export interface IndicatorProps {
+    className?: string;
+    tabUpdates: {
+        on: (x0: () => void) => () => void;
+    };
+    vertical: boolean;
+}
+export interface IndicatorState {
+    styles: React.CSSProperties;
+}
+export declare class Indicator extends React.Component<IndicatorProps, IndicatorState> {
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    state: IndicatorState;
+    private theme;
+    private eventListener;
+    private removeTabUpdatesListener;
+    private setRootNode;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    render(): React.JSX.Element;
+    private renderMain;
+    private reflow;
+    private getStyles;
+}

package/components/Tabs/Indicator.styles.d.ts

@@ -1,8 +1,8 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};

package/components/Tabs/Tab.d.ts

@@ -1,79 +1,79 @@
-import type { AriaAttributes } from 'react';
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { TabsContextType } from './TabsContext';
-export interface TabIndicators {
-    error: boolean;
-    warning: boolean;
-    success: boolean;
-    primary: boolean;
-    disabled: boolean;
-}
-export declare const TabDataTids: {
-    readonly root: "Tab__root";
-};
-export interface TabProps<T extends string = string> extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {
-    /** Позволяет передавать свой компонент, строку или функцию, которая заменит собой элемент используемый в компоненте по умолчанию.
-     * Реализует паттерн [render prop](https://www.patterns.dev/posts/render-props-pattern). */
-    component?: React.ComponentType<any> | string;
-    /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */
-    href?: string;
-    /** Задает уникальный идентификатор таба. По нему компонент `<Tabs />` определяет какой `<Tab />` сейчас выбран. */
-    id?: T;
-    /**`HTML`-событие `onclick`. */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /** `HTML`-событие `onkeydown`. */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Переводит контрол в состояние валидации "ошибка". */
-    error?: boolean;
-    /** Переводит контрол в состояние валидации "предупреждение". */
-    warning?: boolean;
-    /** Устанавливает визульное состояние валидации "успех". */
-    success?: boolean;
-    /** Задает визульное состояние главного элемента. */
-    primary?: boolean;
-}
-export interface TabState {
-    focusedByKeyboard: boolean;
-}
-type DefaultProps = Required<Pick<TabProps, 'component' | 'href'>>;
-/**
- * Вложенный элемент компонента Tabs.
- */
-export declare class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static contextType: React.Context<TabsContextType<any>>;
-    context: TabsContextType;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: TabState;
-    private theme;
-    private tabComponent;
-    private setRootNode;
-    constructor(props: TabProps<T>);
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element;
-    getIndicators(): {
-        error: boolean;
-        warning: boolean;
-        success: boolean;
-        primary: boolean;
-        disabled: boolean;
-    };
-    getUnderlyingNode: () => Nullable<React.ReactElement<Tab<T>, string | React.JSXElementConstructor<any>>>;
-    private renderMain;
-    private getId;
-    private refTabComponent;
-    private getTabInstance;
-    private switchTab;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TabsContextType } from './TabsContext';
+export interface TabIndicators {
+    error: boolean;
+    warning: boolean;
+    success: boolean;
+    primary: boolean;
+    disabled: boolean;
+}
+export declare const TabDataTids: {
+    readonly root: "Tab__root";
+};
+export interface TabProps<T extends string = string> extends Pick<AriaAttributes, 'aria-label' | 'aria-describedby'>, CommonProps {
+    /** Позволяет передавать свой компонент, строку или функцию, которая заменит собой элемент используемый в компоненте по умолчанию.
+     * Реализует паттерн [render prop](https://www.patterns.dev/posts/render-props-pattern). */
+    component?: React.ComponentType<any> | string;
+    /** Задает HTML-атрибут `href` - адрес, на который следует перейти. */
+    href?: string;
+    /** Задает уникальный идентификатор таба. По нему компонент `<Tabs />` определяет какой `<Tab />` сейчас выбран. */
+    id?: T;
+    /**`HTML`-событие `onclick`. */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /** `HTML`-событие `onkeydown`. */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Переводит контрол в состояние валидации "ошибка". */
+    error?: boolean;
+    /** Переводит контрол в состояние валидации "предупреждение". */
+    warning?: boolean;
+    /** Устанавливает визульное состояние валидации "успех". */
+    success?: boolean;
+    /** Задает визульное состояние главного элемента. */
+    primary?: boolean;
+}
+export interface TabState {
+    focusedByKeyboard: boolean;
+}
+type DefaultProps = Required<Pick<TabProps, 'component' | 'href'>>;
+/**
+ * Вложенный элемент компонента Tabs.
+ */
+export declare class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static contextType: React.Context<TabsContextType<any>>;
+    context: TabsContextType;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: TabState;
+    private theme;
+    private tabComponent;
+    private setRootNode;
+    constructor(props: TabProps<T>);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    getIndicators(): {
+        error: boolean;
+        warning: boolean;
+        success: boolean;
+        primary: boolean;
+        disabled: boolean;
+    };
+    getUnderlyingNode: () => Nullable<React.ReactElement<Tab<T>, string | React.JSXElementConstructor<any>>>;
+    private renderMain;
+    private getId;
+    private refTabComponent;
+    private getTabInstance;
+    private switchTab;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+}
+export {};

package/components/Tabs/Tab.styles.d.ts

@@ -1,33 +1,33 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    focus: string;
-};
-export declare const styles: {
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    verticalSmall(t: Theme): string;
-    verticalMedium(t: Theme): string;
-    verticalLarge(t: Theme): string;
-    focusSmall(t: Theme): string;
-    focusMedium(t: Theme): string;
-    focusLarge(t: Theme): string;
-    disabled(t: Theme): string;
-    active(): string;
-};
-export declare const horizontalStyles: {
-    active(t: Theme): string;
-    disabled(): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
-export declare const verticalStyles: {
-    active(t: Theme): string;
-    disabled(): string;
-    primary(t: Theme): string;
-    success(t: Theme): string;
-    warning(t: Theme): string;
-    error(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    focus: string;
+};
+export declare const styles: {
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    verticalSmall(t: Theme): string;
+    verticalMedium(t: Theme): string;
+    verticalLarge(t: Theme): string;
+    focusSmall(t: Theme): string;
+    focusMedium(t: Theme): string;
+    focusLarge(t: Theme): string;
+    disabled(t: Theme): string;
+    active(): string;
+};
+export declare const horizontalStyles: {
+    active(t: Theme): string;
+    disabled(): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};
+export declare const verticalStyles: {
+    active(t: Theme): string;
+    disabled(): string;
+    primary(t: Theme): string;
+    success(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+};

package/components/Tabs/Tabs.d.ts

@@ -1,56 +1,56 @@
-import type { AriaAttributes } from 'react';
-import React from 'react';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { SizeProp } from '../../lib/types/props';
-import { Tab } from './Tab';
-type ValueBaseType = string;
-export interface TabsProps<T extends ValueBaseType = string> extends CommonProps {
-    /** Задает кастомный класс подчёркиванию таба. */
-    indicatorClassName?: string;
-    /** Задает размер контрола. */
-    size?: SizeProp;
-    /** Задает текущий активный `<Tab />`. Принимает `id` таба. */
-    value: T;
-    /** Задает функцию, изменяющую текущий активный `<Tab />`. */
-    onValueChange?: (value: T) => void;
-    /** Задает расположение элементов по вертикали.
-     * @default false */
-    vertical?: boolean;
-    /** Задает ширину компонента Tabs. */
-    width?: number | string;
-    /** @ignore */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
-}
-export declare const TabsDataTids: {
-    readonly root: "Tabs__root";
-    readonly indicatorRoot: "Indicator__root";
-};
-type DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;
-/**
- * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.
- *
- * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.
- *
- * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.
- * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.
- */
-export declare class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    static Tab: typeof Tab;
-    private theme;
-    private tabs;
-    private tabUpdates;
-    private listeners;
-    private setRootNode;
-    render(): JSX.Element;
-    private shiftFocus;
-    private notifyUpdate;
-    private switchTab;
-    private getTab;
-    private addTab;
-    private removeTab;
-}
-export {};
+import type { AriaAttributes } from 'react';
+import React from 'react';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { SizeProp } from '../../lib/types/props';
+import { Tab } from './Tab';
+type ValueBaseType = string;
+export interface TabsProps<T extends ValueBaseType = string> extends CommonProps {
+    /** Задает кастомный класс подчёркиванию таба. */
+    indicatorClassName?: string;
+    /** Задает размер контрола. */
+    size?: SizeProp;
+    /** Задает текущий активный `<Tab />`. Принимает `id` таба. */
+    value: T;
+    /** Задает функцию, изменяющую текущий активный `<Tab />`. */
+    onValueChange?: (value: T) => void;
+    /** Задает расположение элементов по вертикали.
+     * @default false */
+    vertical?: boolean;
+    /** Задает ширину компонента Tabs. */
+    width?: number | string;
+    /** @ignore */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
+}
+export declare const TabsDataTids: {
+    readonly root: "Tabs__root";
+    readonly indicatorRoot: "Indicator__root";
+};
+type DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;
+/**
+ * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.
+ *
+ * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.
+ *
+ * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.
+ * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.
+ */
+export declare class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    static Tab: typeof Tab;
+    private theme;
+    private tabs;
+    private tabUpdates;
+    private listeners;
+    private setRootNode;
+    render(): JSX.Element;
+    private shiftFocus;
+    private notifyUpdate;
+    private switchTab;
+    private getTab;
+    private addTab;
+    private removeTab;
+}
+export {};

package/components/Tabs/Tabs.styles.d.ts

@@ -1,7 +1,7 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    vertical(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    vertical(): string;
+};

package/components/Tabs/TabsContext.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props';
-import type { Tab } from './Tab';
-export interface TabsContextType<T extends string = any> {
-    vertical: boolean;
-    activeTab: T;
-    size: SizeProp;
-    getTab: (id: T) => Tab<T> | null | void;
-    addTab: (id: T, getNode: () => Tab<T>) => void;
-    notifyUpdate: () => void;
-    removeTab: (id: T) => void;
-    shiftFocus: (fromTab: T, delta: number) => void;
-    switchTab: (id: T) => void;
-}
-export declare const TabsContextDefaultValue: TabsContextType;
-export declare const TabsContext: React.Context<TabsContextType<any>>;
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props';
+import type { Tab } from './Tab';
+export interface TabsContextType<T extends string = any> {
+    vertical: boolean;
+    activeTab: T;
+    size: SizeProp;
+    getTab: (id: T) => Tab<T> | null | void;
+    addTab: (id: T, getNode: () => Tab<T>) => void;
+    notifyUpdate: () => void;
+    removeTab: (id: T) => void;
+    shiftFocus: (fromTab: T, delta: number) => void;
+    switchTab: (id: T) => void;
+}
+export declare const TabsContextDefaultValue: TabsContextType;
+export declare const TabsContext: React.Context<TabsContextType<any>>;

package/components/Tabs/helpers.d.ts

@@ -1,6 +1,6 @@
-import type { Theme } from '../../lib/theming/Theme';
-import type { SizeProp } from '../../lib/types/props';
-export declare function fontSize(t: Theme, size: SizeProp): string;
-export declare function lineHeight(t: Theme, size: SizeProp): string;
-export declare function paddingX(t: Theme, size: SizeProp): string;
-export declare function paddingY(t: Theme, size: SizeProp): string;
+import type { Theme } from '../../lib/theming/Theme';
+import type { SizeProp } from '../../lib/types/props';
+export declare function fontSize(t: Theme, size: SizeProp): string;
+export declare function lineHeight(t: Theme, size: SizeProp): string;
+export declare function paddingX(t: Theme, size: SizeProp): string;
+export declare function paddingY(t: Theme, size: SizeProp): string;

package/components/Tabs/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Tabs';
-export * from './Tab';
+export * from './Tabs';
+export * from './Tab';