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

package/cjs/internal/ResizeDetector/ResizeDetector.styles.js

@@ -1,17 +1,16 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      height: 100%;\n    "])));
 
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      height: 100%;\n    "])));
 
 
+  },
 
-    },
+  iframe: function iframe() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
 
-    iframe: function iframe() {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    "])));
 
 
 
@@ -22,24 +21,23 @@ var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_re
 
 
 
+  },
 
-    },
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-    content: function content() {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
+  },
 
-    },
+  fullHeight: function fullHeight() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n    "])));
 
-    fullHeight: function fullHeight() {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 100%;\n    "])));
 
+  },
 
-    },
+  flex: function flex() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
 
-    flex: function flex() {
-      return css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n    "])));
 
-
-    }
-  };});
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight","flex"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  flex() {\n    return css`\n      display: flex;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDC,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOJ,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;;;;;;IAYZ,CAAC;;IAEDE,OAAO,WAAAA,QAAA,EAAG;MACR,OAAOL,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDG,UAAU,WAAAA,WAAA,EAAG;MACX,OAAON,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;IAGZ,CAAC;;IAEDI,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOP,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;IAGZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight","flex"],"sources":["ResizeDetector.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      position: relative;\n      height: 100%;\n    `;\n  },\n\n  iframe() {\n    return css`\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      margin: 0;\n      border: 0;\n      background: transparent;\n      opacity: 0;\n    `;\n  },\n\n  content() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  fullHeight() {\n    return css`\n      height: 100%;\n    `;\n  },\n\n  flex() {\n    return css`\n      display: flex;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,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,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,IAAI,WAAAA,KAAA,EAAG;IACL,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/SpinnerIcon/SpinnerIcon.d.ts

@@ -7,6 +7,7 @@ interface SpinnerIconSize {
 export interface SpinnerIconProps {
     className?: string;
     size: SpinnerIconSize | keyof typeof sizes;
+    dimmed?: boolean;
     inline?: boolean;
     width?: number;
     color?: React.CSSProperties['color'];
@@ -28,5 +29,5 @@ export declare const sizes: {
         readonly radius: 6;
     };
 };
-export declare const SpinnerIcon: ({ size, className, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
 export {};

package/cjs/internal/SpinnerIcon/SpinnerIcon.js

@@ -1,6 +1,16 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.sizes = exports.SpinnerIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _renderEnvironment = require("../../lib/renderEnvironment");
+var _client = require("../../lib/client");
+var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbackAnimation");
+
+
+
+
+
+
+var _currentEnvironment = require("../../lib/currentEnvironment");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _SpinnerIcon = require("./SpinnerIcon.styles");
 
@@ -18,6 +28,7 @@ var _SpinnerIcon = require("./SpinnerIcon.styles");
 
 
 
+
 var sizes = exports.sizes = {
   big: {
     size: 96,
@@ -40,19 +51,58 @@ var isSizeAlias = function isSizeAlias(size) {
   return typeof size === 'string' && size in sizes;
 };
 
-var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _cx, _cx2;var size = _ref.size,className = _ref.className,inline = _ref.inline,width = _ref.width,color = _ref.color;
+var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _cx, _cx2;var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,inline = _ref.inline,width = _ref.width,color = _ref.color;
   var _size = isSizeAlias(size) ? sizes[size] : size;
   var currentSize = inline ? sizes.mini : _size;
-
-  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
-  var styles = (0, _renderEnvironment.useStyles)(_SpinnerIcon.getStyles);
+  var svgRef = _react.default.useRef(null);
+
+  if (_client.isIE11 && !_currentEnvironment.isTestEnv) {
+    // This condition will not change during app's life time
+    // So its OK to use hooks here
+    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level
+
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var fallbackAnimationRef = _react.default.useRef(null);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    var _React$useContext = _react.default.useContext(_ThemeContext.ThemeContext),red = _React$useContext.red,yellow = _React$useContext.yellow,green = _React$useContext.green,brand = _React$useContext.brand;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    _react.default.useEffect(function () {
+      var svg = svgRef.current;
+
+      var setStyleProperty = function setStyleProperty() {
+        if (svg) {var _svg$style;
+          (_svg$style = svg.style).setProperty.apply(_svg$style, arguments);
+        }
+      };
+
+      fallbackAnimationRef.current = new _SpinnerFallbackAnimation.SpinnerFallbackAnimationRunner([
+
+      (0, _SpinnerFallbackAnimation.createOffsetAnimation)(0, -230, 1000, setStyleProperty, '%'),
+      (0, _SpinnerFallbackAnimation.createLengthAnimation)([62, 168], [187, 43], 2000, setStyleProperty, '%'),
+      (0, _SpinnerFallbackAnimation.createRotationAnimation)(0, 360, 2000, setStyleProperty)].concat(
+        dimmed ? [] : [(0, _SpinnerFallbackAnimation.createColorAnimation)([red, yellow, green, brand], 1500, setStyleProperty)]),
+
+      1000 / 60
+      );
+
+      return function () {
+        var fallbackAnimation = fallbackAnimationRef.current;
+        if (fallbackAnimation) {
+          fallbackAnimation.stop();
+        }
+        if (svg) {
+          svg.removeAttribute('style');
+        }
+      };
+    }, [dimmed, red, yellow, green, brand]);
+  }
 
   return /*#__PURE__*/(
-    _react.default.createElement("span", { className: cx(styles.root(), (_cx = {}, _cx[styles.rootInline()] = inline, _cx)) }, /*#__PURE__*/
+    _react.default.createElement("span", { className: (0, _Emotion.cx)(_SpinnerIcon.styles.root(), (_cx = {}, _cx[_SpinnerIcon.styles.rootInline()] = inline, _cx)) }, /*#__PURE__*/
     _react.default.createElement("svg", {
       viewBox: "0 0 " + currentSize.size + " " + currentSize.size,
-      className: cx(styles.icon(), className, (_cx2 = {}, _cx2[
-      styles.iconInline()] = inline, _cx2)
+      className: (0, _Emotion.cx)(_SpinnerIcon.styles.icon(), className, (_cx2 = {}, _cx2[
+      _SpinnerIcon.styles.iconInline()] = inline, _cx2)
       ),
       width: currentSize.size,
       height: currentSize.size,
@@ -61,6 +111,7 @@ var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _cx, _cx
       strokeDasharray: 10 * currentSize.radius / 6 + ", " + 27 * currentSize.radius / 6,
       strokeDashoffset: "0",
       strokeWidth: width || currentSize.width,
+      ref: svgRef,
       focusable: "false",
       "aria-hidden": "true" }, /*#__PURE__*/
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_SpinnerIcon","sizes","exports","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_cx","_cx2","className","inline","color","_size","currentSize","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","default","createElement","root","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n\n  const { cx } = useEmotion();\n  const styles = useStyles(getStyles);\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_client","_SpinnerFallbackAnimation","_currentEnvironment","_ThemeContext","_Emotion","_SpinnerIcon","sizes","exports","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_cx","_cx2","className","dimmed","inline","color","_size","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","_React$useContext","useContext","ThemeContext","red","yellow","green","brand","useEffect","svg","current","setStyleProperty","_svg$style","style","setProperty","apply","arguments","SpinnerFallbackAnimationRunner","createOffsetAnimation","createLengthAnimation","createRotationAnimation","concat","createColorAnimation","fallbackAnimation","stop","removeAttribute","default","createElement","cx","styles","root","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","ref","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  SpinnerFallbackAnimationRunner,\n  createOffsetAnimation,\n  createLengthAnimation,\n  createColorAnimation,\n  createRotationAnimation,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './SpinnerIcon.styles';\n\ninterface SpinnerIconSize {\n  size: number;\n  width: number;\n  radius: number;\n}\n\nexport interface SpinnerIconProps {\n  className?: string;\n  size: SpinnerIconSize | keyof typeof sizes;\n  dimmed?: boolean;\n  inline?: boolean;\n  width?: number;\n  color?: React.CSSProperties['color'];\n}\n\nexport const sizes = {\n  big: {\n    size: 96,\n    width: 4,\n    radius: 32,\n  },\n  normal: {\n    size: 48,\n    width: 2,\n    radius: 16,\n  },\n  mini: {\n    size: 16,\n    width: 1.5,\n    radius: 6,\n  },\n} as const;\n\nconst isSizeAlias = (size: unknown): size is keyof typeof sizes => {\n  return typeof size === 'string' && size in sizes;\n};\n\nexport const SpinnerIcon = ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => {\n  const _size = isSizeAlias(size) ? sizes[size] : size;\n  const currentSize = inline ? sizes.mini : _size;\n  const svgRef = React.useRef<SVGSVGElement>(null);\n\n  if (isIE11 && !isTestEnv) {\n    // This condition will not change during app's life time\n    // So its OK to use hooks here\n    // https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level\n\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const fallbackAnimationRef = React.useRef<SpinnerFallbackAnimationRunner | null>(null);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const { red, yellow, green, brand } = React.useContext(ThemeContext);\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      const svg = svgRef.current;\n\n      const setStyleProperty: CSSStyleDeclaration['setProperty'] = (...args) => {\n        if (svg) {\n          svg.style.setProperty(...args);\n        }\n      };\n\n      fallbackAnimationRef.current = new SpinnerFallbackAnimationRunner(\n        [\n          createOffsetAnimation(0, -230, 1000, setStyleProperty, '%'),\n          createLengthAnimation([62, 168], [187, 43], 2000, setStyleProperty, '%'),\n          createRotationAnimation(0, 360, 2000, setStyleProperty),\n          ...(dimmed ? [] : [createColorAnimation([red, yellow, green, brand], 1500, setStyleProperty)]),\n        ],\n        1000 / 60,\n      );\n\n      return () => {\n        const fallbackAnimation = fallbackAnimationRef.current;\n        if (fallbackAnimation) {\n          fallbackAnimation.stop();\n        }\n        if (svg) {\n          svg.removeAttribute('style');\n        }\n      };\n    }, [dimmed, red, yellow, green, brand]);\n  }\n\n  return (\n    <span className={cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={cx(styles.icon(), className, {\n          [styles.iconInline()]: inline,\n        })}\n        width={currentSize.size}\n        height={currentSize.size}\n        fill=\"none\"\n        stroke={color}\n        strokeDasharray={`${(10 * currentSize.radius) / 6}, ${(27 * currentSize.radius) / 6}`}\n        strokeDashoffset=\"0\"\n        strokeWidth={width || currentSize.width}\n        ref={svgRef}\n        focusable=\"false\"\n        aria-hidden=\"true\"\n      >\n        <circle cx={currentSize.size / 2} cy={currentSize.size / 2} r={currentSize.radius} />\n      </svg>\n    </span>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     root(): string;
     rootInline(): string;
     icon(): string;
     iconInline(): string;
-}>;
+};

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

@@ -1,36 +1,34 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
 
-var getStyles = exports.getStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
 
 
 
+  },
+  rootInline: function rootInline() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
 
-    },
-    rootInline: function rootInline() {
-      return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
 
 
+  },
 
-    },
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
 
-    icon: function icon() {
-      return css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
 
 
 
+  },
 
-    },
+  iconInline: function iconInline() {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
 
-    iconInline: function iconInline() {
-      return css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
 
 
 
 
-
-    }
-  };});
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","rootInline","icon","iconInline"],"sources":["SpinnerIcon.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\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":";;AAEA,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEtD,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAR,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;IAKZ,CAAC;IACDC,UAAU,WAAAA,WAAA,EAAG;MACX,OAAOJ,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;IAIZ,CAAC;;IAEDE,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOL,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;IAKZ,CAAC;;IAEDG,UAAU,WAAAA,WAAA,EAAG;MACX,OAAON,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;IAMZ;EACF,CAAC,EAAC,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.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/cjs/internal/TextWidthHelper/TextWidthHelper.js

@@ -1,10 +1,8 @@
 "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 _renderEnvironment = require("../../lib/renderEnvironment");
 
-var _TextWidthHelper2 = require("./TextWidthHelper.styles");var _class;
+var _TextWidthHelper2 = require("./TextWidthHelper.styles");
 
 var THIN_SPACE = "\u2009";
 
@@ -14,8 +12,7 @@ var THIN_SPACE = "\u2009";
 /**
  * Херпер позволяет вычислить размеры блока с текстом
  */var
-
-TextWidthHelper = exports.TextWidthHelper = (0, _renderEnvironment.withRenderEnvironment)(_class = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {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.
+TextWidthHelper = exports.TextWidthHelper = /*#__PURE__*/function (_React$Component) {function TextWidthHelper() {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.
     element = null;_this.
 
 
@@ -36,10 +33,4 @@ TextWidthHelper = exports.TextWidthHelper = (0, _renderEnvironment.withRenderEnv
 
 
 
-
-
-
-
-    elementRef = function (node) {
-      _this.element = node;
-    };return _this;}(0, _inheritsLoose2.default)(TextWidthHelper, _React$Component);var _proto = TextWidthHelper.prototype;_proto.render = function render() {this.jsStyles = (0, _TextWidthHelper2.getJsStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement("div", { className: this.jsStyles.root() }, /*#__PURE__*/_react.default.createElement("div", { className: this.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)) || _class;
+    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","_renderEnvironment","_TextWidthHelper2","_class","THIN_SPACE","TextWidthHelper","exports","withRenderEnvironment","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","element","elementRef","node","_inheritsLoose2","default","_proto","prototype","render","jsStyles","getJsStyles","emotion","createElement","className","root","textContainer","ref","props","text","getTextWidth","getDOMRect","width","getTextHeight","height","React","Component"],"sources":["TextWidthHelper.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getJsStyles } from './TextWidthHelper.styles';\n\nconst THIN_SPACE = '\\u2009';\n\ninterface TextWidthHelperProps {\n  text?: string;\n}\n/**\n * Херпер позволяет вычислить размеры блока с текстом\n */\n@withRenderEnvironment\nexport class TextWidthHelper extends React.Component<TextWidthHelperProps> {\n  private element: HTMLDivElement | null = null;\n  private emotion!: Emotion;\n  private jsStyles!: ReturnType<typeof getJsStyles>;\n\n  public render() {\n    this.jsStyles = getJsStyles(this.emotion);\n\n    return (\n      <div className={this.jsStyles.root()}>\n        <div className={this.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) => {\n    this.element = node;\n  };\n}\n"],"mappings":"mQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA,IAAAG,iBAAA,GAAAH,OAAA,6BAAuD,IAAAI,MAAA;;AAEvD,IAAMC,UAAU,GAAG,QAAQ;;;;;AAK3B;AACA;AACA,GAFA;;AAIaC,eAAe,GAAAC,OAAA,CAAAD,eAAA,OAD3BE,wCAAqB,EAAAJ,MAAA,0BAAAK,gBAAA,YAAAH,gBAAA,OAAAI,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;IAEZU,OAAO,GAA0B,IAAI,CAAAV,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBrCW,UAAU,GAAG,UAACC,IAAoB,EAAK;MAC7CZ,KAAA,CAAKU,OAAO,GAAGE,IAAI;IACrB,CAAC,QAAAZ,KAAA,MAAAa,eAAA,CAAAC,OAAA,EAAAlB,eAAA,EAAAG,gBAAA,MAAAgB,MAAA,GAAAnB,eAAA,CAAAoB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,IAAI,CAACC,QAAQ,GAAG,IAAAC,6BAAW,EAAC,IAAI,CAACC,OAAO,CAAC,CAEzC,oBACEhC,MAAA,CAAA0B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACJ,QAAQ,CAACK,IAAI,CAAC,CAAE,iBACnCnC,MAAA,CAAA0B,OAAA,CAAAO,aAAA,UAAKC,SAAS,EAAE,IAAI,CAACJ,QAAQ,CAACM,aAAa,CAAC,CAAE,EAACC,GAAG,EAAE,IAAI,CAACd,UAAW,IACjE,IAAI,CAACe,KAAK,CAACC,IAAI,IAAIhC,UACjB,CACF,CAAC,CAEV,CAAC,CAAAoB,MAAA,CAEMa,YAAY,GAAnB,SAAAA,aAAA,EAA8B,CAC5B,OAAO,IAAAC,sBAAU,EAAC,IAAI,CAACnB,OAAO,CAAC,CAACoB,KAAK,CACvC,CAAC,CAAAf,MAAA,CAEMgB,aAAa,GAApB,SAAAA,cAAA,EAA+B,CAC7B,OAAO,IAAAF,sBAAU,EAAC,IAAI,CAACnB,OAAO,CAAC,CAACsB,MAAM,CACxC,CAAC,QAAApC,eAAA,GAvBkCqC,cAAK,CAACC,SAAS,MAAAxC,MAAA","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,4 +1,4 @@
-export declare const getJsStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const jsStyles: {
     root(): string;
     textContainer(): string;
-}>;
+};

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

@@ -1,10 +1,9 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.getJsStyles = 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 getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function (_ref) {var css = _ref.css;return {
-    root: function root() {
-      return 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    "])));
 
 
 
@@ -12,12 +11,13 @@ var getJsStyles = exports.getJsStyles = (0, _Emotion.memoizeGetStyles)(function
 
 
 
+  },
+  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 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","getJsStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","textContainer"],"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,IAAAA,QAAA,GAAAC,OAAA,8BAA6D,IAAAC,eAAA,EAAAC,gBAAA;;AAEtD,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,yBAAgB,EAAC,UAAAC,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IACjEC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAN,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;IASZ,CAAC;IACDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAL,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;IAIZ;EACF,CAAC,EAAC,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,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentsGroup = void 0;var _react = _interopRequireDefault(require("react"));
 
-var _renderEnvironment = require("../../lib/renderEnvironment");
 var _Gapped = require("../../components/Gapped");
 
 
@@ -15,13 +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 styles = (0, _renderEnvironment.useStyles)(_Playground.getStyles);
   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","_interopRequireDefault","require","_renderEnvironment","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","styles","useStyles","getStyles","default","createElement","Gapped","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":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;;;AAGA,IAAAG,WAAA,GAAAH,OAAA;;;;;;;;;AASO,IAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,qBAAS,CAAC;EACnC;IACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAET,MAAM,CAACJ,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAET,MAAM,CAACU,eAAe,CAACX,KAAK,CAAE;IAC5CZ,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,OAAA,CAAAc,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCX;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Playground","ComponentsGroup","exports","props","title","children","style","theme","default","createElement","Gapped","wrap","verticalAlign","gap","className","styles","componentsGroup"],"sources":["ComponentsGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { styles } from './Playground.styles';\n\ninterface ComponentsGroupProps {\n  title: string;\n  children: React.ReactNode;\n  style?: React.CSSProperties;\n  theme: Theme;\n}\n\nexport const ComponentsGroup = (props: ComponentsGroupProps): React.ReactElement<ComponentsGroupProps> => {\n  const { title, children, style, theme } = props;\n  return (\n    <Gapped wrap verticalAlign=\"top\" gap={40}>\n      <div className={styles.title(theme)} style={style}>\n        {title}\n      </div>\n      <div className={styles.componentsGroup(theme)}>\n        <Gapped wrap verticalAlign=\"middle\" gap={10}>\n          {children}\n        </Gapped>\n      </div>\n    </Gapped>\n  );\n};\n"],"mappings":"qKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;;AAGA,IAAAE,WAAA,GAAAF,OAAA;;;;;;;;;AASO,IAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAA+C;EACxG,IAAQC,KAAK,GAA6BD,KAAK,CAAvCC,KAAK,CAAEC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ,CAAEC,KAAK,GAAYH,KAAK,CAAtBG,KAAK,CAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACrC;IACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,KAAK,EAACC,GAAG,EAAE,EAAG;IACvCjB,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACX,KAAK,CAACG,KAAK,CAAE,EAACD,KAAK,EAAEA,KAAM;IAC/CF;IACE,CAAC;IACNR,MAAA,CAAAY,OAAA,CAAAC,aAAA,UAAKK,SAAS,EAAEC,kBAAM,CAACC,eAAe,CAACT,KAAK,CAAE;IAC5CX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM,IAACC,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IACzCR;IACK;IACL;IACC,CAAC;;AAEb,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FxInput","FxInputPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","auto","value","onValueChange","setState","handleRestore","_inheritsLoose2","default","_proto","prototype","render","createElement","FxInput","type","onRestore","width","React","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":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA,6BAAmD;;;;;;AAMtCE,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,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;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,MAAAgB,eAAA,CAAAC,OAAA,EAAApB,iBAAA,EAAAE,gBAAA,MAAAmB,MAAA,GAAArB,iBAAA,CAAAsB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAA6B,CAC3B,oBACE3B,MAAA,CAAAwB,OAAA,CAAAI,aAAA,CAACzB,QAAA,CAAA0B,OAAO,IACNX,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC,IAAK,EACtBY,IAAI,EAAE,MAAO,EACbX,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBY,SAAS,EAAE,IAAI,CAACT,aAAc,EAC9BF,aAAa,EAAE,IAAI,CAACA,aAAc,EAClCY,KAAK,EAAE,GAAI,EACZ,CAAC,CAEN,CAAC,QAAA5B,iBAAA,GAjBoC6B,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_FxInput","FxInputPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","auto","value","onValueChange","setState","handleRestore","_inheritsLoose2","default","_proto","prototype","render","createElement","FxInput","type","onRestore","width","React","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":"qQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,QAAA,GAAAD,OAAA,6BAAmD;;;;;;AAMtCE,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,0BAAAE,gBAAA,YAAAF,kBAAA,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;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,MAAAgB,eAAA,CAAAC,OAAA,EAAApB,iBAAA,EAAAE,gBAAA,MAAAmB,MAAA,GAAArB,iBAAA,CAAAsB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAA6B,CAC3B,oBACE3B,MAAA,CAAAwB,OAAA,CAAAI,aAAA,CAACzB,QAAA,CAAA0B,OAAO,IACNX,IAAI,EAAE,IAAI,CAACD,KAAK,CAACC,IAAK,EACtBY,IAAI,EAAE,MAAO,EACbX,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBY,SAAS,EAAE,IAAI,CAACT,aAAc,EAC9BF,aAAa,EAAE,IAAI,CAACA,aAAc,EAClCY,KAAK,EAAE,GAAI,EACZ,CAAC,CAEN,CAAC,QAAA5B,iBAAA,GAjBoC6B,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/internal/ThemePlayground/HintPlayground.js

@@ -3,7 +3,7 @@
 var _Gapped = require("../../components/Gapped");
 var _Button = require("../../components/Button");
 var _Hint = require("../../components/Hint");
-var _SingleToast = require("../../components/SingleToast");var
+var _Toast = require("../../components/Toast");var
 
 HintPlayground = exports.HintPlayground = /*#__PURE__*/function (_React$Component) {function HintPlayground() {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.
 
@@ -19,13 +19,10 @@ HintPlayground = exports.HintPlayground = /*#__PURE__*/function (_React$Componen
 
 
 
-
-
-
     pushToast = function () {
-      _SingleToast.SingleToast.push('Текст сообщения');
+      _Toast.Toast.push('Текст сообщения');
     };_this.
 
     pushToastWithAction = function () {
-      _SingleToast.SingleToast.push('Текст сообщения', { action: { label: 'Ссылка', handler: function handler() {return null;} } });
-    };return _this;}(0, _inheritsLoose2.default)(HintPlayground, _React$Component);var _proto = HintPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SingleToast.SingleToast, null), /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToast }, "Toast")), /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост с ссылкой', pos: 'right' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToastWithAction }, "Toast with link"))));};return HintPlayground;}(_react.default.Component);
+      _Toast.Toast.push('Текст сообщения', { label: 'Ссылка', handler: function handler() {return null;} });
+    };return _this;}(0, _inheritsLoose2.default)(HintPlayground, _React$Component);var _proto = HintPlayground.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { gap: 10 }, /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToast }, "Toast")), /*#__PURE__*/_react.default.createElement(_Hint.Hint, { manual: true, opened: true, text: 'Показать тост с ссылкой', pos: 'right' }, /*#__PURE__*/_react.default.createElement(_Button.Button, { onClick: this.pushToastWithAction }, "Toast with link")));};return HintPlayground;}(_react.default.Component);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Button","_Hint","_SingleToast","HintPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","SingleToast","push","pushToastWithAction","action","label","handler","_inheritsLoose2","default","_proto","prototype","render","createElement","Fragment","Gapped","gap","Hint","manual","opened","text","Button","onClick","pos","React","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":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA,iCAA2D;;AAE9CK,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,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;;;;;;;;;;;;;;;;;IAiBjBU,SAAS,GAAG,YAAM;MACxBC,wBAAW,CAACC,IAAI,CAAC,iBAAiB,CAAC;IACrC,CAAC,CAAAZ,KAAA;;IAEOa,mBAAmB,GAAG,YAAM;MAClCF,wBAAW,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,QAAAhB,KAAA,MAAAiB,eAAA,CAAAC,OAAA,EAAArB,cAAA,EAAAE,gBAAA,MAAAoB,MAAA,GAAAtB,cAAA,CAAAuB,SAAA,CAAAD,MAAA,CAtBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE/B,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAAhC,MAAA,CAAA4B,OAAA,CAAAK,QAAA,qBACEjC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC1B,YAAA,CAAAe,WAAW,MAAE,CAAC,eACfrB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC7B,OAAA,CAAA+B,MAAM,IAACC,GAAG,EAAE,EAAG,iBACdnC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC3B,KAAA,CAAA+B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxCvC,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAAoC,MAAM,IAACC,OAAO,EAAE,IAAI,CAACrB,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPpB,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC3B,KAAA,CAAA+B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACG,GAAG,EAAE,OAAQ,iBAChE1C,MAAA,CAAA4B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAAoC,MAAM,IAACC,OAAO,EAAE,IAAI,CAAClB,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CACR,CAAC,CAEP,CAAC,QAAAhB,cAAA,GAfiCoC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Button","_Hint","_Toast","HintPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","pushToast","Toast","push","pushToastWithAction","label","handler","_inheritsLoose2","default","_proto","prototype","render","createElement","Gapped","gap","Hint","manual","opened","text","Button","onClick","pos","React","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":"kQAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA,2BAA+C;;AAElCK,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,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;;;;;;;;;;;;;;IAcjBU,SAAS,GAAG,YAAM;MACxBC,YAAK,CAACC,IAAI,CAAC,iBAAiB,CAAC;IAC/B,CAAC,CAAAZ,KAAA;;IAEOa,mBAAmB,GAAG,YAAM;MAClCF,YAAK,CAACC,IAAI,CAAC,iBAAiB,EAAE,EAAEE,KAAK,EAAE,QAAQ,EAAEC,OAAO,EAAE,SAAAA,QAAA,UAAM,IAAI,GAAC,CAAC,CAAC;IACzE,CAAC,QAAAf,KAAA,MAAAgB,eAAA,CAAAC,OAAA,EAAApB,cAAA,EAAAE,gBAAA,MAAAmB,MAAA,GAAArB,cAAA,CAAAsB,SAAA,CAAAD,MAAA,CAnBME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACE9B,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC5B,OAAA,CAAA6B,MAAM,IAACC,GAAG,EAAE,EAAG,iBACdjC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC1B,KAAA,CAAA6B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,eAAgB,iBACxCrC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC3B,OAAA,CAAAkC,MAAM,IAACC,OAAO,EAAE,IAAI,CAACnB,SAAU,IAAC,OAAa,CAC1C,CAAC,eACPpB,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC1B,KAAA,CAAA6B,IAAI,IAACC,MAAM,QAACC,MAAM,QAACC,IAAI,EAAE,yBAA0B,EAACG,GAAG,EAAE,OAAQ,iBAChExC,MAAA,CAAA2B,OAAA,CAAAI,aAAA,CAAC3B,OAAA,CAAAkC,MAAM,IAACC,OAAO,EAAE,IAAI,CAAChB,mBAAoB,IAAC,iBAAuB,CAC9D,CACA,CAAC,CAEb,CAAC,QAAAhB,cAAA,GAZiCkC,cAAK,CAACC,SAAS","ignoreList":[]}

package/cjs/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;