@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","styles","getStyles","useEmotion","default","createElement","Gapped","wrap","verticalAlign","gap","className","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion } from '../../lib/theming/RenderEnvironmentContext';\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { getStyles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  const styles = getStyles(useEmotion());\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;;;AAGA,IAAAG,WAAA,GAAAH,OAAA;;;;;;;;;AASO,IAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC,IAAMC,MAAM,GAAG,IAAAC,qBAAS,EAAC,IAAAC,oCAAU,EAAC,CAAC,CAAC;EACtC;IACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAET,MAAM,CAACJ,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAET,MAAM,CAACU,eAAe,CAACX,KAAK,CAAE;IAC5CZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCX;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","default","createElement","Gapped","wrap","verticalAlign","gap","className","styles","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { styles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;;AAGA,IAAAE,WAAA,GAAAF,OAAA;;;;;;;;;AASO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACX,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNR,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACC,eAAe,CAACT,KAAK,CAAE;IAC5CX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCR;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}

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

@@ -6,8 +6,6 @@ export interface PlaygroundProps {
     onEditLinkClick: () => void;
 }
 export declare class Playground extends React.Component<PlaygroundProps> {
-    private cx;
-    private styles;
     private theme;
     private stopEl;
     render(): React.JSX.Element;

package/cjs/internal/ThemePlayground/Playground.js

@@ -7,8 +7,6 @@ var _TrashCanIcon16Regular = require("@skbkontur/icons/icons/TrashCanIcon/TrashC
 var _QuestionCircleIcon16Regular = require("@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular");
 
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
-
 var _Button = require("../../components/Button");
 var _Tabs = require("../../components/Tabs");
 var _Gapped = require("../../components/Gapped");
@@ -21,6 +19,7 @@ var _Tooltip = require("../../components/Tooltip");
 var _Sticky = require("../../components/Sticky");
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
+var _Emotion = require("../../lib/theming/Emotion");
 var _FileUploader = require("../../components/FileUploader");
 
 var _constants = require("./constants");
@@ -49,8 +48,6 @@ var useSticky = !_currentEnvironment.isTestEnv;var
 
 Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {function Playground() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
-
-
     stopEl = /*#__PURE__*/_react.default.createRef();_this.
 
 
@@ -79,15 +76,6 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
 
 
-
-
-
-
-
-
-
-
-
 
 
 
@@ -253,7 +241,7 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
     renderTooltip = function () {
       var tooltipContent = function tooltipContent() {return /*#__PURE__*/(
-          _react.default.createElement("div", { className: _this.styles.tooltipContent() },
+          _react.default.createElement("div", { className: _Playground2.styles.tooltipContent() },
           'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'
           ));};
 
@@ -286,4 +274,4 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
       return /*#__PURE__*/_react.default.createElement("div", { ref: _this.stopEl, style: { height: 50 } });
     };_this.
 
-    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.cx = emotion.cx;_this2.styles = (0, _Playground2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});});};_proto.renderMain = function renderMain() {var wrapperClassName = this.cx(this.styles.playground(), this.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _this$cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };var tabsOuterWrapperClass = this.cx((_this$cx = {}, _this$cx[this.styles.tabsWrapper(this.theme)] = true, _this$cx[this.styles.stickyTabsWrapper(this.theme)] = useSticky, _this$cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: this.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme }, "\u0421\u0432\u0435\u0442\u043B\u0430\u044F \u0442\u0435\u043C\u0430"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0451\u043C\u043D\u0430\u044F \u0442\u0435\u043C\u0430"))), /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);
+    getStickyStop = function () {return _this.stopEl.current;};return _this;}(0, _inheritsLoose2.default)(Playground, _React$Component);var _proto = Playground.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var wrapperClassName = (0, _Emotion.cx)(_Playground2.styles.playground(), _Playground2.styles.playgroundWrapper(this.theme));return /*#__PURE__*/_react.default.createElement("div", { className: wrapperClassName }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderTabsGroup(), this.renderSizesGroup(), this.renderLinksGroup(), this.renderButtonsGroup(), this.renderInputsGroup(), this.renderOtherInputsGroup(), this.renderTokenInputsGroup(), this.renderSwitchersGroup(), this.renderControlsGroup()), this.renderStickyStopElement(), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 50 }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));};_proto.renderTabs = function renderTabs() {var _cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };var tabsOuterWrapperClass = (0, _Emotion.cx)((_cx = {}, _cx[_Playground2.styles.tabsWrapper(this.theme)] = true, _cx[_Playground2.styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));return /*#__PURE__*/_react.default.createElement("div", { style: tabsOuterWrapperStyle, className: tabsOuterWrapperClass }, /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 40 }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, { value: this.getCurrentTab(), onValueChange: onThemeChange, vertical: false }, /*#__PURE__*/_react.default.createElement("div", { className: _Playground2.styles.tabsInnerWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.LightTheme }, "\u0421\u0432\u0435\u0442\u043B\u0430\u044F \u0442\u0435\u043C\u0430"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0451\u043C\u043D\u0430\u044F \u0442\u0435\u043C\u0430"))), /*#__PURE__*/_react.default.createElement(_Link.Link, { onClick: onEditLinkClick }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));};return Playground;}(_react.default.Component);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_SearchLoupeIcon16Regular","_AttachLinkIcon16Regular","_CheckAIcon16Regular","_MinusCircleIcon16Regular","_TrashCanIcon16Regular","_QuestionCircleIcon16Regular","_RenderEnvironmentContext","_Button","_Tabs","_Gapped","_Link","_Input","_ThemeContext","_Tooltip","_Sticky","_currentEnvironment","_FileUploader","_constants","_TokenInputPlayground","_AnotherInputsPlayground","_TogglePlayground","_SwitcherPlayground","_FxInputPlayground","_CurrencyInputPlayground","_helpers","_CheckboxPlayground","_RadioPlayground","_PagingPlayground","_HintPlayground","_ComponentsGroup","_Playground2","_SizesGroup","useSticky","isTestEnv","Playground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","React","createRef","renderTabsGroup","default","createElement","Sticky","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","ThemeType","DarkTheme","LightTheme","renderSizesGroup","ComponentsGroup","title","theme","SizesGroup","size","renderLinksGroup","propsList","icon","AttachLinkIcon16Regular","children","CheckAIcon16Regular","use","MinusCircleIcon16Regular","TrashCanIcon16Regular","disabled","Gapped","wrap","verticalAlign","gap","getComponentsFromPropsList","Link","renderButtonsGroup","arrow","width","loading","Button","renderInputsGroup","placeholder","error","warning","fromProps","Input","prefix","rightIcon","SearchLoupeIcon16Regular","renderTokenInputsGroup","TokenInputPlayground","renderOtherInputsGroup","CurrencyInputPlayground","FxInputPlayground","DatePickerPlayground","renderSwitchersGroup","SwitcherPlayground","renderControlsGroup","CheckboxPlayground","RadioPlayground","TogglePlayground","renderHintsGroup","HintPlayground","renderTooltip","tooltipContent","className","styles","Tooltip","render","pos","trigger","disableAnimations","QuestionCircleIcon16Regular","renderPaging","PagingPlayground","renderFileUploader","FileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose2","_proto","prototype","_this2","RenderEnvironmentContext","Consumer","_ref","emotion","cx","getStyles","ThemeContext","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_this$cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","Tabs","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\nimport { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';\nimport { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';\nimport { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';\nimport { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\nimport type { ButtonProps } from '../../components/Button';\nimport { Button } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport type { LinkProps } from '../../components/Link';\nimport { Link } from '../../components/Link';\nimport type { InputProps } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { getStyles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\n\n  public render() {\n    return (\n      <RenderEnvironmentContext.Consumer>\n        {({ emotion }) => {\n          this.cx = emotion.cx;\n          this.styles = getStyles(emotion);\n\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </RenderEnvironmentContext.Consumer>\n    );\n  }\n  private renderMain() {\n    const wrapperClassName = this.cx(this.styles.playground(), this.styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n          {this.renderFileUploader()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };\n    const tabsOuterWrapperClass = this.cx({\n      [this.styles.tabsWrapper(this.theme)]: true,\n      [this.styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={this.styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.LightTheme}>Светлая тема</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тёмная тема</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.DarkTheme:\n        return ThemeType.DarkTheme;\n      default:\n        return ThemeType.LightTheme;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <SizesGroup size={'small'} />\n        <SizesGroup size={'medium'} />\n        <SizesGroup size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <AttachLinkIcon16Regular />, children: 'Enabled' },\n      { icon: <CheckAIcon16Regular />, use: 'success', children: 'Success' },\n      { icon: <MinusCircleIcon16Regular />, use: 'danger', children: 'Danger' },\n      { icon: <TrashCanIcon16Regular />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashCanIcon16Regular />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchLoupeIcon16Regular />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={this.styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n          <Link icon={<QuestionCircleIcon16Regular />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderFileUploader = () => {\n    return (\n      <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n        <FileUploader multiple />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_SearchLoupeIcon16Regular","_AttachLinkIcon16Regular","_CheckAIcon16Regular","_MinusCircleIcon16Regular","_TrashCanIcon16Regular","_QuestionCircleIcon16Regular","_Button","_Tabs","_Gapped","_Link","_Input","_ThemeContext","_Tooltip","_Sticky","_currentEnvironment","_Emotion","_FileUploader","_constants","_TokenInputPlayground","_AnotherInputsPlayground","_TogglePlayground","_SwitcherPlayground","_FxInputPlayground","_CurrencyInputPlayground","_helpers","_CheckboxPlayground","_RadioPlayground","_PagingPlayground","_HintPlayground","_ComponentsGroup","_Playground2","_SizesGroup","useSticky","isTestEnv","Playground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","React","createRef","renderTabsGroup","default","createElement","Sticky","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","ThemeType","DarkTheme","LightTheme","renderSizesGroup","ComponentsGroup","title","theme","SizesGroup","size","renderLinksGroup","propsList","icon","AttachLinkIcon16Regular","children","CheckAIcon16Regular","use","MinusCircleIcon16Regular","TrashCanIcon16Regular","disabled","Gapped","wrap","verticalAlign","gap","getComponentsFromPropsList","Link","renderButtonsGroup","arrow","width","loading","Button","renderInputsGroup","placeholder","error","warning","fromProps","Input","prefix","rightIcon","SearchLoupeIcon16Regular","renderTokenInputsGroup","TokenInputPlayground","renderOtherInputsGroup","CurrencyInputPlayground","FxInputPlayground","DatePickerPlayground","renderSwitchersGroup","SwitcherPlayground","renderControlsGroup","CheckboxPlayground","RadioPlayground","TogglePlayground","renderHintsGroup","HintPlayground","renderTooltip","tooltipContent","className","styles","Tooltip","render","pos","trigger","disableAnimations","QuestionCircleIcon16Regular","renderPaging","PagingPlayground","renderFileUploader","FileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose2","_proto","prototype","_this2","ThemeContext","Consumer","renderMain","wrapperClassName","cx","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","Tabs","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\nimport { CheckAIcon16Regular } from '@skbkontur/icons/icons/CheckAIcon/CheckAIcon16Regular';\nimport { MinusCircleIcon16Regular } from '@skbkontur/icons/icons/MinusCircleIcon/MinusCircleIcon16Regular';\nimport { TrashCanIcon16Regular } from '@skbkontur/icons/icons/TrashCanIcon/TrashCanIcon16Regular';\nimport { QuestionCircleIcon16Regular } from '@skbkontur/icons/icons/QuestionCircleIcon/QuestionCircleIcon16Regular';\n\nimport type { ButtonProps } from '../../components/Button';\nimport { Button } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport type { LinkProps } from '../../components/Link';\nimport { Link } from '../../components/Link';\nimport type { InputProps } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { cx } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\n\nimport { ThemeType } from './constants';\nimport { TokenInputPlayground } from './TokenInputPlayground';\nimport { DatePickerPlayground } from './AnotherInputsPlayground';\nimport { TogglePlayground } from './TogglePlayground';\nimport { SwitcherPlayground } from './SwitcherPlayground';\nimport { FxInputPlayground } from './FxInputPlayground';\nimport { CurrencyInputPlayground } from './CurrencyInputPlayground';\nimport { getComponentsFromPropsList } from './helpers';\nimport { CheckboxPlayground } from './CheckboxPlayground';\nimport { RadioPlayground } from './RadioPlayground';\nimport { PagingPlayground } from './PagingPlayground';\nimport { HintPlayground } from './HintPlayground';\nimport { ComponentsGroup } from './ComponentsGroup';\nimport { styles } from './Playground.styles';\nimport { SizesGroup } from './SizesGroup';\n\nconst useSticky = !isTestEnv;\n\nexport interface PlaygroundProps {\n  currentThemeType: ThemeType;\n  onThemeChange: (value: string) => void;\n  onEditLinkClick: () => void;\n}\n\nexport class Playground extends React.Component<PlaygroundProps> {\n  private theme!: Theme;\n  private stopEl = React.createRef<HTMLDivElement>();\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n  private renderMain() {\n    const wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));\n    return (\n      <div className={wrapperClassName}>\n        <Gapped vertical gap={50}>\n          {this.renderTabsGroup()}\n          {this.renderSizesGroup()}\n          {this.renderLinksGroup()}\n          {this.renderButtonsGroup()}\n          {this.renderInputsGroup()}\n          {this.renderOtherInputsGroup()}\n          {this.renderTokenInputsGroup()}\n          {this.renderSwitchersGroup()}\n          {this.renderControlsGroup()}\n        </Gapped>\n        {this.renderStickyStopElement()}\n        <Gapped vertical gap={50}>\n          {this.renderHintsGroup()}\n          {this.renderTooltip()}\n          {this.renderPaging()}\n          {this.renderFileUploader()}\n        </Gapped>\n      </div>\n    );\n  }\n\n  private renderTabsGroup = () => {\n    return useSticky ? (\n      <Sticky side={'top'} getStop={this.getStickyStop}>\n        {this.renderTabs()}\n      </Sticky>\n    ) : (\n      this.renderTabs()\n    );\n  };\n\n  private renderTabs() {\n    const { onThemeChange, onEditLinkClick } = this.props;\n    const tabsOuterWrapperStyle = { background: this.theme.bgDefault, marginTop: 36 };\n    const tabsOuterWrapperClass = cx({\n      [styles.tabsWrapper(this.theme)]: true,\n      [styles.stickyTabsWrapper(this.theme)]: useSticky,\n    });\n\n    return (\n      <div style={tabsOuterWrapperStyle} className={tabsOuterWrapperClass}>\n        <Gapped gap={40}>\n          <Tabs value={this.getCurrentTab()} onValueChange={onThemeChange} vertical={false}>\n            <div className={styles.tabsInnerWrapper(this.theme)}>\n              <Tabs.Tab id={ThemeType.LightTheme}>Светлая тема</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тёмная тема</Tabs.Tab>\n            </div>\n          </Tabs>\n          <Link onClick={onEditLinkClick}>Настроить тему</Link>\n        </Gapped>\n      </div>\n    );\n  }\n\n  private getCurrentTab = () => {\n    switch (this.props.currentThemeType) {\n      case ThemeType.DarkTheme:\n        return ThemeType.DarkTheme;\n      default:\n        return ThemeType.LightTheme;\n    }\n  };\n\n  private renderSizesGroup = () => {\n    return (\n      <ComponentsGroup title={'Размеры'} theme={this.theme}>\n        <SizesGroup size={'small'} />\n        <SizesGroup size={'medium'} />\n        <SizesGroup size={'large'} />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderLinksGroup = () => {\n    const propsList: LinkProps[] = [\n      { icon: <AttachLinkIcon16Regular />, children: 'Enabled' },\n      { icon: <CheckAIcon16Regular />, use: 'success', children: 'Success' },\n      { icon: <MinusCircleIcon16Regular />, use: 'danger', children: 'Danger' },\n      { icon: <TrashCanIcon16Regular />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashCanIcon16Regular />, children: 'Disabled', disabled: true },\n    ];\n    return (\n      <ComponentsGroup title={'Ссылки'} theme={this.theme}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {getComponentsFromPropsList(<Link />, propsList)}\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderButtonsGroup = () => {\n    const propsList: ButtonProps[] = [\n      { children: 'Default' },\n      { children: 'Primary', use: 'primary' },\n      { children: 'Danger', use: 'danger' },\n      { children: 'Pay', use: 'pay' },\n      { children: 'Success', use: 'success' },\n      { children: 'Disabled', disabled: true },\n      { children: 'Back', arrow: 'left', size: 'medium', width: 110 },\n      { children: 'Forward', arrow: true, size: 'medium', use: 'primary', width: 110 },\n      { children: 'Loading', size: 'medium', loading: true },\n    ];\n\n    return (\n      <ComponentsGroup title={'Кнопки'} theme={this.theme}>\n        {getComponentsFromPropsList(<Button width={120} size={'small'} />, propsList)}\n      </ComponentsGroup>\n    );\n  };\n\n  private renderInputsGroup = () => {\n    const propsList: InputProps[] = [\n      { placeholder: 'Enabled' },\n      { placeholder: 'Error', error: true },\n      { placeholder: 'Warning', warning: true },\n      { placeholder: 'Disabled', disabled: true },\n    ];\n    const fromProps = getComponentsFromPropsList(<Input width={120} />, propsList);\n    return (\n      <ComponentsGroup title={'Поле ввода'} theme={this.theme}>\n        <Input width={380} prefix=\"https://kontur.ru/search?query=\" rightIcon={<SearchLoupeIcon16Regular />} />\n        <div>\n          <Gapped gap={10}>{fromProps}</Gapped>\n        </div>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTokenInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Поле с токеном'} theme={this.theme}>\n        <TokenInputPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderOtherInputsGroup = () => {\n    return (\n      <ComponentsGroup title={'Прочие поля'} theme={this.theme}>\n        <CurrencyInputPlayground />\n        <FxInputPlayground />\n        <DatePickerPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderSwitchersGroup = () => {\n    return (\n      <ComponentsGroup title={'Переключатели'} theme={this.theme}>\n        <SwitcherPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderControlsGroup = () => {\n    return (\n      <ComponentsGroup title={'Радио, чекбоксы'} theme={this.theme}>\n        <Gapped verticalAlign={'top'} gap={60}>\n          <CheckboxPlayground />\n          <RadioPlayground />\n          <TogglePlayground />\n        </Gapped>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderHintsGroup = () => {\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <HintPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderTooltip = () => {\n    const tooltipContent = () => (\n      <div className={styles.tooltipContent()}>\n        {'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'}\n      </div>\n    );\n    return (\n      <ComponentsGroup title={'Тултип'} theme={this.theme}>\n        <Tooltip render={tooltipContent} pos=\"right middle\" trigger={'opened'} disableAnimations>\n          <Link icon={<QuestionCircleIcon16Regular />} />\n        </Tooltip>\n      </ComponentsGroup>\n    );\n  };\n\n  private renderPaging = () => {\n    return (\n      <ComponentsGroup title={'Пейджинг'} theme={this.theme}>\n        <PagingPlayground />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderFileUploader = () => {\n    return (\n      <ComponentsGroup title={'FileUploader'} theme={this.theme}>\n        <FileUploader multiple />\n      </ComponentsGroup>\n    );\n  };\n\n  private renderStickyStopElement = () => {\n    return <div ref={this.stopEl} style={{ height: 50 }} />;\n  };\n\n  private getStickyStop = () => this.stopEl.current;\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/ThemePlayground/Playground.md

@@ -0,0 +1,7 @@
+Разные варианты стилизации компонентов:
+
+```jsx harmony
+import { ThemeContextPlayground } from './ThemeContextPlayground';
+
+<ThemeContextPlayground />;
+```

package/cjs/internal/ThemePlayground/Playground.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     playground(): string;
     title(t: Theme): string;
     componentsGroup(t: Theme): string;

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

@@ -1,117 +1,115 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  playground: function playground() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      playground: function playground() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin: 0 -24px;\n        padding: 0 24px;\n        border-radius: 8px;\n      "])));
 
 
 
+  },
 
-      },
+  title: function title(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 110px;\n      color: ", ";\n    "])),
 
-      title: function title(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 110px;\n        color: ", ";\n      "])),
+    t.textColorDefault);
 
-        t.textColorDefault);
+  },
 
