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

package/components/Toggle/Toggle.styles/Toggle.styles.js

@@ -1,5 +1,6 @@
-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, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35;
+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, prefix } from "../../../lib/theming/Emotion";
 import { buttonSizeMixin, captionSizeMixin, containerSizeMixin, handleMixin, inputSizeMixin, toggleSizeMixin } from "../Toggle.mixins";
 export var globalClasses = prefix('toggle')({
@@ -12,108 +13,136 @@ export var globalClasses = prefix('toggle')({
 });
 export var styles = memoizeStyle({
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.handle, t.toggleBgHover);
+    return /*#__PURE__*/css("display:inline-flex;cursor:pointer;align-items:baseline;position:relative;&::before{content:'\\00A0';display:inline-block;flex:0 0 auto;}&:hover .", globalClasses.handle, "{background:", t.toggleBgHover, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
+    return /*#__PURE__*/css(toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
+    return /*#__PURE__*/css(toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
+    return /*#__PURE__*/css(toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
   },
   disableAnimation: function disableAnimation() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &,\n      * {\n        transition: none !important;\n      }\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "qlp6m4",
+      styles: "&,*{transition:none!important;}"
+    } : {
+      name: "1wqggfg-disableAnimation",
+      styles: "&,*{transition:none!important;};label:disableAnimation;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   handle: function handle(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      bottom: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n    "])), t.toggleBorderWidth, t.toggleHandleLeft, t.toggleHandleTop);
+    return /*#__PURE__*/css("bottom:", t.toggleBorderWidth, ";left:", t.toggleHandleLeft, ";position:absolute;top:", t.toggleHandleTop, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handle;"));
   },
   handleSmall: function handleSmall(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
+    return /*#__PURE__*/css(handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleSmall;"));
   },
   handleMedium: function handleMedium(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
+    return /*#__PURE__*/css(handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleMedium;"));
   },
   handleLarge: function handleLarge(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
+    return /*#__PURE__*/css(handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleLarge;"));
   },
   handleDisabled: function handleDisabled(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override root hover/active styles\n    "])), t.toggleDisabledHandleBg);
+    return /*#__PURE__*/css("background:", t.toggleDisabledHandleBg, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:handleDisabled;"));
   },
   input: function input(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .", ", ~ .", " {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n        :checked {\n          ~ .", " {\n            background: ", ";\n            box-shadow: ", ";\n          }\n          ~ .", " {\n            background: ", " !important;\n            box-shadow: ", ";\n          }\n        }\n      }\n    "])), globalClasses.container, globalClasses.handle, globalClasses.container, t.toggleContainerBg, t.toggleContainerBoxShadow, globalClasses.handle, t.toggleHandleBg, t.toggleHandleBoxShadow, globalClasses.container, t.toggleContainerBgChecked, t.toggleContainerBoxShadowChecked, globalClasses.handle, t.toggleHandleBgChecked, t.toggleHandleBoxShadowChecked, globalClasses.container, t.toggleContainerBgHover, t.toggleContainerBoxShadowHover, globalClasses.handle, t.toggleHandleBgHover, t.toggleHandleBoxShadowHover, globalClasses.container, t.toggleContainerBgCheckedHover, t.toggleContainerBoxShadowCheckedHover, globalClasses.handle, t.toggleHandleBgCheckedHover, t.toggleHandleBoxShadowCheckedHover, globalClasses.container, t.toggleContainerBgDisabled, t.toggleContainerBoxShadowDisabled, globalClasses.handle, t.toggleHandleBgDisabled, t.toggleHandleBoxShadowDisabled, globalClasses.container, t.toggleContainerBgDisabledChecked, t.toggleContainerBoxShadowDisabledChecked, globalClasses.handle, t.toggleHandleBgDisabledChecked, t.toggleHandleBoxShadowDisabledChecked);
+    return /*#__PURE__*/css("position:absolute;opacity:0;&:enabled{~.", globalClasses.container, ",~.", globalClasses.handle, "{transition:0.2s ease-in;}:not(:checked){~.", globalClasses.container, "{background:", t.toggleContainerBg, ";box-shadow:", t.toggleContainerBoxShadow, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBg, ";box-shadow:", t.toggleHandleBoxShadow, ";}}:checked{~.", globalClasses.container, "{background:", t.toggleContainerBgChecked, ";box-shadow:", t.toggleContainerBoxShadowChecked, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBgChecked, ";box-shadow:", t.toggleHandleBoxShadowChecked, ";}}}&:enabled:hover{:not(:checked){~.", globalClasses.container, "{background:", t.toggleContainerBgHover, ";box-shadow:", t.toggleContainerBoxShadowHover, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBgHover, ";box-shadow:", t.toggleHandleBoxShadowHover, ";}}:checked{~.", globalClasses.container, "{background:", t.toggleContainerBgCheckedHover, ";box-shadow:", t.toggleContainerBoxShadowCheckedHover, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBgCheckedHover, ";box-shadow:", t.toggleHandleBoxShadowCheckedHover, ";}}}&:disabled{:not(:checked){~.", globalClasses.container, "{background:", t.toggleContainerBgDisabled, ";box-shadow:", t.toggleContainerBoxShadowDisabled, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBgDisabled, "!important;box-shadow:", t.toggleHandleBoxShadowDisabled, ";}}:checked{~.", globalClasses.container, "{background:", t.toggleContainerBgDisabledChecked, ";box-shadow:", t.toggleContainerBoxShadowDisabledChecked, ";}~.", globalClasses.handle, "{background:", t.toggleHandleBgDisabledChecked, "!important;box-shadow:", t.toggleHandleBoxShadowDisabledChecked, ";}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:input;"));
   },
   inputSmall: function inputSmall(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall));
+    return /*#__PURE__*/css(inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputSmall;"));
   },
   inputMedium: function inputMedium(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium));
+    return /*#__PURE__*/css(inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputMedium;"));
   },
   inputLarge: function inputLarge(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge));
+    return /*#__PURE__*/css(inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputLarge;"));
   },
   container: function container(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-shadow: inset 0 0 0 ", " ", ";\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    "])), t.toggleBorderWidth, t.toggleBorderColor);
+    return /*#__PURE__*/css("box-shadow:inset 0 0 0 ", t.toggleBorderWidth, " ", t.toggleBorderColor, ";height:100%;overflow:hidden;position:absolute;width:100%;z-index:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"));
   },
   containerSmall: function containerSmall(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusSmall));
