@skbkontur/react-ui 0.0.0-942b5aade9 → 0.0.0-95a1dbe516

package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js

@@ -1,53 +1,14 @@
+import _createForOfIteratorHelperLoose from "@babel/runtime/helpers/esm/createForOfIteratorHelperLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
 import React from 'react';
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
 import { Gapped } from "../../../components/Gapped";
 import { Loader } from "../../../components/Loader";
 import { isNonNullable } from "../../../lib/utils";
+import { EmotionConsumer, useEmotion } from "../../../lib/theming/Emotion";
 import { VariableValue } from "../VariableValue";
-import { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from "../constants";
-import { styles } from "../Playground.styles";
+import { DEPRECATED_VARIABLES, VARIABLES_GROUPS } from "../constants";
+import { getStyles } from "../Playground.styles";
 export var ThemeEditor = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ThemeEditor, _React$Component);
 
@@ -101,13 +62,16 @@ export var ThemeEditor = /*#__PURE__*/function (_React$Component) {
   var _proto = ThemeEditor.prototype;
 
   _proto.render = function render() {
-    return this.state.isLoading ? /*#__PURE__*/React.createElement("div", {
-      className: styles.loaderWrapper()
-    }, /*#__PURE__*/React.createElement(Loader, {
-      type: "big",
-      active: true,
-      className: styles.loader()
-    })) : this.renderGroups();
+    return this.state.isLoading ? /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      var styles = getStyles(emotion);
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.loaderWrapper()
+      }, /*#__PURE__*/React.createElement(Loader, {
+        type: "big",
+        active: true,
+        className: styles.loader()
+      }));
+    }) : this.renderGroups();
   };
 
   _proto.componentDidMount = function componentDidMount() {
@@ -135,6 +99,8 @@ var Group = function Group(props) {
       onValueChange = props.onValueChange,
       title = props.title,
       variables = props.variables;
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
   return variables.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h2", {
     className: styles.editorGroupHeader(currentTheme)
   }, title), variables.map(function (variable) {

package/internal/ThemePlayground/ThemeEditor/ThemeEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeEditor.tsx"],"names":["React","ThemeFactory","Gapped","Loader","isNonNullable","VariableValue","VARIABLES_GROUPS","DEPRECATED_VARIABLES","styles","ThemeEditor","state","groups","isLoading","renderGroups","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","getKeys","filter","key","isDeprecatedVariable","map","i","title","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","length","render","loaderWrapper","loader","componentDidMount","updateTimeout","window","setTimeout","setState","componentWillUnmount","clearTimeout","Component","Group","variables","editorGroupHeader","variable","value","isError","getBaseVariables","name","includes","splitPrefix","split","item","startsWith","trim","prefixes","acc","current","theme","Object","getPrototypeOf","prototype","hasOwnProperty","call","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Gapped } from '../../components/Gapped';\nimport { Loader } from '../../components/Loader';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { VariableValue } from './VariableValue';\nimport { VARIABLES_GROUPS, DEPRECATED_VARIABLES } from './constants';\nimport { ThemeErrorsType } from './ThemeContextPlayground';\nimport { styles } from './Playground.styles';\n\ninterface ThemeEditorProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\ninterface ThemeEditorState {\n  groups: Group[];\n  isLoading: boolean;\n}\ninterface Group {\n  title: string;\n  prefix: string;\n  isCommon?: boolean;\n}\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\n  public state: ThemeEditorState = {\n    groups: [],\n    isLoading: true,\n  };\n  private updateTimeout?: number;\n\n  public render() {\n    return this.state.isLoading ? (\n      <div className={styles.loaderWrapper()}>\n        <Loader type=\"big\" active className={styles.loader()} />\n      </div>\n    ) : (\n      this.renderGroups()\n    );\n  }\n\n  public componentDidMount() {\n    this.updateTimeout = window.setTimeout(() => {\n      this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\n    }, 500);\n  }\n\n  public componentWillUnmount(): void {\n    clearTimeout(this.updateTimeout);\n  }\n\n  private renderGroups = () => {\n    const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\n    const keys = ThemeFactory.getKeys(editingTheme).filter((key) => !isDeprecatedVariable(key));\n\n    return (\n      <Gapped vertical>\n        {this.state.groups.map((i: Group) => (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={i.title}\n            variables={keys.filter(\n              i.isCommon\n                ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\n                : isGroupVariable.bind(null, i.prefix),\n            )}\n            key={i.title}\n          />\n        ))}\n        {DEPRECATED_VARIABLES.length > 0 ? (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={'Deprecated Variables'}\n            variables={DEPRECATED_VARIABLES}\n          />\n        ) : null}\n      </Gapped>\n    );\n  };\n}\n\ninterface GroupProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  title: string;\n  variables: Array<keyof Theme>;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\nconst Group = (props: GroupProps) => {\n  const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\n\n  return variables.length > 0 ? (\n    <React.Fragment>\n      <h2 className={styles.editorGroupHeader(currentTheme)}>{title}</h2>\n      {variables.map((variable) => {\n        const value = editingTheme[variable] as string;\n        const isError = currentErrors[variable];\n        return (\n          <VariableValue\n            theme={currentTheme}\n            onChange={onValueChange}\n            value={value}\n            isError={isError || false}\n            variable={variable}\n            key={variable}\n            baseVariables={getBaseVariables(editingTheme, variable)}\n            deprecated={isDeprecatedVariable(variable)}\n          />\n        );\n      })}\n    </React.Fragment>\n  ) : null;\n};\n\nconst isDeprecatedVariable = (name: keyof Theme) => {\n  return DEPRECATED_VARIABLES.includes(name);\n};\n\nconst isGroupVariable = (prefix: string, name: string) => {\n  const splitPrefix = prefix.split(' ') || [];\n\n  for (const item of splitPrefix) {\n    if (name.startsWith(item.trim())) {\n      return true;\n    }\n  }\n  return false;\n};\nconst isCommonVariable = (prefixes: string[], name: string) => {\n  for (const item of prefixes) {\n    if (name.startsWith(item.trim())) {\n      return false;\n    }\n  }\n  return true;\n};\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\n  const splitPrefix = current.prefix.split(' ');\n  return [...acc, ...splitPrefix];\n};\n\ntype GetBaseVariablesReturnType = Array<keyof Theme>;\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): GetBaseVariablesReturnType => {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, variable)) {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\n\n      if (descriptor && typeof descriptor.get !== 'undefined') {\n        const getterBody = descriptor.get.toString();\n        const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) || [];\n        return (variableNameMatchArray || []).map((v) => v.replace(/this\\./g, '')) as GetBaseVariablesReturnType;\n      }\n      break;\n    }\n  }\n\n  return [];\n};\n"]}
+{"version":3,"sources":["ThemeEditor.tsx"],"names":["React","ThemeFactory","Gapped","Loader","isNonNullable","EmotionConsumer","useEmotion","VariableValue","DEPRECATED_VARIABLES","VARIABLES_GROUPS","getStyles","ThemeEditor","state","groups","isLoading","renderGroups","props","editingTheme","currentTheme","currentErrors","onValueChange","keys","getKeys","filter","key","isDeprecatedVariable","map","i","title","isCommon","isCommonVariable","bind","reduce","prefixesReducer","isGroupVariable","prefix","length","render","emotion","styles","loaderWrapper","loader","componentDidMount","updateTimeout","window","setTimeout","setState","componentWillUnmount","clearTimeout","Component","Group","variables","editorGroupHeader","variable","value","isError","getBaseVariables","name","includes","splitPrefix","split","item","startsWith","trim","prefixes","acc","current","theme","Object","getPrototypeOf","prototype","hasOwnProperty","call","descriptor","getOwnPropertyDescriptor","get","getterBody","toString","variableNameMatchArray","match","v","replace"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Gapped } from '../../components/Gapped';\nimport { Loader } from '../../components/Loader';\nimport { isNonNullable } from '../../lib/utils';\nimport { EmotionConsumer, useEmotion } from '../../lib/theming/Emotion';\n\nimport { VariableValue } from './VariableValue';\nimport { DEPRECATED_VARIABLES, VARIABLES_GROUPS } from './constants';\nimport { ThemeErrorsType } from './ThemeContextPlayground';\nimport { getStyles } from './Playground.styles';\n\ninterface ThemeEditorProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\ninterface ThemeEditorState {\n  groups: Group[];\n  isLoading: boolean;\n}\ninterface Group {\n  title: string;\n  prefix: string;\n  isCommon?: boolean;\n}\nexport class ThemeEditor extends React.Component<ThemeEditorProps, ThemeEditorState> {\n  public state: ThemeEditorState = {\n    groups: [],\n    isLoading: true,\n  };\n  private updateTimeout?: number;\n\n  public render() {\n    return this.state.isLoading ? (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.loaderWrapper()}>\n              <Loader type=\"big\" active className={styles.loader()} />\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    ) : (\n      this.renderGroups()\n    );\n  }\n\n  public componentDidMount() {\n    this.updateTimeout = window.setTimeout(() => {\n      this.setState({ groups: VARIABLES_GROUPS, isLoading: false });\n    }, 500);\n  }\n\n  public componentWillUnmount(): void {\n    clearTimeout(this.updateTimeout);\n  }\n\n  private renderGroups = () => {\n    const { editingTheme, currentTheme, currentErrors, onValueChange } = this.props;\n    const keys = ThemeFactory.getKeys(editingTheme).filter((key) => !isDeprecatedVariable(key));\n\n    return (\n      <Gapped vertical>\n        {this.state.groups.map((i: Group) => (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={i.title}\n            variables={keys.filter(\n              i.isCommon\n                ? isCommonVariable.bind(null, this.state.groups.reduce(prefixesReducer, []))\n                : isGroupVariable.bind(null, i.prefix),\n            )}\n            key={i.title}\n          />\n        ))}\n        {DEPRECATED_VARIABLES.length > 0 ? (\n          <Group\n            editingTheme={editingTheme}\n            currentTheme={currentTheme}\n            currentErrors={currentErrors}\n            onValueChange={onValueChange}\n            title={'Deprecated Variables'}\n            variables={DEPRECATED_VARIABLES}\n          />\n        ) : null}\n      </Gapped>\n    );\n  };\n}\n\ninterface GroupProps {\n  editingTheme: Theme;\n  currentTheme: Theme;\n  currentErrors: ThemeErrorsType;\n  title: string;\n  variables: Array<keyof Theme>;\n  onValueChange: (variable: keyof Theme, value: string) => void;\n}\nconst Group = (props: GroupProps) => {\n  const { editingTheme, currentTheme, currentErrors, onValueChange, title, variables } = props;\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return variables.length > 0 ? (\n    <React.Fragment>\n      <h2 className={styles.editorGroupHeader(currentTheme)}>{title}</h2>\n      {variables.map((variable) => {\n        const value = editingTheme[variable] as string;\n        const isError = currentErrors[variable];\n        return (\n          <VariableValue\n            theme={currentTheme}\n            onChange={onValueChange}\n            value={value}\n            isError={isError || false}\n            variable={variable}\n            key={variable}\n            baseVariables={getBaseVariables(editingTheme, variable)}\n            deprecated={isDeprecatedVariable(variable)}\n          />\n        );\n      })}\n    </React.Fragment>\n  ) : null;\n};\n\nconst isDeprecatedVariable = (name: keyof Theme) => {\n  return DEPRECATED_VARIABLES.includes(name);\n};\n\nconst isGroupVariable = (prefix: string, name: string) => {\n  const splitPrefix = prefix.split(' ') || [];\n\n  for (const item of splitPrefix) {\n    if (name.startsWith(item.trim())) {\n      return true;\n    }\n  }\n  return false;\n};\nconst isCommonVariable = (prefixes: string[], name: string) => {\n  for (const item of prefixes) {\n    if (name.startsWith(item.trim())) {\n      return false;\n    }\n  }\n  return true;\n};\nconst prefixesReducer = (acc: string[], current: { title: string; prefix: string }): string[] => {\n  const splitPrefix = current.prefix.split(' ');\n  return [...acc, ...splitPrefix];\n};\n\ntype GetBaseVariablesReturnType = Array<keyof Theme>;\nconst getBaseVariables = (theme: Theme, variable: keyof Theme): GetBaseVariablesReturnType => {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, variable)) {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variable);\n\n      if (descriptor && typeof descriptor.get !== 'undefined') {\n        const getterBody = descriptor.get.toString();\n        const variableNameMatchArray = getterBody.match(/this\\.(\\w+)\\b/gm) || [];\n        return (variableNameMatchArray || []).map((v) => v.replace(/this\\./g, '')) as GetBaseVariablesReturnType;\n      }\n      break;\n    }\n  }\n\n  return [];\n};\n"]}

package/internal/ThemePlayground/VariableValue/VariableValue.js

@@ -9,9 +9,9 @@ import { Gapped } from "../../../components/Gapped";
 import { Link } from "../../../components/Link";
 import { Hint } from "../../../components/Hint";
 import { isFunction } from "../../../lib/utils";
-import { cx } from "../../../lib/theming/Emotion";
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles } from "../Playground.styles";
+import { getStyles } from "../Playground.styles";
 var emitter = new EventEmitter();
 export var VariableValue = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(VariableValue, _React$Component);
@@ -36,6 +36,7 @@ export var VariableValue = /*#__PURE__*/function (_React$Component) {
 
     _this.renderBaseVariableLink = function () {
       var baseVariables = _this.props.baseVariables;
+      var styles = getStyles(_this.emotion);
       return /*#__PURE__*/React.createElement("div", {
         className: styles.baseVariableRoot()
       }, _this.colorIcon(), /*#__PURE__*/React.createElement("div", {
@@ -69,6 +70,7 @@ export var VariableValue = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.colorIcon = function () {
+      var styles = getStyles(_this.emotion);
       return /*#__PURE__*/React.createElement("div", {
         className: styles.colorIcon(),
         style: {
@@ -131,31 +133,37 @@ export var VariableValue = /*#__PURE__*/function (_React$Component) {
   var _proto = VariableValue.prototype;
 
   _proto.render = function render() {
-    var _cx;
+    var _this2 = this;
 
     var _this$props2 = this.props,
         variable = _this$props2.variable,
         theme = _this$props2.theme,
         baseVariables = _this$props2.baseVariables;
     var deprecated = this.getProps().deprecated;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.variable(theme),
-      ref: this.rootRef,
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cx(styles.variableName(theme), (_cx = {}, _cx[styles.deprecated()] = deprecated, _cx)),
-      title: variable
-    }, variable + ": "), baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper());
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      var _this2$emotion$cx;
+
+      _this2.emotion = emotion;
+      var styles = getStyles(_this2.emotion);
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.variable(theme),
+        ref: _this2.rootRef,
+        tabIndex: 0
+      }, /*#__PURE__*/React.createElement("div", {
+        className: _this2.emotion.cx(styles.variableName(theme), (_this2$emotion$cx = {}, _this2$emotion$cx[styles.deprecated()] = deprecated, _this2$emotion$cx)),
+        title: variable
+      }, variable + ": "), baseVariables.length > 0 && !_this2.state.editing ? _this2.renderBaseVariableLink() : _this2.renderInputWrapper());
+    });
   };
 
   _proto.componentDidMount = function componentDidMount() {
-    var _this2 = this;
+    var _this3 = this;
 
     if (!this.subscription) {
       emitter.addListener('clicked', this.emitterEventHandler);
       this.subscription = {
         remove: function remove() {
-          emitter.removeListener('clicked', _this2.emitterEventHandler);
+          emitter.removeListener('clicked', _this3.emitterEventHandler);
         }
       };
     }
@@ -192,6 +200,7 @@ export var VariableValue = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.renderRollbackIcon = function renderRollbackIcon() {
+    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(Hint, {
       text: 'Вернуться к базовой переменной'
     }, /*#__PURE__*/React.createElement("div", {
@@ -212,19 +221,19 @@ var BaseVariableLink = /*#__PURE__*/function (_React$Component2) {
   _inheritsLoose(BaseVariableLink, _React$Component2);
 
   function BaseVariableLink() {
-    var _this3;
+    var _this4;
 
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
 
-    _this3 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
+    _this4 = _React$Component2.call.apply(_React$Component2, [this].concat(args)) || this;
 
-    _this3.emitClickEvent = function () {
-      _this3.props.emitClickEvent(_this3.props.baseVariable);
+    _this4.emitClickEvent = function () {
+      _this4.props.emitClickEvent(_this4.props.baseVariable);
     };
 
-    return _this3;
+    return _this4;
   }
 
   var _proto2 = BaseVariableLink.prototype;

package/internal/ThemePlayground/VariableValue/VariableValue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VariableValue.tsx"],"names":["React","EditIcon","DeleteIcon","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","cx","createPropsGetter","styles","emitter","VariableValue","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","baseVariableRoot","colorIcon","baseLinkWrapper","textAlign","map","v","emitClickEvent","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","render","theme","deprecated","variableName","length","componentDidMount","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","isColorExtended","isError","linkRoot","Component","BaseVariableLink","baseVariable","getColorValue","color","colorValue","style","Option"],"mappings":"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","sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n        <div\n          className={cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n          title={variable}\n        >{`${variable}: `}</div>\n        {baseVariables.length > 0 && !this.state.editing ? this.renderBaseVariableLink() : this.renderInputWrapper()}\n      </div>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"]}
+{"version":3,"sources":["VariableValue.tsx"],"names":["React","EditIcon","DeleteIcon","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","EmotionConsumer","createPropsGetter","getStyles","emitter","VariableValue","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","styles","emotion","baseVariableRoot","colorIcon","baseLinkWrapper","textAlign","map","v","emitClickEvent","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","render","theme","deprecated","cx","variableName","length","componentDidMount","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","isColorExtended","isError","linkRoot","Component","BaseVariableLink","baseVariable","getColorValue","color","colorValue","style","Option"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,YAAP,MAAyB,eAAzB;;;AAGA,SAASC,OAAT,QAAwB,+BAAxB;AACA,SAASC,KAAT,QAAsB,wBAAtB;AACA,SAASC,MAAT,QAAuB,yBAAvB;;AAEA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,SAAT,QAA0B,qBAA1B;;AAEA,IAAMC,OAAO,GAAG,IAAIV,YAAJ,EAAhB;;;;;;;;;;;;;;;;;;;AAmBA,WAAaW,aAAb;;;;AAIUC,IAAAA,QAJV,GAIqBJ,iBAAiB,CAACG,aAAa,CAACE,YAAf,CAJtC;AAKSC,IAAAA,KALT,GAKqC;AACjCC,MAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KADe;AAEjCE,MAAAA,OAAO,EAAE,KAFwB,EALrC;;AASUC,IAAAA,YATV,GASwD,IATxD;AAUUC,IAAAA,WAVV,GAU4C,IAV5C;;AAYmBC,IAAAA,eAZnB,GAYqC,GAZrC;AAaUC,IAAAA,gBAbV,GAaiDC,SAbjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEUC,IAAAA,sBAjEV,GAiEmC,YAAM;AACrC,UAAMC,aAAa,GAAG,MAAKR,KAAL,CAAWQ,aAAjC;AACA,UAAMC,MAAM,GAAGhB,SAAS,CAAC,MAAKiB,OAAN,CAAxB;AACA;AACE,qCAAK,SAAS,EAAED,MAAM,CAACE,gBAAP,EAAhB;AACG,cAAKC,SAAL,EADH;AAEE,qCAAK,SAAS,EAAEH,MAAM,CAACI,eAAP,EAAhB;AACE,4BAAC,MAAD;AACE,qCAAK,KAAK,EAAE,EAAEC,SAAS,EAAE,OAAb,EAAZ;AACE,4BAAC,MAAD,IAAQ,QAAQ,MAAhB;AACGN,QAAAA,aAAa,CAACO,GAAd,CAAkB,UAACC,CAAD;AACjB,gCAAC,gBAAD,IAAkB,GAAG,EAAEA,CAAvB,EAA0B,YAAY,EAAEA,CAAxC,EAA2C,cAAc,EAAE,MAAKC,cAAhE,GADiB,GAAlB,CADH,CADF,CADF;;;;AAQE,4BAAC,IAAD,IAAM,IAAI,EAAE,mBAAZ;AACE,4BAAC,IAAD,IAAM,IAAI,eAAE,oBAAC,QAAD,OAAZ,EAA0B,OAAO,EAAE,MAAKC,mBAAxC,GADF,CARF,CADF,CAFF,CADF;;;;;;AAmBD,KAvFH;;AAyFUC,IAAAA,kBAzFV,GAyF+B,YAAM;AACjC,aAAO,MAAKrB,KAAL,CAAWG,OAAX;AACL,0BAAC,MAAD;AACG,YAAKmB,WAAL,EADH;AAEG,YAAKC,kBAAL,EAFH,CADK;;;AAML,YAAKD,WAAL,EANF;;AAQD,KAlGH;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HUE,IAAAA,OA7HV,GA6HoB,UAACC,QAAD,EAAkC;AAClD,YAAKpB,WAAL,GAAmBoB,QAAnB;AACD,KA/HH;;AAiIUX,IAAAA,SAjIV,GAiIsB,YAAM;AACxB,UAAMH,MAAM,GAAGhB,SAAS,CAAC,MAAKiB,OAAN,CAAxB;AACA,0BAAO,6BAAK,SAAS,EAAED,MAAM,CAACG,SAAP,EAAhB,EAAoC,KAAK,EAAE,EAAEY,UAAU,EAAE,MAAK1B,KAAL,CAAWC,KAAzB,EAA3C,GAAP;AACD,KApIH;;AAsIUmB,IAAAA,mBAtIV,GAsIgC,YAAM;AAClC,YAAKO,QAAL,CAAc;AACZxB,QAAAA,OAAO,EAAE,IADG,EAAd;;AAGD,KA1IH;;AA4IUyB,IAAAA,sBA5IV,GA4ImC,YAAM;AACrC,YAAKD,QAAL,CAAc;AACZxB,QAAAA,OAAO,EAAE,KADG;AAEZF,QAAAA,KAAK,EAAE,MAAKC,KAAL,CAAWD,KAFN,EAAd;;AAID,KAjJH;;AAmJUkB,IAAAA,cAnJV,GAmJ2B,UAACU,QAAD,EAA+B;AACtDjC,MAAAA,OAAO,CAACkC,IAAR,CAAa,SAAb,EAAwBD,QAAxB;AACD,KArJH;;AAuJUE,IAAAA,YAvJV,GAuJyB,UAAC9B,KAAD,EAAmB;AACxC,YAAK0B,QAAL,CAAc;AACZ1B,QAAAA,KAAK,EAALA,KADY,EAAd;;;AAIA,UAAI,MAAKM,gBAAL,KAA0BC,SAA9B,EAAyC;AACvC,cAAKD,gBAAL,GAAwByB,MAAM,CAACC,WAAP,CAAmB,MAAKC,eAAxB,EAAyC,MAAK5B,eAA9C,CAAxB;AACD;AACF,KA/JH;;AAiKU4B,IAAAA,eAjKV,GAiK4B,YAAM;AAC9B,wBAA+B,MAAKhC,KAApC,CAAQ2B,QAAR,eAAQA,QAAR,CAAkBM,QAAlB,eAAkBA,QAAlB;;AAEAA,MAAAA,QAAQ,CAACN,QAAD,EAA0B,MAAK7B,KAAL,CAAWC,KAArC,CAAR;;AAEAmC,MAAAA,aAAa,CAAC,MAAK7B,gBAAN,CAAb;AACA,YAAKA,gBAAL,GAAwBC,SAAxB;AACD,KAxKH;;AA0KU6B,IAAAA,UA1KV,GA0KuB,YAAM;AACzB,YAAKV,QAAL,CAAc;AACZxB,QAAAA,OAAO,EAAE,KADG,EAAd;;AAGD,KA9KH;;AAgLUmC,IAAAA,mBAhLV,GAgLgC,UAACC,IAAD,EAAuB;AACnD,UAAIA,IAAI,KAAK,MAAKrC,KAAL,CAAW2B,QAApB,IAAgC,MAAKxB,WAAzC,EAAsD;AACpD,cAAKA,WAAL,CAAiBmC,KAAjB;AACD;AACF,KApLH,2DAeSC,MAfT,GAeE,kBAAgB,mBACd,mBAA2C,KAAKvC,KAAhD,CAAQ2B,QAAR,gBAAQA,QAAR,CAAkBa,KAAlB,gBAAkBA,KAAlB,CAAyBhC,aAAzB,gBAAyBA,aAAzB,CACA,IAAMiC,UAAU,GAAG,KAAK7C,QAAL,GAAgB6C,UAAnC,CACA,oBACE,oBAAC,eAAD,QACG,UAAC/B,OAAD,EAAa,uBACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,IAAMD,MAAM,GAAGhB,SAAS,CAAC,MAAI,CAACiB,OAAN,CAAxB,CACA,oBACE,6BAAK,SAAS,EAAED,MAAM,CAACkB,QAAP,CAAgBa,KAAhB,CAAhB,EAAwC,GAAG,EAAE,MAAI,CAAClB,OAAlD,EAA2D,QAAQ,EAAE,CAArE,iBACE,6BACE,SAAS,EAAE,MAAI,CAACZ,OAAL,CAAagC,EAAb,CAAgBjC,MAAM,CAACkC,YAAP,CAAoBH,KAApB,CAAhB,6CAA+C/B,MAAM,CAACgC,UAAP,EAA/C,IAAqEA,UAArE,qBADb,EAEE,KAAK,EAAEd,QAFT,IAGKA,QAHL,QADF,EAKGnB,aAAa,CAACoC,MAAd,GAAuB,CAAvB,IAA4B,CAAC,MAAI,CAAC9C,KAAL,CAAWG,OAAxC,GACG,MAAI,CAACM,sBAAL,EADH,GAEG,MAAI,CAACY,kBAAL,EAPN,CADF,CAWD,CAfH,CADF,CAmBD,CArCH,QAuCS0B,iBAvCT,GAuCE,6BAAiC,mBAC/B,IAAI,CAAC,KAAK3C,YAAV,EAAwB,CACtBR,OAAO,CAACoD,WAAR,CAAoB,SAApB,EAA+B,KAAKV,mBAApC,EACA,KAAKlC,YAAL,GAAoB,EAClB6C,MAAM,EAAE,kBAAM,CACZrD,OAAO,CAACsD,cAAR,CAAuB,SAAvB,EAAkC,MAAI,CAACZ,mBAAvC,EACD,CAHiB,EAApB,CAKD,CACF,CAhDH,QAkDSa,kBAlDT,GAkDE,4BAA0BC,SAA1B,EAAyD,CACvD,IAAIA,SAAS,CAACnD,KAAV,KAAoB,KAAKC,KAAL,CAAWD,KAAnC,EAA0C,CACxC,KAAK0B,QAAL,CAAc,EAAE1B,KAAK,EAAE,KAAKC,KAAL,CAAWD,KAApB,EAAd,EACD,CACF,CAtDH,QAwDSoD,oBAxDT,GAwDE,gCAAoC,CAClC,IAAI,KAAKjD,YAAT,EAAuB,CACrB,KAAKA,YAAL,CAAkB6C,MAAlB,GACD,CACD,IAAI,KAAK1C,gBAAL,KAA0BC,SAA9B,EAAyC,CACvC4B,aAAa,CAAC,KAAK7B,gBAAN,CAAb,CACD,CACF,CA/DH,QAoGUe,WApGV,GAoGE,uBAAsB,CACpB,oBACE,oBAAC,KAAD,IACE,QAAQ,EAAEgC,eAAe,CAAC,KAAKtD,KAAL,CAAWC,KAAZ,CAAf,IAAqC,KAAKa,SAAL,EADjD,EAEE,KAAK,EAAE,KAAKd,KAAL,CAAWC,KAFpB,EAGE,aAAa,EAAE,KAAK8B,YAHtB,EAIE,MAAM,EAAE,KAAKM,UAJf,EAKE,KAAK,EAAE,OALT,EAME,KAAK,EAAE,KAAKrC,KAAL,CAAWG,OAAX,GAAqB,GAArB,GAA2B,GANpC,EAOE,KAAK,EAAE,KAAKD,KAAL,CAAWqD,OAPpB,GADF,CAWD,CAhHH,QAkHUhC,kBAlHV,GAkHE,8BAA6B,CAC3B,IAAMZ,MAAM,GAAGhB,SAAS,CAAC,KAAKiB,OAAN,CAAxB,CACA,oBACE,oBAAC,IAAD,IAAM,IAAI,EAAE,gCAAZ,iBACE,6BAAK,SAAS,EAAED,MAAM,CAAC6C,QAAP,EAAhB,iBACE,oBAAC,IAAD,IAAM,IAAI,eAAE,oBAAC,UAAD,OAAZ,EAA4B,OAAO,EAAE,KAAK5B,sBAA1C,GADF,CADF,CADF,CAOD,CA3HH,wBAAmC7C,KAAK,CAAC0E,SAAzC,EAAa5D,a,CACGE,Y,GAA6B,EACzC4C,UAAU,EAAE,KAD6B,E;;;;;;;AA0LvCe,gB;;;;AAIIvC,IAAAA,c,GAAiB,YAAM;AAC7B,aAAKjB,KAAL,CAAWiB,cAAX,CAA0B,OAAKjB,KAAL,CAAWyD,YAArC;AACD,K,iEALMlB,M,GAAP,kBAAgB,CACd,oBAAO,oBAAC,IAAD,IAAM,OAAO,EAAE,KAAKtB,cAApB,IAAqC,KAAKjB,KAAL,CAAWyD,YAAhD,CAAP,CACD,C,2BAH4B5E,KAAK,CAAC0E,S;;;;;AAWrC,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAkB;AACtC,MAAIrE,UAAU,CAACqE,KAAD,CAAd,EAAuB;AACrB,WAAOA,KAAK,EAAZ;AACD;;AAED,SAAOA,KAAP;AACD,CAND;;AAQA,SAASP,eAAT,CAAyBO,KAAzB,EAAuC;AACrC,MAAMC,UAAU,GAAGF,aAAa,CAACC,KAAD,CAAhC;;AAEA,MAAME,KAAK,GAAG,IAAIC,MAAJ,GAAaD,KAA3B;AACAA,EAAAA,KAAK,CAACF,KAAN,GAAcC,UAAd;;AAEA,MAAIA,UAAJ,EAAgB;AACd,WAAO3E,OAAO,CAAC2E,UAAD,CAAP,IAAuBC,KAAK,CAACF,KAAN,KAAgBC,UAA9C;AACD;;AAED,SAAO,KAAP;AACD","sourcesContent":["import React from 'react';\nimport EditIcon from '@skbkontur/react-icons/Edit';\nimport DeleteIcon from '@skbkontur/react-icons/Delete';\nimport EventEmitter from 'eventemitter3';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\nimport { Link } from '../../components/Link';\nimport { Hint } from '../../components/Hint';\nimport { isFunction } from '../../lib/utils';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { getStyles } from './Playground.styles';\n\nconst emitter = new EventEmitter();\n\nexport interface VariableValueProps {\n  onChange: (variable: keyof Theme, value: string) => void;\n  value: string;\n  isError: boolean;\n  variable: string;\n  theme: Theme;\n  baseVariables: Array<keyof Theme>;\n  deprecated?: boolean;\n}\n\nexport interface VariableValueState {\n  value: string;\n  editing: boolean;\n}\n\ntype DefaultProps = Required<Pick<VariableValueProps, 'deprecated'>>;\n\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps: DefaultProps = {\n    deprecated: false,\n  };\n  private getProps = createPropsGetter(VariableValue.defaultProps);\n  public state: VariableValueState = {\n    value: this.props.value,\n    editing: false,\n  };\n  private subscription: { remove: () => void } | null = null;\n  private rootElement: HTMLElement | null = null;\n  private emotion!: Emotion;\n  private readonly debounceTimeout = 500;\n  private debounceInterval: number | undefined = undefined;\n\n  public render() {\n    const { variable, theme, baseVariables } = this.props;\n    const deprecated = this.getProps().deprecated;\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          const styles = getStyles(this.emotion);\n          return (\n            <div className={styles.variable(theme)} ref={this.rootRef} tabIndex={0}>\n              <div\n                className={this.emotion.cx(styles.variableName(theme), { [styles.deprecated()]: deprecated })}\n                title={variable}\n              >{`${variable}: `}</div>\n              {baseVariables.length > 0 && !this.state.editing\n                ? this.renderBaseVariableLink()\n                : this.renderInputWrapper()}\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public componentDidMount(): void {\n    if (!this.subscription) {\n      emitter.addListener('clicked', this.emitterEventHandler);\n      this.subscription = {\n        remove: () => {\n          emitter.removeListener('clicked', this.emitterEventHandler);\n        },\n      };\n    }\n  }\n\n  public componentDidUpdate(prevProps: VariableValueProps) {\n    if (prevProps.value !== this.props.value) {\n      this.setState({ value: this.props.value });\n    }\n  }\n\n  public componentWillUnmount(): void {\n    if (this.subscription) {\n      this.subscription.remove();\n    }\n    if (this.debounceInterval !== undefined) {\n      clearInterval(this.debounceInterval);\n    }\n  }\n\n  private renderBaseVariableLink = () => {\n    const baseVariables = this.props.baseVariables;\n    const styles = getStyles(this.emotion);\n    return (\n      <div className={styles.baseVariableRoot()}>\n        {this.colorIcon()}\n        <div className={styles.baseLinkWrapper()}>\n          <Gapped>\n            <div style={{ textAlign: 'right' }}>\n              <Gapped vertical>\n                {baseVariables.map((v) => (\n                  <BaseVariableLink key={v} baseVariable={v} emitClickEvent={this.emitClickEvent} />\n                ))}\n              </Gapped>\n            </div>\n            <Hint text={'Изменить значение'}>\n              <Link icon={<EditIcon />} onClick={this.handleEditLinkClick} />\n            </Hint>\n          </Gapped>\n        </div>\n      </div>\n    );\n  };\n\n  private renderInputWrapper = () => {\n    return this.state.editing ? (\n      <Gapped>\n        {this.renderInput()}\n        {this.renderRollbackIcon()}\n      </Gapped>\n    ) : (\n      this.renderInput()\n    );\n  };\n\n  private renderInput() {\n    return (\n      <Input\n        leftIcon={isColorExtended(this.state.value) && this.colorIcon()}\n        value={this.state.value}\n        onValueChange={this.handleChange}\n        onBlur={this.handleBlur}\n        align={'right'}\n        width={this.state.editing ? 225 : 250}\n        error={this.props.isError}\n      />\n    );\n  }\n\n  private renderRollbackIcon() {\n    const styles = getStyles(this.emotion);\n    return (\n      <Hint text={'Вернуться к базовой переменной'}>\n        <div className={styles.linkRoot()}>\n          <Link icon={<DeleteIcon />} onClick={this.rollbackToBaseVariable} />\n        </div>\n      </Hint>\n    );\n  }\n\n  private rootRef = (instance: HTMLElement | null) => {\n    this.rootElement = instance;\n  };\n\n  private colorIcon = () => {\n    const styles = getStyles(this.emotion);\n    return <div className={styles.colorIcon()} style={{ background: this.state.value }} />;\n  };\n\n  private handleEditLinkClick = () => {\n    this.setState({\n      editing: true,\n    });\n  };\n\n  private rollbackToBaseVariable = () => {\n    this.setState({\n      editing: false,\n      value: this.props.value,\n    });\n  };\n\n  private emitClickEvent = (variable: string | number) => {\n    emitter.emit('clicked', variable);\n  };\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n\n    if (this.debounceInterval === undefined) {\n      this.debounceInterval = window.setInterval(this.debounceHandler, this.debounceTimeout);\n    }\n  };\n\n  private debounceHandler = () => {\n    const { variable, onChange } = this.props;\n\n    onChange(variable as keyof Theme, this.state.value);\n\n    clearInterval(this.debounceInterval);\n    this.debounceInterval = undefined;\n  };\n\n  private handleBlur = () => {\n    this.setState({\n      editing: false,\n    });\n  };\n\n  private emitterEventHandler = (name: keyof Theme) => {\n    if (name === this.props.variable && this.rootElement) {\n      this.rootElement.focus();\n    }\n  };\n}\n\ninterface BaseVariableLinkProps {\n  baseVariable: string | number;\n  emitClickEvent: (baseVariable: string | number) => void;\n}\nclass BaseVariableLink extends React.Component<BaseVariableLinkProps> {\n  public render() {\n    return <Link onClick={this.emitClickEvent}>{this.props.baseVariable}</Link>;\n  }\n  private emitClickEvent = () => {\n    this.props.emitClickEvent(this.props.baseVariable);\n  };\n}\n\ntype Color = string | (() => string);\n\nconst getColorValue = (color: Color) => {\n  if (isFunction(color)) {\n    return color();\n  }\n\n  return color;\n};\n\nfunction isColorExtended(color: Color) {\n  const colorValue = getColorValue(color);\n\n  const style = new Option().style;\n  style.color = colorValue;\n\n  if (colorValue) {\n    return isColor(colorValue) || style.color === colorValue;\n  }\n\n  return false;\n}\n"]}

package/internal/ThemePlayground/VariableValue.d.ts

@@ -20,6 +20,7 @@ export declare class VariableValue extends React.Component<VariableValueProps, V
     state: VariableValueState;
     private subscription;
     private rootElement;
+    private emotion;
     private readonly debounceTimeout;
     private debounceInterval;
     render(): JSX.Element;

package/internal/ThemePlayground/constants/constants.js

@@ -43,6 +43,9 @@ export var VARIABLES_GROUPS = [{
 }, {
   title: 'Modal',
   prefix: 'modal'
+}, {
+  title: 'MiniModal',
+  prefix: 'miniModal'
 }, {
   title: 'Paging',
   prefix: 'paging'

package/internal/ThemePlayground/constants/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":";;AAEA,WAAYA,SAAZ,C,WAAYA,S,GAAAA,S,wBAAAA,S,kBAAAA,S,8BAAAA,S,wBAAAA,S,4BAAAA,S,uCAAAA,S,KAAAA,S;;;;;;;;;AASZ,OAAO,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,MAA3B,EAAmCC,QAAQ,EAAE,IAA7C,EAD8B;AAE9B,EAAEF,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,KAA3B,EAF8B;AAG9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAH8B;AAI9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAJ8B;AAK9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,sBAA/B,EAL8B;AAM9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAN8B;AAO9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAP8B;AAQ9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAR8B;AAS9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAT8B;AAU9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAV8B;AAW9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAX8B;AAY9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAZ8B;AAa9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAb8B;AAc9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAd8B;AAe9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAf8B;AAgB9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,KAAzB,EAhB8B;AAiB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAjB8B;AAkB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAlB8B;AAmB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAnB8B;AAoB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EApB8B;AAqB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EArB8B;AAsB9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,YAA/B,EAtB8B;AAuB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAvB8B;AAwB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EAxB8B;AAyB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAzB8B;AA0B9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,SAA3B,EA1B8B;AA2B9B,EAAED,KAAK,EAAE,cAAT,EAAyBC,MAAM,EAAE,cAAjC,EA3B8B;AA4B9B,EAAED,KAAK,EAAE,iBAAT,EAA4BC,MAAM,EAAE,cAApC,EA5B8B,CAAzB;;;AA+BP,OAAO,IAAME,oBAAwC,GAAG,EAAjD","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  Default = 'default',\n  Dark = 'dark',\n  DefaultOld = 'defaultOld',\n  FlatOld = 'flatOld',\n  Theme2022 = 'theme2022',\n  Theme2022Dark = 'theme2022Dark',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n  { title: 'CloseButtonIcon', prefix: 'closeBtnIcon' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"]}
+{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":";;AAEA,WAAYA,SAAZ,C,WAAYA,S,GAAAA,S,wBAAAA,S,kBAAAA,S,8BAAAA,S,wBAAAA,S,4BAAAA,S,uCAAAA,S,KAAAA,S;;;;;;;;;AASZ,OAAO,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,MAA3B,EAAmCC,QAAQ,EAAE,IAA7C,EAD8B;AAE9B,EAAEF,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,KAA3B,EAF8B;AAG9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAH8B;AAI9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAJ8B;AAK9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,sBAA/B,EAL8B;AAM9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAN8B;AAO9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAP8B;AAQ9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAR8B;AAS9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAT8B;AAU9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,MAAzB,EAV8B;AAW9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAX8B;AAY9B,EAAED,KAAK,EAAE,WAAT,EAAsBC,MAAM,EAAE,WAA9B,EAZ8B;AAa9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAb8B;AAc9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAd8B;AAe9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAf8B;AAgB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAhB8B;AAiB9B,EAAED,KAAK,EAAE,MAAT,EAAiBC,MAAM,EAAE,KAAzB,EAjB8B;AAkB9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EAlB8B;AAmB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAnB8B;AAoB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EApB8B;AAqB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EArB8B;AAsB9B,EAAED,KAAK,EAAE,OAAT,EAAkBC,MAAM,EAAE,OAA1B,EAtB8B;AAuB9B,EAAED,KAAK,EAAE,YAAT,EAAuBC,MAAM,EAAE,YAA/B,EAvB8B;AAwB9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,QAA3B,EAxB8B;AAyB9B,EAAED,KAAK,EAAE,SAAT,EAAoBC,MAAM,EAAE,SAA5B,EAzB8B;AA0B9B,EAAED,KAAK,EAAE,UAAT,EAAqBC,MAAM,EAAE,UAA7B,EA1B8B;AA2B9B,EAAED,KAAK,EAAE,QAAT,EAAmBC,MAAM,EAAE,SAA3B,EA3B8B;AA4B9B,EAAED,KAAK,EAAE,cAAT,EAAyBC,MAAM,EAAE,cAAjC,EA5B8B;AA6B9B,EAAED,KAAK,EAAE,iBAAT,EAA4BC,MAAM,EAAE,cAApC,EA7B8B,CAAzB;;;AAgCP,OAAO,IAAME,oBAAwC,GAAG,EAAjD","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  Default = 'default',\n  Dark = 'dark',\n  DefaultOld = 'defaultOld',\n  FlatOld = 'flatOld',\n  Theme2022 = 'theme2022',\n  Theme2022Dark = 'theme2022Dark',\n}\n\nexport const VARIABLES_GROUPS = [\n  { title: 'Common', prefix: 'null', isCommon: true },\n  { title: 'Button', prefix: 'btn' },\n  { title: 'Border', prefix: 'border' },\n  { title: 'Checkbox', prefix: 'checkbox' },\n  { title: 'DatePicker', prefix: 'date calendar picker' },\n  { title: 'Dropdown', prefix: 'dropdown' },\n  { title: 'Input', prefix: 'input' },\n  { title: 'Link', prefix: 'link' },\n  { title: 'Loader', prefix: 'loader' },\n  { title: 'Menu', prefix: 'menu' },\n  { title: 'Modal', prefix: 'modal' },\n  { title: 'MiniModal', prefix: 'miniModal' },\n  { title: 'Paging', prefix: 'paging' },\n  { title: 'Popup', prefix: 'popup' },\n  { title: 'Radio', prefix: 'radio' },\n  { title: 'SidePage', prefix: 'sidePage' },\n  { title: 'Tabs', prefix: 'tab' },\n  { title: 'Textarea', prefix: 'textarea' },\n  { title: 'Toast', prefix: 'toast' },\n  { title: 'Toggle', prefix: 'toggle' },\n  { title: 'Tooltip', prefix: 'tooltip' },\n  { title: 'Token', prefix: 'token' },\n  { title: 'TokenInput', prefix: 'tokenInput' },\n  { title: 'Select', prefix: 'select' },\n  { title: 'Spinner', prefix: 'spinner' },\n  { title: 'Switcher', prefix: 'switcher' },\n  { title: 'Legacy', prefix: 'chb slt' },\n  { title: 'GlobalLoader', prefix: 'globalLoader' },\n  { title: 'CloseButtonIcon', prefix: 'closeBtnIcon' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"]}

package/internal/ThemePlayground/darkTheme/darkTheme.js

@@ -244,7 +244,7 @@ export var darkTheme = ThemeFactory.create({
   toastCloseColor: '#a0a0a0',
   toastCloseHoverColor: 'white',
   tdDividerBg: '#808080',
-  menuItemPaddingForIcon: '36px',
+  menuItemPaddingForIconSmall: '36px',
   menuBorder: 'rgba(0, 0, 0, 0)',
   menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',
 

package/internal/ThemePlayground/darkTheme/darkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME_8PX_OLD","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIcon","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","tbBg","tbShadow","logoColor","logoHoverColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DEFAULT_THEME_8PX_OLD } from '../../lib/theming/themes/DefaultTheme8pxOld';\n\nexport const darkTheme = ThemeFactory.create(\n  {\n    brandXLight: '#cae5f5',\n    brandLight: '#3094d0',\n    brand: '#1e79be',\n    brandDark: '#1363a0',\n    brandXDark: '#084f85',\n    white: '#fff',\n    grayXxLight: '#f2f2f2',\n    grayXLight: '#e5e5e5',\n    grayLight: '#a0a0a0',\n    gray: '#808080',\n    grayDark: '#333',\n    black: '#000',\n    blueXxLight: '#e4f3ff',\n    blueLight: '#5199db',\n    blue: '#3072c4',\n    blueDark: '#1e5aa4',\n    blueXDark: '#044785',\n    greenXxLight: '#e2f7dc',\n    green: '#3f9726',\n    greenDark: '#228007',\n    redXxLight: '#ffd6d6',\n    red: '#d70c17',\n    redDark: '#ce0014',\n    yellowXxLight: '#fff0bc',\n    yellow: '#f69c00',\n    yellowDark: '#d97e00',\n    bgDefault: '#333333',\n    bgDisabled: 'rgba(255, 255, 255, 0.05)',\n    bgActive: '#5199db',\n    errorMain: '#d70c17',\n    errorSecondary: '#ffd6d6',\n    errorText: '#ce0014',\n    warningMain: '#f69c00',\n    warningSecondary: '#fff0bc',\n    warningText: '#d97e00',\n    borderColorFocus: '#5199db',\n    borderColorFocusLight: '#bad7f1',\n    borderColorGrayDark: '#4D4D4D',\n    borderColorGrayLight: '#4D4D4D',\n    borderColorError: '#d70c17',\n    borderColorWarning: '#f69c00',\n    outlineColorFocus: '#fff',\n    placeholderColor: '#aaa',\n    placeholderColorLight: '#bbb',\n    blinkColor: 'rgba(0, 136, 255, 0.4)',\n    controlBorderWidth: '1px',\n    controlLineHeightSmall: '20px',\n    controlLineHeightMedium: '20px',\n    controlLineHeightLarge: '22px',\n    controlPaddingYSmall: '6px',\n    controlPaddingYMedium: '9px',\n    controlPaddingYLarge: '10px',\n    controlHeightSmall: '34px',\n    controlHeightMedium: '40px',\n    controlHeightLarge: '44px',\n    checkboxCheckedColor: '#fff',\n    get checkboxBg() {\n      return this.bgDefault;\n    },\n    checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    checkboxHoverBg: 'none',\n    checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n    checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n    get checkboxOutlineColorFocus() {\n      return this.bgDefault;\n    },\n    get checkboxActiveBg() {\n      return this.bgDefault;\n    },\n    get checkboxCheckedActiveBg() {\n      return this.bgDefault;\n    },\n    get radioBgImage() {\n      return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n    },\n    radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioCheckedBulletColor: '#fff',\n    radioHoverBg: 'none',\n    radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioDisabledShadow: '0 0 0 1px #4D4D4D',\n    radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    get radioActiveBg() {\n      return this.bgDefault;\n    },\n    textColorDefault: '#fff',\n    textColorInvert: '#fff',\n    textColorDisabled: '#a0a0a0',\n    linkColor: '#fff',\n    linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n    linkHoverColor: '#fff',\n    linkDisabledColor: '#a0a0a0',\n    linkHoverTextDecoration: 'underline',\n    menuItemHoverBg: '#0488E0',\n    menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n    loaderBg: '#333',\n    loaderOpacity: '0.9',\n    btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    btnCheckedBg: '#737373',\n    btnCheckedTextColor: '#fff',\n    btnDefaultBg: '#333333',\n    btnDefaultHoverBg: '#444444',\n    btnDefaultBgStart: 'none',\n    btnDefaultBgEnd: 'none',\n    btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n    btnDefaultBorderBottomColor: '',\n    btnDefaultHoverBgStart: '#333',\n    btnDefaultHoverBgEnd: '#333',\n    btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n    btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',\n    btnDefaultActiveBg: '#e1e1e1',\n    btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',\n    btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 0.1)',\n    btnSuccessBg: '#419d14',\n    btnSuccessBgStart: '#4ba91d',\n    btnSuccessBgEnd: '#37910b',\n    btnSuccessTextColor: '#fff',\n    btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n    btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',\n    btnSuccessHoverBgStart: '#3b8d13',\n    btnSuccessHoverBgEnd: '#317e0b',\n    btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n    btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',\n    btnSuccessActiveBg: '#35840e',\n    btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',\n    btnSuccessActiveBorderTopColor: 'rgba(9, 32, 4, 0.6)',\n    btnPrimaryBg: '#1e8dd4',\n    btnPrimaryBgStart: '#2899ea',\n    btnPrimaryBgEnd: '#167ac1',\n    btnPrimaryTextColor: '#fff',\n    btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n    btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',\n    btnPrimaryHoverBgStart: '#0087d5',\n    btnPrimaryHoverBgEnd: '#167ac1',\n    btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n    btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',\n    btnPrimaryActiveBg: '#0079c3',\n    btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n    btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',\n    btnPrimaryActiveBorderTopColor: 'rgba(8, 45, 96, 0.5)',\n    btnDangerBg: '#e14c30',\n    btnDangerBgStart: '#ec5438',\n    btnDangerBgEnd: '#d44327',\n    btnDangerTextColor: '#fff',\n    btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n    btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',\n    btnDangerHoverBgStart: '#d44227',\n    btnDangerHoverBgEnd: '#c73013',\n    btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n    btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',\n    btnDangerActiveBg: '#cd381b',\n    btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',\n    btnDangerActiveBorderTopColor: 'rgba(90, 3, 3, 0.4)',\n    btnPayBg: '#ffc943',\n    btnPayBgStart: '#ffd54b',\n    btnPayBgEnd: '#ffbb39',\n    btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n    btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',\n    btnPayHoverBgStart: '#ffbd3a',\n    btnPayHoverBgEnd: '#f8a91d',\n    btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n    btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',\n    btnPayActiveBg: '#fbb028',\n    btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',\n    btnPayActiveBorderTopColor: 'rgba(0, 0, 0, 0.44)',\n    selectPlaceholderColor: '#a0a0a0',\n    tabColorFocus: '#5199db',\n    tabColorError: '#e14c30',\n    tabColorWarning: '#ffc943',\n    tabColorSuccess: '#419d14',\n    tabColorPrimary: '#1e8dd4',\n    tabColorHover: '#bad7f1',\n    tabColorHoverError: '#f1ac9f',\n    tabColorHoverWarning: '#ffeec3',\n    tabColorHoverSuccess: '#7de849',\n    tabColorHoverPrimary: '#84c4ee',\n    tooltipCloseBtnColor: '#808080',\n    tooltipCloseBtnHoverColor: '#606060',\n    modalBackBg: '#333',\n    modalBackOpacity: '0.6',\n    modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    modalCloseButtonDisabledColor: '#8b8b8b',\n    modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    modalFixedHeaderBg: '#333333',\n    modalFixedHeaderShadow: '0 1px 7px #000000',\n    modalFixedFooterShadow: '0 -1px 10px #000000',\n    modalFooterBg: '#272727',\n    modalAdaptiveThreshold: '425px',\n    sidePageFooterPanelBg: '#272727',\n    sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n    dateInputIconColor: '#666',\n    dateInputMaskColor: '#4D4D4D',\n    calendarCellBg: '#333333',\n    calendarCellHoverBgColor: '#5199db',\n    calendarCellHoverColor: 'white',\n    calendarCellActiveHoverColor: 'white',\n    calendarCellWeekendColor: '#FF1414',\n    calendarCellTodayBorder: '1px solid #333333',\n    calendarCellSelectedBgColor: '#5199db',\n    calendarCellSelectedFontColor: 'inherit',\n    calendarMonthHeaderStickedBgColor: '#333333',\n    calendarMonthTitleBorderBottomColor: '#333333',\n    dateSelectMenuBg: '#333333',\n    dateSelectMenuItemBgActive: '#5199db',\n    dateSelectMenuItemBgSelected: '#5199db',\n    dateSelectMenuItemBgDisabled: '#333333',\n    dateSelectMenuItemFontActive: '#fff',\n    dateSelectMenuItemFontSelected: '#fff',\n    dateSelectMenuItemFontDisabled: '#a0a0a0',\n    datePickerOpenBtnColor: '#333',\n    pickerBg: '#333333',\n    pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    pickerTodayWrapperBgColor: '#333333',\n    pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n    pickerTodayWrapperHoverBgColor: '#5199db',\n    pagingDotsColor: '#A0A0A0',\n    pagingForwardLinkColor: '#00A8FF',\n    pagingForwardLinkDisabledColor: '#A0A0A0',\n    pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n    pagingPageLinkActiveColor: '#a0a0a0',\n    pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n    pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n    menuSeparatorBorderColor: '#404040',\n    toastBg: 'rgba(0, 0, 0, 0.8)',\n    toastColor: 'white',\n    toastLinkColor: '#80caff',\n    toastCloseColor: '#a0a0a0',\n    toastCloseHoverColor: 'white',\n    tdDividerBg: '#808080',\n    menuItemPaddingForIcon: '36px',\n    menuBorder: 'rgba(0, 0, 0, 0)',\n    menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n    get toggleBaseBg() {\n      return this.bgDefault;\n    },\n    toggleBgChecked: '#3072c4',\n    toggleShadowColorWarning: '#f69c00',\n    toggleShadowColorError: '#d70c17',\n    toggleBgActive: '#e5e5e5',\n    toggleFocusShadowColor: '#5199db',\n    toggleBorderColor: 'rgba(255, 255, 255, 0.15)',\n    get toggleBgDisabled() {\n      return this.bgDefault;\n    },\n    toggleDisabledHandleBg: '#4D4D4D',\n    btnMenuArrowColor: '#666',\n    popupBorderRadius: '2px',\n    popupBorder: '1px solid',\n    popupBorderColor: '#4D4D4D',\n    popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n    popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    popupTextColor: '#fff',\n    inputColor: '#fff',\n    inputTextColor: '#fff',\n    inputBg: '#333',\n    inputPlaceholderColorDisabled: '#aaa',\n    btnDisabledTextColor: '#aaa',\n    specificityLevel: '0',\n    textareaBg: 'none',\n    textareaColor: 'inherit',\n    fileUploaderBg: 'rgba(255, 255, 255, 0.04)',\n    fileUploaderTextColorDefault: '#fff',\n    fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderBorderColorFocus: '#1f87ef',\n    fileUploaderLinkColor: '#51adff',\n    fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',\n    fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',\n    fileUploaderBorderColorError: '#ee5042',\n    fileUploaderBorderColorWarning: '#ffa236',\n    fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',\n    fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',\n\n    // react-ui-addons vars\n    // live here because\n    // dark theme is unofficial\n    tbBg: '#262626',\n    tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n    logoColor: 'white',\n    logoHoverColor: '#000',\n  },\n  DEFAULT_THEME_8PX_OLD,\n);\n"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["ThemeFactory","DEFAULT_THEME_8PX_OLD","darkTheme","create","brandXLight","brandLight","brand","brandDark","brandXDark","white","grayXxLight","grayXLight","grayLight","gray","grayDark","black","blueXxLight","blueLight","blue","blueDark","blueXDark","greenXxLight","green","greenDark","redXxLight","red","redDark","yellowXxLight","yellow","yellowDark","bgDefault","bgDisabled","bgActive","errorMain","errorSecondary","errorText","warningMain","warningSecondary","warningText","borderColorFocus","borderColorFocusLight","borderColorGrayDark","borderColorGrayLight","borderColorError","borderColorWarning","outlineColorFocus","placeholderColor","placeholderColorLight","blinkColor","controlBorderWidth","controlLineHeightSmall","controlLineHeightMedium","controlLineHeightLarge","controlPaddingYSmall","controlPaddingYMedium","controlPaddingYLarge","controlHeightSmall","controlHeightMedium","controlHeightLarge","checkboxCheckedColor","checkboxBg","checkboxShadow","checkboxHoverBg","checkboxBgDisabled","checkboxShadowDisabled","checkboxOutlineColorFocus","checkboxActiveBg","checkboxCheckedActiveBg","radioBgImage","radioBoxShadow","radioCheckedBulletColor","radioHoverBg","radioHoverShadow","radioDisabledShadow","radioDisabledBg","radioActiveBg","textColorDefault","textColorInvert","textColorDisabled","linkColor","linkActiveColor","linkHoverColor","linkDisabledColor","linkHoverTextDecoration","menuItemHoverBg","menuItemSelectedBg","loaderBg","loaderOpacity","btnDisabledBg","btnCheckedBg","btnCheckedTextColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","selectPlaceholderColor","tabColorFocus","tabColorError","tabColorWarning","tabColorSuccess","tabColorPrimary","tabColorHover","tabColorHoverError","tabColorHoverWarning","tabColorHoverSuccess","tabColorHoverPrimary","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","modalBackBg","modalBackOpacity","modalCloseButtonColor","modalCloseButtonDisabledColor","modalCloseButtonHoverColor","modalFixedHeaderBg","modalFixedHeaderShadow","modalFixedFooterShadow","modalFooterBg","modalAdaptiveThreshold","sidePageFooterPanelBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","sidePageContainerShadow","dateInputIconColor","dateInputMaskColor","calendarCellBg","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarCellSelectedFontColor","calendarMonthHeaderStickedBgColor","calendarMonthTitleBorderBottomColor","dateSelectMenuBg","dateSelectMenuItemBgActive","dateSelectMenuItemBgSelected","dateSelectMenuItemBgDisabled","dateSelectMenuItemFontActive","dateSelectMenuItemFontSelected","dateSelectMenuItemFontDisabled","datePickerOpenBtnColor","pickerBg","pickerShadow","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","pickerTodayWrapperHoverBgColor","pagingDotsColor","pagingForwardLinkColor","pagingForwardLinkDisabledColor","pagingPageLinkActiveBg","pagingPageLinkActiveColor","pagingPageLinkHoverBg","pagingPageLinkHintColor","menuSeparatorBorderColor","toastBg","toastColor","toastLinkColor","toastCloseColor","toastCloseHoverColor","tdDividerBg","menuItemPaddingForIconSmall","menuBorder","menuShadow","toggleBaseBg","toggleBgChecked","toggleShadowColorWarning","toggleShadowColorError","toggleBgActive","toggleFocusShadowColor","toggleBorderColor","toggleBgDisabled","toggleDisabledHandleBg","btnMenuArrowColor","popupBorderRadius","popupBorder","popupBorderColor","popupDropShadow","popupBoxShadow","popupTextColor","inputColor","inputTextColor","inputBg","inputPlaceholderColorDisabled","btnDisabledTextColor","specificityLevel","textareaBg","textareaColor","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","tbBg","tbShadow","logoColor","logoHoverColor"],"mappings":"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","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { DEFAULT_THEME_8PX_OLD } from '../../lib/theming/themes/DefaultTheme8pxOld';\n\nexport const darkTheme = ThemeFactory.create(\n  {\n    brandXLight: '#cae5f5',\n    brandLight: '#3094d0',\n    brand: '#1e79be',\n    brandDark: '#1363a0',\n    brandXDark: '#084f85',\n    white: '#fff',\n    grayXxLight: '#f2f2f2',\n    grayXLight: '#e5e5e5',\n    grayLight: '#a0a0a0',\n    gray: '#808080',\n    grayDark: '#333',\n    black: '#000',\n    blueXxLight: '#e4f3ff',\n    blueLight: '#5199db',\n    blue: '#3072c4',\n    blueDark: '#1e5aa4',\n    blueXDark: '#044785',\n    greenXxLight: '#e2f7dc',\n    green: '#3f9726',\n    greenDark: '#228007',\n    redXxLight: '#ffd6d6',\n    red: '#d70c17',\n    redDark: '#ce0014',\n    yellowXxLight: '#fff0bc',\n    yellow: '#f69c00',\n    yellowDark: '#d97e00',\n    bgDefault: '#333333',\n    bgDisabled: 'rgba(255, 255, 255, 0.05)',\n    bgActive: '#5199db',\n    errorMain: '#d70c17',\n    errorSecondary: '#ffd6d6',\n    errorText: '#ce0014',\n    warningMain: '#f69c00',\n    warningSecondary: '#fff0bc',\n    warningText: '#d97e00',\n    borderColorFocus: '#5199db',\n    borderColorFocusLight: '#bad7f1',\n    borderColorGrayDark: '#4D4D4D',\n    borderColorGrayLight: '#4D4D4D',\n    borderColorError: '#d70c17',\n    borderColorWarning: '#f69c00',\n    outlineColorFocus: '#fff',\n    placeholderColor: '#aaa',\n    placeholderColorLight: '#bbb',\n    blinkColor: 'rgba(0, 136, 255, 0.4)',\n    controlBorderWidth: '1px',\n    controlLineHeightSmall: '20px',\n    controlLineHeightMedium: '20px',\n    controlLineHeightLarge: '22px',\n    controlPaddingYSmall: '6px',\n    controlPaddingYMedium: '9px',\n    controlPaddingYLarge: '10px',\n    controlHeightSmall: '34px',\n    controlHeightMedium: '40px',\n    controlHeightLarge: '44px',\n    checkboxCheckedColor: '#fff',\n    get checkboxBg() {\n      return this.bgDefault;\n    },\n    checkboxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    checkboxHoverBg: 'none',\n    checkboxBgDisabled: 'rgba(255, 255, 255, 0.05)',\n    checkboxShadowDisabled: '0 0 0 1px #4D4D4D',\n    get checkboxOutlineColorFocus() {\n      return this.bgDefault;\n    },\n    get checkboxActiveBg() {\n      return this.bgDefault;\n    },\n    get checkboxCheckedActiveBg() {\n      return this.bgDefault;\n    },\n    get radioBgImage() {\n      return `linear-gradient(${this.bgDefault},${this.bgDefault})`;\n    },\n    radioBoxShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioCheckedBulletColor: '#fff',\n    radioHoverBg: 'none',\n    radioHoverShadow: '0 0 0 1px rgba(255, 255, 255, 0.15)',\n    radioDisabledShadow: '0 0 0 1px #4D4D4D',\n    radioDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    get radioActiveBg() {\n      return this.bgDefault;\n    },\n    textColorDefault: '#fff',\n    textColorInvert: '#fff',\n    textColorDisabled: '#a0a0a0',\n    linkColor: '#fff',\n    linkActiveColor: 'rgba(255, 255, 255, 0.66)',\n    linkHoverColor: '#fff',\n    linkDisabledColor: '#a0a0a0',\n    linkHoverTextDecoration: 'underline',\n    menuItemHoverBg: '#0488E0',\n    menuItemSelectedBg: 'rgba(255, 255, 255, 0.05)',\n    loaderBg: '#333',\n    loaderOpacity: '0.9',\n    btnDisabledBg: 'rgba(255, 255, 255, 0.05)',\n    btnCheckedBg: '#737373',\n    btnCheckedTextColor: '#fff',\n    btnDefaultBg: '#333333',\n    btnDefaultHoverBg: '#444444',\n    btnDefaultBgStart: 'none',\n    btnDefaultBgEnd: 'none',\n    btnDefaultBorderColor: 'rgba(255,255,255, 1)',\n    btnDefaultBorderBottomColor: '',\n    btnDefaultHoverBgStart: '#333',\n    btnDefaultHoverBgEnd: '#333',\n    btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n    btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',\n    btnDefaultActiveBg: '#e1e1e1',\n    btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',\n    btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 0.1)',\n    btnSuccessBg: '#419d14',\n    btnSuccessBgStart: '#4ba91d',\n    btnSuccessBgEnd: '#37910b',\n    btnSuccessTextColor: '#fff',\n    btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n    btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',\n    btnSuccessHoverBgStart: '#3b8d13',\n    btnSuccessHoverBgEnd: '#317e0b',\n    btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n    btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',\n    btnSuccessActiveBg: '#35840e',\n    btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',\n    btnSuccessActiveBorderTopColor: 'rgba(9, 32, 4, 0.6)',\n    btnPrimaryBg: '#1e8dd4',\n    btnPrimaryBgStart: '#2899ea',\n    btnPrimaryBgEnd: '#167ac1',\n    btnPrimaryTextColor: '#fff',\n    btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n    btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',\n    btnPrimaryHoverBgStart: '#0087d5',\n    btnPrimaryHoverBgEnd: '#167ac1',\n    btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n    btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',\n    btnPrimaryActiveBg: '#0079c3',\n    btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',\n    btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',\n    btnPrimaryActiveBorderTopColor: 'rgba(8, 45, 96, 0.5)',\n    btnDangerBg: '#e14c30',\n    btnDangerBgStart: '#ec5438',\n    btnDangerBgEnd: '#d44327',\n    btnDangerTextColor: '#fff',\n    btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n    btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',\n    btnDangerHoverBgStart: '#d44227',\n    btnDangerHoverBgEnd: '#c73013',\n    btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n    btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',\n    btnDangerActiveBg: '#cd381b',\n    btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',\n    btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',\n    btnDangerActiveBorderTopColor: 'rgba(90, 3, 3, 0.4)',\n    btnPayBg: '#ffc943',\n    btnPayBgStart: '#ffd54b',\n    btnPayBgEnd: '#ffbb39',\n    btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n    btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',\n    btnPayHoverBgStart: '#ffbd3a',\n    btnPayHoverBgEnd: '#f8a91d',\n    btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n    btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',\n    btnPayActiveBg: '#fbb028',\n    btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n    btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',\n    btnPayActiveBorderTopColor: 'rgba(0, 0, 0, 0.44)',\n    selectPlaceholderColor: '#a0a0a0',\n    tabColorFocus: '#5199db',\n    tabColorError: '#e14c30',\n    tabColorWarning: '#ffc943',\n    tabColorSuccess: '#419d14',\n    tabColorPrimary: '#1e8dd4',\n    tabColorHover: '#bad7f1',\n    tabColorHoverError: '#f1ac9f',\n    tabColorHoverWarning: '#ffeec3',\n    tabColorHoverSuccess: '#7de849',\n    tabColorHoverPrimary: '#84c4ee',\n    tooltipCloseBtnColor: '#808080',\n    tooltipCloseBtnHoverColor: '#606060',\n    modalBackBg: '#333',\n    modalBackOpacity: '0.6',\n    modalCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    modalCloseButtonDisabledColor: '#8b8b8b',\n    modalCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    modalFixedHeaderBg: '#333333',\n    modalFixedHeaderShadow: '0 1px 7px #000000',\n    modalFixedFooterShadow: '0 -1px 10px #000000',\n    modalFooterBg: '#272727',\n    modalAdaptiveThreshold: '425px',\n    sidePageFooterPanelBg: '#272727',\n    sidePageCloseButtonColor: 'rgba(255, 255, 255, 0.5)',\n    sidePageCloseButtonHoverColor: 'rgba(255, 255, 255, 0.7)',\n    sidePageContainerShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',\n    dateInputIconColor: '#666',\n    dateInputMaskColor: '#4D4D4D',\n    calendarCellBg: '#333333',\n    calendarCellHoverBgColor: '#5199db',\n    calendarCellHoverColor: 'white',\n    calendarCellActiveHoverColor: 'white',\n    calendarCellWeekendColor: '#FF1414',\n    calendarCellTodayBorder: '1px solid #333333',\n    calendarCellSelectedBgColor: '#5199db',\n    calendarCellSelectedFontColor: 'inherit',\n    calendarMonthHeaderStickedBgColor: '#333333',\n    calendarMonthTitleBorderBottomColor: '#333333',\n    dateSelectMenuBg: '#333333',\n    dateSelectMenuItemBgActive: '#5199db',\n    dateSelectMenuItemBgSelected: '#5199db',\n    dateSelectMenuItemBgDisabled: '#333333',\n    dateSelectMenuItemFontActive: '#fff',\n    dateSelectMenuItemFontSelected: '#fff',\n    dateSelectMenuItemFontDisabled: '#a0a0a0',\n    datePickerOpenBtnColor: '#333',\n    pickerBg: '#333333',\n    pickerShadow: '0 0 0 1px #4d4d4d, 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    pickerTodayWrapperBgColor: '#333333',\n    pickerTodayWrapperBorderTop: '1px solid #4D4D4D',\n    pickerTodayWrapperHoverBgColor: '#5199db',\n    pagingDotsColor: '#A0A0A0',\n    pagingForwardLinkColor: '#00A8FF',\n    pagingForwardLinkDisabledColor: '#A0A0A0',\n    pagingPageLinkActiveBg: 'rgba(255, 255, 255, 0.06)',\n    pagingPageLinkActiveColor: '#a0a0a0',\n    pagingPageLinkHoverBg: 'rgba(255, 255, 255, 0.05)',\n    pagingPageLinkHintColor: 'rgba(160, 160, 160, 0.35)',\n    menuSeparatorBorderColor: '#404040',\n    toastBg: 'rgba(0, 0, 0, 0.8)',\n    toastColor: 'white',\n    toastLinkColor: '#80caff',\n    toastCloseColor: '#a0a0a0',\n    toastCloseHoverColor: 'white',\n    tdDividerBg: '#808080',\n    menuItemPaddingForIconSmall: '36px',\n    menuBorder: 'rgba(0, 0, 0, 0)',\n    menuShadow: '0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)',\n    get toggleBaseBg() {\n      return this.bgDefault;\n    },\n    toggleBgChecked: '#3072c4',\n    toggleShadowColorWarning: '#f69c00',\n    toggleShadowColorError: '#d70c17',\n    toggleBgActive: '#e5e5e5',\n    toggleFocusShadowColor: '#5199db',\n    toggleBorderColor: 'rgba(255, 255, 255, 0.15)',\n    get toggleBgDisabled() {\n      return this.bgDefault;\n    },\n    toggleDisabledHandleBg: '#4D4D4D',\n    btnMenuArrowColor: '#666',\n    popupBorderRadius: '2px',\n    popupBorder: '1px solid',\n    popupBorderColor: '#4D4D4D',\n    popupDropShadow: 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))',\n    popupBoxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)',\n    popupTextColor: '#fff',\n    inputColor: '#fff',\n    inputTextColor: '#fff',\n    inputBg: '#333',\n    inputPlaceholderColorDisabled: '#aaa',\n    btnDisabledTextColor: '#aaa',\n    specificityLevel: '0',\n    textareaBg: 'none',\n    textareaColor: 'inherit',\n    fileUploaderBg: 'rgba(255, 255, 255, 0.04)',\n    fileUploaderTextColorDefault: '#fff',\n    fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderBorderColorFocus: '#1f87ef',\n    fileUploaderLinkColor: '#51adff',\n    fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',\n    fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',\n    fileUploaderBorderColorError: '#ee5042',\n    fileUploaderBorderColorWarning: '#ffa236',\n    fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',\n    fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',\n    fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',\n\n    // react-ui-addons vars\n    // live here because\n    // dark theme is unofficial\n    tbBg: '#262626',\n    tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',\n    logoColor: 'white',\n    logoHoverColor: '#000',\n  },\n  DEFAULT_THEME_8PX_OLD,\n);\n"]}

package/internal/ThemePlayground/darkTheme.d.ts

@@ -221,7 +221,7 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     toastCloseColor: string;
     toastCloseHoverColor: string;
     tdDividerBg: string;
-    menuItemPaddingForIcon: string;
+    menuItemPaddingForIconSmall: string;
     menuBorder: string;
     menuShadow: string;
     readonly toggleBaseBg: any;