@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

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

@@ -1,18 +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;
 
-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      position: relative;\n      height: 100%;\n    "])));
 
-var getStyles = exports.getStyles = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.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 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      "])));
 
 
 
@@ -23,18 +21,17 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
+  },
 
-      },
+  content: function content() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
-      content: function content() {
-        return emotion.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 emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        height: 100%;\n      "])));
 
-
-      }
-    }));};
+  }
+});

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","getStyles","exports","emotion","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight"],"sources":["ResizeDetector.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        position: relative;\n        height: 100%;\n      `;\n    },\n\n    iframe() {\n      return emotion.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 emotion.css`\n        position: relative;\n      `;\n    },\n\n    fullHeight() {\n      return emotion.css`\n        height: 100%;\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;;;;MAIpB,CAAC;;MAEDC,MAAM,WAAAA,OAAA,EAAG;QACP,OAAON,OAAO,CAACG,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;;;;;;;MAYpB,CAAC;;MAEDE,OAAO,WAAAA,QAAA,EAAG;QACR,OAAOP,OAAO,CAACG,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;MAGpB,CAAC;;MAEDG,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOR,OAAO,CAACG,GAAG,CAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;MAGpB;IACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","iframe","content","fullHeight"],"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"],"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;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/ResizeDetector/index.d.ts

@@ -1 +1 @@
-export * from './ResizeDetector';
+export * from './ResizeDetector';

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

@@ -1,33 +1,33 @@
-import React from 'react';
-interface SpinnerIconSize {
-    size: number;
-    width: number;
-    radius: number;
-}
-export interface SpinnerIconProps {
-    className?: string;
-    size: SpinnerIconSize | keyof typeof sizes;
-    dimmed?: boolean;
-    inline?: boolean;
-    width?: number;
-    color?: React.CSSProperties['color'];
-}
-export declare const sizes: {
-    readonly big: {
-        readonly size: 96;
-        readonly width: 4;
-        readonly radius: 32;
-    };
-    readonly normal: {
-        readonly size: 48;
-        readonly width: 2;
-        readonly radius: 16;
-    };
-    readonly mini: {
-        readonly size: 16;
-        readonly width: 1.5;
-        readonly radius: 6;
-    };
-};
-export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface SpinnerIconSize {
+    size: number;
+    width: number;
+    radius: number;
+}
+export interface SpinnerIconProps {
+    className?: string;
+    size: SpinnerIconSize | keyof typeof sizes;
+    dimmed?: boolean;
+    inline?: boolean;
+    width?: number;
+    color?: React.CSSProperties['color'];
+}
+export declare const sizes: {
+    readonly big: {
+        readonly size: 96;
+        readonly width: 4;
+        readonly radius: 32;
+    };
+    readonly normal: {
+        readonly size: 48;
+        readonly width: 2;
+        readonly radius: 16;
+    };
+    readonly mini: {
+        readonly size: 16;
+        readonly width: 1.5;
+        readonly radius: 6;
+    };
+};
+export declare const SpinnerIcon: ({ size, className, dimmed, inline, width, color }: SpinnerIconProps) => React.JSX.Element;
+export {};

package/cjs/internal/SpinnerIcon/SpinnerIcon.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.sizes = exports.SpinnerIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+"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 _client = require("../../lib/client");
 var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbackAnimation");
@@ -9,8 +9,8 @@ var _SpinnerFallbackAnimation = require("../../components/Spinner/SpinnerFallbac
 
 
 var _currentEnvironment = require("../../lib/currentEnvironment");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _SpinnerIcon = require("./SpinnerIcon.styles");
 
@@ -51,8 +51,7 @@ var isSizeAlias = function isSizeAlias(size) {
   return typeof size === 'string' && size in sizes;
 };
 
-var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion$cx, _emotion$cx2;var size = _ref.size,className = _ref.className,dimmed = _ref.dimmed,inline = _ref.inline,width = _ref.width,color = _ref.color;
-  var emotion = (0, _react.useContext)(_Emotion.EmotionContext);
+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 svgRef = _react.default.useRef(null);
@@ -65,7 +64,7 @@ var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion
     // 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 _useContext = (0, _react.useContext)(_ThemeContext.ThemeContext),red = _useContext.red,yellow = _useContext.yellow,green = _useContext.green,brand = _useContext.brand;
+    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;
@@ -97,14 +96,13 @@ var SpinnerIcon = exports.SpinnerIcon = function SpinnerIcon(_ref) {var _emotion
       };
     }, [dimmed, red, yellow, green, brand]);
   }
