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

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

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _Toggle = require("./Toggle.mixins");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;
+var _Toggle = require("./Toggle.mixins");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).";}
 
 
 
@@ -21,7 +21,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('toggle')({
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-flex;cursor:pointer;align-items:baseline;position:relative;&::before{content:'\\00A0';display:inline-block;flex:0 0 auto;}&:hover .",
 
 
 
@@ -36,29 +36,29 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    globalClasses.handle,
-    t.toggleBgHover);
+    globalClasses.handle, "{background:",
+    t.toggleBgHover, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
 
   },
   rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
 
   },
   rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
 
   },
   rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.toggleSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
 
   },
 
   disableAnimation: function disableAnimation() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &,\n      * {\n        transition: none !important;\n      }\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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__ });
 
 
 
@@ -67,130 +67,130 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   handle: function handle(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n    "])),
-    t.toggleBorderWidth,
-    t.toggleHandleLeft,
+    return /*#__PURE__*/(0, _Emotion.css)("bottom:",
+    t.toggleBorderWidth, ";left:",
+    t.toggleHandleLeft, ";position:absolute;top:",
 
-    t.toggleHandleTop);
+    t.toggleHandleTop, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handle;"));
 
   },
   handleSmall: function handleSmall(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.handleMixin)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.handleMixin)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleSmall;"));
 
   },
   handleMedium: function handleMedium(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.handleMixin)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.handleMixin)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleMedium;"));
 
   },
   handleLarge: function handleLarge(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.handleMixin)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.handleMixin)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:handleLarge;"));
 
   },
 
   handleDisabled: function handleDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override root hover/active styles\n    "])),
