@skbkontur/react-ui 0.0.0-b408db2ccf → 0.0.0-b4710fb038

package/internal/ThemePlayground/UnlinkVarsPlayground/UnlinkVarsPlayground.js

@@ -0,0 +1,51 @@
+import React, { useState } from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { Checkbox } from "../../../components/Checkbox";
+import { Radio } from "../../../components/Radio";
+import { FileUploader } from "../../../components/FileUploader";
+import { Paging } from "../../../components/Paging";
+import { getComponentsFromPropsList } from "../helpers";
+var propsList = [{
+  children: 'Semichecked',
+  initialIndeterminate: true
+}, {
+  children: 'Checked',
+  checked: true
+}, {
+  children: 'Checked & Focused',
+  checked: true,
+  focused: true
+}];
+export var UnlinkVarsPlayground = function UnlinkVarsPlayground() {
+  var theme = ThemeFactory.create({
+    borderColorFocus: '#7474DA',
+    linkColor: '#0000cc'
+  });
+  var _useState = useState(3),
+    active = _useState[0],
+    setActive = _useState[1];
+  return /*#__PURE__*/(
+    React.createElement(ThemeContext.Provider, {
+      value: theme
+    }, /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        display: 'grid',
+        gap: '10px'
+      }
+    }, getComponentsFromPropsList( /*#__PURE__*/React.createElement(Checkbox, null), propsList), /*#__PURE__*/
+    React.createElement(Paging, {
+      activePage: active,
+      pagesCount: 5,
+      onPageChange: function onPageChange(num) {
+        return setActive(num);
+      }
+    }), /*#__PURE__*/
+    React.createElement(FileUploader, null), /*#__PURE__*/
+    React.createElement(Radio, {
+      value: 'foo',
+      focused: true
+    })))
+  );
+};

package/internal/ThemePlayground/UnlinkVarsPlayground/UnlinkVarsPlayground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","ThemeContext","ThemeFactory","Checkbox","Radio","FileUploader","Paging","getComponentsFromPropsList","propsList","children","initialIndeterminate","checked","focused","UnlinkVarsPlayground","theme","create","borderColorFocus","linkColor","_useState","active","setActive","createElement","Provider","value","style","display","gap","activePage","pagesCount","onPageChange","num"],"sources":["UnlinkVarsPlayground.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\nimport { Radio } from '../../components/Radio';\nimport { FileUploader } from '../../components/FileUploader';\nimport { Paging } from '../../components/Paging';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Checked', checked: true },\n  { children: 'Checked & Focused', checked: true, focused: true },\n];\n\nexport const UnlinkVarsPlayground = () => {\n  const theme = ThemeFactory.create({ borderColorFocus: '#7474DA', linkColor: '#0000cc' });\n  const [active, setActive] = useState(3);\n  return (\n    <ThemeContext.Provider value={theme}>\n      <div style={{ display: 'grid', gap: '10px' }}>\n        {getComponentsFromPropsList(<Checkbox />, propsList)}\n        <Paging activePage={active} pagesCount={5} onPageChange={(num) => setActive(num)} />\n        <FileUploader />\n        <Radio value={'foo'} focused />\n      </div>\n    </ThemeContext.Provider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;;AAEvC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,0BAA0B,QAAQ,WAAW;;;AAGtD,IAAMC,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,aAAa,EAAEC,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAED,QAAQ,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEF,QAAQ,EAAE,mBAAmB,EAAEE,OAAO,EAAE,IAAI,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC,CAChE;;;AAED,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACxC,IAAMC,KAAK,GAAGZ,YAAY,CAACa,MAAM,CAAC,EAAEC,gBAAgB,EAAE,SAAS,EAAEC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;EACxF,IAAAC,SAAA,GAA4BlB,QAAQ,CAAC,CAAC,CAAC,CAAhCmB,MAAM,GAAAD,SAAA,IAAEE,SAAS,GAAAF,SAAA;EACxB;IACEnB,KAAA,CAAAsB,aAAA,CAACpB,YAAY,CAACqB,QAAQ,IAACC,KAAK,EAAET,KAAM;IAClCf,KAAA,CAAAsB,aAAA,UAAKG,KAAK,EAAE,EAAEC,OAAO,EAAE,MAAM,EAAEC,GAAG,EAAE,MAAM,CAAC,CAAE;IAC1CnB,0BAA0B,eAACR,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAC,EAAEK,SAAS,CAAC;IACpDT,KAAA,CAAAsB,aAAA,CAACf,MAAM,IAACqB,UAAU,EAAER,MAAO,EAACS,UAAU,EAAE,CAAE,EAACC,YAAY,EAAE,SAAAA,aAACC,GAAG,UAAKV,SAAS,CAACU,GAAG,CAAC,EAAC,EAAE,CAAC;IACpF/B,KAAA,CAAAsB,aAAA,CAAChB,YAAY,MAAE,CAAC;IAChBN,KAAA,CAAAsB,aAAA,CAACjB,KAAK,IAACmB,KAAK,EAAE,KAAM,EAACX,OAAO,QAAE;IAC3B;IACgB,CAAC;;AAE5B,CAAC","ignoreList":[]}