+    return /*#__PURE__*/css(containerSizeMixin(t.toggleBorderRadiusSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerSmall;"));
   },
   containerMedium: function containerMedium(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusMedium));
+    return /*#__PURE__*/css(containerSizeMixin(t.toggleBorderRadiusMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerMedium;"));
   },
   containerLarge: function containerLarge(t) {
-    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), containerSizeMixin(t.toggleBorderRadiusLarge));
+    return /*#__PURE__*/css(containerSizeMixin(t.toggleBorderRadiusLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerLarge;"));
   },
   containerDisabled: function containerDisabled(t) {
-    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n    "])), t.toggleBgDisabled, t.toggleBorderColorDisabled);
+    return /*#__PURE__*/css("background:", t.toggleBgDisabled, ";box-shadow:inset 0 0 0 1px ", t.toggleBorderColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerDisabled;"));
   },
   focused: function focused(t) {
-    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
+    return /*#__PURE__*/css("box-shadow:0 0 0 1px ", t.toggleOutlineColorFocus, ",0 0 0 ", t.toggleOutlineWidth, " ", t.toggleFocusShadowColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focused;"));
   },
   isWarning: function isWarning(t) {
-    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorWarning);
+    return /*#__PURE__*/css("box-shadow:0 0 0 1px ", t.toggleOutlineColorFocus, ",0 0 0 ", t.toggleOutlineWidth, " ", t.toggleShadowColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:isWarning;"));
   },
   isError: function isError(t) {
-    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])), t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorError);
+    return /*#__PURE__*/css("box-shadow:0 0 0 1px ", t.toggleOutlineColorFocus, ",0 0 0 ", t.toggleOutlineWidth, " ", t.toggleShadowColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:isError;"));
   },
   button: function button(t) {
-    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ", ";\n      line-height: ", ";\n    "])), t.toggleBaseBg, t.toggleHeightSmall);
+    return /*#__PURE__*/css("position:absolute;left:0;top:0;background:", t.toggleBaseBg, ";line-height:", t.toggleHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:button;"));
   },
   buttonSmall: function buttonSmall(t) {
-    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall, t.toggleBorderRadiusSmall, t.toggleButtonOffsetY));
+    return /*#__PURE__*/css(buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall, t.toggleBorderRadiusSmall, t.toggleButtonOffsetY), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonSmall;"));
   },
   buttonMedium: function buttonMedium(t) {
-    return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium, t.toggleBorderRadiusMedium, t.toggleButtonOffsetY));
+    return /*#__PURE__*/css(buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium, t.toggleBorderRadiusMedium, t.toggleButtonOffsetY), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonMedium;"));
   },
   buttonLarge: function buttonLarge(t) {
-    return css(_templateObject26 || (_templateObject26 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge, t.toggleBorderRadiusLarge, t.toggleButtonOffsetY));
+    return /*#__PURE__*/css(buttonSizeMixin(t.labGrotesqueBaselineCompensation, t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge, t.toggleBorderRadiusLarge, t.toggleButtonOffsetY), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonLarge;"));
   },
   buttonRight: function buttonRight() {
-    return css(_templateObject27 || (_templateObject27 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      left: auto;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "qn2zy7",
+      styles: "right:0;left:auto"
+    } : {
+      name: "1o81v72-buttonRight",
+      styles: "right:0;left:auto;label:buttonRight;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   disabled: function disabled() {
-    return css(_templateObject28 || (_templateObject28 = _taggedTemplateLiteralLoose(["\n      cursor: default;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1ll9bqd",
+      styles: "cursor:default"
+    } : {
+      name: "1mr7nd9-disabled",
+      styles: "cursor:default;label:disabled;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   rootLeft: function rootLeft() {
-    return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n      flex-direction: row-reverse;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "2b8jyz",
+      styles: "flex-direction:row-reverse"
+    } : {
+      name: "n0f4c4-rootLeft",
+      styles: "flex-direction:row-reverse;label:rootLeft;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   caption: function caption(t) {
-    return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: 0 0 0 ", ";\n    "])), t.toggleTextColor, t.toggleCaptionGap);
+    return /*#__PURE__*/css("color:", t.toggleTextColor, ";padding:0 0 0 ", t.toggleCaptionGap, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
   },
   captionSmall: function captionSmall(t) {
-    return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall));
+    return /*#__PURE__*/css(captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSmall;"));
   },
   captionMedium: function captionMedium(t) {
-    return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium));
+    return /*#__PURE__*/css(captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionMedium;"));
   },
   captionLarge: function captionLarge(t) {
-    return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge));
+    return /*#__PURE__*/css(captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLarge;"));
   },
   disabledCaption: function disabledCaption(t) {
-    return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
+    return /*#__PURE__*/css("color:", t.textColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:disabledCaption;"));
   },
   captionLeft: function captionLeft(t) {
-    return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      padding: 0 ", " 0 0;\n    "])), t.toggleTextColor, t.toggleCaptionGap);
+    return /*#__PURE__*/css("color:", t.toggleTextColor, ";padding:0 ", t.toggleCaptionGap, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLeft;"));
   }
 });

package/components/Toggle/Toggle.styles/Toggle.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","buttonSizeMixin","captionSizeMixin","containerSizeMixin","handleMixin","inputSizeMixin","toggleSizeMixin","globalClasses","handle","container","disabled","containerDisabled","containerLoading","background","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","toggleBgHover","rootSmall","_templateObject2","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","_templateObject3","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","_templateObject4","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","_templateObject5","_templateObject6","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","_templateObject7","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","_templateObject8","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","_templateObject9","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","_templateObject10","toggleDisabledHandleBg","input","_templateObject11","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","_templateObject12","inputMedium","_templateObject13","inputLarge","_templateObject14","_templateObject15","toggleBorderColor","containerSmall","_templateObject16","toggleBorderRadiusSmall","containerMedium","_templateObject17","toggleBorderRadiusMedium","containerLarge","_templateObject18","toggleBorderRadiusLarge","_templateObject19","toggleBgDisabled","toggleBorderColorDisabled","focused","_templateObject20","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","_templateObject21","toggleShadowColorWarning","isError","_templateObject22","toggleShadowColorError","button","_templateObject23","toggleBaseBg","buttonSmall","_templateObject24","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","_templateObject25","buttonLarge","_templateObject26","buttonRight","_templateObject27","_templateObject28","rootLeft","_templateObject29","caption","_templateObject30","toggleTextColor","toggleCaptionGap","captionSmall","_templateObject31","captionMedium","_templateObject32","captionLarge","_templateObject33","disabledCaption","_templateObject34","textColorDisabled","captionLeft","_templateObject35"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  buttonSizeMixin,\n  captionSizeMixin,\n  containerSizeMixin,\n  handleMixin,\n  inputSizeMixin,\n  toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n  handle: 'handle',\n  container: 'container',\n  disabled: 'disabled',\n  containerDisabled: 'container-disabled',\n  containerLoading: 'container-loading',\n  background: 'background',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .${globalClasses.handle} {\n        background: ${t.toggleBgHover};\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n    `;\n  },\n\n  disableAnimation() {\n    return css`\n      &,\n      * {\n        transition: none !important;\n      }\n    `;\n  },\n\n  handle(t: Theme) {\n    return css`\n      bottom: ${t.toggleBorderWidth};\n      left: ${t.toggleHandleLeft};\n      position: absolute;\n      top: ${t.toggleHandleTop};\n    `;\n  },\n  handleSmall(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n    `;\n  },\n  handleMedium(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n    `;\n  },\n  handleLarge(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n    `;\n  },\n\n  handleDisabled(t: Theme) {\n    return css`\n      background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBg};\n            box-shadow: ${t.toggleContainerBoxShadow};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBg};\n            box-shadow: ${t.toggleHandleBoxShadow};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgChecked};\n            box-shadow: ${t.toggleContainerBoxShadowChecked};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgChecked};\n            box-shadow: ${t.toggleHandleBoxShadowChecked};\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgHover};\n            box-shadow: ${t.toggleContainerBoxShadowHover};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgHover};\n            box-shadow: ${t.toggleHandleBoxShadowHover};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgCheckedHover};\n            box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgCheckedHover};\n            box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgDisabled};\n            box-shadow: ${t.toggleContainerBoxShadowDisabled};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgDisabled} !important;\n            box-shadow: ${t.toggleHandleBoxShadowDisabled};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgDisabledChecked};\n            box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgDisabledChecked} !important;\n            box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n          }\n        }\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    `;\n  },\n  containerSmall(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n    `;\n  },\n  containerMedium(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n    `;\n  },\n  containerLarge(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n    `;\n  },\n\n  containerDisabled(t: Theme) {\n    return css`\n      background: ${t.toggleBgDisabled};\n      box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n    `;\n  },\n\n  isWarning(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n    `;\n  },\n\n  isError(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ${t.toggleBaseBg};\n      line-height: ${t.toggleHeightSmall};\n    `;\n  },\n  buttonSmall(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeSmall,\n        t.toggleHeightSmall,\n        t.toggleWidthSmall,\n        t.toggleBorderRadiusSmall,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n  buttonMedium(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeMedium,\n        t.toggleHeightMedium,\n        t.toggleWidthMedium,\n        t.toggleBorderRadiusMedium,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n  buttonLarge(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeLarge,\n        t.toggleHeightLarge,\n        t.toggleWidthLarge,\n        t.toggleBorderRadiusLarge,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n\n  buttonRight() {\n    return css`\n      right: 0;\n      left: auto;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  rootLeft() {\n    return css`\n      flex-direction: row-reverse;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.toggleTextColor};\n      padding: 0 0 0 ${t.toggleCaptionGap};\n    `;\n  },\n  captionSmall(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n    `;\n  },\n  captionMedium(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n    `;\n  },\n  captionLarge(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n    `;\n  },\n\n  disabledCaption(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  captionLeft(t: Theme) {\n    return css`\n      color: ${t.toggleTextColor};\n      padding: 0 ${t.toggleCaptionGap} 0 0;\n    `;\n  },\n});\n"],"mappings":"kvBAAA,SAASA,GAAG,EAAEC,YAAY,EAAEC,MAAM,QAAQ,2BAA2B;;;AAGrE;EACEC,eAAe;EACfC,gBAAgB;EAChBC,kBAAkB;EAClBC,WAAW;EACXC,cAAc;EACdC,eAAe;AACV,iBAAiB;;AAExB,OAAO,IAAMC,aAAa,GAAGP,MAAM,CAAC,QAAQ,CAAC,CAAC;EAC5CQ,MAAM,EAAE,QAAQ;EAChBC,SAAS,EAAE,WAAW;EACtBC,QAAQ,EAAE,UAAU;EACpBC,iBAAiB,EAAE,oBAAoB;EACvCC,gBAAgB,EAAE,mBAAmB;EACrCC,UAAU,EAAE;AACd,CAAC,CAAC;;AAEF,OAAO,IAAMC,MAAM,GAAGf,YAAY,CAAC;EACjCgB,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOlB,GAAG,CAAAmB,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;;;;;;;;;IAeGX,aAAa,CAACC,MAAM;IACfQ,CAAC,CAACG,aAAa;;;EAGnC,CAAC;EACDC,SAAS,WAAAA,UAACJ,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAuB,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;IACNZ,eAAe,CAACU,CAAC,CAACM,mBAAmB,EAAEN,CAAC,CAACO,iBAAiB,EAAEP,CAAC,CAACQ,gBAAgB,CAAC;;EAErF,CAAC;EACDC,UAAU,WAAAA,WAACT,CAAQ,EAAE;IACnB,OAAOlB,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACNZ,eAAe,CAACU,CAAC,CAACW,oBAAoB,EAAEX,CAAC,CAACY,kBAAkB,EAAEZ,CAAC,CAACa,iBAAiB,CAAC;;EAExF,CAAC;EACDC,SAAS,WAAAA,UAACd,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAAiC,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;IACNZ,eAAe,CAACU,CAAC,CAACgB,mBAAmB,EAAEhB,CAAC,CAACiB,iBAAiB,EAAEjB,CAAC,CAACkB,gBAAgB,CAAC;;EAErF,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAOrC,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;;;;EAMZ,CAAC;;EAEDV,MAAM,WAAAA,OAACQ,CAAQ,EAAE;IACf,OAAOlB,GAAG,CAAAuC,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;IACEF,CAAC,CAACsB,iBAAiB;IACrBtB,CAAC,CAACuB,gBAAgB;;IAEnBvB,CAAC,CAACwB,eAAe;;EAE5B,CAAC;EACDC,WAAW,WAAAA,YAACzB,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAA4C,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACNd,WAAW,CAACY,CAAC,CAAC2B,qBAAqB,EAAE3B,CAAC,CAAC4B,6BAA6B,CAAC;;EAE3E,CAAC;EACDC,YAAY,WAAAA,aAAC7B,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAAgD,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;IACNd,WAAW,CAACY,CAAC,CAAC+B,sBAAsB,EAAE/B,CAAC,CAACgC,8BAA8B,CAAC;;EAE7E,CAAC;EACDC,WAAW,WAAAA,YAACjC,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAAoD,gBAAA,KAAAA,gBAAA,GAAAhC,2BAAA;IACNd,WAAW,CAACY,CAAC,CAACmC,qBAAqB,EAAEnC,CAAC,CAACoC,6BAA6B,CAAC;;EAE3E,CAAC;;EAEDC,cAAc,WAAAA,eAACrC,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAAwD,iBAAA,KAAAA,iBAAA,GAAApC,2BAAA;IACMF,CAAC,CAACuC,sBAAsB;;EAE1C,CAAC;;EAEDC,KAAK,WAAAA,MAACxC,CAAQ,EAAE;IACd,OAAOlB,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAAvC,2BAAA;;;;;IAKDX,aAAa,CAACE,SAAS,EAAQF,aAAa,CAACC,MAAM;;;;IAIjDD,aAAa,CAACE,SAAS;IACZO,CAAC,CAAC0C,iBAAiB;IACnB1C,CAAC,CAAC2C,wBAAwB;;IAErCpD,aAAa,CAACC,MAAM;IACTQ,CAAC,CAAC4C,cAAc;IAChB5C,CAAC,CAAC6C,qBAAqB;;;;IAIlCtD,aAAa,CAACE,SAAS;IACZO,CAAC,CAAC8C,wBAAwB;IAC1B9C,CAAC,CAAC+C,+BAA+B;;IAE5CxD,aAAa,CAACC,MAAM;IACTQ,CAAC,CAACgD,qBAAqB;IACvBhD,CAAC,CAACiD,4BAA4B;;;;;;IAMzC1D,aAAa,CAACE,SAAS;IACZO,CAAC,CAACkD,sBAAsB;IACxBlD,CAAC,CAACmD,6BAA6B;;IAE1C5D,aAAa,CAACC,MAAM;IACTQ,CAAC,CAACoD,mBAAmB;IACrBpD,CAAC,CAACqD,0BAA0B;;;;IAIvC9D,aAAa,CAACE,SAAS;IACZO,CAAC,CAACsD,6BAA6B;IAC/BtD,CAAC,CAACuD,oCAAoC;;IAEjDhE,aAAa,CAACC,MAAM;IACTQ,CAAC,CAACwD,0BAA0B;IAC5BxD,CAAC,CAACyD,iCAAiC;;;;;;IAM9ClE,aAAa,CAACE,SAAS;IACZO,CAAC,CAAC0D,yBAAyB;IAC3B1D,CAAC,CAAC2D,gCAAgC;;IAE7CpE,aAAa,CAACC,MAAM;IACTQ,CAAC,CAAC4D,sBAAsB;IACxB5D,CAAC,CAAC6D,6BAA6B;;;;IAI1CtE,aAAa,CAACE,SAAS;IACZO,CAAC,CAAC8D,gCAAgC;IAClC9D,CAAC,CAAC+D,uCAAuC;;IAEpDxE,aAAa,CAACC,MAAM;IACTQ,CAAC,CAACgE,6BAA6B;IAC/BhE,CAAC,CAACiE,oCAAoC;;;;;EAK9D,CAAC;EACDC,UAAU,WAAAA,WAAClE,CAAQ,EAAE;IACnB,OAAOlB,GAAG,CAAAqF,iBAAA,KAAAA,iBAAA,GAAAjE,2BAAA;IACNb,cAAc,CAACW,CAAC,CAACO,iBAAiB,EAAEP,CAAC,CAACQ,gBAAgB,CAAC;;EAE7D,CAAC;EACD4D,WAAW,WAAAA,YAACpE,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAAuF,iBAAA,KAAAA,iBAAA,GAAAnE,2BAAA;IACNb,cAAc,CAACW,CAAC,CAACY,kBAAkB,EAAEZ,CAAC,CAACa,iBAAiB,CAAC;;EAE/D,CAAC;EACDyD,UAAU,WAAAA,WAACtE,CAAQ,EAAE;IACnB,OAAOlB,GAAG,CAAAyF,iBAAA,KAAAA,iBAAA,GAAArE,2BAAA;IACNb,cAAc,CAACW,CAAC,CAACiB,iBAAiB,EAAEjB,CAAC,CAACkB,gBAAgB,CAAC;;EAE7D,CAAC;;EAEDzB,SAAS,WAAAA,UAACO,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAA0F,iBAAA,KAAAA,iBAAA,GAAAtE,2BAAA;IACkBF,CAAC,CAACsB,iBAAiB,EAAItB,CAAC,CAACyE,iBAAiB;;;;;;;;EAQxE,CAAC;EACDC,cAAc,WAAAA,eAAC1E,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAA6F,iBAAA,KAAAA,iBAAA,GAAAzE,2BAAA;IACNf,kBAAkB,CAACa,CAAC,CAAC4E,uBAAuB,CAAC;;EAEnD,CAAC;EACDC,eAAe,WAAAA,gBAAC7E,CAAQ,EAAE;IACxB,OAAOlB,GAAG,CAAAgG,iBAAA,KAAAA,iBAAA,GAAA5E,2BAAA;IACNf,kBAAkB,CAACa,CAAC,CAAC+E,wBAAwB,CAAC;;EAEpD,CAAC;EACDC,cAAc,WAAAA,eAAChF,CAAQ,EAAE;IACvB,OAAOlB,GAAG,CAAAmG,iBAAA,KAAAA,iBAAA,GAAA/E,2BAAA;IACNf,kBAAkB,CAACa,CAAC,CAACkF,uBAAuB,CAAC;;EAEnD,CAAC;;EAEDvF,iBAAiB,WAAAA,kBAACK,CAAQ,EAAE;IAC1B,OAAOlB,GAAG,CAAAqG,iBAAA,KAAAA,iBAAA,GAAAjF,2BAAA;IACMF,CAAC,CAACoF,gBAAgB;IACFpF,CAAC,CAACqF,yBAAyB;;EAE7D,CAAC;;EAEDC,OAAO,WAAAA,QAACtF,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAyG,iBAAA,KAAAA,iBAAA,GAAArF,2BAAA;;IAEMF,CAAC,CAACwF,uBAAuB;IAC7BxF,CAAC,CAACyF,kBAAkB,EAAIzF,CAAC,CAAC0F,sBAAsB;;EAE9D,CAAC;;EAEDC,SAAS,WAAAA,UAAC3F,CAAQ,EAAE;IAClB,OAAOlB,GAAG,CAAA8G,iBAAA,KAAAA,iBAAA,GAAA1F,2BAAA;;IAEMF,CAAC,CAACwF,uBAAuB;IAC7BxF,CAAC,CAACyF,kBAAkB,EAAIzF,CAAC,CAAC6F,wBAAwB;;EAEhE,CAAC;;EAEDC,OAAO,WAAAA,QAAC9F,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAiH,iBAAA,KAAAA,iBAAA,GAAA7F,2BAAA;;IAEMF,CAAC,CAACwF,uBAAuB;IAC7BxF,CAAC,CAACyF,kBAAkB,EAAIzF,CAAC,CAACgG,sBAAsB;;EAE9D,CAAC;;EAEDC,MAAM,WAAAA,OAACjG,CAAQ,EAAE;IACf,OAAOlB,GAAG,CAAAoH,iBAAA,KAAAA,iBAAA,GAAAhG,2BAAA;;;;IAIMF,CAAC,CAACmG,YAAY;IACbnG,CAAC,CAACO,iBAAiB;;EAEtC,CAAC;EACD6F,WAAW,WAAAA,YAACpG,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAAuH,iBAAA,KAAAA,iBAAA,GAAAnG,2BAAA;IACNjB,eAAe;MACfe,CAAC,CAACsG,gCAAgC;MAClCtG,CAAC,CAACM,mBAAmB;MACrBN,CAAC,CAACO,iBAAiB;MACnBP,CAAC,CAACQ,gBAAgB;MAClBR,CAAC,CAAC4E,uBAAuB;MACzB5E,CAAC,CAACuG;IACJ,CAAC;;EAEL,CAAC;EACDC,YAAY,WAAAA,aAACxG,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAA2H,iBAAA,KAAAA,iBAAA,GAAAvG,2BAAA;IACNjB,eAAe;MACfe,CAAC,CAACsG,gCAAgC;MAClCtG,CAAC,CAACW,oBAAoB;MACtBX,CAAC,CAACY,kBAAkB;MACpBZ,CAAC,CAACa,iBAAiB;MACnBb,CAAC,CAAC+E,wBAAwB;MAC1B/E,CAAC,CAACuG;IACJ,CAAC;;EAEL,CAAC;EACDG,WAAW,WAAAA,YAAC1G,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAA6H,iBAAA,KAAAA,iBAAA,GAAAzG,2BAAA;IACNjB,eAAe;MACfe,CAAC,CAACsG,gCAAgC;MAClCtG,CAAC,CAACgB,mBAAmB;MACrBhB,CAAC,CAACiB,iBAAiB;MACnBjB,CAAC,CAACkB,gBAAgB;MAClBlB,CAAC,CAACkF,uBAAuB;MACzBlF,CAAC,CAACuG;IACJ,CAAC;;EAEL,CAAC;;EAEDK,WAAW,WAAAA,YAAA,EAAG;IACZ,OAAO9H,GAAG,CAAA+H,iBAAA,KAAAA,iBAAA,GAAA3G,2BAAA;;;;EAIZ,CAAC;;EAEDR,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOZ,GAAG,CAAAgI,iBAAA,KAAAA,iBAAA,GAAA5G,2BAAA;;;EAGZ,CAAC;;EAED6G,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOjI,GAAG,CAAAkI,iBAAA,KAAAA,iBAAA,GAAA9G,2BAAA;;;EAGZ,CAAC;;EAED+G,OAAO,WAAAA,QAACjH,CAAQ,EAAE;IAChB,OAAOlB,GAAG,CAAAoI,iBAAA,KAAAA,iBAAA,GAAAhH,2BAAA;IACCF,CAAC,CAACmH,eAAe;IACTnH,CAAC,CAACoH,gBAAgB;;EAEvC,CAAC;EACDC,YAAY,WAAAA,aAACrH,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAAwI,iBAAA,KAAAA,iBAAA,GAAApH,2BAAA;IACNhB,gBAAgB,CAACc,CAAC,CAACM,mBAAmB,EAAEN,CAAC,CAACO,iBAAiB,CAAC;;EAElE,CAAC;EACDgH,aAAa,WAAAA,cAACvH,CAAQ,EAAE;IACtB,OAAOlB,GAAG,CAAA0I,iBAAA,KAAAA,iBAAA,GAAAtH,2BAAA;IACNhB,gBAAgB,CAACc,CAAC,CAACW,oBAAoB,EAAEX,CAAC,CAACY,kBAAkB,CAAC;;EAEpE,CAAC;EACD6G,YAAY,WAAAA,aAACzH,CAAQ,EAAE;IACrB,OAAOlB,GAAG,CAAA4I,iBAAA,KAAAA,iBAAA,GAAAxH,2BAAA;IACNhB,gBAAgB,CAACc,CAAC,CAACgB,mBAAmB,EAAEhB,CAAC,CAACiB,iBAAiB,CAAC;;EAElE,CAAC;;EAED0G,eAAe,WAAAA,gBAAC3H,CAAQ,EAAE;IACxB,OAAOlB,GAAG,CAAA8I,iBAAA,KAAAA,iBAAA,GAAA1H,2BAAA;IACCF,CAAC,CAAC6H,iBAAiB;;EAEhC,CAAC;;EAEDC,WAAW,WAAAA,YAAC9H,CAAQ,EAAE;IACpB,OAAOlB,GAAG,CAAAiJ,iBAAA,KAAAA,iBAAA,GAAA7H,2BAAA;IACCF,CAAC,CAACmH,eAAe;IACbnH,CAAC,CAACoH,gBAAgB;;EAEnC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","buttonSizeMixin","captionSizeMixin","containerSizeMixin","handleMixin","inputSizeMixin","toggleSizeMixin","globalClasses","handle","container","disabled","containerDisabled","containerLoading","background","styles","root","t","toggleBgHover","process","env","NODE_ENV","rootSmall","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","name","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","toggleHandleSizeSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleSizeMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleSizeLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBg","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","inputSmall","inputMedium","inputLarge","toggleBorderColor","containerSmall","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"sources":["Toggle.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  buttonSizeMixin,\n  captionSizeMixin,\n  containerSizeMixin,\n  handleMixin,\n  inputSizeMixin,\n  toggleSizeMixin,\n} from './Toggle.mixins';\n\nexport const globalClasses = prefix('toggle')({\n  handle: 'handle',\n  container: 'container',\n  disabled: 'disabled',\n  containerDisabled: 'container-disabled',\n  containerLoading: 'container-loading',\n  background: 'background',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      display: inline-flex;\n      cursor: pointer;\n      align-items: baseline;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned button,\n        // and also height and baseline for toggle without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      &:hover .${globalClasses.handle} {\n        background: ${t.toggleBgHover};\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n    `;\n  },\n\n  disableAnimation() {\n    return css`\n      &,\n      * {\n        transition: none !important;\n      }\n    `;\n  },\n\n  handle(t: Theme) {\n    return css`\n      bottom: ${t.toggleBorderWidth};\n      left: ${t.toggleHandleLeft};\n      position: absolute;\n      top: ${t.toggleHandleTop};\n    `;\n  },\n  handleSmall(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n    `;\n  },\n  handleMedium(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n    `;\n  },\n  handleLarge(t: Theme) {\n    return css`\n      ${handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n    `;\n  },\n\n  handleDisabled(t: Theme) {\n    return css`\n      background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      position: absolute;\n      opacity: 0;\n\n      &:enabled {\n        ~ .${globalClasses.container}, ~ .${globalClasses.handle} {\n          transition: 0.2s ease-in;\n        }\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBg};\n            box-shadow: ${t.toggleContainerBoxShadow};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBg};\n            box-shadow: ${t.toggleHandleBoxShadow};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgChecked};\n            box-shadow: ${t.toggleContainerBoxShadowChecked};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgChecked};\n            box-shadow: ${t.toggleHandleBoxShadowChecked};\n          }\n        }\n      }\n      &:enabled:hover {\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgHover};\n            box-shadow: ${t.toggleContainerBoxShadowHover};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgHover};\n            box-shadow: ${t.toggleHandleBoxShadowHover};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgCheckedHover};\n            box-shadow: ${t.toggleContainerBoxShadowCheckedHover};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgCheckedHover};\n            box-shadow: ${t.toggleHandleBoxShadowCheckedHover};\n          }\n        }\n      }\n      &:disabled {\n        :not(:checked) {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgDisabled};\n            box-shadow: ${t.toggleContainerBoxShadowDisabled};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgDisabled} !important;\n            box-shadow: ${t.toggleHandleBoxShadowDisabled};\n          }\n        }\n        :checked {\n          ~ .${globalClasses.container} {\n            background: ${t.toggleContainerBgDisabledChecked};\n            box-shadow: ${t.toggleContainerBoxShadowDisabledChecked};\n          }\n          ~ .${globalClasses.handle} {\n            background: ${t.toggleHandleBgDisabledChecked} !important;\n            box-shadow: ${t.toggleHandleBoxShadowDisabledChecked};\n          }\n        }\n      }\n    `;\n  },\n  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightSmall, t.toggleWidthSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightMedium, t.toggleWidthMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.toggleHeightLarge, t.toggleWidthLarge)};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n      height: 100%;\n      overflow: hidden;\n      position: absolute;\n      width: 100%;\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\n      z-index: 0;\n    `;\n  },\n  containerSmall(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusSmall)};\n    `;\n  },\n  containerMedium(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusMedium)};\n    `;\n  },\n  containerLarge(t: Theme) {\n    return css`\n      ${containerSizeMixin(t.toggleBorderRadiusLarge)};\n    `;\n  },\n\n  containerDisabled(t: Theme) {\n    return css`\n      background: ${t.toggleBgDisabled};\n      box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n    `;\n  },\n\n  focused(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n    `;\n  },\n\n  isWarning(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n    `;\n  },\n\n  isError(t: Theme) {\n    return css`\n      box-shadow:\n        0 0 0 1px ${t.toggleOutlineColorFocus},\n        0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ${t.toggleBaseBg};\n      line-height: ${t.toggleHeightSmall};\n    `;\n  },\n  buttonSmall(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeSmall,\n        t.toggleHeightSmall,\n        t.toggleWidthSmall,\n        t.toggleBorderRadiusSmall,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n  buttonMedium(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeMedium,\n        t.toggleHeightMedium,\n        t.toggleWidthMedium,\n        t.toggleBorderRadiusMedium,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n  buttonLarge(t: Theme) {\n    return css`\n      ${buttonSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.toggleFontSizeLarge,\n        t.toggleHeightLarge,\n        t.toggleWidthLarge,\n        t.toggleBorderRadiusLarge,\n        t.toggleButtonOffsetY,\n      )};\n    `;\n  },\n\n  buttonRight() {\n    return css`\n      right: 0;\n      left: auto;\n    `;\n  },\n\n  disabled() {\n    return css`\n      cursor: default;\n    `;\n  },\n\n  rootLeft() {\n    return css`\n      flex-direction: row-reverse;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.toggleTextColor};\n      padding: 0 0 0 ${t.toggleCaptionGap};\n    `;\n  },\n  captionSmall(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n    `;\n  },\n  captionMedium(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n    `;\n  },\n  captionLarge(t: Theme) {\n    return css`\n      ${captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n    `;\n  },\n\n  disabledCaption(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  captionLeft(t: Theme) {\n    return css`\n      color: ${t.toggleTextColor};\n      padding: 0 ${t.toggleCaptionGap} 0 0;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Toggle/__creevey__/Toggle.creevey.mts

@@ -0,0 +1,87 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Toggle', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+
+  story('DisabledWithTooltip', () => {
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .press()
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'pressed');
+    });
+  });
+
+  story('WithChildren', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+  });
+
+  story('WithLongDescription', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+  });
+});

