@skbkontur/react-ui 5.2.0 → 5.2.1

package/cjs/internal/ThemePlayground/ThemeContextPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_interopRequireWildcard","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","exports","_React$Component","props","_this","call","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","default","createElement","SidePage","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","styles","editorHeaderWrapper","Gapped","wrap","verticalAlign","ComboBox","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","Link","onClick","handleGetTheme","Body","sidePageBody","ThemeEditor","editingTheme","currentErrors","handleThemeVariableChange","themeObject","ThemeFactory","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","LIGHT_THEME","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends2","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","DARK_THEME","_inheritsLoose2","_proto","prototype","render","_this$state3","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая 2022 тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная 2022 тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ThemeFactory","_SidePage","_Gapped","_ComboBox","_Link","ColorFunctions","_interopRequireWildcard","_ThemeHelpers","_LightTheme","_DarkTheme","_ThemeEditor","_Playground","_Playground2","_constants","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","exports","_React$Component","props","_this","call","editableThemesItems","ThemeType","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","default","createElement","SidePage","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","styles","editorHeaderWrapper","Gapped","wrap","verticalAlign","ComboBox","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","Link","onClick","handleGetTheme","Body","sidePageBody","ThemeEditor","editingTheme","currentErrors","handleThemeVariableChange","themeObject","ThemeFactory","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","LIGHT_THEME","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends2","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","findPropertyDescriptor","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","DARK_THEME","_inheritsLoose2","_proto","prototype","render","_this$state3","ThemeContext","Provider","Playground","onThemeChange","onEditLinkClick","React","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,36 +1,36 @@
-import React from 'react';
-import type { Theme } from '../../lib/theming/Theme';
-import type { ThemeErrorsType } from './ThemeContextPlayground';
-interface ThemeEditorProps {
-    editingTheme: Theme;
-    currentTheme: Theme;
-    currentErrors: ThemeErrorsType;
-    onValueChange: (variable: keyof Theme, value: string) => void;
-}
-interface ThemeEditorState {
-    groups: Group[];
-    isLoading: boolean;
-}
-interface Group {
-    title: string;
-    prefix: string;
-    isCommon?: boolean;
-}
-export declare class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {
-    state: ThemeEditorState;
-    private updateTimeout?;
-    render(): React.JSX.Element;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private renderGroups;
-}
-interface GroupProps {
-    editingTheme: Theme;
-    currentTheme: Theme;
-    currentErrors: ThemeErrorsType;
-    title: string;
-    variables: Array<keyof Theme>;
-    onValueChange: (variable: keyof Theme, value: string) => void;
-}
-declare const Group: (props: GroupProps) => React.JSX.Element | null;
-export {};
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { ThemeErrorsType } from './ThemeContextPlayground';
+interface ThemeEditorProps {
+    editingTheme: Theme;
+    currentTheme: Theme;
+    currentErrors: ThemeErrorsType;
+    onValueChange: (variable: keyof Theme, value: string) => void;
+}
+interface ThemeEditorState {
+    groups: Group[];
+    isLoading: boolean;
+}
+interface Group {
+    title: string;
+    prefix: string;
+    isCommon?: boolean;
+}
+export declare class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {
+    state: ThemeEditorState;
+    private updateTimeout?;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private renderGroups;
+}
+interface GroupProps {
+    editingTheme: Theme;
+    currentTheme: Theme;
+    currentErrors: ThemeErrorsType;
+    title: string;
+    variables: Array<keyof Theme>;
+    onValueChange: (variable: keyof Theme, value: string) => void;
+}
+declare const Group: (props: GroupProps) => React.JSX.Element | null;
+export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare class TogglePlayground extends React.Component {
-    render(): React.JSX.Element;
-}
+import React from 'react';
+export declare class TogglePlayground extends React.Component {
+    render(): React.JSX.Element;
+}

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

@@ -1,9 +1,9 @@
-import React from 'react';
-interface TokenInputPlaygroundState {
-    selectedItems: string[];
-}
-export declare class TokenInputPlayground extends React.Component {
-    state: TokenInputPlaygroundState;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+interface TokenInputPlaygroundState {
+    selectedItems: string[];
+}
+export declare class TokenInputPlayground extends React.Component {
+    state: TokenInputPlaygroundState;
+    render(): React.JSX.Element;
+}
+export {};

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

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

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

@@ -1,43 +1,43 @@
-import React from 'react';
-import type { Theme } from '../../lib/theming/Theme';
-export interface VariableValueProps {
-    onChange: (variable: keyof Theme, value: string) => void;
-    value: string;
-    isError: boolean;
-    variable: string;
-    theme: Theme;
-    baseVariables: Array<keyof Theme>;
-    deprecated?: boolean;
-}
-export interface VariableValueState {
-    value: string;
-    editing: boolean;
-}
-type DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;
-export declare class VariableValue extends React.Component<VariableValueProps, VariableValueState> {
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: VariableValueState;
-    private subscription;
-    private rootElement;
-    private readonly debounceTimeout;
-    private debounceInterval;
-    render(): React.JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: VariableValueProps): void;
-    componentWillUnmount(): void;
-    private renderBaseVariableLink;
-    private renderInputWrapper;
-    private renderInput;
-    private renderRollbackIcon;
-    private rootRef;
-    private colorIcon;
-    private handleEditLinkClick;
-    private rollbackToBaseVariable;
-    private emitClickEvent;
-    private handleChange;
-    private debounceHandler;
-    private handleBlur;
-    private emitterEventHandler;
-}
-export {};
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+export interface VariableValueProps {
+    onChange: (variable: keyof Theme, value: string) => void;
+    value: string;
+    isError: boolean;
+    variable: string;
+    theme: Theme;
+    baseVariables: Array<keyof Theme>;
+    deprecated?: boolean;
+}
+export interface VariableValueState {
+    value: string;
+    editing: boolean;
+}
+type DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;
+export declare class VariableValue extends React.Component<VariableValueProps, VariableValueState> {
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: VariableValueState;
+    private subscription;
+    private rootElement;
+    private readonly debounceTimeout;
+    private debounceInterval;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: VariableValueProps): void;
+    componentWillUnmount(): void;
+    private renderBaseVariableLink;
+    private renderInputWrapper;
+    private renderInput;
+    private renderRollbackIcon;
+    private rootRef;
+    private colorIcon;
+    private handleEditLinkClick;
+    private rollbackToBaseVariable;
+    private emitClickEvent;
+    private handleChange;
+    private debounceHandler;
+    private handleBlur;
+    private emitterEventHandler;
+}
+export {};

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

