@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

package/cjs/internal/SpinnerIcon/SpinnerIcon.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-interface SpinnerIconSize {
-    size: number;
-    width: number;
-    radius: number;
-}
-export interface SpinnerIconProps {
-    className?: string;
-    size: SpinnerIconSize | keyof typeof sizes;
-    dimmed?: boolean;
-    inline?: boolean;
-    width?: number;
-    color?: React.CSSProperties['color'];
-}
-export declare const sizes: {
-    readonly big: {
-        readonly size: 96;
-        readonly width: 4;
-        readonly radius: 32;
-    };
-    readonly normal: {
-        readonly size: 48;
-        readonly width: 2;
-        readonly radius: 16;
-    };
-    readonly mini: {
-        readonly size: 16;
-        readonly width: 1.5;
-        readonly radius: 6;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
+export interface SpinnerIconProps {
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
+    dimmed?: boolean;
+    inline?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
+    };
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
+    };
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
+export {};

package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const styles: {
-    root(): string;
-    rootInline(): string;
-    icon(): string;
-    iconInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootInline(): string;
+    icon(): string;
+    iconInline(): string;
+};

package/cjs/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-interface TextWidthHelperProps {
-    text?: string;
-}
-/**
- * Херпер позволяет вычислить размеры блока с текстом
- */
-export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): React.JSX.Element;
-    getTextWidth(): number;
-    getTextHeight(): number;
-    private elementRef;
-}
-export {};
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): React.JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

package/cjs/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
-    root(): string;
-    textContainer(): string;
-};
+export declare const jsStyles: {
+    root(): string;
+    textContainer(): string;
+};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { DatePickerProps } from '../../components/DatePicker';
-interface DatePickerPlaygroundState {
-    value: Nullable<string>;
-    error: boolean;
-    tooltip: boolean;
-}
-type DatePickerPlaygroundProps = Partial<DatePickerProps>;
-export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
-    state: DatePickerPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-    private invalidate;
-    private validate;
-    private removeTooltip;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { DatePickerProps } from '../../components/DatePicker';
+interface DatePickerPlaygroundState {
+    value: Nullable<string>;
+    error: boolean;
+    tooltip: boolean;
+}
+type DatePickerPlaygroundProps = Partial<DatePickerProps>;
+export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
+    state: DatePickerPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}
+export {};

package/cjs/internal/ThemePlayground/CheckboxPlayground.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const CheckboxPlayground: () => React.JSX.Element;
+import React from 'react';
+export declare const CheckboxPlayground: () => React.JSX.Element;

package/cjs/internal/ThemePlayground/ComponentsGroup.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-interface ComponentsGroupProps {
-    title: string;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    theme: Theme;
-}
-export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
-export {};
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+interface ComponentsGroupProps {
+    title: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    theme: Theme;
+}
+export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
+export {};