package/components/Token/Token.mixins/Token.mixins.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
 import { css } from "../../../lib/theming/Emotion";
 export var tokenSizeMixin = function tokenSizeMixin(tokenPaddingY, tokenPaddingX, lineHeight, fontSize, tokenMarginY, tokenMarginX) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    padding: ", " ", ";\n    margin: ", " ", ";\n    line-height: ", ";\n    font-size: ", ";\n  "])), tokenPaddingY, tokenPaddingX, tokenMarginY, tokenMarginX, lineHeight, fontSize);
+  return /*#__PURE__*/css("padding:", tokenPaddingY, " ", tokenPaddingX, ";margin:", tokenMarginY, " ", tokenMarginX, ";line-height:", lineHeight, ";font-size:", fontSize, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenSizeMixin;"));
 };

package/components/Token/Token.mixins/Token.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","tokenSizeMixin","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","_templateObject","_taggedTemplateLiteralLoose"],"sources":["Token.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const tokenSizeMixin = (\n  tokenPaddingY: string,\n  tokenPaddingX: string,\n  lineHeight: string,\n  fontSize: string,\n  tokenMarginY: string,\n  tokenMarginX: string,\n) => {\n  return css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n};\n"],"mappings":"oHAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,OAAOP,GAAG,CAAAQ,eAAA,KAAAA,eAAA,GAAAC,2BAAA;EACGP,aAAa,EAAIC,aAAa;EAC/BG,YAAY,EAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ;;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["css","tokenSizeMixin","tokenPaddingY","tokenPaddingX","lineHeight","fontSize","tokenMarginY","tokenMarginX","process","env","NODE_ENV"],"sources":["Token.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nexport const tokenSizeMixin = (\n  tokenPaddingY: string,\n  tokenPaddingX: string,\n  lineHeight: string,\n  fontSize: string,\n  tokenMarginY: string,\n  tokenMarginX: string,\n) => {\n  return css`\n    padding: ${tokenPaddingY} ${tokenPaddingX};\n    margin: ${tokenMarginY} ${tokenMarginX};\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n  `;\n};\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,2BAA2B;;AAE/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA;AACzBC,aAAqB;AACrBC,aAAqB;AACrBC,UAAkB;AAClBC,QAAgB;AAChBC,YAAoB;AACpBC,YAAoB;AACjB;EACH,oBAAOP,GAAG;EACGE,aAAa,OAAIC,aAAa;EAC/BG,YAAY,OAAIC,YAAY;EACvBH,UAAU;EACZC,QAAQ,SAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;;AAEzB,CAAC","ignoreList":[]}

