@skbkontur/react-ui 0.0.0-3974a633b4 → 0.0.0-444dd4e7b3

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

@@ -1 +1 @@
-{"version":3,"sources":["VariableValue.tsx"],"names":["emitter","EventEmitter","VariableValue","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","styles","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","isColor","isError","linkRoot","React","Component","defaultProps","BaseVariableLink","baseVariable","color","style","Option","startsWith"],"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 { 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';\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\nexport class VariableValue extends React.Component<VariableValueProps, VariableValueState> {\n  public static defaultProps = {\n    deprecated: false,\n  };\n  public state = {\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, deprecated } = this.props;\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={isColor(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\nfunction isColor(color: string | (() => string)) {\n  if (isFunction(color)) {\n    color = color();\n  }\n  const style = new Option().style;\n  style.color = color;\n\n  return (\n    !!color && (color.startsWith('#') || color.startsWith('rgb') || color.startsWith('hsl') || style.color === color)\n  );\n}\n"]}
+{"version":3,"sources":["VariableValue.tsx"],"names":["emitter","EventEmitter","VariableValue","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","styles","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","React","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\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/cjs/internal/ThemePlayground/constants.d.ts

@@ -1,10 +1,11 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare enum ThemeType {
     Default = "default",
-    Flat = "flat",
     Dark = "dark",
     DefaultOld = "defaultOld",
-    FlatOld = "flatOld"
+    FlatOld = "flatOld",
+    Theme2022 = "theme2022",
+    Theme2022Dark = "theme2022Dark"
 }
 export declare const VARIABLES_GROUPS: ({
     title: string;

package/cjs/internal/ThemePlayground/constants.js

@@ -1,6 +1,7 @@
-"use strict";exports.__esModule = true;exports.DEPRECATED_VARIABLES = exports.VARIABLES_GROUPS = exports.ThemeType = void 0;var
+"use strict";exports.__esModule = true;exports.VARIABLES_GROUPS = exports.ThemeType = exports.DEPRECATED_VARIABLES = void 0;var
+
+ThemeType;exports.ThemeType = ThemeType;(function (ThemeType) {ThemeType["Default"] = "default";ThemeType["Dark"] = "dark";ThemeType["DefaultOld"] = "defaultOld";ThemeType["FlatOld"] = "flatOld";ThemeType["Theme2022"] = "theme2022";ThemeType["Theme2022Dark"] = "theme2022Dark";})(ThemeType || (exports.ThemeType = ThemeType = {}));
 
-ThemeType;exports.ThemeType = ThemeType;(function (ThemeType) {ThemeType["Default"] = "default";ThemeType["Flat"] = "flat";ThemeType["Dark"] = "dark";ThemeType["DefaultOld"] = "defaultOld";ThemeType["FlatOld"] = "flatOld";})(ThemeType || (exports.ThemeType = ThemeType = {}));
 
 
 
@@ -20,6 +21,7 @@ var VARIABLES_GROUPS = [
 { title: 'Loader', prefix: 'loader' },
 { title: 'Menu', prefix: 'menu' },
 { title: 'Modal', prefix: 'modal' },
+{ title: 'MiniModal', prefix: 'miniModal' },
 { title: 'Paging', prefix: 'paging' },
 { title: 'Popup', prefix: 'popup' },
 { title: 'Radio', prefix: 'radio' },
@@ -34,7 +36,9 @@ var VARIABLES_GROUPS = [
 { title: 'Select', prefix: 'select' },
 { title: 'Spinner', prefix: 'spinner' },
 { title: 'Switcher', prefix: 'switcher' },
-{ title: 'Legacy', prefix: 'chb slt' }];exports.VARIABLES_GROUPS = VARIABLES_GROUPS;
+{ title: 'Legacy', prefix: 'chb slt' },
+{ title: 'GlobalLoader', prefix: 'globalLoader' },
+{ title: 'CloseButtonIcon', prefix: 'closeBtnIcon' }];exports.VARIABLES_GROUPS = VARIABLES_GROUPS;
 
 
 var DEPRECATED_VARIABLES = [];exports.DEPRECATED_VARIABLES = DEPRECATED_VARIABLES;

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

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":";;AAEYA,S,0CAAAA,S,GAAAA,S,wBAAAA,S,kBAAAA,S,kBAAAA,S,8BAAAA,S,2BAAAA,S,yBAAAA,S;;;;;;;;AAQL,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,CAAzB,C;;;AA6BA,IAAME,oBAAwC,GAAG,EAAjD,C","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  Default = 'default',\n  Flat = 'flat',\n  Dark = 'dark',\n  DefaultOld = 'defaultOld',\n  FlatOld = 'flatOld',\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];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"]}
+{"version":3,"sources":["constants.ts"],"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"mappings":";;AAEYA,S,0CAAAA,S,GAAAA,S,wBAAAA,S,kBAAAA,S,8BAAAA,S,wBAAAA,S,4BAAAA,S,uCAAAA,S,yBAAAA,S;;;;;;;;;AASL,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,C;;;AAgCA,IAAME,oBAAwC,GAAG,EAAjD,C","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/cjs/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;
@@ -248,6 +248,20 @@ export declare const darkTheme: Readonly<Readonly<typeof import("../themes/Defau
     specificityLevel: string;
     textareaBg: string;
     textareaColor: string;
+    fileUploaderBg: string;
+    fileUploaderTextColorDefault: string;
+    fileUploaderBorderColor: string;
+    fileUploaderBorderColorFocus: string;
+    fileUploaderLinkColor: string;
+    fileUploaderIconColor: string;
+    fileUploaderIconHoverColor: string;
+    fileUploaderBorderColorError: string;
+    fileUploaderBorderColorWarning: string;
+    fileUploaderDisabledBg: string;
+    fileUploaderDisabledBorderColor: string;
+    fileUploaderDisabledTextColor: string;
+    fileUploaderDisabledLinkColor: string;
+    fileUploaderDisabledIconColor: string;
     tbBg: string;
     tbShadow: string;
     logoColor: string;

package/cjs/internal/ThemePlayground/darkTheme.js

@@ -1,6 +1,8 @@
 "use strict";exports.__esModule = true;exports.darkTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+var _DefaultTheme8pxOld = require("../../lib/theming/themes/DefaultTheme8pxOld");
 
-var darkTheme = _ThemeFactory.ThemeFactory.create({
+var darkTheme = _ThemeFactory.ThemeFactory.create(
+{
   brandXLight: '#cae5f5',
   brandLight: '#3094d0',
   brand: '#1e79be',
@@ -105,70 +107,70 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   btnDefaultBgStart: 'none',
   btnDefaultBgEnd: 'none',
   btnDefaultBorderColor: 'rgba(255,255,255, 1)',
-  btnDefaultBorderBottomColor: 'rgba(255,255,255, 1)',
+  btnDefaultBorderBottomColor: '',
   btnDefaultHoverBgStart: '#333',
   btnDefaultHoverBgEnd: '#333',
   btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',
-  btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',
+  btnDefaultHoverBorderBottomColor: 'rgba(0,0,0,0.15)',
   btnDefaultActiveBg: '#e1e1e1',
   btnDefaultActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnDefaultActiveBorderColor: 'rgba(0, 0, 0, 0.2)',
-  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 28)',
+  btnDefaultActiveBorderTopColor: 'rgba(0, 0, 0, 0.1)',
   btnSuccessBg: '#419d14',
   btnSuccessBgStart: '#4ba91d',
   btnSuccessBgEnd: '#37910b',
   btnSuccessTextColor: '#fff',
   btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',
-  btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',
+  btnSuccessBorderBottomColor: 'rgba(21, 80, 7, 0.5)',
   btnSuccessHoverBgStart: '#3b8d13',
   btnSuccessHoverBgEnd: '#317e0b',
   btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',
-  btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',
+  btnSuccessHoverBorderBottomColor: 'rgba(16, 70, 4, 0.3)',
   btnSuccessActiveBg: '#35840e',
   btnSuccessActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnSuccessActiveBorderColor: 'rgba(4, 63, 0, 0.75)',
-  btnSuccessActiveBorderTopColor: 'rgba(7, 42, 3, 0.9)',
+  btnSuccessActiveBorderTopColor: 'rgba(9, 32, 4, 0.6)',
   btnPrimaryBg: '#1e8dd4',
   btnPrimaryBgStart: '#2899ea',
   btnPrimaryBgEnd: '#167ac1',
   btnPrimaryTextColor: '#fff',
   btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',
-  btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',
+  btnPrimaryBorderBottomColor: 'rgba(7, 37, 80, 0.5)',
   btnPrimaryHoverBgStart: '#0087d5',
   btnPrimaryHoverBgEnd: '#167ac1',
   btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',
-  btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',
+  btnPrimaryHoverBorderBottomColor: 'rgba(7, 37, 80, 0.3)',
   btnPrimaryActiveBg: '#0079c3',
   btnPrimaryActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)',
   btnPrimaryActiveBorderColor: 'rgba(10, 63, 99, 0.75)',
-  btnPrimaryActiveBorderTopColor: 'rgba(9, 53, 97, 0.88)',
+  btnPrimaryActiveBorderTopColor: 'rgba(8, 45, 96, 0.5)',
   btnDangerBg: '#e14c30',
   btnDangerBgStart: '#ec5438',
   btnDangerBgEnd: '#d44327',
   btnDangerTextColor: '#fff',
   btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',
-  btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',
+  btnDangerBorderBottomColor: 'rgba(0, 0, 0, 0.4)',
   btnDangerHoverBgStart: '#d44227',
   btnDangerHoverBgEnd: '#c73013',
   btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',
-  btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',
+  btnDangerHoverBorderBottomColor: 'rgba(90, 3, 3, 0.4)',
   btnDangerActiveBg: '#cd381b',
   btnDangerActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)',
   btnDangerActiveBorderColor: 'rgba(108, 7, 7, 0.75)',
-  btnDangerActiveBorderTopColor: 'rgba(100, 5, 5, 0.85)',
+  btnDangerActiveBorderTopColor: 'rgba(90, 3, 3, 0.4)',
   btnPayBg: '#ffc943',
   btnPayBgStart: '#ffd54b',
   btnPayBgEnd: '#ffbb39',
   btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',
-  btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',
+  btnPayBorderBottomColor: 'rgba(77, 16, 0, 0.56)',
   btnPayHoverBgStart: '#ffbd3a',
   btnPayHoverBgEnd: '#f8a91d',
   btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',
-  btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',
+  btnPayHoverBorderBottomColor: 'rgba(93, 20, 3, 0.4)',
   btnPayActiveBg: '#fbb028',
   btnPayActiveShadow: 'inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)',
   btnPayActiveBorderColor: 'rgba(210, 144, 0, 0.7)',
-  btnPayActiveBorderTopColor: 'rgba(99, 68, 0, 0.832)',
+  btnPayActiveBorderTopColor: 'rgba(0, 0, 0, 0.44)',
   selectPlaceholderColor: '#a0a0a0',
   tabColorFocus: '#5199db',
   tabColorError: '#e14c30',
@@ -235,7 +237,7 @@ var darkTheme = _ThemeFactory.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)',
   get toggleBaseBg() {
@@ -266,6 +268,20 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   specificityLevel: '0',
   textareaBg: 'none',
   textareaColor: 'inherit',
+  fileUploaderBg: 'rgba(255, 255, 255, 0.04)',
+  fileUploaderTextColorDefault: '#fff',
+  fileUploaderBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderBorderColorFocus: '#1f87ef',
+  fileUploaderLinkColor: '#51adff',
+  fileUploaderIconColor: 'rgba(255, 255, 255, 0.48)',
+  fileUploaderIconHoverColor: 'rgba(255, 255, 255, 0.80)',
+  fileUploaderBorderColorError: '#ee5042',
+  fileUploaderBorderColorWarning: '#ffa236',
+  fileUploaderDisabledBg: 'rgba(255, 255, 255, 0.16)',
+  fileUploaderDisabledBorderColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledTextColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledLinkColor: 'rgba(255, 255, 255, 0.32)',
+  fileUploaderDisabledIconColor: 'rgba(255, 255, 255, 0.32)',
 
   // react-ui-addons vars
   // live here because
@@ -273,4 +289,6 @@ var darkTheme = _ThemeFactory.ThemeFactory.create({
   tbBg: '#262626',
   tbShadow: '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)',
   logoColor: 'white',
-  logoHoverColor: '#000' });exports.darkTheme = darkTheme;
+  logoHoverColor: '#000' },
+
+_DefaultTheme8pxOld.DEFAULT_THEME_8PX_OLD);exports.darkTheme = darkTheme;

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

@@ -1 +1 @@
-{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","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","tbBg","tbShadow","logoColor","logoHoverColor"],"mappings":"kEAAA;;AAEO,IAAMA,SAAS,GAAGC,2BAAaC,MAAb,CAAoB;AAC3CC,EAAAA,WAAW,EAAE,SAD8B;AAE3CC,EAAAA,UAAU,EAAE,SAF+B;AAG3CC,EAAAA,KAAK,EAAE,SAHoC;AAI3CC,EAAAA,SAAS,EAAE,SAJgC;AAK3CC,EAAAA,UAAU,EAAE,SAL+B;AAM3CC,EAAAA,KAAK,EAAE,MANoC;AAO3CC,EAAAA,WAAW,EAAE,SAP8B;AAQ3CC,EAAAA,UAAU,EAAE,SAR+B;AAS3CC,EAAAA,SAAS,EAAE,SATgC;AAU3CC,EAAAA,IAAI,EAAE,SAVqC;AAW3CC,EAAAA,QAAQ,EAAE,MAXiC;AAY3CC,EAAAA,KAAK,EAAE,MAZoC;AAa3CC,EAAAA,WAAW,EAAE,SAb8B;AAc3CC,EAAAA,SAAS,EAAE,SAdgC;AAe3CC,EAAAA,IAAI,EAAE,SAfqC;AAgB3CC,EAAAA,QAAQ,EAAE,SAhBiC;AAiB3CC,EAAAA,SAAS,EAAE,SAjBgC;AAkB3CC,EAAAA,YAAY,EAAE,SAlB6B;AAmB3CC,EAAAA,KAAK,EAAE,SAnBoC;AAoB3CC,EAAAA,SAAS,EAAE,SApBgC;AAqB3CC,EAAAA,UAAU,EAAE,SArB+B;AAsB3CC,EAAAA,GAAG,EAAE,SAtBsC;AAuB3CC,EAAAA,OAAO,EAAE,SAvBkC;AAwB3CC,EAAAA,aAAa,EAAE,SAxB4B;AAyB3CC,EAAAA,MAAM,EAAE,SAzBmC;AA0B3CC,EAAAA,UAAU,EAAE,SA1B+B;AA2B3CC,EAAAA,SAAS,EAAE,SA3BgC;AA4B3CC,EAAAA,UAAU,EAAE,2BA5B+B;AA6B3CC,EAAAA,QAAQ,EAAE,SA7BiC;AA8B3CC,EAAAA,SAAS,EAAE,SA9BgC;AA+B3CC,EAAAA,cAAc,EAAE,SA/B2B;AAgC3CC,EAAAA,SAAS,EAAE,SAhCgC;AAiC3CC,EAAAA,WAAW,EAAE,SAjC8B;AAkC3CC,EAAAA,gBAAgB,EAAE,SAlCyB;AAmC3CC,EAAAA,WAAW,EAAE,SAnC8B;AAoC3CC,EAAAA,gBAAgB,EAAE,SApCyB;AAqC3CC,EAAAA,qBAAqB,EAAE,SArCoB;AAsC3CC,EAAAA,mBAAmB,EAAE,SAtCsB;AAuC3CC,EAAAA,oBAAoB,EAAE,SAvCqB;AAwC3CC,EAAAA,gBAAgB,EAAE,SAxCyB;AAyC3CC,EAAAA,kBAAkB,EAAE,SAzCuB;AA0C3CC,EAAAA,iBAAiB,EAAE,MA1CwB;AA2C3CC,EAAAA,gBAAgB,EAAE,MA3CyB;AA4C3CC,EAAAA,qBAAqB,EAAE,MA5CoB;AA6C3CC,EAAAA,UAAU,EAAE,wBA7C+B;AA8C3CC,EAAAA,kBAAkB,EAAE,KA9CuB;AA+C3CC,EAAAA,sBAAsB,EAAE,MA/CmB;AAgD3CC,EAAAA,uBAAuB,EAAE,MAhDkB;AAiD3CC,EAAAA,sBAAsB,EAAE,MAjDmB;AAkD3CC,EAAAA,oBAAoB,EAAE,KAlDqB;AAmD3CC,EAAAA,qBAAqB,EAAE,KAnDoB;AAoD3CC,EAAAA,oBAAoB,EAAE,MApDqB;AAqD3CC,EAAAA,kBAAkB,EAAE,MArDuB;AAsD3CC,EAAAA,mBAAmB,EAAE,MAtDsB;AAuD3CC,EAAAA,kBAAkB,EAAE,MAvDuB;AAwD3CC,EAAAA,oBAAoB,EAAE,MAxDqB;AAyD3C,MAAIC,UAAJ,GAAiB;AACf,WAAO,KAAK9B,SAAZ;AACD,GA3D0C;AA4D3C+B,EAAAA,cAAc,EAAE,qCA5D2B;AA6D3CC,EAAAA,eAAe,EAAE,MA7D0B;AA8D3CC,EAAAA,kBAAkB,EAAE,2BA9DuB;AA+D3CC,EAAAA,sBAAsB,EAAE,mBA/DmB;AAgE3C,MAAIC,yBAAJ,GAAgC;AAC9B,WAAO,KAAKnC,SAAZ;AACD,GAlE0C;AAmE3C,MAAIoC,gBAAJ,GAAuB;AACrB,WAAO,KAAKpC,SAAZ;AACD,GArE0C;AAsE3C,MAAIqC,uBAAJ,GAA8B;AAC5B,WAAO,KAAKrC,SAAZ;AACD,GAxE0C;AAyE3C,MAAIsC,YAAJ,GAAmB;AACjB,gCAA0B,KAAKtC,SAA/B,SAA4C,KAAKA,SAAjD;AACD,GA3E0C;AA4E3CuC,EAAAA,cAAc,EAAE,qCA5E2B;AA6E3CC,EAAAA,uBAAuB,EAAE,MA7EkB;AA8E3CC,EAAAA,YAAY,EAAE,MA9E6B;AA+E3CC,EAAAA,gBAAgB,EAAE,qCA/EyB;AAgF3CC,EAAAA,mBAAmB,EAAE,mBAhFsB;AAiF3CC,EAAAA,eAAe,EAAE,2BAjF0B;AAkF3C,MAAIC,aAAJ,GAAoB;AAClB,WAAO,KAAK7C,SAAZ;AACD,GApF0C;AAqF3C8C,EAAAA,gBAAgB,EAAE,MArFyB;AAsF3CC,EAAAA,eAAe,EAAE,MAtF0B;AAuF3CC,EAAAA,iBAAiB,EAAE,SAvFwB;AAwF3CC,EAAAA,SAAS,EAAE,MAxFgC;AAyF3CC,EAAAA,eAAe,EAAE,2BAzF0B;AA0F3CC,EAAAA,cAAc,EAAE,MA1F2B;AA2F3CC,EAAAA,iBAAiB,EAAE,SA3FwB;AA4F3CC,EAAAA,uBAAuB,EAAE,WA5FkB;AA6F3CC,EAAAA,eAAe,EAAE,SA7F0B;AA8F3CC,EAAAA,kBAAkB,EAAE,2BA9FuB;AA+F3CC,EAAAA,QAAQ,EAAE,MA/FiC;AAgG3CC,EAAAA,aAAa,EAAE,KAhG4B;AAiG3CC,EAAAA,aAAa,EAAE,2BAjG4B;AAkG3CC,EAAAA,YAAY,EAAE,SAlG6B;AAmG3CC,EAAAA,mBAAmB,EAAE,MAnGsB;AAoG3CC,EAAAA,YAAY,EAAE,SApG6B;AAqG3CC,EAAAA,iBAAiB,EAAE,SArGwB;AAsG3CC,EAAAA,iBAAiB,EAAE,MAtGwB;AAuG3CC,EAAAA,eAAe,EAAE,MAvG0B;AAwG3CC,EAAAA,qBAAqB,EAAE,sBAxGoB;AAyG3CC,EAAAA,2BAA2B,EAAE,sBAzGc;AA0G3CC,EAAAA,sBAAsB,EAAE,MA1GmB;AA2G3CC,EAAAA,oBAAoB,EAAE,MA3GqB;AA4G3CC,EAAAA,0BAA0B,EAAE,uBA5Ge;AA6G3CC,EAAAA,gCAAgC,EAAE,uBA7GS;AA8G3CC,EAAAA,kBAAkB,EAAE,SA9GuB;AA+G3CC,EAAAA,sBAAsB,EAAE,sCA/GmB;AAgH3CC,EAAAA,2BAA2B,EAAE,oBAhHc;AAiH3CC,EAAAA,8BAA8B,EAAE,mBAjHW;AAkH3CC,EAAAA,YAAY,EAAE,SAlH6B;AAmH3CC,EAAAA,iBAAiB,EAAE,SAnHwB;AAoH3CC,EAAAA,eAAe,EAAE,SApH0B;AAqH3CC,EAAAA,mBAAmB,EAAE,MArHsB;AAsH3CC,EAAAA,qBAAqB,EAAE,uBAtHoB;AAuH3CC,EAAAA,2BAA2B,EAAE,uBAvHc;AAwH3CC,EAAAA,sBAAsB,EAAE,SAxHmB;AAyH3CC,EAAAA,oBAAoB,EAAE,SAzHqB;AA0H3CC,EAAAA,0BAA0B,EAAE,qBA1He;AA2H3CC,EAAAA,gCAAgC,EAAE,uBA3HS;AA4H3CC,EAAAA,kBAAkB,EAAE,SA5HuB;AA6H3CC,EAAAA,sBAAsB,EAAE,sCA7HmB;AA8H3CC,EAAAA,2BAA2B,EAAE,sBA9Hc;AA+H3CC,EAAAA,8BAA8B,EAAE,qBA/HW;AAgI3CC,EAAAA,YAAY,EAAE,SAhI6B;AAiI3CC,EAAAA,iBAAiB,EAAE,SAjIwB;AAkI3CC,EAAAA,eAAe,EAAE,SAlI0B;AAmI3CC,EAAAA,mBAAmB,EAAE,MAnIsB;AAoI3CC,EAAAA,qBAAqB,EAAE,wBApIoB;AAqI3CC,EAAAA,2BAA2B,EAAE,0BArIc;AAsI3CC,EAAAA,sBAAsB,EAAE,SAtImB;AAuI3CC,EAAAA,oBAAoB,EAAE,SAvIqB;AAwI3CC,EAAAA,0BAA0B,EAAE,sBAxIe;AAyI3CC,EAAAA,gCAAgC,EAAE,uBAzIS;AA0I3CC,EAAAA,kBAAkB,EAAE,SA1IuB;AA2I3CC,EAAAA,sBAAsB,EAAE,sCA3ImB;AA4I3CC,EAAAA,2BAA2B,EAAE,wBA5Ic;AA6I3CC,EAAAA,8BAA8B,EAAE,uBA7IW;AA8I3CC,EAAAA,WAAW,EAAE,SA9I8B;AA+I3CC,EAAAA,gBAAgB,EAAE,SA/IyB;AAgJ3CC,EAAAA,cAAc,EAAE,SAhJ2B;AAiJ3CC,EAAAA,kBAAkB,EAAE,MAjJuB;AAkJ3CC,EAAAA,oBAAoB,EAAE,uBAlJqB;AAmJ3CC,EAAAA,0BAA0B,EAAE,sBAnJe;AAoJ3CC,EAAAA,qBAAqB,EAAE,SApJoB;AAqJ3CC,EAAAA,mBAAmB,EAAE,SArJsB;AAsJ3CC,EAAAA,yBAAyB,EAAE,sBAtJgB;AAuJ3CC,EAAAA,+BAA+B,EAAE,wBAvJU;AAwJ3CC,EAAAA,iBAAiB,EAAE,SAxJwB;AAyJ3CC,EAAAA,qBAAqB,EAAE,sCAzJoB;AA0J3CC,EAAAA,0BAA0B,EAAE,uBA1Je;AA2J3CC,EAAAA,6BAA6B,EAAE,uBA3JY;AA4J3CC,EAAAA,QAAQ,EAAE,SA5JiC;AA6J3CC,EAAAA,aAAa,EAAE,SA7J4B;AA8J3CC,EAAAA,WAAW,EAAE,SA9J8B;AA+J3CC,EAAAA,iBAAiB,EAAE,yBA/JwB;AAgK3CC,EAAAA,uBAAuB,EAAE,yBAhKkB;AAiK3CC,EAAAA,kBAAkB,EAAE,SAjKuB;AAkK3CC,EAAAA,gBAAgB,EAAE,SAlKyB;AAmK3CC,EAAAA,sBAAsB,EAAE,wBAnKmB;AAoK3CC,EAAAA,4BAA4B,EAAE,wBApKa;AAqK3CC,EAAAA,cAAc,EAAE,SArK2B;AAsK3CC,EAAAA,kBAAkB,EAAE,uCAtKuB;AAuK3CC,EAAAA,uBAAuB,EAAE,wBAvKkB;AAwK3CC,EAAAA,0BAA0B,EAAE,wBAxKe;AAyK3CC,EAAAA,sBAAsB,EAAE,SAzKmB;AA0K3CC,EAAAA,aAAa,EAAE,SA1K4B;AA2K3CC,EAAAA,aAAa,EAAE,SA3K4B;AA4K3CC,EAAAA,eAAe,EAAE,SA5K0B;AA6K3CC,EAAAA,eAAe,EAAE,SA7K0B;AA8K3CC,EAAAA,eAAe,EAAE,SA9K0B;AA+K3CC,EAAAA,aAAa,EAAE,SA/K4B;AAgL3CC,EAAAA,kBAAkB,EAAE,SAhLuB;AAiL3CC,EAAAA,oBAAoB,EAAE,SAjLqB;AAkL3CC,EAAAA,oBAAoB,EAAE,SAlLqB;AAmL3CC,EAAAA,oBAAoB,EAAE,SAnLqB;AAoL3CC,EAAAA,oBAAoB,EAAE,SApLqB;AAqL3CC,EAAAA,yBAAyB,EAAE,SArLgB;AAsL3CC,EAAAA,WAAW,EAAE,MAtL8B;AAuL3CC,EAAAA,gBAAgB,EAAE,KAvLyB;AAwL3CC,EAAAA,qBAAqB,EAAE,0BAxLoB;AAyL3CC,EAAAA,6BAA6B,EAAE,SAzLY;AA0L3CC,EAAAA,0BAA0B,EAAE,0BA1Le;AA2L3CC,EAAAA,kBAAkB,EAAE,SA3LuB;AA4L3CC,EAAAA,sBAAsB,EAAE,mBA5LmB;AA6L3CC,EAAAA,sBAAsB,EAAE,qBA7LmB;AA8L3CC,EAAAA,aAAa,EAAE,SA9L4B;AA+L3CC,EAAAA,sBAAsB,EAAE,OA/LmB;AAgM3CC,EAAAA,qBAAqB,EAAE,SAhMoB;AAiM3CC,EAAAA,wBAAwB,EAAE,0BAjMiB;AAkM3CC,EAAAA,6BAA6B,EAAE,0BAlMY;AAmM3CC,EAAAA,uBAAuB,EAAE,+BAnMkB;AAoM3CC,EAAAA,kBAAkB,EAAE,MApMuB;AAqM3CC,EAAAA,kBAAkB,EAAE,SArMuB;AAsM3CC,EAAAA,cAAc,EAAE,SAtM2B;AAuM3CC,EAAAA,wBAAwB,EAAE,SAvMiB;AAwM3CC,EAAAA,sBAAsB,EAAE,OAxMmB;AAyM3CC,EAAAA,4BAA4B,EAAE,OAzMa;AA0M3CC,EAAAA,wBAAwB,EAAE,SA1MiB;AA2M3CC,EAAAA,uBAAuB,EAAE,mBA3MkB;AA4M3CC,EAAAA,2BAA2B,EAAE,SA5Mc;AA6M3CC,EAAAA,6BAA6B,EAAE,SA7MY;AA8M3CC,EAAAA,iCAAiC,EAAE,SA9MQ;AA+M3CC,EAAAA,mCAAmC,EAAE,SA/MM;AAgN3CC,EAAAA,gBAAgB,EAAE,SAhNyB;AAiN3CC,EAAAA,0BAA0B,EAAE,SAjNe;AAkN3CC,EAAAA,4BAA4B,EAAE,SAlNa;AAmN3CC,EAAAA,4BAA4B,EAAE,SAnNa;AAoN3CC,EAAAA,4BAA4B,EAAE,MApNa;AAqN3CC,EAAAA,8BAA8B,EAAE,MArNW;AAsN3CC,EAAAA,8BAA8B,EAAE,SAtNW;AAuN3CC,EAAAA,sBAAsB,EAAE,MAvNmB;AAwN3CC,EAAAA,QAAQ,EAAE,SAxNiC;AAyN3CC,EAAAA,YAAY,EAAE,oDAzN6B;AA0N3CC,EAAAA,yBAAyB,EAAE,SA1NgB;AA2N3CC,EAAAA,2BAA2B,EAAE,mBA3Nc;AA4N3CC,EAAAA,8BAA8B,EAAE,SA5NW;AA6N3CC,EAAAA,eAAe,EAAE,SA7N0B;AA8N3CC,EAAAA,sBAAsB,EAAE,SA9NmB;AA+N3CC,EAAAA,8BAA8B,EAAE,SA/NW;AAgO3CC,EAAAA,sBAAsB,EAAE,2BAhOmB;AAiO3CC,EAAAA,yBAAyB,EAAE,SAjOgB;AAkO3CC,EAAAA,qBAAqB,EAAE,2BAlOoB;AAmO3CC,EAAAA,uBAAuB,EAAE,2BAnOkB;AAoO3CC,EAAAA,wBAAwB,EAAE,SApOiB;AAqO3CC,EAAAA,OAAO,EAAE,oBArOkC;AAsO3CC,EAAAA,UAAU,EAAE,OAtO+B;AAuO3CC,EAAAA,cAAc,EAAE,SAvO2B;AAwO3CC,EAAAA,eAAe,EAAE,SAxO0B;AAyO3CC,EAAAA,oBAAoB,EAAE,OAzOqB;AA0O3CC,EAAAA,WAAW,EAAE,SA1O8B;AA2O3CC,EAAAA,sBAAsB,EAAE,MA3OmB;AA4O3CC,EAAAA,UAAU,EAAE,kBA5O+B;AA6O3CC,EAAAA,UAAU,EAAE,oDA7O+B;AA8O3C,MAAIC,YAAJ,GAAmB;AACjB,WAAO,KAAKvM,SAAZ;AACD,GAhP0C;AAiP3CwM,EAAAA,eAAe,EAAE,SAjP0B;AAkP3CC,EAAAA,wBAAwB,EAAE,SAlPiB;AAmP3CC,EAAAA,sBAAsB,EAAE,SAnPmB;AAoP3CC,EAAAA,cAAc,EAAE,SApP2B;AAqP3CC,EAAAA,sBAAsB,EAAE,SArPmB;AAsP3CC,EAAAA,iBAAiB,EAAE,2BAtPwB;AAuP3C,MAAIC,gBAAJ,GAAuB;AACrB,WAAO,KAAK9M,SAAZ;AACD,GAzP0C;AA0P3C+M,EAAAA,sBAAsB,EAAE,SA1PmB;AA2P3CC,EAAAA,iBAAiB,EAAE,MA3PwB;AA4P3CC,EAAAA,iBAAiB,EAAE,KA5PwB;AA6P3CC,EAAAA,WAAW,EAAE,WA7P8B;AA8P3CC,EAAAA,gBAAgB,EAAE,SA9PyB;AA+P3CC,EAAAA,eAAe,EAAE,mFA/P0B;AAgQ3CC,EAAAA,cAAc,EAAE,+DAhQ2B;AAiQ3CC,EAAAA,cAAc,EAAE,MAjQ2B;AAkQ3CC,EAAAA,UAAU,EAAE,MAlQ+B;AAmQ3CC,EAAAA,cAAc,EAAE,MAnQ2B;AAoQ3CC,EAAAA,OAAO,EAAE,MApQkC;AAqQ3CC,EAAAA,6BAA6B,EAAE,MArQY;AAsQ3CC,EAAAA,oBAAoB,EAAE,MAtQqB;AAuQ3CC,EAAAA,gBAAgB,EAAE,GAvQyB;AAwQ3CC,EAAAA,UAAU,EAAE,MAxQ+B;AAyQ3CC,EAAAA,aAAa,EAAE,SAzQ4B;;AA2Q3C;AACA;AACA;AACAC,EAAAA,IAAI,EAAE,SA9QqC;AA+Q3CC,EAAAA,QAAQ,EAAE,gEA/QiC;AAgR3CC,EAAAA,SAAS,EAAE,OAhRgC;AAiR3CC,EAAAA,cAAc,EAAE,MAjR2B,EAApB,CAAlB,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\n\nexport const darkTheme = ThemeFactory.create({\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: 'rgba(255,255,255, 1)',\n  btnDefaultHoverBgStart: '#333',\n  btnDefaultHoverBgEnd: '#333',\n  btnDefaultHoverBorderColor: 'rgba(255,255,255,0.9)',\n  btnDefaultHoverBorderBottomColor: 'rgba(255,255,255,0.7)',\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, 28)',\n  btnSuccessBg: '#419d14',\n  btnSuccessBgStart: '#4ba91d',\n  btnSuccessBgEnd: '#37910b',\n  btnSuccessTextColor: '#fff',\n  btnSuccessBorderColor: 'rgba(25, 103, 6, 0.7)',\n  btnSuccessBorderBottomColor: 'rgba(23, 89, 7, 0.85)',\n  btnSuccessHoverBgStart: '#3b8d13',\n  btnSuccessHoverBgEnd: '#317e0b',\n  btnSuccessHoverBorderColor: 'rgba(7, 73, 1, 0.7)',\n  btnSuccessHoverBorderBottomColor: 'rgba(10, 72, 2, 0.79)',\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(7, 42, 3, 0.9)',\n  btnPrimaryBg: '#1e8dd4',\n  btnPrimaryBgStart: '#2899ea',\n  btnPrimaryBgEnd: '#167ac1',\n  btnPrimaryTextColor: '#fff',\n  btnPrimaryBorderColor: 'rgba(14, 81, 129, 0.7)',\n  btnPrimaryBorderBottomColor: 'rgba(10, 55, 100, 0.85) ',\n  btnPrimaryHoverBgStart: '#0087d5',\n  btnPrimaryHoverBgEnd: '#167ac1',\n  btnPrimaryHoverBorderColor: 'rgba(5, 60, 99, 0.7)',\n  btnPrimaryHoverBorderBottomColor: 'rgba(6, 51, 92, 0.79)',\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(9, 53, 97, 0.88)',\n  btnDangerBg: '#e14c30',\n  btnDangerBgStart: '#ec5438',\n  btnDangerBgEnd: '#d44327',\n  btnDangerTextColor: '#fff',\n  btnDangerBorderColor: 'rgba(173, 15, 0, 0.7)',\n  btnDangerBorderBottomColor: 'rgba(89, 8, 0, 0.82)',\n  btnDangerHoverBgStart: '#d44227',\n  btnDangerHoverBgEnd: '#c73013',\n  btnDangerHoverBorderColor: 'rgba(145, 0, 0, 0.7)',\n  btnDangerHoverBorderBottomColor: 'rgba(118, 1, 1, 0.82) ',\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(100, 5, 5, 0.85)',\n  btnPayBg: '#ffc943',\n  btnPayBgStart: '#ffd54b',\n  btnPayBgEnd: '#ffbb39',\n  btnPayBorderColor: 'rgba(238, 169, 34, 0.7)',\n  btnPayBorderBottomColor: 'rgba(134, 70, 12, 0.87)',\n  btnPayHoverBgStart: '#ffbd3a',\n  btnPayHoverBgEnd: '#f8a91d',\n  btnPayHoverBorderColor: 'rgba(227, 142, 8, 0.7)',\n  btnPayHoverBorderBottomColor: 'rgba(162, 82, 6, 0.82)',\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(99, 68, 0, 0.832)',\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\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"]}
+{"version":3,"sources":["darkTheme.ts"],"names":["darkTheme","ThemeFactory","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","DEFAULT_THEME_8PX_OLD"],"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/cjs/internal/ThemePlayground/helpers.d.ts

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

package/cjs/internal/ThemePlayground/helpers.js

@@ -2,10 +2,12 @@
 
 var _Checkbox = require("../../components/Checkbox");
 
-var getComponentsFromPropsList = function getComponentsFromPropsList(component, propsList) {
+var getComponentsFromPropsList = function getComponentsFromPropsList(
+component,
+propsList)
+{
   return propsList.reduce(function (result, props, index) {
     // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен
-    // @ts-ignore
     var isCheckbox = component.type === _Checkbox.Checkbox;
     if (isCheckbox) {
       var checkboxProps = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"0PAAA;;AAEA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAGL,KAAtB;AACA,UAAIK,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAACC,EAAD,EAAQ;AAC1B,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM,C","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    // @ts-ignore\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}
+{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"0PAAA;;AAEA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B;AACxCC,SADwC;AAExCC,SAFwC;AAGrC;AACH,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAGL,KAAtB;AACA,UAAIK,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAACC,EAAD,EAAQ;AAC1B,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAlBM,EAkBJ,EAlBI,CAAP;AAmBD,CAvBM,C","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends Record<string, string>>(\n  component: React.ReactElement<P>,\n  propsList: P[],\n) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = props as unknown as { ref: (el: Checkbox) => void; focused?: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = (el) => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}