@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-9a162.0

package/internal/TextWidthHelper/TextWidthHelper.d.ts

@@ -7,8 +7,6 @@ interface TextWidthHelperProps {
  */
 export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
     private element;
-    private emotion;
-    private jsStyles;
     render(): React.JSX.Element;
     getTextWidth(): number;
     getTextHeight(): number;

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js

@@ -1,14 +1,12 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2;
-import { memoizeGetStyles } from "../../../lib/theming/Emotion";
-export var getJsStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
-    },
-    textContainer: function textContainer() {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
-    }
-  };
-});
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var styles = {
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+  },
+  textContainer: function textContainer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+  }
+};
+export var jsStyles = memoizeStyle(styles);

package/internal/TextWidthHelper/TextWidthHelper.styles/TextWidthHelper.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeGetStyles","getJsStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","textContainer","_templateObject2"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getJsStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,WAAW,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;IASZ,CAAC;IACDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;IAIZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","textContainer","_templateObject2","jsStyles"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ;AACF,CAAC;;AAED,OAAO,IAAMG,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/TextWidthHelper/TextWidthHelper.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const jsStyles: {
     root(): string;
     textContainer(): string;
-}>;
+};

package/internal/ThemePlayground/ComponentsGroup/ComponentsGroup.js

@@ -1,13 +1,11 @@
 import React from 'react';
-import { useStyles } from "../../../lib/renderEnvironment";
 import { Gapped } from "../../../components/Gapped";