-    t.toggleDisabledHandleBg);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.toggleDisabledHandleBg, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:handleDisabled;"));
 
   },
 
   input: function input(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("position:absolute;opacity:0;&:enabled{~.",
 
 
 
 
-    globalClasses.container, globalClasses.handle,
+    globalClasses.container, ",~.", globalClasses.handle, "{transition:0.2s ease-in;}:not(:checked){~.",
 
 
 
-    globalClasses.container,
-    t.toggleContainerBg,
-    t.toggleContainerBoxShadow,
+    globalClasses.container, "{background:",
+    t.toggleContainerBg, ";box-shadow:",
+    t.toggleContainerBoxShadow, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBg,
-    t.toggleHandleBoxShadow,
+    globalClasses.handle, "{background:",
+    t.toggleHandleBg, ";box-shadow:",
+    t.toggleHandleBoxShadow, ";}}:checked{~.",
 
 
 
-    globalClasses.container,
-    t.toggleContainerBgChecked,
-    t.toggleContainerBoxShadowChecked,
+    globalClasses.container, "{background:",
+    t.toggleContainerBgChecked, ";box-shadow:",
+    t.toggleContainerBoxShadowChecked, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBgChecked,
-    t.toggleHandleBoxShadowChecked,
+    globalClasses.handle, "{background:",
+    t.toggleHandleBgChecked, ";box-shadow:",
+    t.toggleHandleBoxShadowChecked, ";}}}&:enabled:hover{:not(:checked){~.",
 
 
 
 
 
-    globalClasses.container,
-    t.toggleContainerBgHover,
-    t.toggleContainerBoxShadowHover,
+    globalClasses.container, "{background:",
+    t.toggleContainerBgHover, ";box-shadow:",
+    t.toggleContainerBoxShadowHover, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBgHover,
-    t.toggleHandleBoxShadowHover,
+    globalClasses.handle, "{background:",
+    t.toggleHandleBgHover, ";box-shadow:",
+    t.toggleHandleBoxShadowHover, ";}}:checked{~.",
 
 
 
-    globalClasses.container,
-    t.toggleContainerBgCheckedHover,
-    t.toggleContainerBoxShadowCheckedHover,
+    globalClasses.container, "{background:",
+    t.toggleContainerBgCheckedHover, ";box-shadow:",
+    t.toggleContainerBoxShadowCheckedHover, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBgCheckedHover,
-    t.toggleHandleBoxShadowCheckedHover,
+    globalClasses.handle, "{background:",
+    t.toggleHandleBgCheckedHover, ";box-shadow:",
+    t.toggleHandleBoxShadowCheckedHover, ";}}}&:disabled{:not(:checked){~.",
 
 
 
 
 
-    globalClasses.container,
-    t.toggleContainerBgDisabled,
-    t.toggleContainerBoxShadowDisabled,
+    globalClasses.container, "{background:",
+    t.toggleContainerBgDisabled, ";box-shadow:",
+    t.toggleContainerBoxShadowDisabled, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBgDisabled,
-    t.toggleHandleBoxShadowDisabled,
+    globalClasses.handle, "{background:",
+    t.toggleHandleBgDisabled, "!important;box-shadow:",
+    t.toggleHandleBoxShadowDisabled, ";}}:checked{~.",
 
 
 
-    globalClasses.container,
-    t.toggleContainerBgDisabledChecked,
-    t.toggleContainerBoxShadowDisabledChecked,
+    globalClasses.container, "{background:",
+    t.toggleContainerBgDisabledChecked, ";box-shadow:",
+    t.toggleContainerBoxShadowDisabledChecked, ";}~.",
 
-    globalClasses.handle,
-    t.toggleHandleBgDisabledChecked,
-    t.toggleHandleBoxShadowDisabledChecked);
+    globalClasses.handle, "{background:",
+    t.toggleHandleBgDisabledChecked, "!important;box-shadow:",
+    t.toggleHandleBoxShadowDisabledChecked, ";}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:input;"));
 
 
 
 
   },
   inputSmall: function inputSmall(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.inputSizeMixin)(t.toggleHeightSmall, t.toggleWidthSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.inputSizeMixin)(t.toggleHeightSmall, t.toggleWidthSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputSmall;"));
 
   },
   inputMedium: function inputMedium(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.inputSizeMixin)(t.toggleHeightMedium, t.toggleWidthMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.inputSizeMixin)(t.toggleHeightMedium, t.toggleWidthMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputMedium;"));
 
   },
   inputLarge: function inputLarge(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.inputSizeMixin)(t.toggleHeightLarge, t.toggleWidthLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.inputSizeMixin)(t.toggleHeightLarge, t.toggleWidthLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:inputLarge;"));
 
   },
 
   container: function container(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\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__*/(0, _Emotion.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;"));
 
 
 
@@ -200,149 +200,149 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   containerSmall: function containerSmall(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerSmall;"));
 
   },
   containerMedium: function containerMedium(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerMedium;"));
 
   },
   containerLarge: function containerLarge(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.containerSizeMixin)(t.toggleBorderRadiusLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:containerLarge;"));
 
   },
 
   containerDisabled: function containerDisabled(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: inset 0 0 0 1px ", ";\n    "])),
-    t.toggleBgDisabled,
-    t.toggleBorderColorDisabled);
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:0 0 0 1px ",
 
-    t.toggleOutlineColorFocus,
-    t.toggleOutlineWidth, t.toggleFocusShadowColor);
+    t.toggleOutlineColorFocus, ",0 0 0 ",
+    t.toggleOutlineWidth, " ", t.toggleFocusShadowColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focused;"));
 
   },
 
   isWarning: function isWarning(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:0 0 0 1px ",
 
-    t.toggleOutlineColorFocus,
-    t.toggleOutlineWidth, t.toggleShadowColorWarning);
+    t.toggleOutlineColorFocus, ",0 0 0 ",
+    t.toggleOutlineWidth, " ", t.toggleShadowColorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:isWarning;"));
 
   },
 
   isError: function isError(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        0 0 0 1px ", ",\n        0 0 0 ", " ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:0 0 0 1px ",
 
-    t.toggleOutlineColorFocus,
-    t.toggleOutlineWidth, t.toggleShadowColorError);
+    t.toggleOutlineColorFocus, ",0 0 0 ",
+    t.toggleOutlineWidth, " ", t.toggleShadowColorError, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:isError;"));
 
   },
 
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      left: 0;\n      top: 0;\n      background: ", ";\n      line-height: ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("position:absolute;left:0;top:0;background:",
 
 
 
-    t.toggleBaseBg,
-    t.toggleHeightSmall);
+    t.toggleBaseBg, ";line-height:",
+    t.toggleHeightSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:button;"));
 
   },
   buttonSmall: function buttonSmall(t) {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.buttonSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.toggleFontSizeSmall,
-      t.toggleHeightSmall,
-      t.toggleWidthSmall,
-      t.toggleBorderRadiusSmall,
-      t.toggleButtonOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.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 (0, _Emotion.css)(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.buttonSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.toggleFontSizeMedium,
-      t.toggleHeightMedium,
-      t.toggleWidthMedium,
-      t.toggleBorderRadiusMedium,
-      t.toggleButtonOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.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 (0, _Emotion.css)(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.buttonSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.toggleFontSizeLarge,
-      t.toggleHeightLarge,
-      t.toggleWidthLarge,
-      t.toggleBorderRadiusLarge,
-      t.toggleButtonOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.buttonSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.toggleFontSizeLarge,
+        t.toggleHeightLarge,
+        t.toggleWidthLarge,
+        t.toggleBorderRadiusLarge,
+        t.toggleButtonOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonLarge;"));
 
   },
 
   buttonRight: function buttonRight() {
-    return (0, _Emotion.css)(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      left: auto;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-direction: row-reverse;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.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 (0, _Emotion.css)(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding: 0 0 0 ", ";\n    "])),
-    t.toggleTextColor,
-    t.toggleCaptionGap);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.toggleTextColor, ";padding:0 0 0 ",
+    t.toggleCaptionGap, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
 
   },
   captionSmall: function captionSmall(t) {
-    return (0, _Emotion.css)(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.captionSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.captionSizeMixin)(t.toggleFontSizeSmall, t.toggleHeightSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionSmall;"));
 
   },
   captionMedium: function captionMedium(t) {
-    return (0, _Emotion.css)(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.captionSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.captionSizeMixin)(t.toggleFontSizeMedium, t.toggleHeightMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionMedium;"));
 
   },
   captionLarge: function captionLarge(t) {
-    return (0, _Emotion.css)(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Toggle.captionSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Toggle.captionSizeMixin)(t.toggleFontSizeLarge, t.toggleHeightLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLarge;"));
 
   },
 
   disabledCaption: function disabledCaption(t) {
-    return (0, _Emotion.css)(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.textColorDisabled);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.textColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:disabledCaption;"));
 
   },
 
   captionLeft: function captionLeft(t) {
-    return (0, _Emotion.css)(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding: 0 ", " 0 0;\n    "])),
-    t.toggleTextColor,
-    t.toggleCaptionGap);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.toggleTextColor, ";padding:0 ",
+    t.toggleCaptionGap, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:captionLeft;"));
 
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Toggle","_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","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","toggleBgHover","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","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","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","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":"4SAAA,IAAAA,QAAA,GAAAC,OAAA;;;AAGA,IAAAC,OAAA,GAAAD,OAAA,oBAOyB,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA,EAAAC,iBAAA;;;;;;;;;AAElB,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,eAAM,EAAC,QAAQ,CAAC,CAAC;EAC5CC,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;;AAEK,IAAMC,MAAM,GAAAR,OAAA,CAAAQ,MAAA,GAAG,IAAAC,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,WAAOC,YAAG,EAAAhD,eAAA,KAAAA,eAAA,OAAAiD,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;IAeGf,aAAa,CAACG,MAAM;IACfS,CAAC,CAACI,aAAa;;;EAGnC,CAAC;EACDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAA/C,gBAAA,KAAAA,gBAAA,OAAAgD,4BAAA,CAAAC,OAAA;IACN,IAAAG,uBAAe,EAACN,CAAC,CAACO,mBAAmB,EAAEP,CAAC,CAACQ,iBAAiB,EAAER,CAAC,CAACS,gBAAgB,CAAC;;EAErF,CAAC;EACDC,UAAU,WAAAA,WAACV,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAA9C,gBAAA,KAAAA,gBAAA,OAAA+C,4BAAA,CAAAC,OAAA;IACN,IAAAG,uBAAe,EAACN,CAAC,CAACW,oBAAoB,EAAEX,CAAC,CAACY,kBAAkB,EAAEZ,CAAC,CAACa,iBAAiB,CAAC;;EAExF,CAAC;EACDC,SAAS,WAAAA,UAACd,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAA7C,gBAAA,KAAAA,gBAAA,OAAA8C,4BAAA,CAAAC,OAAA;IACN,IAAAG,uBAAe,EAACN,CAAC,CAACe,mBAAmB,EAAEf,CAAC,CAACgB,iBAAiB,EAAEhB,CAAC,CAACiB,gBAAgB,CAAC;;EAErF,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAOjB,YAAG,EAAA5C,gBAAA,KAAAA,gBAAA,OAAA6C,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDZ,MAAM,WAAAA,OAACS,CAAQ,EAAE;IACf,WAAOC,YAAG,EAAA3C,gBAAA,KAAAA,gBAAA,OAAA4C,4BAAA,CAAAC,OAAA;IACEH,CAAC,CAACmB,iBAAiB;IACrBnB,CAAC,CAACoB,gBAAgB;;IAEnBpB,CAAC,CAACqB,eAAe;;EAE5B,CAAC;EACDC,WAAW,WAAAA,YAACtB,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAA1C,gBAAA,KAAAA,gBAAA,OAAA2C,4BAAA,CAAAC,OAAA;IACN,IAAAoB,mBAAW,EAACvB,CAAC,CAACwB,qBAAqB,EAAExB,CAAC,CAACyB,6BAA6B,CAAC;;EAE3E,CAAC;EACDC,YAAY,WAAAA,aAAC1B,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAzC,gBAAA,KAAAA,gBAAA,OAAA0C,4BAAA,CAAAC,OAAA;IACN,IAAAoB,mBAAW,EAACvB,CAAC,CAAC2B,sBAAsB,EAAE3B,CAAC,CAAC4B,8BAA8B,CAAC;;EAE7E,CAAC;EACDC,WAAW,WAAAA,YAAC7B,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAxC,gBAAA,KAAAA,gBAAA,OAAAyC,4BAAA,CAAAC,OAAA;IACN,IAAAoB,mBAAW,EAACvB,CAAC,CAAC8B,qBAAqB,EAAE9B,CAAC,CAAC+B,6BAA6B,CAAC;;EAE3E,CAAC;;EAEDC,cAAc,WAAAA,eAAChC,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAAvC,iBAAA,KAAAA,iBAAA,OAAAwC,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACiC,sBAAsB;;EAE1C,CAAC;;EAEDC,KAAK,WAAAA,MAAClC,CAAQ,EAAE;IACd,WAAOC,YAAG,EAAAtC,iBAAA,KAAAA,iBAAA,OAAAuC,4BAAA,CAAAC,OAAA;;;;;IAKDf,aAAa,CAACI,SAAS,EAAQJ,aAAa,CAACG,MAAM;;;;IAIjDH,aAAa,CAACI,SAAS;IACZQ,CAAC,CAACmC,iBAAiB;IACnBnC,CAAC,CAACoC,wBAAwB;;IAErChD,aAAa,CAACG,MAAM;IACTS,CAAC,CAACqC,cAAc;IAChBrC,CAAC,CAACsC,qBAAqB;;;;IAIlClD,aAAa,CAACI,SAAS;IACZQ,CAAC,CAACuC,wBAAwB;IAC1BvC,CAAC,CAACwC,+BAA+B;;IAE5CpD,aAAa,CAACG,MAAM;IACTS,CAAC,CAACyC,qBAAqB;IACvBzC,CAAC,CAAC0C,4BAA4B;;;;;;IAMzCtD,aAAa,CAACI,SAAS;IACZQ,CAAC,CAAC2C,sBAAsB;IACxB3C,CAAC,CAAC4C,6BAA6B;;IAE1CxD,aAAa,CAACG,MAAM;IACTS,CAAC,CAAC6C,mBAAmB;IACrB7C,CAAC,CAAC8C,0BAA0B;;;;IAIvC1D,aAAa,CAACI,SAAS;IACZQ,CAAC,CAAC+C,6BAA6B;IAC/B/C,CAAC,CAACgD,oCAAoC;;IAEjD5D,aAAa,CAACG,MAAM;IACTS,CAAC,CAACiD,0BAA0B;IAC5BjD,CAAC,CAACkD,iCAAiC;;;;;;IAM9C9D,aAAa,CAACI,SAAS;IACZQ,CAAC,CAACmD,yBAAyB;IAC3BnD,CAAC,CAACoD,gCAAgC;;IAE7ChE,aAAa,CAACG,MAAM;IACTS,CAAC,CAACqD,sBAAsB;IACxBrD,CAAC,CAACsD,6BAA6B;;;;IAI1ClE,aAAa,CAACI,SAAS;IACZQ,CAAC,CAACuD,gCAAgC;IAClCvD,CAAC,CAACwD,uCAAuC;;IAEpDpE,aAAa,CAACG,MAAM;IACTS,CAAC,CAACyD,6BAA6B;IAC/BzD,CAAC,CAAC0D,oCAAoC;;;;;EAK9D,CAAC;EACDC,UAAU,WAAAA,WAAC3D,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAArC,iBAAA,KAAAA,iBAAA,OAAAsC,4BAAA,CAAAC,OAAA;IACN,IAAAyD,sBAAc,EAAC5D,CAAC,CAACQ,iBAAiB,EAAER,CAAC,CAACS,gBAAgB,CAAC;;EAE7D,CAAC;EACDoD,WAAW,WAAAA,YAAC7D,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAApC,iBAAA,KAAAA,iBAAA,OAAAqC,4BAAA,CAAAC,OAAA;IACN,IAAAyD,sBAAc,EAAC5D,CAAC,CAACY,kBAAkB,EAAEZ,CAAC,CAACa,iBAAiB,CAAC;;EAE/D,CAAC;EACDiD,UAAU,WAAAA,WAAC9D,CAAQ,EAAE;IACnB,WAAOC,YAAG,EAAAnC,iBAAA,KAAAA,iBAAA,OAAAoC,4BAAA,CAAAC,OAAA;IACN,IAAAyD,sBAAc,EAAC5D,CAAC,CAACgB,iBAAiB,EAAEhB,CAAC,CAACiB,gBAAgB,CAAC;;EAE7D,CAAC;;EAEDzB,SAAS,WAAAA,UAACQ,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAAlC,iBAAA,KAAAA,iBAAA,OAAAmC,4BAAA,CAAAC,OAAA;IACkBH,CAAC,CAACmB,iBAAiB,EAAInB,CAAC,CAAC+D,iBAAiB;;;;;;;;EAQxE,CAAC;EACDC,cAAc,WAAAA,eAAChE,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAAjC,iBAAA,KAAAA,iBAAA,OAAAkC,4BAAA,CAAAC,OAAA;IACN,IAAA8D,0BAAkB,EAACjE,CAAC,CAACkE,uBAAuB,CAAC;;EAEnD,CAAC;EACDC,eAAe,WAAAA,gBAACnE,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAhC,iBAAA,KAAAA,iBAAA,OAAAiC,4BAAA,CAAAC,OAAA;IACN,IAAA8D,0BAAkB,EAACjE,CAAC,CAACoE,wBAAwB,CAAC;;EAEpD,CAAC;EACDC,cAAc,WAAAA,eAACrE,CAAQ,EAAE;IACvB,WAAOC,YAAG,EAAA/B,iBAAA,KAAAA,iBAAA,OAAAgC,4BAAA,CAAAC,OAAA;IACN,IAAA8D,0BAAkB,EAACjE,CAAC,CAACsE,uBAAuB,CAAC;;EAEnD,CAAC;;EAED5E,iBAAiB,WAAAA,kBAACM,CAAQ,EAAE;IAC1B,WAAOC,YAAG,EAAA9B,iBAAA,KAAAA,iBAAA,OAAA+B,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACuE,gBAAgB;IACFvE,CAAC,CAACwE,yBAAyB;;EAE7D,CAAC;;EAEDC,OAAO,WAAAA,QAACzE,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAA7B,iBAAA,KAAAA,iBAAA,OAAA8B,4BAAA,CAAAC,OAAA;;IAEMH,CAAC,CAAC0E,uBAAuB;IAC7B1E,CAAC,CAAC2E,kBAAkB,EAAI3E,CAAC,CAAC4E,sBAAsB;;EAE9D,CAAC;;EAEDC,SAAS,WAAAA,UAAC7E,CAAQ,EAAE;IAClB,WAAOC,YAAG,EAAA5B,iBAAA,KAAAA,iBAAA,OAAA6B,4BAAA,CAAAC,OAAA;;IAEMH,CAAC,CAAC0E,uBAAuB;IAC7B1E,CAAC,CAAC2E,kBAAkB,EAAI3E,CAAC,CAAC8E,wBAAwB;;EAEhE,CAAC;;EAEDC,OAAO,WAAAA,QAAC/E,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAA3B,iBAAA,KAAAA,iBAAA,OAAA4B,4BAAA,CAAAC,OAAA;;IAEMH,CAAC,CAAC0E,uBAAuB;IAC7B1E,CAAC,CAAC2E,kBAAkB,EAAI3E,CAAC,CAACgF,sBAAsB;;EAE9D,CAAC;;EAEDC,MAAM,WAAAA,OAACjF,CAAQ,EAAE;IACf,WAAOC,YAAG,EAAA1B,iBAAA,KAAAA,iBAAA,OAAA2B,4BAAA,CAAAC,OAAA;;;;IAIMH,CAAC,CAACkF,YAAY;IACblF,CAAC,CAACQ,iBAAiB;;EAEtC,CAAC;EACD2E,WAAW,WAAAA,YAACnF,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAzB,iBAAA,KAAAA,iBAAA,OAAA0B,4BAAA,CAAAC,OAAA;IACN,IAAAiF,uBAAe;MACfpF,CAAC,CAACqF,gCAAgC;MAClCrF,CAAC,CAACO,mBAAmB;MACrBP,CAAC,CAACQ,iBAAiB;MACnBR,CAAC,CAACS,gBAAgB;MAClBT,CAAC,CAACkE,uBAAuB;MACzBlE,CAAC,CAACsF;IACJ,CAAC;;EAEL,CAAC;EACDC,YAAY,WAAAA,aAACvF,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAxB,iBAAA,KAAAA,iBAAA,OAAAyB,4BAAA,CAAAC,OAAA;IACN,IAAAiF,uBAAe;MACfpF,CAAC,CAACqF,gCAAgC;MAClCrF,CAAC,CAACW,oBAAoB;MACtBX,CAAC,CAACY,kBAAkB;MACpBZ,CAAC,CAACa,iBAAiB;MACnBb,CAAC,CAACoE,wBAAwB;MAC1BpE,CAAC,CAACsF;IACJ,CAAC;;EAEL,CAAC;EACDE,WAAW,WAAAA,YAACxF,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAvB,iBAAA,KAAAA,iBAAA,OAAAwB,4BAAA,CAAAC,OAAA;IACN,IAAAiF,uBAAe;MACfpF,CAAC,CAACqF,gCAAgC;MAClCrF,CAAC,CAACe,mBAAmB;MACrBf,CAAC,CAACgB,iBAAiB;MACnBhB,CAAC,CAACiB,gBAAgB;MAClBjB,CAAC,CAACsE,uBAAuB;MACzBtE,CAAC,CAACsF;IACJ,CAAC;;EAEL,CAAC;;EAEDG,WAAW,WAAAA,YAAA,EAAG;IACZ,WAAOxF,YAAG,EAAAtB,iBAAA,KAAAA,iBAAA,OAAAuB,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDV,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOQ,YAAG,EAAArB,iBAAA,KAAAA,iBAAA,OAAAsB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDuF,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOzF,YAAG,EAAApB,iBAAA,KAAAA,iBAAA,OAAAqB,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDwF,OAAO,WAAAA,QAAC3F,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAnB,iBAAA,KAAAA,iBAAA,OAAAoB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAAC4F,eAAe;IACT5F,CAAC,CAAC6F,gBAAgB;;EAEvC,CAAC;EACDC,YAAY,WAAAA,aAAC9F,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAlB,iBAAA,KAAAA,iBAAA,OAAAmB,4BAAA,CAAAC,OAAA;IACN,IAAA4F,wBAAgB,EAAC/F,CAAC,CAACO,mBAAmB,EAAEP,CAAC,CAACQ,iBAAiB,CAAC;;EAElE,CAAC;EACDwF,aAAa,WAAAA,cAAChG,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAjB,iBAAA,KAAAA,iBAAA,OAAAkB,4BAAA,CAAAC,OAAA;IACN,IAAA4F,wBAAgB,EAAC/F,CAAC,CAACW,oBAAoB,EAAEX,CAAC,CAACY,kBAAkB,CAAC;;EAEpE,CAAC;EACDqF,YAAY,WAAAA,aAACjG,CAAQ,EAAE;IACrB,WAAOC,YAAG,EAAAhB,iBAAA,KAAAA,iBAAA,OAAAiB,4BAAA,CAAAC,OAAA;IACN,IAAA4F,wBAAgB,EAAC/F,CAAC,CAACe,mBAAmB,EAAEf,CAAC,CAACgB,iBAAiB,CAAC;;EAElE,CAAC;;EAEDkF,eAAe,WAAAA,gBAAClG,CAAQ,EAAE;IACxB,WAAOC,YAAG,EAAAf,iBAAA,KAAAA,iBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAACmG,iBAAiB;;EAEhC,CAAC;;EAEDC,WAAW,WAAAA,YAACpG,CAAQ,EAAE;IACpB,WAAOC,YAAG,EAAAd,iBAAA,KAAAA,iBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACCH,CAAC,CAAC4F,eAAe;IACb5F,CAAC,CAAC6F,gBAAgB;;EAEnC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Toggle","_EMOTION_STRINGIFIED_CSS_ERROR__","globalClasses","exports","prefix","handle","container","disabled","containerDisabled","containerLoading","background","styles","memoizeStyle","root","t","css","toggleBgHover","process","env","NODE_ENV","rootSmall","toggleSizeMixin","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","disableAnimation","name","toString","toggleBorderWidth","toggleHandleLeft","toggleHandleTop","handleSmall","handleMixin","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","inputSizeMixin","inputMedium","inputLarge","toggleBorderColor","containerSmall","containerSizeMixin","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","buttonSmall","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionSizeMixin","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":[]}