@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/cjs/internal/SpinnerIcon/SpinnerIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootInline","icon","iconInline"],"sources":["SpinnerIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        margin-left: -1px;\n        margin-right: -1px;\n      `;\n    },\n    rootInline() {\n      return emotion.css`\n        margin-left: -0.0714285714285714em;\n        margin-right: -0.0714285714285714em;\n      `;\n    },\n\n    icon() {\n      return emotion.css`\n        margin-bottom: -3px;\n        border-radius: 50%;\n        overflow: visible;\n      `;\n    },\n\n    iconInline() {\n      return emotion.css`\n        height: 1.1428571428571428em;\n        width: 1.1428571428571428em;\n        margin-bottom: -0.2428571428571428em;\n        stroke-width: 0.10714285714285714em;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;MAKpB,CAAC;MACDC,UAAU,WAAAA,WAAA,EAAG;QACX,OAAON,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;MAIpB,CAAC;;MAEDE,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;MAKpB,CAAC;;MAEDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOR,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;MAMpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","rootInline","icon","iconInline"],"sources":["SpinnerIcon.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/TextWidthHelper/TextWidthHelper.js

@@ -1,7 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.TextWidthHelper = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _getDOMRect = require("../../lib/dom/getDOMRect");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _TextWidthHelper2 = require("./TextWidthHelper.styles");
 
@@ -34,11 +33,4 @@ TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Compon
 
 
 
-
-
-
-
-
-
-
-    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);var _proto = TextWidthHelper.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_Emotion.EmotionConsumer, null, function (emotion) {var styles = (0, _TextWidthHelper2.getStyles)(emotion);return /*#__PURE__*/_react.default.createElement("div", { className: styles.root() }, /*#__PURE__*/_react.default.createElement("div", { className: styles.textContainer(), ref: _this2.elementRef }, _this2.props.text || THIN_SPACE));});};_proto.getTextWidth = function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;};_proto.getTextHeight = function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;};return TextWidthHelper;}(_react.default.Component);
+    elementRef = function (node) {return _this.element = node;};return _this;}(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);var _proto = TextWidthHelper.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("div", { className: _TextWidthHelper2.jsStyles.root() }, /*#__PURE__*/_react.default.createElement("div", { className: _TextWidthHelper2.jsStyles.textContainer(), ref: this.elementRef }, this.props.text || THIN_SPACE));};_proto.getTextWidth = function getTextWidth() {return (0, _getDOMRect.getDOMRect)(this.element).width;};_proto.getTextHeight = function getTextHeight() {return (0, _getDOMRect.getDOMRect)(this.element).height;};return TextWidthHelper;}(_react.default.Component);