-      },
+  componentsGroup: function componentsGroup(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      max-width: 700px;\n      color: ", ";\n    "])),
 
-      componentsGroup: function componentsGroup(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        max-width: 700px;\n        color: ", ";\n      "])),
+    t.textColorDefault);
 
-        t.textColorDefault);
+  },
 
-      },
+  sidePageBody: function sidePageBody() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 30px 30px;\n    "])));
 
-      sidePageBody: function sidePageBody() {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        padding: 0 30px 30px;\n      "])));
 
+  },
 
-      },
+  variable: function variable(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ", ";\n        outline-offset: 8px;\n      }\n    "])),
 
-      variable: function variable(t) {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: flex;\n        align-items: center;\n        margin-bottom: 16px;\n\n        &:focus {\n          outline: 1px solid ", ";\n          outline-offset: 8px;\n        }\n      "])),
 
 
 
 
+    t.borderColorFocus);
 
-        t.borderColorFocus);
 
 
+  },
 
-      },
+  variableName: function variableName(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ", ";\n      flex: 1 1 auto;\n    "])),
 
-      variableName: function variableName(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 250px;\n        position: relative;\n        z-index: 1;\n        line-height: 34px;\n        color: ", ";\n        flex: 1 1 auto;\n      "])),
 
 
 
 
 
 
+    t.textColorDefault);
 
-        t.textColorDefault);
 