-  var styles = (0, _SpinnerIcon.getStyles)(emotion);
 
   return /*#__PURE__*/(
-    _react.default.createElement("span", { className: emotion.cx(styles.root(), (_emotion$cx = {}, _emotion$cx[styles.rootInline()] = inline, _emotion$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: emotion.cx(styles.icon(), className, (_emotion$cx2 = {}, _emotion$cx2[
-      styles.iconInline()] = inline, _emotion$cx2)
+      className: (0, _Emotion.cx)(_SpinnerIcon.styles.icon(), className, (_cx2 = {}, _cx2[
+      _SpinnerIcon.styles.iconInline()] = inline, _cx2)
       ),
       width: currentSize.size,
       height: currentSize.size,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_client","_SpinnerFallbackAnimation","_currentEnvironment","_Emotion","_ThemeContext","_SpinnerIcon","sizes","exports","big","size","width","radius","normal","mini","isSizeAlias","SpinnerIcon","_ref","_emotion$cx","_emotion$cx2","className","dimmed","inline","color","emotion","useContext","EmotionContext","_size","currentSize","svgRef","React","useRef","isIE11","isTestEnv","fallbackAnimationRef","_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","styles","getStyles","default","createElement","cx","root","rootInline","viewBox","icon","iconInline","height","fill","stroke","strokeDasharray","strokeDashoffset","strokeWidth","ref","focusable","cy","r"],"sources":["SpinnerIcon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { isIE11 } from '../../lib/client';\nimport {\n  createColorAnimation,\n  createLengthAnimation,\n  createOffsetAnimation,\n  createRotationAnimation,\n  SpinnerFallbackAnimationRunner,\n} from '../../components/Spinner/SpinnerFallbackAnimation';\nimport { isTestEnv } from '../../lib/currentEnvironment';\nimport { EmotionContext } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\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  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 emotion = useContext(EmotionContext);\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 } = 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  const styles = getStyles(emotion);\n\n  return (\n    <span className={emotion.cx(styles.root(), { [styles.rootInline()]: inline })}>\n      <svg\n        viewBox={`0 0 ${currentSize.size} ${currentSize.size}`}\n        className={emotion.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":[]}
+{"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,7 +1,6 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
-    root(): string;
-    rootInline(): string;
-    icon(): string;
-    iconInline(): string;
-};
+export declare const styles: {
+    root(): string;
+    rootInline(): string;
+    icon(): string;
+    iconInline(): string;
+};

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

@@ -1,37 +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 = function getStyles(emotion) {return (
-    (0, _Emotion.memoizeStyle)({
-      root: function root() {
-        return emotion.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 emotion.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 emotion.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 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      "])));
 
 
 
 
-
-      }
-    }));};
+  }
+});

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.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-interface TextWidthHelperProps {
-    text?: string;
-}
-/**
- * Херпер позволяет вычислить размеры блока с текстом
- */
-export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
-    private element;
-    render(): React.JSX.Element;
-    getTextWidth(): number;
-    getTextHeight(): number;
-    private elementRef;
-}
-export {};
+import React from 'react';
+interface TextWidthHelperProps {
+    text?: string;
+}
+/**
+ * Херпер позволяет вычислить размеры блока с текстом
+ */
+export declare class TextWidthHelper extends React.Component<TextWidthHelperProps> {
+    private element;
+    render(): React.JSX.Element;
+    getTextWidth(): number;
+    getTextHeight(): number;
+    private elementRef;
+}
+export {};

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) => {
-    root(): string;
-    textContainer(): string;
-};
+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/AnotherInputsPlayground.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { DatePickerProps } from '../../components/DatePicker';
-interface DatePickerPlaygroundState {
-    value: Nullable<string>;
-    error: boolean;
-    tooltip: boolean;
-}
-type DatePickerPlaygroundProps = Partial<DatePickerProps>;
-export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
-    state: DatePickerPlaygroundState;
-    render(): React.JSX.Element;
-    private handleChange;
-    private invalidate;
-    private validate;
-    private removeTooltip;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { DatePickerProps } from '../../components/DatePicker';
+interface DatePickerPlaygroundState {
+    value: Nullable<string>;
+    error: boolean;
+    tooltip: boolean;
+}
+type DatePickerPlaygroundProps = Partial<DatePickerProps>;
+export declare class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {
+    state: DatePickerPlaygroundState;
+    render(): React.JSX.Element;
+    private handleChange;
+    private invalidate;
+    private validate;
+    private removeTooltip;
+}
+export {};

package/cjs/internal/ThemePlayground/AnotherInputsPlayground.js

@@ -2,6 +2,7 @@
 
 
 var _Tooltip = require("../../components/Tooltip");
+
 var _DatePicker = require("../../components/DatePicker");var
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport { DatePicker, DatePickerProps } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA,gCAA0E;;;;;;;;AAQ7DG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,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;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Tooltip","_DatePicker","DatePickerPlayground","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","tooltip","handleChange","setState","invalidate","validate","currentValue","DatePicker","removeTooltip","_inheritsLoose2","default","_proto","prototype","render","createElement","Tooltip","trigger","onCloseClick","_extends2","props","disabled","size","onValueChange","onFocus","onBlur","enableTodayLink","React","Component"],"sources":["AnotherInputsPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Nullable } from '../../typings/utility-types';\nimport { Tooltip } from '../../components/Tooltip';\nimport type { DatePickerProps } from '../../components/DatePicker';\nimport { DatePicker } from '../../components/DatePicker';\n\ninterface DatePickerPlaygroundState {\n  value: Nullable<string>;\n  error: boolean;\n  tooltip: boolean;\n}\ntype DatePickerPlaygroundProps = Partial<DatePickerProps>;\nexport class DatePickerPlayground extends React.Component<DatePickerPlaygroundProps> {\n  public state: DatePickerPlaygroundState = {\n    value: '17.06.2019',\n    error: false,\n    tooltip: false,\n  };\n\n  public render() {\n    return (\n      <Tooltip\n        trigger={this.state.tooltip ? 'opened' : 'closed'}\n        render={() => 'Такой даты не существует'}\n        onCloseClick={this.removeTooltip}\n      >\n        <DatePicker\n          {...this.props}\n          disabled={this.props.disabled}\n          size={this.props.size}\n          error={this.state.error}\n          value={this.state.value}\n          onValueChange={this.handleChange}\n          onFocus={this.invalidate}\n          onBlur={this.validate}\n          enableTodayLink\n        />\n      </Tooltip>\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n\n  private invalidate = () => {\n    this.setState({ error: false, tooltip: false });\n  };\n\n  private validate = () => {\n    const currentValue = this.state.value;\n    this.setState(() => {\n      const error = !!currentValue && !DatePicker.validate(currentValue);\n      return {\n        error,\n        tooltip: error,\n      };\n    });\n  };\n\n  private removeTooltip = () => {\n    this.setState({\n      tooltip: false,\n    });\n  };\n}\n"],"mappings":"0VAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,QAAA,GAAAD,OAAA;;AAEA,IAAAE,WAAA,GAAAF,OAAA,gCAAyD;;;;;;;;AAQ5CG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,gBAAA,YAAAF,qBAAA,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;IACxBU,KAAK,GAA8B;MACxCC,KAAK,EAAE,YAAY;MACnBC,KAAK,EAAE,KAAK;MACZC,OAAO,EAAE;IACX,CAAC,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBOc,YAAY,GAAG,UAACH,KAAa,EAAK;MACxCX,KAAA,CAAKe,QAAQ,CAAC;QACZJ,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,CAAAX,KAAA;;IAEOgB,UAAU,GAAG,YAAM;MACzBhB,KAAA,CAAKe,QAAQ,CAAC,EAAEH,KAAK,EAAE,KAAK,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC,CAAAb,KAAA;;IAEOiB,QAAQ,GAAG,YAAM;MACvB,IAAMC,YAAY,GAAGlB,KAAA,CAAKU,KAAK,CAACC,KAAK;MACrCX,KAAA,CAAKe,QAAQ,CAAC,YAAM;QAClB,IAAMH,KAAK,GAAG,CAAC,CAACM,YAAY,IAAI,CAACC,sBAAU,CAACF,QAAQ,CAACC,YAAY,CAAC;QAClE,OAAO;UACLN,KAAK,EAALA,KAAK;UACLC,OAAO,EAAED;QACX,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAAZ,KAAA;;IAEOoB,aAAa,GAAG,YAAM;MAC5BpB,KAAA,CAAKe,QAAQ,CAAC;QACZF,OAAO,EAAE;MACX,CAAC,CAAC;IACJ,CAAC,QAAAb,KAAA,MAAAqB,eAAA,CAAAC,OAAA,EAAAzB,oBAAA,EAAAE,gBAAA,MAAAwB,MAAA,GAAA1B,oBAAA,CAAA2B,SAAA,CAAAD,MAAA,CA/CME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEjC,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC/B,QAAA,CAAAgC,OAAO,IACNC,OAAO,EAAE,IAAI,CAAClB,KAAK,CAACG,OAAO,GAAG,QAAQ,GAAG,QAAS,EAClDY,MAAM,EAAE,SAAAA,OAAA,UAAM,0BAA0B,EAAC,EACzCI,YAAY,EAAE,IAAI,CAACT,aAAc,iBAEjC5B,MAAA,CAAA8B,OAAA,CAAAI,aAAA,CAAC9B,WAAA,CAAAuB,UAAU,MAAAW,SAAA,CAAAR,OAAA,MACL,IAAI,CAACS,KAAK,IACdC,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS,EAC9BC,IAAI,EAAE,IAAI,CAACF,KAAK,CAACE,IAAK,EACtBrB,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,EACxBD,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBuB,aAAa,EAAE,IAAI,CAACpB,YAAa,EACjCqB,OAAO,EAAE,IAAI,CAACnB,UAAW,EACzBoB,MAAM,EAAE,IAAI,CAACnB,QAAS,EACtBoB,eAAe,SAChB,CACM,CAAC,CAEd,CAAC,QAAAxC,oBAAA,GA3BuCyC,cAAK,CAACC,SAAS","ignoreList":[]}

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

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

package/cjs/internal/ThemePlayground/CheckboxPlayground.js

@@ -1,6 +1,7 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CheckboxPlayground = void 0;var _react = _interopRequireDefault(require("react"));
 
 var _Gapped = require("../../components/Gapped");
+
 var _Checkbox = require("../../components/Checkbox");
 
 var _helpers = require("./helpers");

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Checkbox, CheckboxProps } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Gapped","_Checkbox","_helpers","propsList","children","checked","disabled","initialIndeterminate","focused","error","warning","CheckboxPlayground","exports","default","createElement","Gapped","gap","vertical","getComponentsFromPropsList","Checkbox"],"sources":["CheckboxPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { CheckboxProps } from '../../components/Checkbox';\nimport { Checkbox } from '../../components/Checkbox';\n\nimport { getComponentsFromPropsList } from './helpers';\n\ntype CheckboxProp = CheckboxProps & { focused?: boolean };\nconst propsList: CheckboxProp[] = [\n  { children: 'Default' },\n  { children: 'Checked', checked: true },\n  { children: 'Disabled', checked: true, disabled: true },\n  { children: 'Semichecked', initialIndeterminate: true },\n  { children: 'Focused', focused: true },\n  { children: 'Error', error: true },\n  { children: 'Warning', warning: true },\n];\n\nexport const CheckboxPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Checkbox />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"wKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA;;AAEA,IAAAE,SAAA,GAAAF,OAAA;;AAEA,IAAAG,QAAA,GAAAH,OAAA;;;AAGA,IAAMI,SAAyB,GAAG;AAChC,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvB,EAAEA,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAED,QAAQ,EAAE,UAAU,EAAEC,OAAO,EAAE,IAAI,EAAEC,QAAQ,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEF,QAAQ,EAAE,aAAa,EAAEG,oBAAoB,EAAE,IAAI,CAAC,CAAC;AACvD,EAAEH,QAAQ,EAAE,SAAS,EAAEI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,EAAEJ,QAAQ,EAAE,OAAO,EAAEK,KAAK,EAAE,IAAI,CAAC,CAAC;AAClC,EAAEL,QAAQ,EAAE,SAAS,EAAEM,OAAO,EAAE,IAAI,CAAC,CAAC,CACvC;;;AAEM,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC;IACEd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,MAAM,IAACC,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrB,IAAAC,mCAA0B,gBAACrB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAkB,QAAQ,MAAE,CAAC,EAAEhB,SAAS;IAC7C,CAAC;;AAEb,CAAC","ignoreList":[]}

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Theme } from '../../lib/theming/Theme';
-interface ComponentsGroupProps {
-    title: string;
-    children: React.ReactNode;
-    style?: React.CSSProperties;
-    theme: Theme;
-}
-export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
-export {};
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+interface ComponentsGroupProps {
+    title: string;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    theme: Theme;
+}
+export declare const ComponentsGroup: (props: ComponentsGroupProps) => React.ReactElement<ComponentsGroupProps>;
+export {};