package/cjs/internal/TextWidthHelper/TextWidthHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_getDOMRect","_Emotion","_TextWidthHelper2","THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","EmotionConsumer","emotion","styles","getStyles","className","root","textContainer","ref","props","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <div className={styles.root()}>\n              <div className={styles.textContainer()} ref={this.elementRef}>\n                {this.props.text || THIN_SPACE}\n              </div>\n            </div>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;;AAEA,IAAAG,iBAAA,GAAAH,OAAA;;AAEA,IAAMI,UAAU,GAAG,QAAQ;;;;;AAK3B;AACA;AACA,GAFA;AAGaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,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;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IA2BrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,eAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAzB7DE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE5B,MAAA,CAAAwB,OAAA,CAAAK,aAAA,CAACzB,QAAA,CAAA0B,eAAe,QACb,UAACC,OAAO,EAAK,CACZ,IAAMC,MAAM,GAAG,IAAAC,2BAAS,EAACF,OAAO,CAAC,CACjC,oBACE/B,MAAA,CAAAwB,OAAA,CAAAK,aAAA,UAAKK,SAAS,EAAEF,MAAM,CAACG,IAAI,CAAC,CAAE,iBAC5BnC,MAAA,CAAAwB,OAAA,CAAAK,aAAA,UAAKK,SAAS,EAAEF,MAAM,CAACI,aAAa,CAAC,CAAE,EAACC,GAAG,EAAET,MAAI,CAACP,UAAW,IAC1DO,MAAI,CAACU,KAAK,CAACC,IAAI,IAAIjC,UACjB,CACF,CAAC,CAEV,CACe,CAAC,CAEtB,CAAC,CAAAmB,MAAA,CAEMe,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACrB,OAAO,CAAC,CAACsB,KAAK,CACvC,CAAC,CAAAjB,MAAA,CAEMkB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACrB,OAAO,CAAC,CAACwB,MAAM,CACxC,CAAC,QAAArC,eAAA,GA1BkCsC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_getDOMRect","_TextWidthHelper2","THIN_SPACE","TextWidthHelper","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose2","default","_proto","prototype","render","createElement","className","jsStyles","root","textContainer","ref","props","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\n\nimport { jsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n\n  public render() {\n    return (\n      <div className={jsStyles.root()}>\n        <div className={jsStyles.textContainer()} ref={this.elementRef}>\n          {this.props.text || THIN_SPACE}\n        </div>\n      </div>\n    );\n  }\n\n  public getTextWidth(): number {\n    return getDOMRect(this.element).width;\n  }\n\n  public getTextHeight(): number {\n    return getDOMRect(this.element).height;\n  }\n\n  private elementRef = (node: HTMLDivElement) => (this.element = node);\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,WAAA,GAAAD,OAAA;;AAEA,IAAAE,iBAAA,GAAAF,OAAA;;AAEA,IAAMG,UAAU,GAAG,QAAQ;;;;;AAK3B;AACA;AACA,GAFA;AAGaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAAE,gBAAA,YAAAF,gBAAA,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;IAClBU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;IAoBrCW,UAAU,GAAG,UAACC,IAAoB,UAAMZ,KAAA,CAAKU,OAAO,GAAGE,IAAI,EAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAjB,eAAA,EAAAE,gBAAA,MAAAgB,MAAA,GAAAlB,eAAA,CAAAmB,SAAA,CAAAD,MAAA,CAlB7DE,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE1B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,UAAKC,SAAS,EAAEC,0BAAQ,CAACC,IAAI,CAAC,CAAE,iBAC9B9B,MAAA,CAAAuB,OAAA,CAAAI,aAAA,UAAKC,SAAS,EAAEC,0BAAQ,CAACE,aAAa,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACZ,UAAW,IAC5D,IAAI,CAACa,KAAK,CAACC,IAAI,IAAI7B,UACjB,CACF,CAAC,CAEV,CAAC,CAAAmB,MAAA,CAEMW,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACjB,OAAO,CAAC,CAACkB,KAAK,CACvC,CAAC,CAAAb,MAAA,CAEMc,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACjB,OAAO,CAAC,CAACoB,MAAM,CACxC,CAAC,QAAAjC,eAAA,GAnBkCkC,cAAK,CAACC,SAAS","ignoreList":[]}

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

@@ -1,5 +1,4 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const jsStyles: {
     root(): string;
     textContainer(): string;
 };

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

@@ -1,11 +1,9 @@
-"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.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2;
+var styles = {
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
 
 
 
@@ -13,12 +11,13 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
+  },
+  textContainer: function textContainer() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
 
-      },
-      textContainer: function textContainer() {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
 
 
+  }
+};
 
-      }
-    }));};
+var jsStyles = exports.jsStyles = (0, _Emotion.memoizeStyle)(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","textContainer"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.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 emotion.css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n    },\n  });\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAAyD,IAAAC,eAAA,EAAAC,gBAAA;;AAElD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,OAAgB;IACxC,IAAAC,qBAAY,EAAC;MACXC,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOF,OAAO,CAACG,GAAG,CAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;MASpB,CAAC;MACDC,aAAa,WAAAA,cAAA,EAAG;QACd,OAAON,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;MAIpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","root","css","_taggedTemplateLiteralLoose2","default","textContainer","jsStyles","exports","memoizeStyle"],"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":"sRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;AAE9D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,4BAAA,CAAAC,OAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,4BAAA,CAAAC,OAAA;;;;EAIZ;AACF,CAAC;;AAEM,IAAME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,qBAAY,EAACR,MAAM,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/ComponentsGroup.js