+  },
 
-      },
+  deprecated: function deprecated() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: line-through;\n    "])));
 
-      deprecated: function deprecated() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        text-decoration: line-through;\n      "])));
 
+  },
 
-      },
+  colorIcon: function colorIcon() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 16px;\n      width: 16px;\n    "])));
 
-      colorIcon: function colorIcon() {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 16px;\n        width: 16px;\n      "])));
 
 
+  },
 
-      },
+  baseLinkWrapper: function baseLinkWrapper() {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: auto;\n    "])));
 
-      baseLinkWrapper: function baseLinkWrapper() {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        margin-left: auto;\n      "])));
 
+  },
 
-      },
+  linkRoot: function linkRoot() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 1;\n    "])));
 
-      linkRoot: function linkRoot() {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        z-index: 1;\n      "])));
 
 
+  },
 
-      },
+  baseVariableRoot: function baseVariableRoot() {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
 
-      baseVariableRoot: function baseVariableRoot() {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        z-index: 1;\n        width: 240px;\n        display: flex;\n      "])));
 
 
 
 
+  },
 
-      },
+  loaderWrapper: function loaderWrapper() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 500px;\n    "])));
 
-      loaderWrapper: function loaderWrapper() {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 500px;\n      "])));
 
+  },
 
-      },
+  loader: function loader() {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 300px;\n      margin: auto;\n    "])));
 
-      loader: function loader() {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 300px;\n        margin: auto;\n      "])));
 
 
+  },
 
-      },
+  tabsWrapper: function tabsWrapper(t) {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])),
 
