@skbkontur/react-ui 0.0.0-d4e280859d → 0.0.0-d99038a7ec

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

@@ -1,17 +1,46 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      height: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1wv4onu",
+      styles: "position:relative;height:100%"
+    } : {
+      name: "bhl9mk-root",
+      styles: "position:relative;height:100%;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iframe: function iframe() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1e4go14",
+      styles: "position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;opacity:0"
+    } : {
+      name: "1d1ugn5-iframe",
+      styles: "position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;opacity:0;label:iframe;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   content: function content() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "bjn8wh",
+      styles: "position:relative"
+    } : {
+      name: "19mjubd-content",
+      styles: "position:relative;label:content;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   fullHeight: function fullHeight() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 100%;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "13udsys",
+      styles: "height:100%"
+    } : {
+      name: "wbp7vd-fullHeight",
+      styles: "height:100%;label:fullHeight;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","iframe","_templateObject2","content","_templateObject3","fullHeight","_templateObject4"],"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":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDG,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;EAGZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","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":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,wCAAAK,IAAA,iBAAAL,MAAA,+CAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,6HAAAK,IAAA,oBAAAL,MAAA,sIAAAM,QAAA,EAAAC,gCAAA;;;;;;;;;;;;EAYZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,4BAAAK,IAAA,qBAAAL,MAAA,sCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,oBAAOZ,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,sBAAAK,IAAA,uBAAAL,MAAA,mCAAAM,QAAA,EAAAC,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,17 +1,46 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "19047ux",
+      styles: "display:inline-block;margin-left:-1px;margin-right:-1px"
+    } : {
+      name: "1hqege3-root",
+      styles: "display:inline-block;margin-left:-1px;margin-right:-1px;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   rootInline: function rootInline() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "5i73mi",
+      styles: "margin-left:-0.0714285714285714em;margin-right:-0.0714285714285714em"
+    } : {
+      name: "6zlt15-rootInline",
+      styles: "margin-left:-0.0714285714285714em;margin-right:-0.0714285714285714em;label:rootInline;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   icon: function icon() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "j4lb9u",
+      styles: "margin-bottom:-3px;border-radius:50%;overflow:visible"
+    } : {
+      name: "ef6gq0-icon",
+      styles: "margin-bottom:-3px;border-radius:50%;overflow:visible;label:icon;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   iconInline: function iconInline() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "r79j4e",
+      styles: "height:1.1428571428571428em;width:1.1428571428571428em;margin-bottom:-0.2428571428571428em;stroke-width:0.10714285714285714em"
+    } : {
+      name: "19fvi4x-iconInline",
+      styles: "height:1.1428571428571428em;width:1.1428571428571428em;margin-bottom:-0.2428571428571428em;stroke-width:0.10714285714285714em;label:iconInline;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootInline","_templateObject2","icon","_templateObject3","iconInline","_templateObject4"],"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":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","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":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,kEAAAK,IAAA,kBAAAL,MAAA,yEAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;EACDC,UAAU,WAAAA,WAAA,EAAG;IACX,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,+EAAAK,IAAA,uBAAAL,MAAA,4FAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ,CAAC;;EAEDE,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOX,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,gEAAAK,IAAA,iBAAAL,MAAA,uEAAAM,QAAA,EAAAC,gCAAA;;;;;EAKZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,oBAAOZ,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,wIAAAK,IAAA,wBAAAL,MAAA,qJAAAM,QAAA,EAAAC,gCAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,12 +1,27 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var styles = {
   root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "cl88jy",
+      styles: "display:flex;position:absolute;top:0;left:0;right:0;visibility:hidden;overflow:hidden"
+    } : {
+      name: "1veg0bx-root",
+      styles: "display:flex;position:absolute;top:0;left:0;right:0;visibility:hidden;overflow:hidden;label:root;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   textContainer: function textContainer() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      word-break: break-all;\n      white-space: nowrap;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "16cuh7r",
+      styles: "word-break:break-all;white-space:nowrap"
+    } : {
+      name: "1ruf5dg-textContainer",
+      styles: "word-break:break-all;white-space:nowrap;label:textContainer;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   }
 };
 export var jsStyles = memoizeStyle(styles);

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","textContainer","_templateObject2","jsStyles"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;EAIZ;AACF,CAAC;;AAED,OAAO,IAAMG,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","process","env","NODE_ENV","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","textContainer","jsStyles"],"sources":["TextWidthHelper.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nconst styles = {\n  root() {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      visibility: hidden;\n      overflow: hidden;\n    `;\n  },\n  textContainer() {\n    return css`\n      word-break: break-all;\n      white-space: nowrap;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"uRAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAAA,EAAG;IACL,oBAAOH,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAL,MAAA,gGAAAK,IAAA,kBAAAL,MAAA,uGAAAM,QAAA,EAAAC,gCAAA;;;;;;;;;EASZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,oBAAOV,GAAG,CAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAL,MAAA,kDAAAK,IAAA,2BAAAL,MAAA,kEAAAM,QAAA,EAAAC,gCAAA;;;;EAIZ;AACF,CAAC;;AAED,OAAO,IAAME,QAAQ,GAAGV,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

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

@@ -1,65 +1,136 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   playground: function playground() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: -16px;\n      padding: 32px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1vzij26",
+      styles: "margin:-16px;padding:32px"
+    } : {
+      name: "ut3v7m-playground",
+      styles: "margin:-16px;padding:32px;label:playground;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   title: function title(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("width:110px;color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:title;"));
   },
   componentsGroup: function componentsGroup(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      max-width: 700px;\n      color: ", ";\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("max-width:700px;color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:componentsGroup;"));
   },
   sidePageBody: function sidePageBody() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      padding: 0 30px 30px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "15fz72e",