@@ -1,15 +1,15 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare enum ThemeType {
-    LightTheme = "lightTheme",
-    DarkTheme = "darkTheme"
-}
-export declare const VARIABLES_GROUPS: ({
-    title: string;
-    prefix: string;
-    isCommon: boolean;
-} | {
-    title: string;
-    prefix: string;
-    isCommon?: undefined;
-})[];
-export declare const DEPRECATED_VARIABLES: Array<keyof Theme>;
+import type { Theme } from '../../lib/theming/Theme';
+export declare enum ThemeType {
+    LightTheme = "lightTheme",
+    DarkTheme = "darkTheme"
+}
+export declare const VARIABLES_GROUPS: ({
+    title: string;
+    prefix: string;
+    isCommon: boolean;
+} | {
+    title: string;
+    prefix: string;
+    isCommon?: undefined;
+})[];
+export declare const DEPRECATED_VARIABLES: Array<keyof Theme>;

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

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const getComponentsFromPropsList: <P extends Record<string, string>>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];
+import React from 'react';
+export declare const getComponentsFromPropsList: <P extends Record<string, string>>(component: React.ReactElement<P, string | React.JSXElementConstructor<any>>, propsList: P[]) => React.ReactElement<P, string | React.JSXElementConstructor<any>>[];

package/cjs/internal/ThemeShowcase/ThemeShowcase.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import type { ComboBoxItem } from '../../components/ComboBox';
-interface ShowcaseProps {
-    isDebugMode?: boolean;
-}
-interface ShowcaseState {
-    selectedVariable?: ComboBoxItem;
-}
-export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
-    state: ShowcaseState;
-    private isUnmounting;
-    private variablesDiff;
-    constructor(props: ShowcaseProps);
-    render(): React.JSX.Element;
-    componentWillUnmount(): void;
-    private getValues;
-    private getItems;
-    private handleVariableChange;
-    private handleUnexpectedVariableInput;
-    private resetVariable;
-}
-export {};
+import React from 'react';
+import type { ComboBoxItem } from '../../components/ComboBox';
+interface ShowcaseProps {
+    isDebugMode?: boolean;
+}
+interface ShowcaseState {
+    selectedVariable?: ComboBoxItem;
+}
+export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
+    state: ShowcaseState;
+    private isUnmounting;
+    private variablesDiff;
+    constructor(props: ShowcaseProps);
+    render(): React.JSX.Element;
+    componentWillUnmount(): void;
+    private getValues;
+    private getItems;
+    private handleVariableChange;
+    private handleUnexpectedVariableInput;
+    private resetVariable;
+}
+export {};

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

@@ -1,27 +1,27 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    searchBar(t: Theme): string;
-    heading(t: Theme): string;
-    headingSticky(): string;
-    table(): string;
-    headerCell(): string;
-    row(): string;
-    darkRow(): string;
-    cell(): string;
-    invisibleRow(): string;
-    invisibleDarkRow(): string;
-    suspiciousRow(): string;
-    majorCell(): string;
-    invisibleCell(): string;
-    suspiciousCell(): string;
-    elementName(): string;
-    relativeCss(): string;
-    variableName(): string;
-    colorExample(): string;
-    undefined(): string;
-    unusedVariablesWarning(): string;
-    cssClassObject(): string;
-    cssClassName(): string;
-    cssThemeObject(): string;
-    cssThemeProp(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    searchBar(t: Theme): string;
+    heading(t: Theme): string;
+    headingSticky(): string;
+    table(): string;
+    headerCell(): string;
+    row(): string;
+    darkRow(): string;
+    cell(): string;
+    invisibleRow(): string;
+    invisibleDarkRow(): string;
+    suspiciousRow(): string;
+    majorCell(): string;
+    invisibleCell(): string;
+    suspiciousCell(): string;
+    elementName(): string;
+    relativeCss(): string;
+    variableName(): string;
+    colorExample(): string;
+    undefined(): string;
+    unusedVariablesWarning(): string;
+    cssClassObject(): string;
+    cssClassName(): string;
+    cssThemeObject(): string;
+    cssThemeProp(): string;
+};