-import { getStyles } from "../Playground.styles";
+import { styles } from "../Playground.styles";
 export var ComponentsGroup = function ComponentsGroup(props) {
   var title = props.title,
     children = props.children,
     style = props.style,
     theme = props.theme;
-  var styles = useStyles(getStyles);
   return /*#__PURE__*/(
     React.createElement(Gapped, {
       wrap: true,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useStyles","Gapped","getStyles","ComponentsGroup","props","title","children","style","theme","styles","createElement","wrap","verticalAlign","gap","className","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\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 = useStyles(getStyles);\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,SAAS,QAAQ,qBAAqB;;;;;;;;;AAS/C,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,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,GAAGT,SAAS,CAACE,SAAS,CAAC;EACnC;IACEH,KAAA,CAAAW,aAAA,CAACT,MAAM,IAACU,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCd,KAAA,CAAAW,aAAA,UAAKI,SAAS,EAAEL,MAAM,CAACJ,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNN,KAAA,CAAAW,aAAA,UAAKI,SAAS,EAAEL,MAAM,CAACM,eAAe,CAACP,KAAK,CAAE;IAC5CT,KAAA,CAAAW,aAAA,CAACT,MAAM,IAACU,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCP;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Gapped","styles","ComponentsGroup","props","title","children","style","theme","createElement","wrap","verticalAlign","gap","className","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,MAAM,QAAQ,qBAAqB;;;;;;;;;AAS5C,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,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;IACER,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCZ,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACG,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNL,KAAA,CAAAS,aAAA,UAAKI,SAAS,EAAEX,MAAM,CAACY,eAAe,CAACN,KAAK,CAAE;IAC5CR,KAAA,CAAAS,aAAA,CAACR,MAAM,IAACS,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCN;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}

package/internal/ThemePlayground/FxInputPlayground/FxInputPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FxInput","FxInputPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","auto","value","onValueChange","setState","handleRestore","_inheritsLoose","_proto","prototype","render","createElement","type","onRestore","width","Component"],"sources":["FxInputPlayground.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\n\nimport { FxInput } from '../../components/FxInput';\n\ninterface FxInputPlaygroundState {\n  auto: boolean;\n  value: string;\n}\nexport class FxInputPlayground extends React.Component {\n  public state: FxInputPlaygroundState = {\n    auto: true,\n    value: 'auto',\n  };\n\n  public render(): JSX.Element {\n    return (\n      <FxInput\n        auto={this.state.auto}\n        type={'text'}\n        value={this.state.value}\n        onRestore={this.handleRestore}\n        onValueChange={this.onValueChange}\n        width={150}\n      />\n    );\n  }\n\n  private onValueChange = (value: string) => {\n    this.setState({ value, auto: false });\n  };\n\n  private handleRestore = () => {\n    this.setState({\n      value: 'auto',\n      auto: true,\n    });\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAoB,OAAO;;AAEvC,SAASC,OAAO,QAAQ,0BAA0B;;;;;;AAMlD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACrBU,KAAK,GAA2B;MACrCC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;;IAeOa,aAAa,GAAG,UAACD,KAAa,EAAK;MACzCZ,KAAA,CAAKc,QAAQ,CAAC,EAAEF,KAAK,EAALA,KAAK,EAAED,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvC,CAAC,CAAAX,KAAA;;IAEOe,aAAa,GAAG,YAAM;MAC5Bf,KAAA,CAAKc,QAAQ,CAAC;QACZF,KAAK,EAAE,MAAM;QACbD,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAgB,cAAA,CAAAlB,iBAAA,EAAAC,gBAAA,MAAAkB,MAAA,GAAAnB,iBAAA,CAAAoB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAA6B,CAC3B,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,OAAO,IACNc,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC,IAAK,EACtBU,IAAI,EAAE,MAAO,EACbT,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBU,SAAS,EAAE,IAAI,CAACP,aAAc,EAC9BF,aAAa,EAAE,IAAI,CAACA,aAAc,EAClCU,KAAK,EAAE,GAAI,EACZ,CAAC,CAEN,CAAC,QAAAzB,iBAAA,GAjBoCF,KAAK,CAAC4B,SAAS","ignoreList":[]}
+{"version":3,"names":["React","FxInput","FxInputPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","auto","value","onValueChange","setState","handleRestore","_inheritsLoose","_proto","prototype","render","createElement","type","onRestore","width","Component"],"sources":["FxInputPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { FxInput } from '../../components/FxInput';\n\ninterface FxInputPlaygroundState {\n  auto: boolean;\n  value: string;\n}\nexport class FxInputPlayground extends React.Component {\n  public state: FxInputPlaygroundState = {\n    auto: true,\n    value: 'auto',\n  };\n\n  public render(): JSX.Element {\n    return (\n      <FxInput\n        auto={this.state.auto}\n        type={'text'}\n        value={this.state.value}\n        onRestore={this.handleRestore}\n        onValueChange={this.onValueChange}\n        width={150}\n      />\n    );\n  }\n\n  private onValueChange = (value: string) => {\n    this.setState({ value, auto: false });\n  };\n\n  private handleRestore = () => {\n    this.setState({\n      value: 'auto',\n      auto: true,\n    });\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,OAAO,QAAQ,0BAA0B;;;;;;AAMlD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACrBU,KAAK,GAA2B;MACrCC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;;IAeOa,aAAa,GAAG,UAACD,KAAa,EAAK;MACzCZ,KAAA,CAAKc,QAAQ,CAAC,EAAEF,KAAK,EAALA,KAAK,EAAED,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvC,CAAC,CAAAX,KAAA;;IAEOe,aAAa,GAAG,YAAM;MAC5Bf,KAAA,CAAKc,QAAQ,CAAC;QACZF,KAAK,EAAE,MAAM;QACbD,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAgB,cAAA,CAAAlB,iBAAA,EAAAC,gBAAA,MAAAkB,MAAA,GAAAnB,iBAAA,CAAAoB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAA6B,CAC3B,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,OAAO,IACNc,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC,IAAK,EACtBU,IAAI,EAAE,MAAO,EACbT,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBU,SAAS,EAAE,IAAI,CAACP,aAAc,EAC9BF,aAAa,EAAE,IAAI,CAACA,aAAc,EAClCU,KAAK,EAAE,GAAI,EACZ,CAAC,CAEN,CAAC,QAAAzB,iBAAA,GAjBoCF,KAAK,CAAC4B,SAAS","ignoreList":[]}

package/internal/ThemePlayground/FxInputPlayground.d.ts

@@ -1,4 +1,4 @@
-import React, { type JSX } from 'react';
+import React from 'react';
 interface FxInputPlaygroundState {
     auto: boolean;
     value: string;

package/internal/ThemePlayground/HintPlayground/HintPlayground.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { Gapped } from "../../../components/Gapped";
 import { Button } from "../../../components/Button";
 import { Hint } from "../../../components/Hint";
-import { SingleToast } from "../../../components/SingleToast";
+import { Toast } from "../../../components/Toast";
 export var HintPlayground = /*#__PURE__*/function (_React$Component) {
   function HintPlayground() {
     var _this;
@@ -12,15 +12,13 @@ export var HintPlayground = /*#__PURE__*/function (_React$Component) {
     }
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.pushToast = function () {
-      SingleToast.push('Текст сообщения');
+      Toast.push('Текст сообщения');
     };
     _this.pushToastWithAction = function () {
-      SingleToast.push('Текст сообщения', {
-        action: {
-          label: 'Ссылка',
-          handler: function handler() {
-            return null;
-          }
+      Toast.push('Текст сообщения', {
+        label: 'Ссылка',
+        handler: function handler() {
+          return null;
         }
       });
     };
@@ -29,7 +27,7 @@ export var HintPlayground = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(HintPlayground, _React$Component);
   var _proto = HintPlayground.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SingleToast, null), /*#__PURE__*/React.createElement(Gapped, {
+    return /*#__PURE__*/React.createElement(Gapped, {
       gap: 10
     }, /*#__PURE__*/React.createElement(Hint, {
       manual: true,
@@ -44,7 +42,7 @@ export var HintPlayground = /*#__PURE__*/function (_React$Component) {
       pos: 'right'
     }, /*#__PURE__*/React.createElement(Button, {
       onClick: this.pushToastWithAction
-    }, "Toast with link"))));
+    }, "Toast with link")));
   };
   return HintPlayground;
 }(React.Component);

package/internal/ThemePlayground/HintPlayground/HintPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Gapped","Button","Hint","SingleToast","HintPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","push","pushToastWithAction","action","label","handler","_inheritsLoose","_proto","prototype","render","createElement","Fragment","gap","manual","opened","text","onClick","pos","Component"],"sources":["HintPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { SingleToast } from '../../components/SingleToast';\n\nexport class HintPlayground extends React.Component {\n  public render() {\n    return (\n      <>\n        <SingleToast />\n        <Gapped gap={10}>\n          <Hint manual opened text={'Показать тост'}>\n            <Button onClick={this.pushToast}>Toast</Button>\n          </Hint>\n          <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n            <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n          </Hint>\n        </Gapped>\n      </>\n    );\n  }\n\n  private pushToast = () => {\n    SingleToast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    SingleToast.push('Текст сообщения', { action: { label: 'Ссылка', handler: () => null } });\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,8BAA8B;;AAE1D,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;IAiBjBU,SAAS,GAAG,YAAM;MACxBb,WAAW,CAACc,IAAI,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAAX,KAAA;;IAEOY,mBAAmB,GAAG,YAAM;MAClCf,WAAW,CAACc,IAAI,CAAC,iBAAiB,EAAE,EAAEE,MAAM,EAAE,EAAEC,KAAK,EAAE,QAAQ,EAAEC,OAAO,EAAE,SAAAA,QAAA,UAAM,IAAI,GAAC,CAAC,CAAC,CAAC,CAAC;IAC3F,CAAC,QAAAf,KAAA,EAAAgB,cAAA,CAAAlB,cAAA,EAAAC,gBAAA,MAAAkB,MAAA,GAAAnB,cAAA,CAAAoB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1B,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAA2B,aAAA,CAACvB,WAAW,MAAE,CAAC,eACfJ,KAAA,CAAA2B,aAAA,CAAC1B,MAAM,IAAC4B,GAAG,EAAE,EAAG,iBACd7B,KAAA,CAAA2B,aAAA,CAACxB,IAAI,IAAC2B,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxChC,KAAA,CAAA2B,aAAA,CAACzB,MAAM,IAAC+B,OAAO,EAAE,IAAI,CAAChB,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPjB,KAAA,CAAA2B,aAAA,CAACxB,IAAI,IAAC2B,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACE,GAAG,EAAE,OAAQ,iBAChElC,KAAA,CAAA2B,aAAA,CAACzB,MAAM,IAAC+B,OAAO,EAAE,IAAI,CAACd,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CACR,CAAC,CAEP,CAAC,QAAAd,cAAA,GAfiCL,KAAK,CAACmC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Gapped","Button","Hint","Toast","HintPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","push","pushToastWithAction","label","handler","_inheritsLoose","_proto","prototype","render","createElement","gap","manual","opened","text","onClick","pos","Component"],"sources":["HintPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Hint } from '../../components/Hint';\nimport { Toast } from '../../components/Toast';\n\nexport class HintPlayground extends React.Component {\n  public render() {\n    return (\n      <Gapped gap={10}>\n        <Hint manual opened text={'Показать тост'}>\n          <Button onClick={this.pushToast}>Toast</Button>\n        </Hint>\n        <Hint manual opened text={'Показать тост с ссылкой'} pos={'right'}>\n          <Button onClick={this.pushToastWithAction}>Toast with link</Button>\n        </Hint>\n      </Gapped>\n    );\n  }\n\n  private pushToast = () => {\n    Toast.push('Текст сообщения');\n  };\n\n  private pushToastWithAction = () => {\n    Toast.push('Текст сообщения', { label: 'Ссылка', handler: () => null });\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,KAAK,QAAQ,wBAAwB;;AAE9C,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;IAcjBU,SAAS,GAAG,YAAM;MACxBb,KAAK,CAACc,IAAI,CAAC,iBAAiB,CAAC;IAC/B,CAAC,CAAAX,KAAA;;IAEOY,mBAAmB,GAAG,YAAM;MAClCf,KAAK,CAACc,IAAI,CAAC,iBAAiB,EAAE,EAAEE,KAAK,EAAE,QAAQ,EAAEC,OAAO,EAAE,SAAAA,QAAA,UAAM,IAAI,GAAC,CAAC,CAAC;IACzE,CAAC,QAAAd,KAAA,EAAAe,cAAA,CAAAjB,cAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,cAAA,CAAAmB,SAAA,CAAAD,MAAA,CAnBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,IAAC0B,GAAG,EAAE,EAAG,iBACd3B,KAAA,CAAA0B,aAAA,CAACvB,IAAI,IAACyB,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxC9B,KAAA,CAAA0B,aAAA,CAACxB,MAAM,IAAC6B,OAAO,EAAE,IAAI,CAACd,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPjB,KAAA,CAAA0B,aAAA,CAACvB,IAAI,IAACyB,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACE,GAAG,EAAE,OAAQ,iBAChEhC,KAAA,CAAA0B,aAAA,CAACxB,MAAM,IAAC6B,OAAO,EAAE,IAAI,CAACZ,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CAAC,CAEb,CAAC,QAAAd,cAAA,GAZiCL,KAAK,CAACiC,SAAS","ignoreList":[]}

package/internal/ThemePlayground/Playground/Playground.js

@@ -1,5 +1,4 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _class;
 import React from 'react';
 import { SearchLoupeIcon16Regular } from '@skbkontur/icons/icons/SearchLoupeIcon/SearchLoupeIcon16Regular';
 import { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';
@@ -16,8 +15,8 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { Tooltip } from "../../../components/Tooltip";
 import { Sticky } from "../../../components/Sticky";
 import { isTestEnv } from "../../../lib/currentEnvironment";
+import { cx } from "../../../lib/theming/Emotion";
 import { FileUploader } from "../../../components/FileUploader";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { ThemeType } from "../constants";
 import { TokenInputPlayground } from "../TokenInputPlayground";
 import { DatePickerPlayground } from "../AnotherInputsPlayground";
@@ -31,10 +30,10 @@ import { RadioPlayground } from "../RadioPlayground";
 import { PagingPlayground } from "../PagingPlayground";
 import { HintPlayground } from "../HintPlayground";
 import { ComponentsGroup } from "../ComponentsGroup";
-import { getStyles } from "../Playground.styles";
+import { styles } from "../Playground.styles";
 import { SizesGroup } from "../SizesGroup";
 var useSticky = !isTestEnv;
-export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_React$Component) {
+export var Playground = /*#__PURE__*/function (_React$Component) {
   function Playground() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -240,7 +239,7 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
       var tooltipContent = function tooltipContent() {
         return /*#__PURE__*/(
           React.createElement("div", {
-            className: _this.styles.tooltipContent()
+            className: styles.tooltipContent()
           }, 'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно')
         );
       };
@@ -297,14 +296,13 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
   var _proto = Playground.prototype;
   _proto.render = function render() {
     var _this2 = this;
-    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(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));
+    var wrapperClassName = cx(styles.playground(), styles.playgroundWrapper(this.theme));
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperClassName
     }, /*#__PURE__*/React.createElement(Gapped, {
@@ -316,7 +314,7 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
     }, this.renderHintsGroup(), this.renderTooltip(), this.renderPaging(), this.renderFileUploader()));
   };
   _proto.renderTabs = function renderTabs() {
-    var _this$cx;
+    var _cx;
     var _this$props = this.props,
       onThemeChange = _this$props.onThemeChange,
       onEditLinkClick = _this$props.onEditLinkClick;
@@ -324,7 +322,7 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
       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));
+    var tabsOuterWrapperClass = cx((_cx = {}, _cx[styles.tabsWrapper(this.theme)] = true, _cx[styles.stickyTabsWrapper(this.theme)] = useSticky, _cx));
     return /*#__PURE__*/React.createElement("div", {
       style: tabsOuterWrapperStyle,
       className: tabsOuterWrapperClass
@@ -335,7 +333,7 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
       onValueChange: onThemeChange,
       vertical: false
     }, /*#__PURE__*/React.createElement("div", {
-      className: this.styles.tabsInnerWrapper(this.theme)
+      className: styles.tabsInnerWrapper(this.theme)
     }, /*#__PURE__*/React.createElement(Tabs.Tab, {
       id: ThemeType.LightTheme,
       "data-tab-id": ThemeType.LightTheme
@@ -347,4 +345,4 @@ export var Playground = withRenderEnvironment(_class = /*#__PURE__*/function (_R
     }, "\u041D\u0430\u0441\u0442\u0440\u043E\u0438\u0442\u044C \u0442\u0435\u043C\u0443")));
   };
   return Playground;
-}(React.Component)) || _class;
+}(React.Component);

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

@@ -1 +1 @@
-{"version":3,"names":["React","SearchLoupeIcon16Regular","AttachLinkIcon16Regular","CheckAIcon16Regular","MinusCircleIcon16Regular","TrashCanIcon16Regular","QuestionCircleIcon16Regular","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","FileUploader","withRenderEnvironment","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","getStyles","SizesGroup","useSticky","Playground","_class","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","styles","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","emotion","Consumer","renderMain","wrapperClassName","cx","playground","playgroundWrapper","vertical","_this$cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","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 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';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\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\n@withRenderEnvironment\nexport class Playground extends React.Component<PlaygroundProps> {\n  private emotion!: Emotion;\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    this.styles = getStyles(this.emotion);\n\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 = 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} data-tab-id={ThemeType.LightTheme}>\n                Светлая тема\n              </Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme} data-tab-id={ThemeType.DarkTheme}>\n                Тёмная тема\n              </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":"iFAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,wBAAwB,QAAQ,iEAAiE;AAC1G,SAASC,uBAAuB,QAAQ,+DAA+D;AACvG,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,wBAAwB,QAAQ,iEAAiE;AAC1G,SAASC,qBAAqB,QAAQ,2DAA2D;AACjG,SAASC,2BAA2B,QAAQ,uEAAuE;;;;AAInH,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,IAAI,QAAQ,uBAAuB;;AAE5C,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,OAAO,QAAQ,0BAA0B;AAClD,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,YAAY,QAAQ,+BAA+B;AAC5D,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,oBAAoB,QAAQ,2BAA2B;AAChE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,0BAA0B,QAAQ,WAAW;AACtD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,UAAU,QAAQ,cAAc;;AAEzC,IAAMC,SAAS,GAAG,CAAClB,SAAS;;;;;;;;AAQ5B;AACamB,UAAU,GADtBjB,qBAAqB,CAAAkB,MAAA,0BAAAC,gBAAA,YAAAF,WAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;IAMZU,MAAM,gBAAG/C,KAAK,CAACgD,SAAS,CAAiB,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC1CY,eAAe,GAAG,YAAM;MAC9B,OAAOhB,SAAS;MACdjC,KAAA,CAAAkD,aAAA,CAACpC,MAAM,IAACqC,IAAI,EAAE,KAAM,EAACC,OAAO,EAAEf,KAAA,CAAKgB,aAAc;MAC9ChB,KAAA,CAAKiB,UAAU,CAAC;MACX,CAAC;;MAETjB,KAAA,CAAKiB,UAAU,CAAC,CACjB;;IACH,CAAC,CAAAjB,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6BOkB,aAAa,GAAG,YAAM;MAC5B,QAAQlB,KAAA,CAAKmB,KAAK,CAACC,gBAAgB;QACjC,KAAKvC,SAAS,CAACwC,SAAS;UACtB,OAAOxC,SAAS,CAACwC,SAAS;QAC5B;UACE,OAAOxC,SAAS,CAACyC,UAAU;MAC/B;IACF,CAAC,CAAAtB,KAAA;;IAEOuB,gBAAgB,GAAG,YAAM;MAC/B;QACE5D,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,SAAU,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACnD9D,KAAA,CAAAkD,aAAA,CAAClB,UAAU,IAAC+B,IAAI,EAAE,OAAQ,EAAE,CAAC;QAC7B/D,KAAA,CAAAkD,aAAA,CAAClB,UAAU,IAAC+B,IAAI,EAAE,QAAS,EAAE,CAAC;QAC9B/D,KAAA,CAAAkD,aAAA,CAAClB,UAAU,IAAC+B,IAAI,EAAE,OAAQ,EAAE;QACb,CAAC;;IAEtB,CAAC,CAAA1B,KAAA;;IAEO2B,gBAAgB,GAAG,YAAM;MAC/B,IAAMC,SAAsB,GAAG;MAC7B,EAAEC,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAChD,uBAAuB,MAAE,CAAC,EAAEiE,QAAQ,EAAE,SAAS,CAAC,CAAC;MAC1D,EAAED,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAC/C,mBAAmB,MAAE,CAAC,EAAEiE,GAAG,EAAE,SAAS,EAAED,QAAQ,EAAE,SAAS,CAAC,CAAC;MACtE,EAAED,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAC9C,wBAAwB,MAAE,CAAC,EAAEgE,GAAG,EAAE,QAAQ,EAAED,QAAQ,EAAE,QAAQ,CAAC,CAAC;MACzE,EAAED,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAC7C,qBAAqB,MAAE,CAAC,EAAE+D,GAAG,EAAE,QAAQ,EAAED,QAAQ,EAAE,QAAQ,CAAC,CAAC;MACtE,EAAED,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAC7C,qBAAqB,MAAE,CAAC,EAAE8D,QAAQ,EAAE,UAAU,EAAEE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAC1E;;MACD;QACErE,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,QAAS,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QAClD9D,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC6D,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;QACzC/C,0BAA0B,eAACzB,KAAA,CAAAkD,aAAA,CAACxC,IAAI,MAAE,CAAC,EAAEuD,SAAS;QACzC;QACO,CAAC;;IAEtB,CAAC,CAAA5B,KAAA;;IAEOoC,kBAAkB,GAAG,YAAM;MACjC,IAAMR,SAAwB,GAAG;MAC/B,EAAEE,QAAQ,EAAE,SAAS,CAAC,CAAC;MACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,GAAG,EAAE,SAAS,CAAC,CAAC;MACvC,EAAED,QAAQ,EAAE,QAAQ,EAAEC,GAAG,EAAE,QAAQ,CAAC,CAAC;MACrC,EAAED,QAAQ,EAAE,KAAK,EAAEC,GAAG,EAAE,KAAK,CAAC,CAAC;MAC/B,EAAED,QAAQ,EAAE,SAAS,EAAEC,GAAG,EAAE,SAAS,CAAC,CAAC;MACvC,EAAED,QAAQ,EAAE,UAAU,EAAEE,QAAQ,EAAE,IAAI,CAAC,CAAC;MACxC,EAAEF,QAAQ,EAAE,MAAM,EAAEO,KAAK,EAAE,MAAM,EAAEX,IAAI,EAAE,QAAQ,EAAEY,KAAK,EAAE,GAAG,CAAC,CAAC;MAC/D,EAAER,QAAQ,EAAE,SAAS,EAAEO,KAAK,EAAE,IAAI,EAAEX,IAAI,EAAE,QAAQ,EAAEK,GAAG,EAAE,SAAS,EAAEO,KAAK,EAAE,GAAG,CAAC,CAAC;MAChF,EAAER,QAAQ,EAAE,SAAS,EAAEJ,IAAI,EAAE,QAAQ,EAAEa,OAAO,EAAE,IAAI,CAAC,CAAC,CACvD;;;MAED;QACE5E,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,QAAS,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACjDrC,0BAA0B,eAACzB,KAAA,CAAAkD,aAAA,CAAC3C,MAAM,IAACoE,KAAK,EAAE,GAAI,EAACZ,IAAI,EAAE,OAAQ,EAAE,CAAC,EAAEE,SAAS;QAC7D,CAAC;;IAEtB,CAAC,CAAA5B,KAAA;;IAEOwC,iBAAiB,GAAG,YAAM;MAChC,IAAMZ,SAAuB,GAAG;MAC9B,EAAEa,WAAW,EAAE,SAAS,CAAC,CAAC;MAC1B,EAAEA,WAAW,EAAE,OAAO,EAAEC,KAAK,EAAE,IAAI,CAAC,CAAC;MACrC,EAAED,WAAW,EAAE,SAAS,EAAEE,OAAO,EAAE,IAAI,CAAC,CAAC;MACzC,EAAEF,WAAW,EAAE,UAAU,EAAET,QAAQ,EAAE,IAAI,CAAC,CAAC,CAC5C;;MACD,IAAMY,SAAS,GAAGxD,0BAA0B,eAACzB,KAAA,CAAAkD,aAAA,CAACvC,KAAK,IAACgE,KAAK,EAAE,GAAI,EAAE,CAAC,EAAEV,SAAS,CAAC;MAC9E;QACEjE,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,YAAa,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACtD9D,KAAA,CAAAkD,aAAA,CAACvC,KAAK,IAACgE,KAAK,EAAE,GAAI,EAACO,MAAM,EAAC,iCAAiC,EAACC,SAAS,eAAEnF,KAAA,CAAAkD,aAAA,CAACjD,wBAAwB,MAAE,CAAE,EAAE,CAAC;QACvGD,KAAA,CAAAkD,aAAA;QACElD,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC+D,GAAG,EAAE,EAAG,IAAES,SAAkB;QACjC;QACU,CAAC;;IAEtB,CAAC,CAAA5C,KAAA;;IAEO+C,sBAAsB,GAAG,YAAM;MACrC;QACEpF,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,gBAAiB,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QAC1D9D,KAAA,CAAAkD,aAAA,CAAC/B,oBAAoB,MAAE;QACR,CAAC;;IAEtB,CAAC,CAAAkB,KAAA;;IAEOgD,sBAAsB,GAAG,YAAM;MACrC;QACErF,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,aAAc,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACvD9D,KAAA,CAAAkD,aAAA,CAAC1B,uBAAuB,MAAE,CAAC;QAC3BxB,KAAA,CAAAkD,aAAA,CAAC3B,iBAAiB,MAAE,CAAC;QACrBvB,KAAA,CAAAkD,aAAA,CAAC9B,oBAAoB,MAAE;QACR,CAAC;;IAEtB,CAAC,CAAAiB,KAAA;;IAEOiD,oBAAoB,GAAG,YAAM;MACnC;QACEtF,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,eAAgB,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACzD9D,KAAA,CAAAkD,aAAA,CAAC5B,kBAAkB,MAAE;QACN,CAAC;;IAEtB,CAAC,CAAAe,KAAA;;IAEOkD,mBAAmB,GAAG,YAAM;MAClC;QACEvF,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,iBAAkB,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QAC3D9D,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC8D,aAAa,EAAE,KAAM,EAACC,GAAG,EAAE,EAAG;QACpCxE,KAAA,CAAAkD,aAAA,CAACxB,kBAAkB,MAAE,CAAC;QACtB1B,KAAA,CAAAkD,aAAA,CAACvB,eAAe,MAAE,CAAC;QACnB3B,KAAA,CAAAkD,aAAA,CAAC7B,gBAAgB,MAAE;QACb;QACO,CAAC;;IAEtB,CAAC,CAAAgB,KAAA;;IAEOmD,gBAAgB,GAAG,YAAM;MAC/B;QACExF,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,QAAS,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QAClD9D,KAAA,CAAAkD,aAAA,CAACrB,cAAc,MAAE;QACF,CAAC;;IAEtB,CAAC,CAAAQ,KAAA;;IAEOoD,aAAa,GAAG,YAAM;MAC5B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA;UAClB1F,KAAA,CAAAkD,aAAA,UAAKyC,SAAS,EAAEtD,KAAA,CAAKuD,MAAM,CAACF,cAAc,CAAC,CAAE;UAC1C;UACE,CAAC,GACP;;MACD;QACE1F,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,QAAS,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QAClD9D,KAAA,CAAAkD,aAAA,CAACrC,OAAO,IAACgF,MAAM,EAAEH,cAAe,EAACI,GAAG,EAAC,cAAc,EAACC,OAAO,EAAE,QAAS,EAACC,iBAAiB;QACtFhG,KAAA,CAAAkD,aAAA,CAACxC,IAAI,IAACwD,IAAI,eAAElE,KAAA,CAAAkD,aAAA,CAAC5C,2BAA2B,MAAE,CAAE,EAAE;QACvC;QACM,CAAC;;IAEtB,CAAC,CAAA+B,KAAA;;IAEO4D,YAAY,GAAG,YAAM;MAC3B;QACEjG,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,UAAW,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACpD9D,KAAA,CAAAkD,aAAA,CAACtB,gBAAgB,MAAE;QACJ,CAAC;;IAEtB,CAAC,CAAAS,KAAA;;IAEO6D,kBAAkB,GAAG,YAAM;MACjC;QACElG,KAAA,CAAAkD,aAAA,CAACpB,eAAe,IAAC+B,KAAK,EAAE,cAAe,EAACC,KAAK,EAAEzB,KAAA,CAAKyB,KAAM;QACxD9D,KAAA,CAAAkD,aAAA,CAAClC,YAAY,IAACmF,QAAQ,QAAE;QACT,CAAC;;IAEtB,CAAC,CAAA9D,KAAA;;IAEO+D,uBAAuB,GAAG,YAAM;MACtC,oBAAOpG,KAAA,CAAAkD,aAAA,UAAKmD,GAAG,EAAEhE,KAAA,CAAKU,MAAO,EAACuD,KAAK,EAAE,EAAEC,MAAM,EAAE,EAAE,CAAC,CAAE,EAAE,CAAC;IACzD,CAAC,CAAAlE,KAAA;;IAEOgB,aAAa,GAAG,oBAAMhB,KAAA,CAAKU,MAAM,CAACyD,OAAO,UAAAnE,KAAA,EAAAoE,cAAA,CAAAvE,UAAA,EAAAE,gBAAA,MAAAsE,MAAA,GAAAxE,UAAA,CAAAyE,SAAA,CAAAD,MAAA,CAtO1Cb,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAe,MAAA,QACd,IAAI,CAAChB,MAAM,GAAG7D,SAAS,CAAC,IAAI,CAAC8E,OAAO,CAAC,CAErC,oBACE7G,KAAA,CAAAkD,aAAA,CAACtC,YAAY,CAACkG,QAAQ,QACnB,UAAChD,KAAK,EAAK,CACV8C,MAAI,CAAC9C,KAAK,GAAGA,KAAK,CAClB,OAAO8C,MAAI,CAACG,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAL,MAAA,CACOK,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAMC,gBAAgB,GAAG,IAAI,CAACC,EAAE,CAAC,IAAI,CAACrB,MAAM,CAACsB,UAAU,CAAC,CAAC,EAAE,IAAI,CAACtB,MAAM,CAACuB,iBAAiB,CAAC,IAAI,CAACrD,KAAK,CAAC,CAAC,CACrG,oBACE9D,KAAA,CAAAkD,aAAA,UAAKyC,SAAS,EAAEqB,gBAAiB,iBAC/BhH,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC2G,QAAQ,QAAC5C,GAAG,EAAE,EAAG,IACtB,IAAI,CAACvB,eAAe,CAAC,CAAC,EACtB,IAAI,CAACW,gBAAgB,CAAC,CAAC,EACvB,IAAI,CAACI,gBAAgB,CAAC,CAAC,EACvB,IAAI,CAACS,kBAAkB,CAAC,CAAC,EACzB,IAAI,CAACI,iBAAiB,CAAC,CAAC,EACxB,IAAI,CAACQ,sBAAsB,CAAC,CAAC,EAC7B,IAAI,CAACD,sBAAsB,CAAC,CAAC,EAC7B,IAAI,CAACE,oBAAoB,CAAC,CAAC,EAC3B,IAAI,CAACC,mBAAmB,CAAC,CACpB,CAAC,EACR,IAAI,CAACa,uBAAuB,CAAC,CAAC,eAC/BpG,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC2G,QAAQ,QAAC5C,GAAG,EAAE,EAAG,IACtB,IAAI,CAACgB,gBAAgB,CAAC,CAAC,EACvB,IAAI,CAACC,aAAa,CAAC,CAAC,EACpB,IAAI,CAACQ,YAAY,CAAC,CAAC,EACnB,IAAI,CAACC,kBAAkB,CAAC,CACnB,CACL,CAAC,CAEV,CAAC,CAAAQ,MAAA,CAYOpD,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAA+D,QAAA,CACnB,IAAAC,WAAA,GAA2C,IAAI,CAAC9D,KAAK,CAA7C+D,aAAa,GAAAD,WAAA,CAAbC,aAAa,CAAEC,eAAe,GAAAF,WAAA,CAAfE,eAAe,CACtC,IAAMC,qBAAqB,GAAG,EAAEC,UAAU,EAAE,IAAI,CAAC5D,KAAK,CAAC6D,SAAS,EAAEC,SAAS,EAAE,EAAE,CAAC,CAAC,CACjF,IAAMC,qBAAqB,GAAG,IAAI,CAACZ,EAAE,EAAAI,QAAA,OAAAA,QAAA,CAClC,IAAI,CAACzB,MAAM,CAACkC,WAAW,CAAC,IAAI,CAAChE,KAAK,CAAC,IAAG,IAAI,EAAAuD,QAAA,CAC1C,IAAI,CAACzB,MAAM,CAACmC,iBAAiB,CAAC,IAAI,CAACjE,KAAK,CAAC,IAAG7B,SAAS,EAAAoF,QAAA,CACvD,CAAC,CAEF,oBACErH,KAAA,CAAAkD,aAAA,UAAKoD,KAAK,EAAEmB,qBAAsB,EAAC9B,SAAS,EAAEkC,qBAAsB,iBAClE7H,KAAA,CAAAkD,aAAA,CAACzC,MAAM,IAAC+D,GAAG,EAAE,EAAG,iBACdxE,KAAA,CAAAkD,aAAA,CAAC1C,IAAI,IAACwH,KAAK,EAAE,IAAI,CAACzE,aAAa,CAAC,CAAE,EAAC0E,aAAa,EAAEV,aAAc,EAACH,QAAQ,EAAE,KAAM,iBAC/EpH,KAAA,CAAAkD,aAAA,UAAKyC,SAAS,EAAE,IAAI,CAACC,MAAM,CAACsC,gBAAgB,CAAC,IAAI,CAACpE,KAAK,CAAE,iBACvD9D,KAAA,CAAAkD,aAAA,CAAC1C,IAAI,CAAC2H,GAAG,IAACC,EAAE,EAAElH,SAAS,CAACyC,UAAW,EAAC,eAAazC,SAAS,CAACyC,UAAW,IAAC,qEAE7D,CAAC,eACX3D,KAAA,CAAAkD,aAAA,CAAC1C,IAAI,CAAC2H,GAAG,IAACC,EAAE,EAAElH,SAAS,CAACwC,SAAU,EAAC,eAAaxC,SAAS,CAACwC,SAAU,IAAC,+DAE3D,CACP,CACD,CAAC,eACP1D,KAAA,CAAAkD,aAAA,CAACxC,IAAI,IAAC2H,OAAO,EAAEb,eAAgB,IAAC,iFAAoB,CAC9C,CACL,CAAC,CAEV,CAAC,QAAAtF,UAAA,GAhF6BlC,KAAK,CAACsI,SAAS,MAAAnG,MAAA","ignoreList":[]}
+{"version":3,"names":["React","SearchLoupeIcon16Regular","AttachLinkIcon16Regular","CheckAIcon16Regular","MinusCircleIcon16Regular","TrashCanIcon16Regular","QuestionCircleIcon16Regular","Button","Tabs","Gapped","Link","Input","ThemeContext","Tooltip","Sticky","isTestEnv","cx","FileUploader","ThemeType","TokenInputPlayground","DatePickerPlayground","TogglePlayground","SwitcherPlayground","FxInputPlayground","CurrencyInputPlayground","getComponentsFromPropsList","CheckboxPlayground","RadioPlayground","PagingPlayground","HintPlayground","ComponentsGroup","styles","SizesGroup","useSticky","Playground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","stopEl","createRef","renderTabsGroup","createElement","side","getStop","getStickyStop","renderTabs","getCurrentTab","props","currentThemeType","DarkTheme","LightTheme","renderSizesGroup","title","theme","size","renderLinksGroup","propsList","icon","children","use","disabled","wrap","verticalAlign","gap","renderButtonsGroup","arrow","width","loading","renderInputsGroup","placeholder","error","warning","fromProps","prefix","rightIcon","renderTokenInputsGroup","renderOtherInputsGroup","renderSwitchersGroup","renderControlsGroup","renderHintsGroup","renderTooltip","tooltipContent","className","render","pos","trigger","disableAnimations","renderPaging","renderFileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose","_proto","prototype","_this2","Consumer","renderMain","wrapperClassName","playground","playgroundWrapper","vertical","_cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","marginTop","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","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} data-tab-id={ThemeType.LightTheme}>\n                Светлая тема\n              </Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme} data-tab-id={ThemeType.DarkTheme}>\n                Тёмная тема\n              </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/internal/ThemePlayground/Playground.d.ts

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

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

@@ -1,68 +1,65 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
-import { memoizeGetStyles } from "../../../lib/theming/Emotion";
-export var getStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    playground: function playground() {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
-    },
-    title: function title(t) {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
-    },
-    componentsGroup: function componentsGroup(t) {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
-    },
-    sidePageBody: function sidePageBody() {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    "])));
-    },
-    variable: function variable(t) {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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);
-    },
-    variableName: function variableName(t) {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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);
-    },
-    deprecated: function deprecated() {
-      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
-    },
-    colorIcon: function colorIcon() {
-      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      height: 16px;\n      width: 16px;\n    "])));
-    },
-    baseLinkWrapper: function baseLinkWrapper() {
-      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: auto;\n    "])));
-    },
-    linkRoot: function linkRoot() {
-      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n    "])));
-    },
-    baseVariableRoot: function baseVariableRoot() {
-      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
-    },
-    loaderWrapper: function loaderWrapper() {
-      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 500px;\n    "])));
-    },
-    loader: function loader() {
-      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 300px;\n      margin: auto;\n    "])));
-    },
-    tabsWrapper: function tabsWrapper(t) {
-      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\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);
-    },
-    tooltipContent: function tooltipContent() {
-      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 210px;\n    "])));
-    },
-    stickyTabsWrapper: function stickyTabsWrapper(t) {
-      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
-    },
-    tabsInnerWrapper: function tabsInnerWrapper(t) {
-      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
-    },
-    playgroundWrapper: function playgroundWrapper(t) {
-      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.bgDefault);
-    },
-    editorHeaderWrapper: function editorHeaderWrapper(t) {
-      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
-    },
-    editorGroupHeader: function editorGroupHeader(t) {
-      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
-    }
-  };
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  playground: function playground() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
+  },
+  title: function title(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
+  },
+  componentsGroup: function componentsGroup(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
+  },
+  sidePageBody: function sidePageBody() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n      overflow-x: hidden;\n    "])));
+  },
+  variable: function variable(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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);
+  },
+  variableName: function variableName(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\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);
+  },
+  deprecated: function deprecated() {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
+  },
+  colorIcon: function colorIcon() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      height: 16px;\n      width: 16px;\n    "])));
+  },
+  baseLinkWrapper: function baseLinkWrapper() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: auto;\n    "])));
+  },
+  linkRoot: function linkRoot() {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n    "])));
+  },
+  baseVariableRoot: function baseVariableRoot() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
+  },
+  loaderWrapper: function loaderWrapper() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 500px;\n    "])));
+  },
+  loader: function loader() {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 300px;\n      margin: auto;\n    "])));
+  },
+  tabsWrapper: function tabsWrapper(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\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);
+  },
+  tooltipContent: function tooltipContent() {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 210px;\n    "])));
+  },
+  stickyTabsWrapper: function stickyTabsWrapper(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
+  },
+  tabsInnerWrapper: function tabsInnerWrapper(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+  },
+  playgroundWrapper: function playgroundWrapper(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.bgDefault);
+  },
+  editorHeaderWrapper: function editorHeaderWrapper(t) {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+  },
+  editorGroupHeader: function editorGroupHeader(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+  }
 });

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

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

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

@@ -1,5 +1,5 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     playground(): string;
     title(t: Theme): string;
     componentsGroup(t: Theme): string;
@@ -20,4 +20,4 @@ export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter
     playgroundWrapper(t: Theme): string;
     editorHeaderWrapper(t: Theme): string;
     editorGroupHeader(t: Theme): string;
-}>;
+};