@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.6

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

@@ -1,28 +1,28 @@
-import React from 'react';
-import { 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(): JSX.Element;
-    private renderMain;
-    private reflow;
-    private getStyles;
-}
+import React from 'react';
+import { 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(): JSX.Element;
+    private renderMain;
+    private reflow;
+    private getStyles;
+}

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

@@ -1,8 +1,8 @@
-import { 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 { 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/cjs/components/Tabs/Indicator.styles.js

@@ -3,11 +3,12 @@
 
 var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n    "])),
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      height: ", ";\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ", ";\n    "])),
     t.tabColorFocus,
-    t.tabBorderWidth);
+    t.tabBorderWidth,
 
 
+    t.tabIndicatorBorderRadius);
 
   },
 

package/cjs/components/Tabs/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Indicator.styles.ts"],"names":["styles","root","t","css","tabColorFocus","tabBorderWidth","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;AAEYF,IAAAA,CAAC,CAACG,cAFd;;;;AAMD,GARgC;;AAUjCC,EAAAA,OAViC,mBAUzBJ,CAVyB,EAUf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACK,eADlB;;AAGD,GAdgC;;AAgBjCC,EAAAA,OAhBiC,mBAgBzBN,CAhByB,EAgBf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACO,eADlB;;AAGD,GApBgC;;AAsBjCC,EAAAA,OAtBiC,mBAsBzBR,CAtByB,EAsBf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACS,eADlB;;AAGD,GA1BgC;;AA4BjCC,EAAAA,KA5BiC,iBA4B3BV,CA5B2B,EA4BjB;AACd,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACW,aADlB;;AAGD,GAhCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["Indicator.styles.ts"],"names":["styles","root","t","css","tabColorFocus","tabBorderWidth","tabIndicatorBorderRadius","primary","tabColorPrimary","success","tabColorSuccess","warning","tabColorWarning","error","tabColorError"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,aADlB;AAEYF,IAAAA,CAAC,CAACG,cAFd;;;AAKmBH,IAAAA,CAAC,CAACI,wBALrB;;AAOD,GATgC;;AAWjCC,EAAAA,OAXiC,mBAWzBL,CAXyB,EAWf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACM,eADlB;;AAGD,GAfgC;;AAiBjCC,EAAAA,OAjBiC,mBAiBzBP,CAjByB,EAiBf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACQ,eADlB;;AAGD,GArBgC;;AAuBjCC,EAAAA,OAvBiC,mBAuBzBT,CAvByB,EAuBf;AAChB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACU,eADlB;;AAGD,GA3BgC;;AA6BjCC,EAAAA,KA7BiC,iBA6B3BX,CA7B2B,EA6BjB;AACd,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACY,aADlB;;AAGD,GAjCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      background: ${t.tabColorFocus};\n      height: ${t.tabBorderWidth};\n      position: absolute;\n      transition: all 0.2s ease-out;\n      border-radius: ${t.tabIndicatorBorderRadius};\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      background: ${t.tabColorPrimary};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      background: ${t.tabColorSuccess};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background: ${t.tabColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background: ${t.tabColorError};\n    `;\n  },\n});\n"]}

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

@@ -1,116 +1,116 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { 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 CommonProps {
-    /**
-     * Tab content
-     */
-    children?: React.ReactNode;
-    /**
-     * Component to use as a tab
-     */
-    component?: React.ComponentType<any> | string;
-    /**
-     * Link href
-     */
-    href?: string;
-    /**
-     * Tab identifier
-     */
-    id?: T;
-    /**
-     * Click event
-     */
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Click event
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Disabled indicator
-     */
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    /**
-     * Success indicator
-     */
-    success?: boolean;
-    /**
-     * Primary indicator
-     */
-    primary?: boolean;
-    /**
-     * Style property
-     */
-    style?: React.CSSProperties;
-}
-export interface TabState {
-    focusedByKeyboard: boolean;
-}
-declare type DefaultProps = Required<Pick<TabProps, 'component' | 'href'>>;
-/**
- * Tab element of Tabs component
- *
- * Can be used for creating custom tabs
- * ```js
- *
- * const RouteTab = (props) => (
- *   <Tab id={props.to} component={RouteLink} {...props}/>
- * )
- *
- * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
- * ```
- *
- * Works only inside Tabs component, otherwise throws
- */
-export declare class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {
-    static __KONTUR_REACT_UI__: 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(): 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 React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { 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 CommonProps {
+    /**
+     * Tab content
+     */
+    children?: React.ReactNode;
+    /**
+     * Component to use as a tab
+     */
+    component?: React.ComponentType<any> | string;
+    /**
+     * Link href
+     */
+    href?: string;
+    /**
+     * Tab identifier
+     */
+    id?: T;
+    /**
+     * Click event
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * Click event
+     */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Disabled indicator
+     */
+    disabled?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    /**
+     * Success indicator
+     */
+    success?: boolean;
+    /**
+     * Primary indicator
+     */
+    primary?: boolean;
+    /**
+     * Style property
+     */
+    style?: React.CSSProperties;
+}
+export interface TabState {
+    focusedByKeyboard: boolean;
+}
+declare type DefaultProps = Required<Pick<TabProps, 'component' | 'href'>>;
+/**
+ * Tab element of Tabs component
+ *
+ * Can be used for creating custom tabs
+ * ```js
+ *
+ * const RouteTab = (props) => (
+ *   <Tab id={props.to} component={RouteLink} {...props}/>
+ * )
+ *
+ * const MyAwesomeTab = (props) => <Tab id={props.id}>8) {props.children}</Tab>
+ * ```
+ *
+ * Works only inside Tabs component, otherwise throws
+ */
+export declare class Tab<T extends string = string> extends React.Component<TabProps<T>, TabState> {
+    static __KONTUR_REACT_UI__: 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(): 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/cjs/components/Tabs/Tab.styles.d.ts

@@ -1,27 +1,27 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    focus: string;
-};
-export declare const styles: {
-    root(t: Theme): string;
-    vertical(t: Theme): string;
-    focus(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 { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    focus: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    vertical(t: Theme): string;
+    focus(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/cjs/components/Tabs/Tabs.d.ts

@@ -1,60 +1,60 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Tab } from './Tab';
-declare type ValueBaseType = string;
-export interface TabsProps<T extends ValueBaseType = string> extends CommonProps {
-    /**
-     * Tab component should be child of Tabs component
-     */
-    children?: React.ReactNode;
-    /**
-     * Classname of indicator
-     */
-    indicatorClassName?: string;
-    /**
-     * Tabs change event
-     */
-    onValueChange?: (value: T) => void;
-    /**
-     * Active tab identifier
-     */
-    value: T;
-    /**
-     * Vertical indicator
-     * @default false
-     */
-    vertical?: boolean;
-    /**
-     * Width of tabs container
-     */
-    width?: number | string;
-}
-export declare const TabsDataTids: {
-    readonly root: "Tabs__root";
-    readonly indicatorRoot: "Indicator__root";
-};
-declare type DefaultProps = Required<Pick<TabsProps, 'vertical'>>;
-/**
- * Tabs wrapper
- *
- * contains static property `Tab`
- */
-export declare class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {
-    static __KONTUR_REACT_UI__: 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 React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Tab } from './Tab';
+declare type ValueBaseType = string;
+export interface TabsProps<T extends ValueBaseType = string> extends CommonProps {
+    /**
+     * Tab component should be child of Tabs component
+     */
+    children?: React.ReactNode;
+    /**
+     * Classname of indicator
+     */
+    indicatorClassName?: string;
+    /**
+     * Tabs change event
+     */
+    onValueChange?: (value: T) => void;
+    /**
+     * Active tab identifier
+     */
+    value: T;
+    /**
+     * Vertical indicator
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * Width of tabs container
+     */
+    width?: number | string;
+}
+export declare const TabsDataTids: {
+    readonly root: "Tabs__root";
+    readonly indicatorRoot: "Indicator__root";
+};
+declare type DefaultProps = Required<Pick<TabsProps, 'vertical'>>;
+/**
+ * Tabs wrapper
+ *
+ * contains static property `Tab`
+ */
+export declare class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {
+    static __KONTUR_REACT_UI__: 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/cjs/components/Tabs/Tabs.styles.d.ts

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

package/cjs/components/Tabs/TabsContext.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import { Tab } from './Tab';
-export interface TabsContextType<T extends string = any> {
-    vertical: boolean;
-    activeTab: T;
-    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 { Tab } from './Tab';
+export interface TabsContextType<T extends string = any> {
+    vertical: boolean;
+    activeTab: T;
+    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/cjs/components/Tabs/index.d.ts

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