@skbkontur/react-ui 5.5.1 → 5.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\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      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      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":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\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      overflow-x: hidden;\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      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      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":[]}

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
+import React, { useContext } from 'react';
+import { DocsContext } from '@storybook/addon-docs';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { SidePage } from "../../../components/SidePage";
@@ -21,8 +22,8 @@ var getEditingThemeType = function getEditingThemeType(editingThemeItem) {
   }
   return 'lightTheme';
 };
-export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
-  function ThemeContextPlayground(props) {
+var ThemeContextPlaygroundInternal = /*#__PURE__*/function (_React$Component) {
+  function ThemeContextPlaygroundInternal(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
     _this.editableThemesItems = [{
@@ -44,7 +45,6 @@ export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
         React.createElement(SidePage, {
           disableAnimations: true,
           ignoreBackgroundClick: true,
-          blockBackground: true,
           width: 600,
           onClose: _this.handleClose
         }, /*#__PURE__*/
@@ -186,20 +186,39 @@ export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  _inheritsLoose(ThemeContextPlayground, _React$Component);
-  var _proto = ThemeContextPlayground.prototype;
+  _inheritsLoose(ThemeContextPlaygroundInternal, _React$Component);
+  var _proto = ThemeContextPlaygroundInternal.prototype;
   _proto.render = function render() {
     var _this$state3 = this.state,
       currentTheme = _this$state3.currentTheme,
       editorOpened = _this$state3.editorOpened,
       currentThemeType = _this$state3.currentThemeType;
+    var _this$props = this.props,
+      globalBrand = _this$props.globalBrand,
+      globalAccent = _this$props.globalAccent;
+    var themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';
     return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
       value: currentTheme
+    }, /*#__PURE__*/React.createElement("div", {
+      "data-k-brand": globalBrand,
+      "data-k-accent": globalAccent,
+      "data-k-theme": themeAttribute
     }, editorOpened && this.renderSidePage(), /*#__PURE__*/React.createElement(Playground, {
       onThemeChange: this.handleThemeChange,
       currentThemeType: currentThemeType,
       onEditLinkClick: this.handleOpen
-    }));
+    })));
   };
-  return ThemeContextPlayground;
-}(React.Component);
+  return ThemeContextPlaygroundInternal;
+}(React.Component);
+export var ThemeContextPlayground = function ThemeContextPlayground(props) {
+  var _context$store$userGl;
+  var context = useContext(DocsContext);
+  var globals = (context == null || (_context$store$userGl = context.store.userGlobals) == null ? void 0 : _context$store$userGl.globals) || {};
+  var brand = globals.brand || 'red';
+  var accent = globals.accent || 'gray';
+  return /*#__PURE__*/React.createElement(ThemeContextPlaygroundInternal, _extends({}, props, {
+    globalBrand: brand,
+    globalAccent: accent
+  }));
+};

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","Provider","onThemeChange","onEditLinkClick","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":[]}
+{"version":3,"names":["React","useContext","DocsContext","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","Provider","onThemeChange","onEditLinkClick","Component","ThemeContextPlayground","_context$store$userGl","context","globals","store","userGlobals","brand","accent"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\nimport { DocsContext } from '@storybook/addon-docs';\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}\n\ninterface PlaygroundWrapperProps {\n  globalBrand: string;\n  globalAccent: string;\n}\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};\n\nclass ThemeContextPlaygroundInternal extends React.Component<\n  PlaygroundProps & PlaygroundWrapperProps,\n  PlaygroundState\n> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps & PlaygroundWrapperProps) {\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    const { globalBrand, globalAccent } = this.props;\n\n    const themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';\n\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        <div data-k-brand={globalBrand} data-k-accent={globalAccent} data-k-theme={themeAttribute}>\n          {editorOpened && this.renderSidePage()}\n          {\n            <Playground\n              onThemeChange={this.handleThemeChange}\n              currentThemeType={currentThemeType}\n              onEditLinkClick={this.handleOpen}\n            />\n          }\n        </div>\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 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\nexport const ThemeContextPlayground = (props: PlaygroundProps) => {\n  const context = useContext(DocsContext) as any;\n  const globals = context?.store.userGlobals?.globals || {};\n  const brand = globals.brand || 'red';\n  const accent = globals.accent || 'gray';\n\n  return <ThemeContextPlaygroundInternal {...props} globalBrand={brand} globalAccent={accent} />;\n};\n"],"mappings":";AACA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,WAAW,QAAQ,uBAAuB;;AAEnD,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,OAAO,KAAKC,cAAc,MAAM,iCAAiC;;AAEjE,SAASC,sBAAsB,QAAQ,gCAAgC;AACvE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,UAAU,QAAQ,oCAAoC;;AAE/D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCvC,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,gBAAqD,EAAK;EACrF,IAAIA,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB,CAACC,KAAK;EAC/B;;EAEA,OAAO,YAAY;AACrB,CAAC,CAAC;;AAEIC,8BAA8B,0BAAAC,gBAAA;;;;;;;;;EASlC,SAAAD,+BAAYE,KAA+C,EAAE,KAAAC,KAAA;IAC3DA,KAAA,GAAAF,gBAAA,CAAAG,IAAA,OAAMF,KAAK,CAAC,SAACC,KAAA,CANEE,mBAAmB,GAAG,CACrC,EAAEN,KAAK,EAAEH,SAAS,CAACU,UAAU,EAAEC,KAAK,EAAE,cAAc,CAAC,CAAC,EACtD,EAAER,KAAK,EAAEH,SAAS,CAACY,SAAS,EAAED,KAAK,EAAE,aAAa,CAAC,CAAC,CACrD,CAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyCOM,cAAc,GAAG,YAAM;MAC7B,IAAAC,WAAA,GAAiEP,KAAA,CAAKQ,KAAK,CAAnEC,YAAY,GAAAF,WAAA,CAAZE,YAAY,CAAEC,YAAY,GAAAH,WAAA,CAAZG,YAAY,CAAEf,gBAAgB,GAAAY,WAAA,CAAhBZ,gBAAgB,CAAEgB,MAAM,GAAAJ,WAAA,CAANI,MAAM;;MAE5D,IAAMC,gBAAgB,GAAGlB,mBAAmB,CAACC,gBAAgB,CAAC;MAC9D,IAAMkB,WAAW,GAAGH,YAAY,CAACE,gBAAgB,CAAC;;MAElD;QACEnC,KAAA,CAAAqC,aAAA,CAAChC,QAAQ,IAACiC,iBAAiB,QAACC,qBAAqB,QAACC,KAAK,EAAE,GAAI,EAACC,OAAO,EAAElB,KAAA,CAAKmB,WAAY;QACtF1C,KAAA,CAAAqC,aAAA,CAAChC,QAAQ,CAACsC,MAAM;QACd3C,KAAA,CAAAqC,aAAA,UAAKO,SAAS,EAAE9B,MAAM,CAAC+B,mBAAmB,CAACb,YAAY,CAAE;QACvDhC,KAAA,CAAAqC,aAAA,CAAC/B,MAAM,IAACwC,IAAI,QAACC,aAAa,EAAC,QAAQ;QACjC/C,KAAA,CAAAqC,aAAA,eAAM,mIAA8B,CAAC;QACrCrC,KAAA,CAAAqC,aAAA,CAAC9B,QAAQ;UACPyC,QAAQ,EAAEzB,KAAA,CAAK0B,sBAAuB;UACtC9B,KAAK,EAAED,gBAAiB;UACxBgC,aAAa,EAAE3B,KAAA,CAAK4B,wBAAyB;QAC9C;QACK;QACL,CAAC;QACNnD,KAAA,CAAAqC,aAAA,UAAKe,KAAK,EAAE,EAAEC,QAAQ,EAAE,EAAE,EAAEC,SAAS,EAAE,CAAC,CAAC,CAAE;QACzCtD,KAAA,CAAAqC,aAAA,CAAC7B,IAAI,IAAC+C,OAAO,EAAEhC,KAAA,CAAKiC,cAAe,IAAC,uHAA4B;QAC7D;QACU,CAAC;QAClBxD,KAAA,CAAAqC,aAAA,CAAChC,QAAQ,CAACoD,IAAI;QACZzD,KAAA,CAAAqC,aAAA,UAAKO,SAAS,EAAE9B,MAAM,CAAC4C,YAAY,CAAC,CAAE;QACpC1D,KAAA,CAAAqC,aAAA,CAACxB,WAAW;UACV8C,YAAY,EAAEzB,MAAM,CAACC,gBAAgB,CAAE;UACvCH,YAAY,EAAEA,YAAa;UAC3B4B,aAAa,EAAExB,WAAY;UAC3Bc,aAAa,EAAE3B,KAAA,CAAKsC,yBAA0B;QAC/C;QACE;QACQ;QACP,CAAC;;IAEf,CAAC,CAAAtC,KAAA;;IAEOiC,cAAc,GAAG,YAAM;MAC7B,IAAMxB,YAAY,GAAGT,KAAA,CAAKQ,KAAK,CAACC,YAAY;MAC5C,IAAM8B,WAA+B,GAAG,CAAC,CAAC;MAC1C1D,YAAY,CAAC2D,OAAO,CAAC/B,YAAY,CAAC,CAACgC,OAAO,CAAC,UAACC,GAAG,EAAK;QAClD,IAAMC,UAAU,GAAGC,MAAM,CAACC,wBAAwB,CAACpC,YAAY,EAAEiC,GAAG,CAAC;QACrE,IAAIC,UAAU,IAAI,CAACA,UAAU,CAACG,GAAG,IAAI1D,WAAW,CAACsD,GAAG,CAAC,IAAIjC,YAAY,CAACiC,GAAG,CAAC,KAAKtD,WAAW,CAACsD,GAAG,CAAC,EAAE;UAC/FH,WAAW,CAACG,GAAG,CAAC,GAAGjC,YAAY,CAACiC,GAAG,CAAgB;QACrD;MACF,CAAC,CAAC;;MAEFK,OAAO,CAACC,GAAG,CAACC,IAAI,CAACC,SAAS,CAACX,WAAW,CAAC,CAAC;IAC1C,CAAC,CAAAvC,KAAA;;IAEOmD,UAAU,GAAG,YAAM;MACzBnD,KAAA,CAAKoD,QAAQ,CAAC,UAAC5C,KAAK,UAAM;UACxB6C,YAAY,EAAE,IAAI;UAClB1D,gBAAgB,EAAEK,KAAA,CAAKE,mBAAmB,CAACoD,IAAI,CAAC,UAACC,CAAC,UAAKA,CAAC,CAAC3D,KAAK,KAAKY,KAAK,CAACgD,gBAAgB;QAC3F,CAAC,EAAC,CAAC;IACL,CAAC,CAAAxD,KAAA;;IAEOmB,WAAW,GAAG,YAAM;MAC1BnB,KAAA,CAAKoD,QAAQ,CAAC;QACZC,YAAY,EAAE;MAChB,CAAC,CAAC;IACJ,CAAC,CAAArD,KAAA;;IAEOyD,iBAAiB,GAAG,UAAC7D,KAAa,EAAK;MAC7C,IAAM8D,SAAS,GAAG9D,KAAkB;MACpCI,KAAA,CAAKoD,QAAQ,CAAC;QACZI,gBAAgB,EAAEE,SAAS;QAC3BjD,YAAY,EAAET,KAAA,CAAKQ,KAAK,CAACG,MAAM,CAAC+C,SAAS;MAC3C,CAAC,CAAC;IACJ,CAAC,CAAA1D,KAAA;;IAEOsC,yBAAyB,GAAG,UAACqB,QAAqB,EAAE/D,KAAa,EAAK;MAC5E,IAAAgE,YAAA,GAAiE5D,KAAA,CAAKQ,KAAK,CAAnEb,gBAAgB,GAAAiE,YAAA,CAAhBjE,gBAAgB,CAAEc,YAAY,GAAAmD,YAAA,CAAZnD,YAAY,CAAEE,MAAM,GAAAiD,YAAA,CAANjD,MAAM,CAAED,YAAY,GAAAkD,YAAA,CAAZlD,YAAY;MAC5D,IAAME,gBAAgB,GAAGlB,mBAAmB,CAACC,gBAAgB,CAAC;;MAE9D,IAAMkE,KAAK,GAAGlD,MAAM,CAACC,gBAAgB,CAAC;MACtC,IAAMkD,YAAY,GAAGD,KAAK,CAACF,QAAQ,CAAW;;MAE9C,IAAII,cAAc,GAAG,IAAI;MACzB,IAAI7E,cAAc,CAAC8E,OAAO,CAACF,YAAY,CAAC,EAAE;QACxCC,cAAc,GAAG7E,cAAc,CAAC8E,OAAO,CAACpE,KAAK,CAAC;QAC9Cc,YAAY,CAACE,gBAAgB,CAAC,CAAC+C,QAAQ,CAAC,GAAG,CAACI,cAAc;MAC5D;;MAEA,IAAME,eAA6B,GAAAC,QAAA,KAAQxD,YAAY,CAAE;MACzDuD,eAAe,CAACrD,gBAAgB,CAAC,CAAC+C,QAAQ,CAAC,GAAG,CAACI,cAAc;MAC7D,IAAMI,WAAW,GAAG,EAAExD,MAAM,EAANA,MAAM,EAAEF,YAAY,EAAZA,YAAY,EAAEC,YAAY,EAAEuD,eAAe,CAAC,CAAC;;MAE3E,IAAIF,cAAc,EAAE;QAClB,IAAMK,MAAM,GAAGpE,KAAA,CAAKqE,mBAAmB,CAACR,KAAK,EAAEF,QAAQ,EAAE/D,KAAK,CAAC;QAC/DuE,WAAW,CAACxD,MAAM,CAACC,gBAAgB,CAAC,GAAGwD,MAAM;QAC7C,IAAIpE,KAAA,CAAKQ,KAAK,CAACgD,gBAAgB,KAAK5C,gBAAgB,EAAE;UACpDuD,WAAW,CAAC1D,YAAY,GAAG2D,MAAM;QACnC;MACF;;MAEApE,KAAA,CAAKoD,QAAQ,CAACe,WAAW,CAAC;IAC5B,CAAC,CAAAnE,KAAA;;IAEO0B,sBAAsB,GAAG,UAAC4C,KAAa,EAAK;MAClD,OAAOC,OAAO,CAACC,OAAO,CAACxE,KAAA,CAAKE,mBAAmB,CAACuE,MAAM,CAAC,UAAClB,CAAC,UAAKA,CAAC,CAACnD,KAAK,CAACsE,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACL,KAAK,CAACI,WAAW,CAAC,CAAC,CAAC,GAAC,CAAC;IACrH,CAAC,CAAA1E,KAAA;;IAEO4B,wBAAwB,GAAG,UAACgD,IAAsB,EAAK;MAC7D5E,KAAA,CAAKoD,QAAQ,CAAC,EAAEzD,gBAAgB,EAAEiF,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,CAAA5E,KAAA;;IAEOqE,mBAAmB,GAAG,UAACR,KAAY,EAAEgB,YAAyB,EAAEC,aAAqB,EAAY;MACvG,IAAMV,MAAe,GAAG,CAAC,CAAC;MAC1BvF,YAAY,CAAC2D,OAAO,CAACqB,KAAK,CAAC,CAACpB,OAAO,CAAC,UAACC,GAAG,EAAK;QAC3C,IAAMC,UAAU,GAAGxD,sBAAsB,CAAC0E,KAAK,EAAEnB,GAAG,CAAC;QACrDC,UAAU,CAACoC,UAAU,GAAG,IAAI;QAC5BpC,UAAU,CAACqC,YAAY,GAAG,IAAI;QAC9B,IAAItC,GAAG,KAAKmC,YAAY,EAAE;UACxB,OAAOlC,UAAU,CAACG,GAAG;UACrB,OAAOH,UAAU,CAACsC,GAAG;UACrBtC,UAAU,CAAC/C,KAAK,GAAGkF,aAAa;QAClC;QACAlC,MAAM,CAACsC,cAAc,CAACd,MAAM,EAAE1B,GAAG,EAAEC,UAAU,CAAC;MAChD,CAAC,CAAC;;MAEF,OAAO9D,YAAY,CAACsG,MAAM,CAAUf,MAAM,CAAC;IAC7C,CAAC,CA/JCpE,KAAA,CAAKQ,KAAK,GAAG,EACXC,YAAY,EAAErB,WAAW,EACzBoE,gBAAgB,EAAE/D,SAAS,CAACU,UAAU,EACtCkD,YAAY,EAAE,KAAK,EACnB1C,MAAM,EAAE,EACNyE,UAAU,EAAEhG,WAAW,EACvBiG,SAAS,EAAEhG,UAAU,CACvB,CAAC,EACDqB,YAAY,EAAE,EACZ0E,UAAU,EAAE,CAAC,CAAC,EACdC,SAAS,EAAE,CAAC,CAAC,CACf,CAAC,CACH,CAAC,CAAC,OAAArF,KAAA,CACJ,CAACsF,cAAA,CAAAzF,8BAAA,EAAAC,gBAAA,MAAAyF,MAAA,GAAA1F,8BAAA,CAAA2F,SAAA,CAAAD,MAAA,CAEME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAAC,YAAA,GAAyD,IAAI,CAAClF,KAAK,CAA3DC,YAAY,GAAAiF,YAAA,CAAZjF,YAAY,CAAE4C,YAAY,GAAAqC,YAAA,CAAZrC,YAAY,CAAEG,gBAAgB,GAAAkC,YAAA,CAAhBlC,gBAAgB,CACpD,IAAAmC,WAAA,GAAsC,IAAI,CAAC5F,KAAK,CAAxC6F,WAAW,GAAAD,WAAA,CAAXC,WAAW,CAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY,CAEjC,IAAMC,cAAc,GAAGtC,gBAAgB,KAAK/D,SAAS,CAACY,SAAS,GAAG,MAAM,GAAG,OAAO,CAElF,oBACE5B,KAAA,CAAAqC,aAAA,CAAClC,YAAY,CAACmH,QAAQ,IAACnG,KAAK,EAAEa,YAAa,iBACzChC,KAAA,CAAAqC,aAAA,UAAK,gBAAc8E,WAAY,EAAC,iBAAeC,YAAa,EAAC,gBAAcC,cAAe,IACvFzC,YAAY,IAAI,IAAI,CAAC/C,cAAc,CAAC,CAAC,eAEpC7B,KAAA,CAAAqC,aAAA,CAACtB,UAAU,IACTwG,aAAa,EAAE,IAAI,CAACvC,iBAAkB,EACtCD,gBAAgB,EAAEA,gBAAiB,EACnCyC,eAAe,EAAE,IAAI,CAAC9C,UAAW,EAClC,CAEA,CACgB,CAAC,CAE5B,CAAC,QAAAtD,8BAAA,GA9C0CpB,KAAK,CAACyH,SAAS;;;AA6K5D,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIpG,KAAsB,EAAK,KAAAqG,qBAAA;EAChE,IAAMC,OAAO,GAAG3H,UAAU,CAACC,WAAW,CAAQ;EAC9C,IAAM2H,OAAO,GAAG,CAAAD,OAAO,aAAAD,qBAAA,GAAPC,OAAO,CAAEE,KAAK,CAACC,WAAW,qBAA1BJ,qBAAA,CAA4BE,OAAO,KAAI,CAAC,CAAC;EACzD,IAAMG,KAAK,GAAGH,OAAO,CAACG,KAAK,IAAI,KAAK;EACpC,IAAMC,MAAM,GAAGJ,OAAO,CAACI,MAAM,IAAI,MAAM;;EAEvC,oBAAOjI,KAAA,CAAAqC,aAAA,CAACjB,8BAA8B,EAAAqE,QAAA,KAAKnE,KAAK,IAAE6F,WAAW,EAAEa,KAAM,EAACZ,YAAY,EAAEa,MAAO,GAAE,CAAC;AAChG,CAAC","ignoreList":[]}

package/internal/ThemePlayground/ThemeContextPlayground.d.ts

@@ -2,45 +2,11 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import type { Theme } from '../../lib/theming/Theme';
 import type { 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 declare const ThemeContextPlayground: (props: PlaygroundProps) => React.JSX.Element;
 export {};

package/internal/themes/DarkTheme5_5/DarkTheme5_5.js

@@ -11,13 +11,10 @@ export var DarkTheme5_5 = createTheme({
     }
     _inheritsLoose(DarkTheme5_5, _BasicThemeClassForEx);
     return _createClass(DarkTheme5_5, null, [{
-      key: "fileUploaderIconHoverColorForValidation",
-      get: function get() {
-        return this.bgSecondary;
-      }
-    }, {
       key: "fileUploaderErrorColor",
-      get: function get() {
+      get:
+      //#region FileUploader
+      function get() {
         return this.textColorDisabled;
       }
     }, {
@@ -52,7 +49,7 @@ export var DarkTheme5_5 = createTheme({
       }
       //#endregion FileUploader
     }]);
-  }(BasicThemeClassForExtension), _DarkTheme5_.fileUploaderIconColorForValidation = '#222222', _DarkTheme5_.fileUploaderFileTypeUnknownIconColor = '#676767', _DarkTheme5_.fileUploaderPaddingXSmall = '7px', _DarkTheme5_.fileUploaderPaddingXMedium = '9px', _DarkTheme5_.fileUploaderPaddingXLarge = '11px', _DarkTheme5_.fileUploaderErrorBgColor = '#4F2421', _DarkTheme5_.fileUploaderErrorBgHoverColor = '#612A29', _DarkTheme5_.fileUploaderWarningBgColor = '#3F2F1E', _DarkTheme5_.fileUploaderWarningBgHoverColor = '#4C3923', _DarkTheme5_.fileUploaderWarningTextColor = '#FDD481', _DarkTheme5_.fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)', _DarkTheme5_.fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)', _DarkTheme5_),
+  }(BasicThemeClassForExtension), _DarkTheme5_.fileUploaderFileTypeUnknownIconColor = '#676767', _DarkTheme5_.fileUploaderPaddingXSmall = '7px', _DarkTheme5_.fileUploaderPaddingXMedium = '9px', _DarkTheme5_.fileUploaderPaddingXLarge = '11px', _DarkTheme5_.fileUploaderErrorBgColor = '#4F2421', _DarkTheme5_.fileUploaderErrorBgHoverColor = '#612A29', _DarkTheme5_.fileUploaderWarningBgColor = '#3F2F1E', _DarkTheme5_.fileUploaderWarningBgHoverColor = '#4C3923', _DarkTheme5_.fileUploaderWarningTextColor = '#FDD481', _DarkTheme5_.fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)', _DarkTheme5_.fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)', _DarkTheme5_),
   prototypeTheme: DarkTheme5_4,
   themeMarkers: [markThemeVersion('5.5')]
 });