package/internal/ThemePlayground/UnlinkVarsPlayground/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/ThemePlayground/UnlinkVarsPlayground.js",
+  "module": "UnlinkVarsPlayground",
+  "types": "../UnlinkVarsPlayground.d.ts",
+  "sideEffects": false
+}

package/internal/ThemePlayground/UnlinkVarsPlayground.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","EditIcon","DeleteIcon","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","cx","createPropsGetter","styles","emitter","VariableValue","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","createElement","className","baseVariableRoot","colorIcon","baseLinkWrapper","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","text","icon","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","colorValue","Option"],"sources":["VariableValue.tsx"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","EditIcon","DeleteIcon","EventEmitter","isColor","Input","Gapped","Link","Hint","isFunction","cx","createPropsGetter","styles","emitter","VariableValue","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","value","props","editing","subscription","rootElement","debounceTimeout","debounceInterval","undefined","renderBaseVariableLink","baseVariables","createElement","className","baseVariableRoot","colorIcon","baseLinkWrapper","style","textAlign","vertical","map","v","BaseVariableLink","key","baseVariable","emitClickEvent","text","icon","onClick","handleEditLinkClick","renderInputWrapper","renderInput","renderRollbackIcon","rootRef","instance","background","setState","rollbackToBaseVariable","variable","emit","handleChange","window","setInterval","debounceHandler","_this$props","onChange","clearInterval","handleBlur","emitterEventHandler","name","focus","_inheritsLoose","_proto","prototype","render","_cx","_this$props2","theme","deprecated","ref","tabIndex","variableName","title","componentDidMount","_this2","addListener","remove","removeListener","componentDidUpdate","prevProps","componentWillUnmount","leftIcon","isColorExtended","onValueChange","onBlur","align","width","error","isError","linkRoot","Component","_React$Component2","_this3","_len2","_key2","_proto2","getColorValue","color","colorValue","Option"],"sources":["VariableValue.tsx"],"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 type { 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"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/VariableValue.d.ts

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

package/internal/ThemePlayground/constants/constants.js