-      tabsWrapper: function tabsWrapper(t) {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: relative;\n        color: ", ";\n\n        &::after {\n          content: '';\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          height: 1px;\n          width: 100%;\n          z-index: -1;\n        }\n      "])),
+    t.textColorDefault);
 
-        t.textColorDefault);
 
 
 
@@ -122,40 +120,39 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
+  },
 
-      },
+  tooltipContent: function tooltipContent() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 210px;\n    "])));
 
-      tooltipContent: function tooltipContent() {
-        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        width: 210px;\n      "])));
 
+  },
 
-      },
+  stickyTabsWrapper: function stickyTabsWrapper(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])),
 
-      stickyTabsWrapper: function stickyTabsWrapper(t) {
-        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:after {\n          box-shadow: 0 2px 10px 0px ", ";\n        }\n      "])),
+    t.textColorDefault);
 
-        t.textColorDefault);
 
+  },
+  tabsInnerWrapper: function tabsInnerWrapper(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.textColorDefault);
 
-      },
-      tabsInnerWrapper: function tabsInnerWrapper(t) {
-        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.textColorDefault);
+  },
+  playgroundWrapper: function playgroundWrapper(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
+    t.bgDefault);
 
-      },
-      playgroundWrapper: function playgroundWrapper(t) {
-        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
-        t.bgDefault);
+  },
+  editorHeaderWrapper: function editorHeaderWrapper(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.textColorDefault);
 