package/internal/themes/DarkTheme5_5/DarkTheme5_5.js.map

@@ -1 +1 @@
-{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_4","DarkTheme5_5","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","bgSecondary","textColorDisabled","errorText","fileUploaderTextColorDefault","gray","borderColorGrayLight","fileUploaderDisabledColor","fileUploaderDisabledIconColor","fileUploaderIconColorForValidation","fileUploaderFileTypeUnknownIconColor","fileUploaderPaddingXSmall","fileUploaderPaddingXMedium","fileUploaderPaddingXLarge","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","fileUploaderWarningBgColor","fileUploaderWarningBgHoverColor","fileUploaderWarningTextColor","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_5.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_4 } from './DarkTheme5_4';\n\nexport const DarkTheme5_5 = createTheme({\n  themeClass: class DarkTheme5_5 extends BasicThemeClassForExtension {\n    //#region FileUploader\n    public static fileUploaderIconColorForValidation = '#222222';\n    public static get fileUploaderIconHoverColorForValidation() {\n      return this.bgSecondary;\n    }\n\n    public static get fileUploaderErrorColor() {\n      return this.textColorDisabled;\n    }\n\n    public static fileUploaderFileTypeUnknownIconColor = '#676767';\n    public static fileUploaderPaddingXSmall = '7px';\n    public static fileUploaderPaddingXMedium = '9px';\n    public static fileUploaderPaddingXLarge = '11px';\n\n    public static fileUploaderErrorBgColor = '#4F2421';\n    public static fileUploaderErrorBgHoverColor = '#612A29';\n    public static get fileUploaderErrorTextColor() {\n      return this.errorText;\n    }\n    public static fileUploaderWarningBgColor = '#3F2F1E';\n    public static fileUploaderWarningBgHoverColor = '#4C3923';\n    public static fileUploaderWarningTextColor = '#FDD481';\n\n    public static get fileUploaderValidationTextColor() {\n      return this.fileUploaderTextColorDefault;\n    }\n    public static get fileUploaderAfterLinkColor() {\n      return this.gray;\n    }\n    public static get fileUploaderBorderColor() {\n      return this.borderColorGrayLight;\n    }\n    public static fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)';\n    public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n    public static get fileUploaderDisabledTextColor() {\n      return this.fileUploaderDisabledColor;\n    }\n    public static get fileUploaderDisabledFileTypeIcon() {\n      return this.fileUploaderDisabledIconColor;\n    }\n    //#endregion FileUploader\n  },\n  prototypeTheme: DarkTheme5_4,\n  themeMarkers: [markThemeVersion('5.5')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,YAAA,WAAAQ,GAAA,6CAAAC,GAAA;;;MAGR,SAAAA,IAAA,EAA4D;QAC1D,OAAO,IAAI,CAACC,WAAW;MACzB,CAAC,MAAAF,GAAA,4BAAAC,GAAA;;MAED,SAAAA,IAAA,EAA2C;QACzC,OAAO,IAAI,CAACE,iBAAiB;MAC/B,CAAC,MAAAH,GAAA,gCAAAC,GAAA;;;;;;;;;MASD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACG,SAAS;MACvB,CAAC,MAAAJ,GAAA,qCAAAC,GAAA;;;;;MAKD,SAAAA,IAAA,EAAoD;QAClD,OAAO,IAAI,CAACI,4BAA4B;MAC1C,CAAC,MAAAL,GAAA,gCAAAC,GAAA;MACD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACK,IAAI;MAClB,CAAC,MAAAN,GAAA,6BAAAC,GAAA;MACD,SAAAA,IAAA,EAA4C;QAC1C,OAAO,IAAI,CAACM,oBAAoB;MAClC,CAAC,MAAAP,GAAA,mCAAAC,GAAA;;;MAGD,SAAAA,IAAA,EAAkD;QAChD,OAAO,IAAI,CAACO,yBAAyB;MACvC,CAAC,MAAAR,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACQ,6BAA6B;MAC3C;MACA;IAAA,MA1CqCnB,2BAA2B,GAAAI,YAAA,CAElDgB,kCAAkC,GAAG,SAAS,EAAAhB,YAAA,CAS9CiB,oCAAoC,GAAG,SAAS,EAAAjB,YAAA,CAChDkB,yBAAyB,GAAG,KAAK,EAAAlB,YAAA,CACjCmB,0BAA0B,GAAG,KAAK,EAAAnB,YAAA,CAClCoB,yBAAyB,GAAG,MAAM,EAAApB,YAAA,CAElCqB,wBAAwB,GAAG,SAAS,EAAArB,YAAA,CACpCsB,6BAA6B,GAAG,SAAS,EAAAtB,YAAA,CAIzCuB,0BAA0B,GAAG,SAAS,EAAAvB,YAAA,CACtCwB,+BAA+B,GAAG,SAAS,EAAAxB,YAAA,CAC3CyB,4BAA4B,GAAG,SAAS,EAAAzB,YAAA,CAWxCc,yBAAyB,GAAG,2BAA2B,EAAAd,YAAA,CACvDe,6BAA6B,GAAG,2BAA2B,EAAAf,YAAA,CAQ1E;EACD0B,cAAc,EAAE7B,YAAY;EAC5B8B,YAAY,EAAE,CAAChC,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["createTheme","markThemeVersion","BasicThemeClassForExtension","DarkTheme5_4","DarkTheme5_5","themeClass","_DarkTheme5_","_BasicThemeClassForEx","apply","arguments","_inheritsLoose","_createClass","key","get","textColorDisabled","errorText","fileUploaderTextColorDefault","gray","borderColorGrayLight","fileUploaderDisabledColor","fileUploaderDisabledIconColor","fileUploaderFileTypeUnknownIconColor","fileUploaderPaddingXSmall","fileUploaderPaddingXMedium","fileUploaderPaddingXLarge","fileUploaderErrorBgColor","fileUploaderErrorBgHoverColor","fileUploaderWarningBgColor","fileUploaderWarningBgHoverColor","fileUploaderWarningTextColor","prototypeTheme","themeMarkers"],"sources":["DarkTheme5_5.ts"],"sourcesContent":["import { createTheme, markThemeVersion } from '../../lib/theming/ThemeHelpers';\n\nimport { BasicThemeClassForExtension } from './BasicTheme';\nimport { DarkTheme5_4 } from './DarkTheme5_4';\n\nexport const DarkTheme5_5 = createTheme({\n  themeClass: class DarkTheme5_5 extends BasicThemeClassForExtension {\n    //#region FileUploader\n    public static get fileUploaderErrorColor() {\n      return this.textColorDisabled;\n    }\n\n    public static fileUploaderFileTypeUnknownIconColor = '#676767';\n    public static fileUploaderPaddingXSmall = '7px';\n    public static fileUploaderPaddingXMedium = '9px';\n    public static fileUploaderPaddingXLarge = '11px';\n\n    public static fileUploaderErrorBgColor = '#4F2421';\n    public static fileUploaderErrorBgHoverColor = '#612A29';\n    public static get fileUploaderErrorTextColor() {\n      return this.errorText;\n    }\n    public static fileUploaderWarningBgColor = '#3F2F1E';\n    public static fileUploaderWarningBgHoverColor = '#4C3923';\n    public static fileUploaderWarningTextColor = '#FDD481';\n\n    public static get fileUploaderValidationTextColor() {\n      return this.fileUploaderTextColorDefault;\n    }\n    public static get fileUploaderAfterLinkColor() {\n      return this.gray;\n    }\n    public static get fileUploaderBorderColor() {\n      return this.borderColorGrayLight;\n    }\n    public static fileUploaderDisabledColor = 'rgba(255, 255, 255, 0.54)';\n    public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n    public static get fileUploaderDisabledTextColor() {\n      return this.fileUploaderDisabledColor;\n    }\n    public static get fileUploaderDisabledFileTypeIcon() {\n      return this.fileUploaderDisabledIconColor;\n    }\n    //#endregion FileUploader\n  },\n  prototypeTheme: DarkTheme5_4,\n  themeMarkers: [markThemeVersion('5.5')],\n});\n"],"mappings":"yJAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,gCAAgC;;AAE9E,SAASC,2BAA2B,QAAQ,cAAc;AAC1D,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C,OAAO,IAAMC,YAAY,GAAGJ,WAAW,CAAC;EACtCK,UAAU,GAAAC,YAAA,0BAAAC,qBAAA,YAAAH,aAAA,UAAAG,qBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAN,YAAA,EAAAG,qBAAA,SAAAI,YAAA,CAAAP,YAAA,WAAAQ,GAAA,4BAAAC,GAAA;MACR;MACA,SAAAA,IAAA,EAA2C;QACzC,OAAO,IAAI,CAACC,iBAAiB;MAC/B,CAAC,MAAAF,GAAA,gCAAAC,GAAA;;;;;;;;;MASD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACE,SAAS;MACvB,CAAC,MAAAH,GAAA,qCAAAC,GAAA;;;;;MAKD,SAAAA,IAAA,EAAoD;QAClD,OAAO,IAAI,CAACG,4BAA4B;MAC1C,CAAC,MAAAJ,GAAA,gCAAAC,GAAA;MACD,SAAAA,IAAA,EAA+C;QAC7C,OAAO,IAAI,CAACI,IAAI;MAClB,CAAC,MAAAL,GAAA,6BAAAC,GAAA;MACD,SAAAA,IAAA,EAA4C;QAC1C,OAAO,IAAI,CAACK,oBAAoB;MAClC,CAAC,MAAAN,GAAA,mCAAAC,GAAA;;;MAGD,SAAAA,IAAA,EAAkD;QAChD,OAAO,IAAI,CAACM,yBAAyB;MACvC,CAAC,MAAAP,GAAA,sCAAAC,GAAA;MACD,SAAAA,IAAA,EAAqD;QACnD,OAAO,IAAI,CAACO,6BAA6B;MAC3C;MACA;IAAA,MArCqClB,2BAA2B,GAAAI,YAAA,CAMlDe,oCAAoC,GAAG,SAAS,EAAAf,YAAA,CAChDgB,yBAAyB,GAAG,KAAK,EAAAhB,YAAA,CACjCiB,0BAA0B,GAAG,KAAK,EAAAjB,YAAA,CAClCkB,yBAAyB,GAAG,MAAM,EAAAlB,YAAA,CAElCmB,wBAAwB,GAAG,SAAS,EAAAnB,YAAA,CACpCoB,6BAA6B,GAAG,SAAS,EAAApB,YAAA,CAIzCqB,0BAA0B,GAAG,SAAS,EAAArB,YAAA,CACtCsB,+BAA+B,GAAG,SAAS,EAAAtB,YAAA,CAC3CuB,4BAA4B,GAAG,SAAS,EAAAvB,YAAA,CAWxCa,yBAAyB,GAAG,2BAA2B,EAAAb,YAAA,CACvDc,6BAA6B,GAAG,2BAA2B,EAAAd,YAAA,CAQ1E;EACDwB,cAAc,EAAE3B,YAAY;EAC5B4B,YAAY,EAAE,CAAC9B,gBAAgB,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC","ignoreList":[]}