package/cjs/internal/ThemePlayground/CurrencyInputPlayground.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { CurrencyInputProps } from '../../components/CurrencyInput';
-interface CurrencyInputPlaygroundState {
-    value: Nullable<number>;
-}
-export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {
-    state: CurrencyInputPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { CurrencyInputProps } from '../../components/CurrencyInput';
+interface CurrencyInputPlaygroundState {
+    value: Nullable<number>;
+}
+export declare class CurrencyInputPlayground extends React.Component<Partial<CurrencyInputProps>> {
+    state: CurrencyInputPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+}
+export {};

package/cjs/internal/ThemePlayground/FxInputPlayground.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-interface FxInputPlaygroundState {
-    auto: boolean;
-    value: string;
-}
-export declare class FxInputPlayground extends React.Component {
-    state: FxInputPlaygroundState;
-    render(): JSX.Element;
-    private onValueChange;
-    private handleRestore;
-}
-export {};
+import React from 'react';
+interface FxInputPlaygroundState {
+    auto: boolean;
+    value: string;
+}
+export declare class FxInputPlayground extends React.Component {
+    state: FxInputPlaygroundState;
+    render(): JSX.Element;
+    private onValueChange;
+    private handleRestore;
+}
+export {};

package/cjs/internal/ThemePlayground/HintPlayground.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare class HintPlayground extends React.Component {
-    render(): React.JSX.Element;
-    private pushToast;
-    private pushToastWithAction;
-}
+import React from 'react';
+export declare class HintPlayground extends React.Component {
+    render(): React.JSX.Element;
+    private pushToast;
+    private pushToastWithAction;
+}

package/cjs/internal/ThemePlayground/PagingPlayground.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-interface PagingPlaygroundState {
-    activePage: number;
-}
-export declare class PagingPlayground extends React.Component {
-    state: PagingPlaygroundState;
-    render(): React.JSX.Element;
-    private handlePageChange;
-}
-export {};
+import React from 'react';
+interface PagingPlaygroundState {
+    activePage: number;
+}
+export declare class PagingPlayground extends React.Component {
+    state: PagingPlaygroundState;
+    render(): React.JSX.Element;
+    private handlePageChange;
+}
+export {};

package/cjs/internal/ThemePlayground/Playground.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-import { ThemeType } from './constants';
-export interface PlaygroundProps {
-    currentThemeType: ThemeType;
-    onThemeChange: (value: string) => void;
-    onEditLinkClick: () => void;
-}
-export declare class Playground extends React.Component<PlaygroundProps> {
-    private theme;
-    private stopEl;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderTabsGroup;
-    private renderTabs;
-    private getCurrentTab;
-    private renderSizesGroup;
-    private renderLinksGroup;
-    private renderButtonsGroup;
-    private renderInputsGroup;
-    private renderTokenInputsGroup;
-    private renderOtherInputsGroup;
-    private renderSwitchersGroup;
-    private renderControlsGroup;
-    private renderHintsGroup;
-    private renderTooltip;
-    private renderPaging;
-    private renderFileUploader;
-    private renderStickyStopElement;
-    private getStickyStop;
-}
+import React from 'react';
+import { ThemeType } from './constants';
+export interface PlaygroundProps {
+    currentThemeType: ThemeType;
+    onThemeChange: (value: string) => void;
+    onEditLinkClick: () => void;
+}
+export declare class Playground extends React.Component<PlaygroundProps> {
+    private theme;
+    private stopEl;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderTabsGroup;
+    private renderTabs;
+    private getCurrentTab;
+    private renderSizesGroup;
+    private renderLinksGroup;
+    private renderButtonsGroup;
+    private renderInputsGroup;
+    private renderTokenInputsGroup;
+    private renderOtherInputsGroup;
+    private renderSwitchersGroup;
+    private renderControlsGroup;
+    private renderHintsGroup;
+    private renderTooltip;
+    private renderPaging;
+    private renderFileUploader;
+    private renderStickyStopElement;
+    private getStickyStop;
+}

package/cjs/internal/ThemePlayground/Playground.styles.d.ts

@@ -1,23 +1,23 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    playground(): string;
-    title(t: Theme): string;
-    componentsGroup(t: Theme): string;
-    sidePageBody(): string;
-    variable(t: Theme): string;
-    variableName(t: Theme): string;
-    deprecated(): string;
-    colorIcon(): string;
-    baseLinkWrapper(): string;
-    linkRoot(): string;
-    baseVariableRoot(): string;
-    loaderWrapper(): string;
-    loader(): string;
-    tabsWrapper(t: Theme): string;
-    tooltipContent(): string;
-    stickyTabsWrapper(t: Theme): string;
-    tabsInnerWrapper(t: Theme): string;
-    playgroundWrapper(t: Theme): string;
-    editorHeaderWrapper(t: Theme): string;
-    editorGroupHeader(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    playground(): string;
+    title(t: Theme): string;
+    componentsGroup(t: Theme): string;
+    sidePageBody(): string;
+    variable(t: Theme): string;
+    variableName(t: Theme): string;
+    deprecated(): string;
+    colorIcon(): string;
+    baseLinkWrapper(): string;
+    linkRoot(): string;
+    baseVariableRoot(): string;
+    loaderWrapper(): string;
+    loader(): string;
+    tabsWrapper(t: Theme): string;
+    tooltipContent(): string;
+    stickyTabsWrapper(t: Theme): string;
+    tabsInnerWrapper(t: Theme): string;
+    playgroundWrapper(t: Theme): string;
+    editorHeaderWrapper(t: Theme): string;
+    editorGroupHeader(t: Theme): string;
+};

package/cjs/internal/ThemePlayground/Playground.styles.js

@@ -131,7 +131,8 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   stickyTabsWrapper: function stickyTabsWrapper(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])),
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 39px;\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])),
+
 
     t.textColorDefault);
 

package/cjs/internal/ThemePlayground/Playground.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","styles","exports","memoizeStyle","playground","css","_taggedTemplateLiteralLoose2","default","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: -16px;\n      padding: 32px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","styles","exports","memoizeStyle","playground","css","_taggedTemplateLiteralLoose2","default","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: -16px;\n      padding: 32px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      margin-top: 39px;\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/RadioPlayground.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const RadioPlayground: () => React.JSX.Element;
+import React from 'react';
+export declare const RadioPlayground: () => React.JSX.Element;

package/cjs/internal/ThemePlayground/SelectPlayground.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { SelectProps } from '../../components/Select';
-type SelectPlaygroundValue = string;
-type SelectPlaygroundItem = string;
-type SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;
-interface SelectPlaygroundState {
-    value: string;
-}
-export declare class SelectPlayground extends React.Component<SelectPlaygroundProps> {
-    state: SelectPlaygroundState;
-    private readonly selectItems;
-    render(): React.JSX.Element;
-    private handleChange;
-}
-export {};
+import React from 'react';
+import { SelectProps } from '../../components/Select';
+type SelectPlaygroundValue = string;
+type SelectPlaygroundItem = string;
+type SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;
+interface SelectPlaygroundState {
+    value: string;
+}
+export declare class SelectPlayground extends React.Component<SelectPlaygroundProps> {
+    state: SelectPlaygroundState;
+    private readonly selectItems;
+    render(): React.JSX.Element;
+    private handleChange;
+}
+export {};