package/components/Token/Token.styles/Token.styles.js

@@ -1,5 +1,6 @@
-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;
+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, prefix } from "../../../lib/theming/Emotion";
 import { tokenSizeMixin } from "../Token.mixins";
 export var globalClasses = prefix('token')({
@@ -7,54 +8,75 @@ export var globalClasses = prefix('token')({
 });
 export var styles = memoizeStyle({
   token: function token(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n      border-radius: ", ";\n      border: solid ", " transparent;\n      min-width: 0;\n      word-break: break-all;\n      user-select: none;\n\n      &:hover {\n        cursor: pointer;\n      }\n    "])), t.tokenBorderRadius, t.tokenBorderWidth);
+    return /*#__PURE__*/css("display:inline-flex;align-items:center;border-radius:", t.tokenBorderRadius, ";border:solid ", t.tokenBorderWidth, " transparent;min-width:0;word-break:break-all;user-select:none;&:hover{cursor:pointer;}" + (process.env.NODE_ENV === "production" ? "" : ";label:token;"));
   },
   tokenSmall: function tokenSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall));
+    return /*#__PURE__*/css(tokenSizeMixin(t.tokenPaddingYSmall, t.tokenPaddingXSmall, t.tokenLineHeightSmall, t.tokenFontSizeSmall, t.tokenMarginYSmall, t.tokenMarginXSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenSmall;"));
   },
   tokenMedium: function tokenMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium));
+    return /*#__PURE__*/css(tokenSizeMixin(t.tokenPaddingYMedium, t.tokenPaddingXMedium, t.tokenLineHeightMedium, t.tokenFontSizeMedium, t.tokenMarginYMedium, t.tokenMarginXMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenMedium;"));
   },
   tokenLarge: function tokenLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), tokenSizeMixin(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge));