-      },
-      editorHeaderWrapper: function editorHeaderWrapper(t) {
-        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.textColorDefault);
+  },
+  editorGroupHeader: function editorGroupHeader(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
+    t.textColorDefault);
 
-      },
-      editorGroupHeader: function editorGroupHeader(t) {
-        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
-        t.textColorDefault);
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","getStyles","exports","emotion","memoizeStyle","playground","css","_taggedTemplateLiteralLoose2","default","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader"],"sources":["Playground.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    playground() {\n      return emotion.css`\n        margin: 0 -24px;\n        padding: 0 24px;\n        border-radius: 8px;\n      `;\n    },\n\n    title(t: Theme) {\n      return emotion.css`\n        width: 110px;\n        color: ${t.textColorDefault};\n      `;\n    },\n\n    componentsGroup(t: Theme) {\n      return emotion.css`\n        max-width: 700px;\n        color: ${t.textColorDefault};\n      `;\n    },\n\n    sidePageBody() {\n      return emotion.css`\n        padding: 0 30px 30px;\n      `;\n    },\n\n    variable(t: Theme) {\n      return emotion.css`\n        display: flex;\n        align-items: center;\n        margin-bottom: 16px;\n\n        &:focus {\n          outline: 1px solid ${t.borderColorFocus};\n          outline-offset: 8px;\n        }\n      `;\n    },\n\n    variableName(t: Theme) {\n      return emotion.css`\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        width: 250px;\n        position: relative;\n        z-index: 1;\n        line-height: 34px;\n        color: ${t.textColorDefault};\n        flex: 1 1 auto;\n      `;\n    },\n\n    deprecated() {\n      return emotion.css`\n        text-decoration: line-through;\n      `;\n    },\n\n    colorIcon() {\n      return emotion.css`\n        height: 16px;\n        width: 16px;\n      `;\n    },\n\n    baseLinkWrapper() {\n      return emotion.css`\n        margin-left: auto;\n      `;\n    },\n\n    linkRoot() {\n      return emotion.css`\n        position: relative;\n        z-index: 1;\n      `;\n    },\n\n    baseVariableRoot() {\n      return emotion.css`\n        position: relative;\n        z-index: 1;\n        width: 240px;\n        display: flex;\n      `;\n    },\n\n    loaderWrapper() {\n      return emotion.css`\n        width: 500px;\n      `;\n    },\n\n    loader() {\n      return emotion.css`\n        height: 300px;\n        margin: auto;\n      `;\n    },\n\n    tabsWrapper(t: Theme) {\n      return emotion.css`\n        position: relative;\n        color: ${t.textColorDefault};\n\n        &::after {\n          content: '';\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          height: 1px;\n          width: 100%;\n          z-index: -1;\n        }\n      `;\n    },\n\n    tooltipContent() {\n      return emotion.css`\n        width: 210px;\n      `;\n    },\n\n    stickyTabsWrapper(t: Theme) {\n      return emotion.css`\n        &:after {\n          box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n        }\n      `;\n    },\n    tabsInnerWrapper(t: Theme) {\n      return emotion.css`\n        color: ${t.textColorDefault};\n      `;\n    },\n    playgroundWrapper(t: Theme) {\n      return emotion.css`\n        background: ${t.bgDefault};\n      `;\n    },\n    editorHeaderWrapper(t: Theme) {\n      return emotion.css`\n        color: ${t.textColorDefault};\n      `;\n    },\n    editorGroupHeader(t: Theme) {\n      return emotion.css`\n        color: ${t.textColorDefault};\n      `;\n    },\n  });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","styles","exports","memoizeStyle","playground","css","_taggedTemplateLiteralLoose2","default","title","t","textColorDefault","componentsGroup","sidePageBody","variable","borderColorFocus","variableName","deprecated","colorIcon","baseLinkWrapper","linkRoot","baseVariableRoot","loaderWrapper","loader","tabsWrapper","tooltipContent","stickyTabsWrapper","tabsInnerWrapper","playgroundWrapper","bgDefault","editorHeaderWrapper","editorGroupHeader"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -32,7 +32,6 @@ export type ThemeErrorsType = Writeable<{
 export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
     private readonly editableThemesItems;
     constructor(props: PlaygroundProps);