@@ -1,8 +1,7 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ComponentsGroup = void 0;var _react = _interopRequireWildcard(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentsGroup = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _Gapped = require("../../components/Gapped");
 
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _Playground = require("./Playground.styles");
 
@@ -15,15 +14,12 @@ var _Playground = require("./Playground.styles");
 
 var ComponentsGroup = exports.ComponentsGroup = function ComponentsGroup(props) {
   var title = props.title,children = props.children,style = props.style,theme = props.theme;
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
-  var styles = (0, _Playground.getStyles)(emotion);
-
   return /*#__PURE__*/(
     _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "top", gap: 40 }, /*#__PURE__*/
-    _react.default.createElement("div", { className: styles.title(theme), style: style },
+    _react.default.createElement("div", { className: _Playground.styles.title(theme), style: style },
     title
     ), /*#__PURE__*/
-    _react.default.createElement("div", { className: styles.componentsGroup(theme) }, /*#__PURE__*/
+    _react.default.createElement("div", { className: _Playground.styles.componentsGroup(theme) }, /*#__PURE__*/
     _react.default.createElement(_Gapped.Gapped, { wrap: true, verticalAlign: "middle", gap: 10 },
     children
     )

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Gapped","_Emotion","_Playground","ComponentsGroup","exports","props","title","children","style","theme","emotion","useContext","EmotionContext","styles","getStyles","default","createElement","Gapped","wrap","verticalAlign","gap","className","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Theme } from '../../lib/theming/Theme';\nimport { EmotionContext } from '../../lib/theming/Emotion';\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 emotion = useContext(EmotionContext);\n  const styles = getStyles(emotion);\n\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":"uKAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,QAAA,GAAAF,OAAA;;AAEA,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,OAAO,GAAG,IAAAC,iBAAU,EAACC,uBAAc,CAAC;EAC1C,IAAMC,MAAM,GAAG,IAAAC,qBAAS,EAACJ,OAAO,CAAC;;EAEjC;IACEb,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiB,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCvB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAER,MAAM,CAACP,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNT,MAAA,CAAAkB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAER,MAAM,CAACS,eAAe,CAACb,KAAK,CAAE;IAC5CZ,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,OAAA,CAAAiB,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCb;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 { 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

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

package/cjs/internal/ThemePlayground/Playground.js

@@ -6,19 +6,18 @@ var _Error = _interopRequireDefault(require("@skbkontur/react-icons/Error"));
 var _Trash = _interopRequireDefault(require("@skbkontur/react-icons/Trash"));
 var _HelpDot = _interopRequireDefault(require("@skbkontur/react-icons/HelpDot"));
 
-
 var _Button = require("../../components/Button");
 var _Tabs = require("../../components/Tabs");
 var _Gapped = require("../../components/Gapped");
 var _Link2 = require("../../components/Link");
 var _Input = require("../../components/Input");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
 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 _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _constants = require("./constants");
 var _TokenInputPlayground = require("./TokenInputPlayground");
@@ -33,8 +32,8 @@ var _RadioPlayground = require("./RadioPlayground");
 var _PagingPlayground = require("./PagingPlayground");
 var _HintPlayground = require("./HintPlayground");
 var _ComponentsGroup = require("./ComponentsGroup");
-var _SizesGroup = require("./SizesGroup");
 var _Playground2 = require("./Playground.styles");
+var _SizesGroup = require("./SizesGroup");
 
 var useSticky = !_currentEnvironment.isTestEnv;var
 
@@ -46,8 +45,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.
 
 
@@ -77,14 +74,6 @@ Playground = exports.Playground = /*#__PURE__*/function (_React$Component) {func
 
 
 
-
-
-
-
-
-
-
-
 
 
 
@@ -249,7 +238,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() },
           'Информация об ошибке. Короткий объясняющий текст и ссылка, если нужно'
           ));};
 
@@ -282,4 +271,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(_Emotion.EmotionConsumer, null, function (emotion) {_this2.emotion = emotion;_this2.styles = (0, _Playground2.getStyles)(_this2.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.emotion.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$emotion$cx;var _this$props = this.props,onThemeChange = _this$props.onThemeChange,onEditLinkClick = _this$props.onEditLinkClick;var tabsOuterWrapperStyle = { background: this.theme.bgDefault };var tabsOuterWrapperClass = this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[this.styles.tabsWrapper(this.theme)] = true, _this$emotion$cx[this.styles.stickyTabsWrapper(this.theme)] = useSticky, _this$emotion$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 }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Link2.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 };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 }, "\u0422\u0435\u043C\u0430 2022"), /*#__PURE__*/_react.default.createElement(_Tabs.Tabs.Tab, { id: _constants.ThemeType.DarkTheme }, "\u0422\u0435\u043C\u0430 2022 \u0422\u0451\u043C\u043D\u0430\u044F"))), /*#__PURE__*/_react.default.createElement(_Link2.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","_Search","_Link","_Ok","_Error","_Trash","_HelpDot","_Button","_Tabs","_Gapped","_Link2","_Input","_Tooltip","_Sticky","_currentEnvironment","_Emotion","_FileUploader","_ThemeContext","_constants","_TokenInputPlayground","_AnotherInputsPlayground","_TogglePlayground","_SwitcherPlayground","_FxInputPlayground","_CurrencyInputPlayground","_helpers","_CheckboxPlayground","_RadioPlayground","_PagingPlayground","_HintPlayground","_ComponentsGroup","_SizesGroup","_Playground2","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","children","use","disabled","Gapped","wrap","verticalAlign","gap","getComponentsFromPropsList","Link","renderButtonsGroup","arrow","width","loading","Button","renderInputsGroup","placeholder","error","warning","fromProps","Input","prefix","rightIcon","renderTokenInputsGroup","TokenInputPlayground","renderOtherInputsGroup","CurrencyInputPlayground","FxInputPlayground","DatePickerPlayground","renderSwitchersGroup","SwitcherPlayground","renderControlsGroup","CheckboxPlayground","RadioPlayground","TogglePlayground","renderHintsGroup","HintPlayground","renderTooltip","tooltipContent","className","styles","Tooltip","render","pos","trigger","disableAnimations","renderPaging","PagingPlayground","renderFileUploader","FileUploader","multiple","renderStickyStopElement","ref","style","height","current","_inheritsLoose2","_proto","prototype","_this2","EmotionConsumer","emotion","getStyles","ThemeContext","Consumer","renderMain","wrapperClassName","cx","playground","playgroundWrapper","vertical","_this$emotion$cx","_this$props","onThemeChange","onEditLinkClick","tabsOuterWrapperStyle","background","bgDefault","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","Tabs","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { Theme } from '../../lib/theming/Theme';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\nimport { FileUploader } from '../../components/FileUploader';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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 { SizesGroup } from './SizesGroup';\nimport { getStyles } from './Playground.styles';\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 emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n  private stopEl = React.createRef<HTMLDivElement>();\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          this.styles = getStyles(this.emotion);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n  private renderMain() {\n    const wrapperClassName = this.emotion.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 };\n    const tabsOuterWrapperClass = this.emotion.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}>Тема 2022</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тема 2022 Тёмная</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: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, 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={<SearchIcon />} />\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={<HelpDotIcon />} />\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","_Search","_Link","_Ok","_Error","_Trash","_HelpDot","_Button","_Tabs","_Gapped","_Link2","_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","children","use","disabled","Gapped","wrap","verticalAlign","gap","getComponentsFromPropsList","Link","renderButtonsGroup","arrow","width","loading","Button","renderInputsGroup","placeholder","error","warning","fromProps","Input","prefix","rightIcon","renderTokenInputsGroup","TokenInputPlayground","renderOtherInputsGroup","CurrencyInputPlayground","FxInputPlayground","DatePickerPlayground","renderSwitchersGroup","SwitcherPlayground","renderControlsGroup","CheckboxPlayground","RadioPlayground","TogglePlayground","renderHintsGroup","HintPlayground","renderTooltip","tooltipContent","className","styles","Tooltip","render","pos","trigger","disableAnimations","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","tabsOuterWrapperClass","tabsWrapper","stickyTabsWrapper","Tabs","value","onValueChange","tabsInnerWrapper","Tab","id","onClick","Component"],"sources":["Playground.tsx"],"sourcesContent":["import React from 'react';\nimport SearchIcon from '@skbkontur/react-icons/Search';\nimport LinkIcon from '@skbkontur/react-icons/Link';\nimport OkIcon from '@skbkontur/react-icons/Ok';\nimport ErrorIcon from '@skbkontur/react-icons/Error';\nimport TrashIcon from '@skbkontur/react-icons/Trash';\nimport HelpDotIcon from '@skbkontur/react-icons/HelpDot';\n\nimport { Button, ButtonProps } from '../../components/Button';\nimport { Tabs } from '../../components/Tabs';\nimport { Gapped } from '../../components/Gapped';\nimport { Link, LinkProps } from '../../components/Link';\nimport { Input, InputProps } from '../../components/Input';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Tooltip } from '../../components/Tooltip';\nimport { Sticky } from '../../components/Sticky';\nimport { 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 };\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}>Тема 2022</Tabs.Tab>\n              <Tabs.Tab id={ThemeType.DarkTheme}>Тема 2022 Тёмная</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: <LinkIcon />, children: 'Enabled' },\n      { icon: <OkIcon />, use: 'success', children: 'Success' },\n      { icon: <ErrorIcon />, use: 'danger', children: 'Danger' },\n      { icon: <TrashIcon />, use: 'grayed', children: 'Grayed' },\n      { icon: <TrashIcon />, 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={<SearchIcon />} />\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={<HelpDotIcon />} />\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.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { 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;