+    return /*#__PURE__*/css(tokenSizeMixin(t.tokenPaddingYLarge, t.tokenPaddingXLarge, t.tokenLineHeightLarge, t.tokenFontSizeLarge, t.tokenMarginYLarge, t.tokenMarginXLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenLarge;"));
   },
   tokenIdle: function tokenIdle(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border-color: ", ";\n      background-clip: border-box;\n    "])), t.tokenColor, t.tokenBg, t.tokenBorderColor);
+    return /*#__PURE__*/css("color:", t.tokenColor, ";background:", t.tokenBg, ";border-color:", t.tokenBorderColor, ";background-clip:border-box;" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenIdle;"));
   },
   tokenHover: function tokenHover(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover {\n        color: ", ";\n        background: ", ";\n        border: solid ", " ", ";\n      }\n    "])), t.tokenColorHover, t.tokenBgHover, t.tokenBorderWidth, t.tokenBorderColorHover);
+    return /*#__PURE__*/css("&:hover{color:", t.tokenColorHover, ";background:", t.tokenBgHover, ";border:solid ", t.tokenBorderWidth, " ", t.tokenBorderColorHover, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenHover;"));
   },
   tokenActive: function tokenActive(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background: ", ";\n      border: solid ", " ", ";\n    "])), t.tokenColorActive, t.tokenBgActive, t.tokenBorderWidth, t.tokenBorderColorActive);
+    return /*#__PURE__*/css("color:", t.tokenColorActive, ";background:", t.tokenBgActive, ";border:solid ", t.tokenBorderWidth, " ", t.tokenBorderColorActive, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenActive;"));
   },
   tokenError: function tokenError(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorError, t.tokenOutlineWidth, t.tokenBorderColorError);
+    return /*#__PURE__*/css("border:solid ", t.tokenBorderWidth, " ", t.tokenBorderColorError, ";box-shadow:0 0 0 ", t.tokenOutlineWidth, " ", t.tokenBorderColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenError;"));
   },
   tokenWarning: function tokenWarning(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      border: solid ", " ", ";\n      box-shadow: 0 0 0 ", " ", ";\n    "])), t.tokenBorderWidth, t.tokenBorderColorWarning, t.tokenOutlineWidth, t.tokenBorderColorWarning);
+    return /*#__PURE__*/css("border:solid ", t.tokenBorderWidth, " ", t.tokenBorderColorWarning, ";box-shadow:0 0 0 ", t.tokenOutlineWidth, " ", t.tokenBorderColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenWarning;"));
   },
   tokenDisabled: function tokenDisabled(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      cursor: text;\n      color: ", ";\n      pointer-events: none;\n      border: solid 1px ", ";\n\n      .", " {\n        visibility: hidden;\n      }\n    "])), t.tokenTextColorDisabled, t.tokenBorderColorDisabled, globalClasses.removeIcon);
+    return /*#__PURE__*/css("user-select:text;cursor:text;color:", t.tokenTextColorDisabled, ";pointer-events:none;border:solid 1px ", t.tokenBorderColorDisabled, ";.", globalClasses.removeIcon, "{visibility:hidden;}" + (process.env.NODE_ENV === "production" ? "" : ";label:tokenDisabled;"));
   },
   text: function text() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "1r5gb7q",
+      styles: "display:inline-block"
+    } : {
+      name: "mv407a-text",
+      styles: "display:inline-block;label:text;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   removeIcon: function removeIcon(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n      width: ", ";\n      flex-shrink: 0;\n      padding: ", " ", ";\n      box-sizing: ", ";\n      margin-left: ", ";\n      transition: none;\n      fill: currentColor;\n      opacity: 0.5;\n      line-height: 0;\n      display: inline-block;\n\n      &:hover {\n        opacity: 1;\n      }\n    "])), t.tokenRemoveIconSize, t.tokenRemoveIconSize, t.tokenRemoveIconPaddingY, t.tokenRemoveIconPaddingX, t.tokenRemoveIconBoxSizing, t.tokenRemoveIconGap);
+    return /*#__PURE__*/css("height:", t.tokenRemoveIconSize, ";width:", t.tokenRemoveIconSize, ";flex-shrink:0;padding:", t.tokenRemoveIconPaddingY, " ", t.tokenRemoveIconPaddingX, ";box-sizing:", t.tokenRemoveIconBoxSizing, ";margin-left:", t.tokenRemoveIconGap, ";transition:none;fill:currentColor;opacity:0.5;line-height:0;display:inline-block;&:hover{opacity:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:removeIcon;"));
   },
   helperText: function helperText() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "14a92xi",