-    private styles;
     render(): React.JSX.Element;
     private renderSidePage;
     private handleGetTheme;

package/cjs/internal/ThemePlayground/ThemeContextPlayground.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ThemeContextPlayground = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
 
-var _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
@@ -80,16 +79,6 @@ ThemeContextPlayground = exports.ThemeContextPlayground = /*#__PURE__*/function
 
 
 
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -110,7 +99,7 @@ ThemeContextPlayground = exports.ThemeContextPlayground = /*#__PURE__*/function
       return /*#__PURE__*/(
         _react.default.createElement(_SidePage.SidePage, { disableAnimations: true, ignoreBackgroundClick: true, blockBackground: true, width: 600, onClose: _this.handleClose }, /*#__PURE__*/
         _react.default.createElement(_SidePage.SidePage.Header, null, /*#__PURE__*/
-        _react.default.createElement("div", { className: _this.styles.editorHeaderWrapper(currentTheme) }, /*#__PURE__*/
+        _react.default.createElement("div", { className: _Playground.styles.editorHeaderWrapper(currentTheme) }, /*#__PURE__*/
         _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle" }, /*#__PURE__*/
         _react.default.createElement("span", null, "\u0422\u0435\u043C\u0430 \u0434\u043B\u044F \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F:"), /*#__PURE__*/
         _react.default.createElement(_ComboBox.ComboBox, {
@@ -125,7 +114,7 @@ ThemeContextPlayground = exports.ThemeContextPlayground = /*#__PURE__*/function
         )
         ), /*#__PURE__*/
         _react.default.createElement(_SidePage.SidePage.Body, null, /*#__PURE__*/
-        _react.default.createElement("div", { className: _this.styles.sidePageBody() }, /*#__PURE__*/
+        _react.default.createElement("div", { className: _Playground.styles.sidePageBody() }, /*#__PURE__*/
         _react.default.createElement(_ThemeEditor.ThemeEditor, {
           editingTheme: themes[editingThemeType],
           currentTheme: currentTheme,
@@ -223,4 +212,4 @@ ThemeContextPlayground = exports.ThemeContextPlayground = /*#__PURE__*/function
       });
 
       return _ThemeFactory.ThemeFactory.create(result);
-    };_this.state = { currentTheme: _LightTheme.LIGHT_THEME, currentThemeType: _constants.ThemeType.LightTheme, editorOpened: false, themes: { lightTheme: _LightTheme.LIGHT_THEME, darkTheme: _DarkTheme.DARK_THEME }, themesErrors: { lightTheme: {}, darkTheme: {} } };return _this;}(0, _inheritsLoose2.default)(ThemeContextPlayground, _React$Component);var _proto = ThemeContextPlayground.prototype;_proto.render = function render() {var _this2 = this;var _this$state3 = this.state,currentTheme = _this$state3.currentTheme,editorOpened = _this$state3.editorOpened,currentThemeType = _this$state3.currentThemeType;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var emotion = _ref.emotion;_this2.styles = (0, _Playground.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: currentTheme }, editorOpened && _this2.renderSidePage(), /*#__PURE__*/_react.default.createElement(_Playground2.Playground, { onThemeChange: _this2.handleThemeChange, currentThemeType: currentThemeType, onEditLinkClick: _this2.handleOpen }));});};return ThemeContextPlayground;}(_react.default.Component);
+    };_this.state = { currentTheme: _LightTheme.LIGHT_THEME, currentThemeType: _constants.ThemeType.LightTheme, editorOpened: false, themes: { lightTheme: _LightTheme.LIGHT_THEME, darkTheme: _DarkTheme.DARK_THEME }, themesErrors: { lightTheme: {}, darkTheme: {} } };return _this;}(0, _inheritsLoose2.default)(ThemeContextPlayground, _React$Component);var _proto = ThemeContextPlayground.prototype;_proto.render = function render() {var _this$state3 = this.state,currentTheme = _this$state3.currentTheme,editorOpened = _this$state3.editorOpened,currentThemeType = _this$state3.currentThemeType;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: currentTheme }, editorOpened && this.renderSidePage(), /*#__PURE__*/_react.default.createElement(_Playground2.Playground, { onThemeChange: this.handleThemeChange, currentThemeType: currentThemeType, onEditLinkClick: this.handleOpen }));};return ThemeContextPlayground;}(_react.default.Component);