+      styles: "padding:0 30px 30px"
+    } : {
+      name: "1jdujj4-sidePageBody",
+      styles: "padding:0 30px 30px;label:sidePageBody;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   variable: function variable(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ", ";\n        outline-offset: 8px;\n      }\n    "])), t.borderColorFocus);
+    return /*#__PURE__*/css("display:flex;align-items:center;margin-bottom:16px;&:focus{outline:1px solid ", t.borderColorFocus, ";outline-offset:8px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:variable;"));
   },
   variableName: function variableName(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ", ";\n      flex: 1 1 auto;\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px;position:relative;z-index:1;line-height:34px;color:", t.textColorDefault, ";flex:1 1 auto;" + (process.env.NODE_ENV === "production" ? "" : ";label:variableName;"));
   },
   deprecated: function deprecated() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      text-decoration: line-through;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1rcj98u",
+      styles: "text-decoration:line-through"
+    } : {
+      name: "gfq9i6-deprecated",
+      styles: "text-decoration:line-through;label:deprecated;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   colorIcon: function colorIcon() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      height: 16px;\n      width: 16px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "6g24ce",
+      styles: "height:16px;width:16px"
+    } : {
+      name: "8optia-colorIcon",
+      styles: "height:16px;width:16px;label:colorIcon;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   baseLinkWrapper: function baseLinkWrapper() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      margin-left: auto;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1o3nkn",
+      styles: "margin-left:auto"
+    } : {
+      name: "1dma8xf-baseLinkWrapper",
+      styles: "margin-left:auto;label:baseLinkWrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   linkRoot: function linkRoot() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "179t5g5",
+      styles: "position:relative;z-index:1"
+    } : {
+      name: "1ayuj2e-linkRoot",
+      styles: "position:relative;z-index:1;label:linkRoot;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   baseVariableRoot: function baseVariableRoot() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "v3xxys",
+      styles: "position:relative;z-index:1;padding-left:10px;width:240px;display:flex"
+    } : {
+      name: "1136838-baseVariableRoot",
+      styles: "position:relative;z-index:1;padding-left:10px;width:240px;display:flex;label:baseVariableRoot;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   loaderWrapper: function loaderWrapper() {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 500px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "s5q70c",
+      styles: "width:500px"
+    } : {
+      name: "1302v3r-loaderWrapper",
+      styles: "width:500px;label:loaderWrapper;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   loader: function loader() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 300px;\n      margin: auto;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "u2afhn",
+      styles: "height:300px;margin:auto"
+    } : {
+      name: "vugqzm-loader",
+      styles: "height:300px;margin:auto;label:loader;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   tabsWrapper: function tabsWrapper(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("margin:0 -32px;padding:11px 32px;position:relative;color:", t.textColorDefault, ";&::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;z-index:-1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsWrapper;"));
   },
   tooltipContent: function tooltipContent() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 210px;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1x6c6z",
+      styles: "width:210px"
+    } : {
+      name: "1hz3ybq-tooltipContent",
+      styles: "width:210px;label:tooltipContent;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   stickyTabsWrapper: function stickyTabsWrapper(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      margin-top: 39px;\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("margin-top:39px;&:after{box-shadow:0 2px 10px 0px ", t.textColorDefault, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:stickyTabsWrapper;"));
   },
   tabsInnerWrapper: function tabsInnerWrapper(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tabsInnerWrapper;"));
   },
   playgroundWrapper: function playgroundWrapper(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n    "])), t.bgDefault);
+    return /*#__PURE__*/css("background:", t.bgDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:playgroundWrapper;"));
   },
   editorHeaderWrapper: function editorHeaderWrapper(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:editorHeaderWrapper;"));
   },
   editorGroupHeader: function editorGroupHeader(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);
+    return /*#__PURE__*/css("color:", t.textColorDefault, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:editorGroupHeader;"));
   }
 });

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

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

package/internal/ThemePlayground/__creevey__/Theme5_0.stories.d.ts

@@ -0,0 +1,4 @@
+import { Story, Meta } from '../../../typings/stories';
+declare const _default: Meta;
+export default _default;
+export declare const Switcher5_0: Story;

package/internal/ThemePlayground/__creevey__/ThemeProvider.creevey.mts

@@ -0,0 +1,68 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('ThemeProvider', () => {
+  story('Playground', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'repeating tests': {
+          tests: ['theme 2022 top', 'theme 2022 bottom', 'theme 2022 dark top', 'theme 2022 dark bottom'],
+          in: /^(?!\b(chrome2022|firefox2022)\b)/,
+        },
+      },
+    });
+
+    test('theme 2022 top', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-prop-id="lightTheme"]' }))
+        .perform();
+      await delay(500);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 top');
+    });
+
+    test('theme 2022 bottom', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-prop-id="lightTheme"]' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        document.documentElement.scrollTop = document.documentElement.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 bottom');
+    });
+
+    test('theme 2022 dark top', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-prop-id="darkTheme"]' }))
+        .perform();
+      await delay(500);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 dark top');
+    });
+
+    test('theme 2022 dark bottom', async (context) => {
+      await context.webdriver
+        .actions({ bridge: true })
+        .click(context.webdriver.findElement({ css: '[data-prop-id="darkTheme"]' }))
+        .perform();
+      await context.webdriver.executeScript(function () {
+        document.documentElement.scrollTop = document.documentElement.scrollHeight;
+      });
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'theme 2022 dark bottom');
+    });
+  });
+
+  story('UnlinkVars', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'themes do not affect logic': {
+          in: ['chrome2022Dark', 'firefox2022', 'firefox2022Dark'],
+        },
+      },
+    });
+  });
+});