@@ -1,10 +1,6 @@
 export var ThemeType = /*#__PURE__*/function (ThemeType) {
-  ThemeType["Default"] = "default";
-  ThemeType["Dark"] = "dark";
-  ThemeType["DefaultOld"] = "defaultOld";
-  ThemeType["FlatOld"] = "flatOld";
-  ThemeType["Theme2022"] = "theme2022";
-  ThemeType["Theme2022Dark"] = "theme2022Dark";
+  ThemeType["LightTheme"] = "lightTheme";
+  ThemeType["DarkTheme"] = "darkTheme";
   return ThemeType;
 }({});
 export var VARIABLES_GROUPS = [{

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

@@ -1 +1 @@
-{"version":3,"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"sources":["constants.ts"],"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  { title: 'react-ui-validations', prefix: 'validations' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"],"mappings":";;AAEA,WAAYA,SAAS,0BAATA,SAAS,GAATA,SAAS,wBAATA,SAAS,kBAATA,SAAS,8BAATA,SAAS,wBAATA,SAAS,4BAATA,SAAS,2CAATA,SAAS;;;;;;;;;AASrB,OAAO,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,MAAM,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEF,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACvD,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,WAAW,EAAEC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC7C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACtC,EAAED,KAAK,EAAE,cAAc,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,EAAED,KAAK,EAAE,iBAAiB,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACpD,EAAED,KAAK,EAAE,sBAAsB,EAAEC,MAAM,EAAE,aAAa,CAAC,CAAC,CACzD;;;AAED,OAAO,IAAME,oBAAwC,GAAG,EAAE","ignoreList":[]}
+{"version":3,"names":["ThemeType","VARIABLES_GROUPS","title","prefix","isCommon","DEPRECATED_VARIABLES"],"sources":["constants.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\n\nexport enum ThemeType {\n  LightTheme = 'lightTheme',\n  DarkTheme = 'darkTheme',\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  { title: 'react-ui-validations', prefix: 'validations' },\n];\n\nexport const DEPRECATED_VARIABLES: Array<keyof Theme> = [];\n"],"mappings":";;AAEA,WAAYA,SAAS,0BAATA,SAAS,GAATA,SAAS,8BAATA,SAAS,mCAATA,SAAS;;;;;AAKrB,OAAO,IAAMC,gBAAgB,GAAG;AAC9B,EAAEC,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,MAAM,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEF,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,sBAAsB,CAAC,CAAC;AACvD,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,MAAM,CAAC,CAAC;AACjC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,WAAW,EAAEC,MAAM,EAAE,WAAW,CAAC,CAAC;AAC3C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,MAAM,EAAEC,MAAM,EAAE,KAAK,CAAC,CAAC;AAChC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,OAAO,EAAEC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnC,EAAED,KAAK,EAAE,YAAY,EAAEC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC7C,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACrC,EAAED,KAAK,EAAE,SAAS,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACvC,EAAED,KAAK,EAAE,UAAU,EAAEC,MAAM,EAAE,UAAU,CAAC,CAAC;AACzC,EAAED,KAAK,EAAE,QAAQ,EAAEC,MAAM,EAAE,SAAS,CAAC,CAAC;AACtC,EAAED,KAAK,EAAE,cAAc,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACjD,EAAED,KAAK,EAAE,iBAAiB,EAAEC,MAAM,EAAE,cAAc,CAAC,CAAC;AACpD,EAAED,KAAK,EAAE,sBAAsB,EAAEC,MAAM,EAAE,aAAa,CAAC,CAAC,CACzD;;;AAED,OAAO,IAAME,oBAAwC,GAAG,EAAE","ignoreList":[]}

package/internal/ThemePlayground/constants.d.ts

@@ -1,19 +1,15 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare enum ThemeType {
-    Default = "default",
-    Dark = "dark",
-    DefaultOld = "defaultOld",
-    FlatOld = "flatOld",
-    Theme2022 = "theme2022",
-    Theme2022Dark = "theme2022Dark"
-}
-export declare const VARIABLES_GROUPS: ({
-    title: string;
-    prefix: string;
-    isCommon: boolean;
-} | {
-    title: string;
-    prefix: string;
-    isCommon?: undefined;
-})[];
-export declare const DEPRECATED_VARIABLES: Array<keyof Theme>;
+import type { Theme } from '../../lib/theming/Theme';
+export declare enum ThemeType {
+    LightTheme = "lightTheme",
+    DarkTheme = "darkTheme"
+}
+export declare const VARIABLES_GROUPS: ({
+    title: string;
+    prefix: string;
+    isCommon: boolean;
+} | {
+    title: string;
+    prefix: string;
+    isCommon?: undefined;
+})[];
+export declare const DEPRECATED_VARIABLES: Array<keyof Theme>;

package/internal/ThemePlayground/helpers.d.ts

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

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js

@@ -1,7 +1,7 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { isColor } from "../../../lib/styles/ColorHelpers";
-import { DEFAULT_THEME as defaultVariables } from "../../../lib/theming/themes/DefaultTheme";
+import { LIGHT_THEME as lightVariables } from "../../../lib/theming/themes/LightTheme";
 import { DARK_THEME as darkVariables } from "../../../lib/theming/themes/DarkTheme";
 import { ComboBox } from "../../../components/ComboBox";
 import { Gapped } from "../../../components/Gapped";
@@ -15,7 +15,7 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ALL_USED_VARIABLES, CALLS_COUNT, COMPONENT_DESCRIPTIONS, COMPONENT_DESCRIPTIONS_BY_VARIABLE, EXECUTION_TIME } from "../VariablesCollector";
 import { styles } from "../ThemeShowcase.styles";
 var EMPTY_ARRAY = [];
-var ALL_VARIABLES = Object.keys(defaultVariables);
+var ALL_VARIABLES = Object.keys(lightVariables);
 export var ThemeShowcase = /*#__PURE__*/function (_React$Component) {
   function ThemeShowcase(props) {
     var _this;
@@ -238,7 +238,7 @@ var ComponentShowcaseRow = /*#__PURE__*/function (_React$Component3) {
           })), row.variables.map(function (varName) {
             var _cx3;
             var dependencies = row.dependencies[varName] || EMPTY_ARRAY;
-            var variableDefault = defaultVariables[varName];
+            var variableDefault = lightVariables[varName];
             var variableDark = darkVariables[varName];
             var hasNoVariables = isDebugMode && !variableDefault;
             return /*#__PURE__*/(
@@ -326,7 +326,7 @@ var DependencyName = /*#__PURE__*/function (_React$Component5) {
     _this6 = _React$Component5.call.apply(_React$Component5, [this].concat(args)) || this;
     _this6.getValues = function () {
       var dependencyName = _this6.props.dependencyName;
-      var dependencyDefault = defaultVariables[dependencyName];
+      var dependencyDefault = lightVariables[dependencyName];
       var dependencyDark = darkVariables[dependencyName];
       return /*#__PURE__*/(
         React.createElement(React.Fragment, null, /*#__PURE__*/

package/internal/ThemeShowcase/ThemeShowcase/ThemeShowcase.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isColor","DEFAULT_THEME","defaultVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","_inheritsLoose","_proto","prototype","render","_this2","createElement","href","target","descriptionsToRender","value","callsCount","executionTime","toFixed","Consumer","theme","wrap","gap","verticalAlign","side","className","searchBar","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","_proto5","trigger","pos","_cx4","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = defaultVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = defaultVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isColor","LIGHT_THEME","lightVariables","DARK_THEME","darkVariables","ComboBox","Gapped","Link","Sticky","ColorFunctions","Tooltip","IS_PROXY_SUPPORTED","cx","ThemeContext","ALL_USED_VARIABLES","CALLS_COUNT","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","EXECUTION_TIME","styles","EMPTY_ARRAY","ALL_VARIABLES","Object","keys","ThemeShowcase","_React$Component","props","_this","call","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","isDebugMode","forEach","variable","found","includes","push","_inheritsLoose","_proto","prototype","render","_this2","createElement","href","target","descriptionsToRender","value","callsCount","executionTime","toFixed","Consumer","theme","wrap","gap","verticalAlign","side","className","searchBar","onValueChange","onUnexpectedInput","placeholder","onClick","sort","map","componentName","ComponentShowcase","key","name","description","onVariableSelect","ShowUnusedVariables","diff","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","Component","_React$Component2","apply","arguments","_proto2","_this3","_this$props","elements","Fragment","offset","isSticky","_cx","heading","headingSticky","table","headerCell","style","width","el","ComponentShowcaseRow","element","row","_React$Component3","_proto3","_this4","_this$props2","rowSpan","variables","_cx2","invisibleRow","invisibleDarkRow","cell","majorCell","elementName","invisibleCell","varName","_cx3","dependencies","variableDefault","variableDark","hasNoVariables","suspiciousRow","darkRow","VariableName","variableName","VariableValue","_React$Component4","_this5","_len","args","Array","_key","concat","handleVariableSelect","_this5$props","_proto4","renderDependencies","_this$props3","dependency","DependencyName","dependencyName","onDependencySelect","_React$Component5","_this6","_len2","_key2","dependencyDefault","dependencyDark","handleDependencySelect","_this6$props","_proto5","trigger","pos","_cx4","valueIsColor","valueIsGradient","isGradient","hasExample","borderColor","contrast","colorExample","background","unusedVariablesWarning","v","input"],"sources":["ThemeShowcase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isColor } from '../../lib/styles/ColorHelpers';\nimport { LIGHT_THEME as lightVariables } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME as darkVariables } from '../../lib/theming/themes/DarkTheme';\nimport type { ComboBoxItem } from '../../components/ComboBox';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport type { ComponentDescriptionType, ComponentRowDescriptionType } from './VariablesCollector';\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { styles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(lightVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  constructor(props: ShowcaseProps) {\n    super(props);\n    if (props.isDebugMode) {\n      ALL_VARIABLES.forEach((variable) => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <Gapped wrap gap={30} verticalAlign={'top'}>\n              <div>\n                <Sticky side={'top'}>\n                  <div className={styles.searchBar(theme)} data-perf-info={`${executionTime} ${callsCount}`}>\n                    <Gapped gap={15}>\n                      <ComboBox\n                        getItems={this.getItems}\n                        value={selectedVariable}\n                        onValueChange={this.handleVariableChange}\n                        onUnexpectedInput={this.handleUnexpectedVariableInput}\n                        placeholder={'поиск по названию переменной'}\n                      />\n                      {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n                    </Gapped>\n                  </div>\n                </Sticky>\n                {Object.keys(descriptionsToRender)\n                  .sort()\n                  .map((componentName) => (\n                    <ComponentShowcase\n                      key={componentName}\n                      name={componentName}\n                      description={descriptionsToRender[componentName]}\n                      isDebugMode={isDebugMode}\n                      onVariableSelect={this.handleVariableChange}\n                    />\n                  ))}\n              </div>\n              <ShowUnusedVariables diff={this.variablesDiff} />\n            </Gapped>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter((usedVariable) => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map((usedVariableName) => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    }\n\n    return this.resetVariable();\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return elements.length ? (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <Sticky side={'top'} offset={40}>\n                {(isSticky) => (\n                  <h2\n                    className={cx({\n                      [styles.heading(theme)]: true,\n                      [styles.headingSticky()]: isSticky,\n                    })}\n                  >\n                    {this.props.name}\n                  </h2>\n                )}\n              </Sticky>\n              <table className={styles.table()}>\n                <thead>\n                  <tr>\n                    <th className={styles.headerCell()} style={{ width: 170 }}>\n                      ClassName\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 210 }}>\n                      Variable Name\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Default Value\n                    </th>\n                    <th className={styles.headerCell()} style={{ width: 250 }}>\n                      Dark Value\n                    </th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {elements.map((el) => (\n                    <ComponentShowcaseRow\n                      key={`${name}_${el}`}\n                      element={el}\n                      row={description[el]}\n                      onVariableSelect={onVariableSelect}\n                      isDebugMode={isDebugMode}\n                    />\n                  ))}\n                </tbody>\n              </table>\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    ) : null;\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          return (\n            <React.Fragment>\n              <tr className={cx(styles.invisibleRow(), { [styles.invisibleDarkRow()]: theme === darkVariables })}>\n                <td className={cx(styles.cell(), styles.majorCell())} rowSpan={rowSpan}>\n                  <span className={styles.elementName()}>.{el}</span>\n                </td>\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n                <td className={styles.invisibleCell()} />\n              </tr>\n              {row.variables.map((varName) => {\n                const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n                const variableDefault = lightVariables[varName] as string;\n                const variableDark = darkVariables[varName] as string;\n                const hasNoVariables = isDebugMode && !variableDefault;\n                return (\n                  <tr\n                    key={`${el}_${varName}`}\n                    className={cx(styles.row(), {\n                      [styles.suspiciousRow()]: hasNoVariables,\n                      [styles.darkRow()]: theme === darkVariables,\n                    })}\n                  >\n                    <td className={styles.cell()}>\n                      <VariableName\n                        variableName={varName as string}\n                        dependencies={dependencies}\n                        onVariableSelect={this.props.onVariableSelect}\n                      />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDefault} />\n                    </td>\n                    <td className={styles.cell()}>\n                      <VariableValue value={variableDark} />\n                    </td>\n                  </tr>\n                );\n              })}\n            </React.Fragment>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={styles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map((dependency) => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={styles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = lightVariables[dependencyName] as string;\n    const dependencyDark = darkVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <span>Dark value: {<VariableValue value={dependencyDark} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cx({ [styles.undefined()]: !value })}>\n      {hasExample && <span className={styles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={styles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map((v) => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemeShowcase/ThemeShowcase.d.ts

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

package/internal/ThemeShowcase/ThemeShowcase.styles/ThemeShowcase.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","searchBar","t","_templateObject","_taggedTemplateLiteralLoose","bgDefault","heading","_templateObject2","headingSticky","_templateObject3","table","_templateObject4","headerCell","_templateObject5","row","_templateObject6","darkRow","_templateObject7","cell","_templateObject8","invisibleRow","_templateObject9","invisibleDarkRow","_templateObject10","suspiciousRow","_templateObject11","majorCell","_templateObject12","invisibleCell","_templateObject13","suspiciousCell","_templateObject14","elementName","_templateObject15","relativeCss","_templateObject16","variableName","_templateObject17","colorExample","_templateObject18","undefined","_templateObject19","unusedVariablesWarning","_templateObject20","cssClassObject","_templateObject21","cssClassName","_templateObject22","cssThemeObject","_templateObject23","cssThemeProp","_templateObject24"],"sources":["ThemeShowcase.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  searchBar(t: Theme) {\n    return css`\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ${t.bgDefault};\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    `;\n  },\n\n  heading(t: Theme) {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  headingSticky() {\n    return css`\n      border-bottom: 1px solid #e8e8e8;\n    `;\n  },\n\n  table() {\n    return css`\n      width: 880px;\n      border-collapse: collapse;\n    `;\n  },\n\n  headerCell() {\n    return css`\n      text-align: left;\n      padding-left: 5px;\n    `;\n  },\n\n  row() {\n    return css`\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    `;\n  },\n  darkRow() {\n    return css`\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  cell() {\n    return css`\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    `;\n  },\n\n  invisibleRow() {\n    return css`\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n  invisibleDarkRow() {\n    return css`\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  majorCell() {\n    return css`\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  invisibleCell() {\n    return css`\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  suspiciousCell() {\n    return css`\n      background-color: #fff0bc;\n    `;\n  },\n\n  elementName() {\n    return css`\n      color: #7f9a44;\n      font-weight: 400;\n    `;\n  },\n\n  relativeCss() {\n    return css`\n      white-space: pre;\n      color: #333;\n    `;\n  },\n\n  variableName() {\n    return css`\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    `;\n  },\n\n  colorExample() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    `;\n  },\n\n  undefined() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  unusedVariablesWarning() {\n    return css`\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    `;\n  },\n\n  cssClassObject() {\n    return css`\n      color: #d28445;\n    `;\n  },\n\n  cssClassName() {\n    return css`\n      color: #7f9a44;\n    `;\n  },\n\n  cssThemeObject() {\n    return css`\n      color: #ac4142;\n    `;\n  },\n\n  cssThemeProp() {\n    return css`\n      color: #b77daa;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","searchBar","t","_templateObject","_taggedTemplateLiteralLoose","bgDefault","heading","_templateObject2","headingSticky","_templateObject3","table","_templateObject4","headerCell","_templateObject5","row","_templateObject6","darkRow","_templateObject7","cell","_templateObject8","invisibleRow","_templateObject9","invisibleDarkRow","_templateObject10","suspiciousRow","_templateObject11","majorCell","_templateObject12","invisibleCell","_templateObject13","suspiciousCell","_templateObject14","elementName","_templateObject15","relativeCss","_templateObject16","variableName","_templateObject17","colorExample","_templateObject18","undefined","_templateObject19","unusedVariablesWarning","_templateObject20","cssClassObject","_templateObject21","cssClassName","_templateObject22","cssThemeObject","_templateObject23","cssThemeProp","_templateObject24"],"sources":["ThemeShowcase.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  searchBar(t: Theme) {\n    return css`\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ${t.bgDefault};\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    `;\n  },\n\n  heading(t: Theme) {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  headingSticky() {\n    return css`\n      border-bottom: 1px solid #e8e8e8;\n    `;\n  },\n\n  table() {\n    return css`\n      width: 880px;\n      border-collapse: collapse;\n    `;\n  },\n\n  headerCell() {\n    return css`\n      text-align: left;\n      padding-left: 5px;\n    `;\n  },\n\n  row() {\n    return css`\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    `;\n  },\n  darkRow() {\n    return css`\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  cell() {\n    return css`\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    `;\n  },\n\n  invisibleRow() {\n    return css`\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n  invisibleDarkRow() {\n    return css`\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  majorCell() {\n    return css`\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  invisibleCell() {\n    return css`\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  suspiciousCell() {\n    return css`\n      background-color: #fff0bc;\n    `;\n  },\n\n  elementName() {\n    return css`\n      color: #7f9a44;\n      font-weight: 400;\n    `;\n  },\n\n  relativeCss() {\n    return css`\n      white-space: pre;\n      color: #333;\n    `;\n  },\n\n  variableName() {\n    return css`\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    `;\n  },\n\n  colorExample() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    `;\n  },\n\n  undefined() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  unusedVariablesWarning() {\n    return css`\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    `;\n  },\n\n  cssClassObject() {\n    return css`\n      color: #d28445;\n    `;\n  },\n\n  cssClassName() {\n    return css`\n      color: #7f9a44;\n    `;\n  },\n\n  cssThemeObject() {\n    return css`\n      color: #ac4142;\n    `;\n  },\n\n  cssThemeProp() {\n    return css`\n      color: #b77daa;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}