+      styles: "max-width:100%;word-break:break-all;white-space:pre-wrap"
+    } : {
+      name: "jmvzys-helperText",
+      styles: "max-width:100%;word-break:break-all;white-space:pre-wrap;label:helperText;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   helperContainer: function helperContainer() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      position: absolute;\n      visibility: hidden;\n    "])));
+    return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
+      name: "55mvh",
+      styles: "display:flex;position:absolute;visibility:hidden"
+    } : {
+      name: "1wpuhih-helperContainer",
+      styles: "display:flex;position:absolute;visibility:hidden;label:helperContainer;",
+      toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+    });
   },
   helperContainerSmall: function helperContainerSmall(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXSmall, t.tokenInputPaddingXSmall);
+    return /*#__PURE__*/css("left:", t.tokenInputPaddingXSmall, ";right:", t.tokenInputPaddingXSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerSmall;"));
   },
   helperContainerMedium: function helperContainerMedium(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXMedium, t.tokenInputPaddingXMedium);
+    return /*#__PURE__*/css("left:", t.tokenInputPaddingXMedium, ";right:", t.tokenInputPaddingXMedium, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerMedium;"));
   },
   helperContainerLarge: function helperContainerLarge(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      left: ", ";\n      right: ", ";\n    "])), t.tokenInputPaddingXLarge, t.tokenInputPaddingXLarge);
+    return /*#__PURE__*/css("left:", t.tokenInputPaddingXLarge, ";right:", t.tokenInputPaddingXLarge, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:helperContainerLarge;"));
   }
 });