package/cjs/internal/ThemePlayground/ShowcaseGroup.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface ShowcaseGroupProps {
-    title?: string;
-}
-export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface ShowcaseGroupProps {
+    title?: string;
+}
+export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => React.JSX.Element;
+export {};

package/cjs/internal/ThemePlayground/SizesGroup.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { SizeProp } from '../../lib/types/props';
-export interface SizesGroupProps {
-    size: SizeProp;
-}
-export declare const SizesGroup: ({ size }: SizesGroupProps) => React.JSX.Element;
+import React from 'react';
+import { SizeProp } from '../../lib/types/props';
+export interface SizesGroupProps {
+    size: SizeProp;
+}
+export declare const SizesGroup: ({ size }: SizesGroupProps) => React.JSX.Element;

package/cjs/internal/ThemePlayground/SwitcherPlayground.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { SwitcherProps } from '../../components/Switcher';
-interface SwitcherPlaygroundProps {
-    items?: SwitcherProps['items'];
-    disabled?: boolean;
-}
-interface SwitcherPlaygroundState {
-    value: string;
-    error: boolean;
-}
-export declare class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {
-    state: SwitcherPlaygroundState;
-    render(): React.JSX.Element;
-    private handleValueChange;
-}
-export {};
+import React from 'react';
+import { SwitcherProps } from '../../components/Switcher';
+interface SwitcherPlaygroundProps {
+    items?: SwitcherProps['items'];
+    disabled?: boolean;
+}
+interface SwitcherPlaygroundState {
+    value: string;
+    error: boolean;
+}
+export declare class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {
+    state: SwitcherPlaygroundState;
+    render(): React.JSX.Element;
+    private handleValueChange;
+}
+export {};

package/cjs/internal/ThemePlayground/ThemeContextPlayground.d.ts

@@ -1,45 +1,45 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '../../lib/theming/Theme';
-import { Writeable } from '../../typings/utility-types';
-import { ThemeType } from './constants';
-interface PlaygroundState {
-    editorOpened: boolean;
-    editingThemeItem?: EditingThemeItem;
-    themes: Themes;
-    themesErrors: ThemesErrors;
-    currentTheme: Theme;
-    currentThemeType: ThemeType;
-}
-interface Themes {
-    lightTheme: Theme;
-    darkTheme: Theme;
-}
-interface ThemesErrors {
-    lightTheme: ThemeErrorsType;
-    darkTheme: ThemeErrorsType;
-}
-interface EditingThemeItem {
-    value: ThemeType;
-    label: string;
-}
-interface PlaygroundProps {
-    children?: ReactNode;
-}
-export type ThemeErrorsType = Writeable<{
-    [key in keyof Theme]?: boolean;
-}>;
-export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
-    private readonly editableThemesItems;
-    constructor(props: PlaygroundProps);
-    render(): React.JSX.Element;
-    private renderSidePage;
-    private handleGetTheme;
-    private handleOpen;
-    private handleClose;
-    private handleThemeChange;
-    private handleThemeVariableChange;
-    private getEditableThemesItems;
-    private handleEditingThemeSwitch;
-    private changeThemeVariable;
-}
-export {};
+import React, { ReactNode } from 'react';
+import { Theme } from '../../lib/theming/Theme';
+import { Writeable } from '../../typings/utility-types';
+import { ThemeType } from './constants';
+interface PlaygroundState {
+    editorOpened: boolean;
+    editingThemeItem?: EditingThemeItem;
+    themes: Themes;
+    themesErrors: ThemesErrors;
+    currentTheme: Theme;
+    currentThemeType: ThemeType;
+}
+interface Themes {
+    lightTheme: Theme;
+    darkTheme: Theme;
+}
+interface ThemesErrors {
+    lightTheme: ThemeErrorsType;
+    darkTheme: ThemeErrorsType;
+}
+interface EditingThemeItem {
+    value: ThemeType;
+    label: string;
+}
+interface PlaygroundProps {
+    children?: ReactNode;
+}
+export type ThemeErrorsType = Writeable<{
+    [key in keyof Theme]?: boolean;
+}>;
+export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
+    private readonly editableThemesItems;
+    constructor(props: PlaygroundProps);
+    render(): React.JSX.Element;
+    private renderSidePage;
+    private handleGetTheme;
+    private handleOpen;
+    private handleClose;
+    private handleThemeChange;
+    private handleThemeVariableChange;
+    private getEditableThemesItems;
+    private handleEditingThemeSwitch;
+    private changeThemeVariable;
+}
+export {};