@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

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

@@ -1,51 +1,36 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0.3;\n      cursor: default;\n\n      ", " {\n        background: ", ";\n      }\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      display: inline-block;\n      height: ", ";\n      position: relative;\n      width: ", ";\n\n      &:hover:not(", ") {\n        ", " {\n          background: ", ";\n        }\n      }\n      &::after {\n        content: '';\n        display: inline-block;\n      }\n      &:active:not(", ") ", " {\n        width: ", ";\n      }\n      &:active:not(", ") ", ":checked ~ ", " {\n        transform: translateX(", ") translateX(-", ")\n          translateX(-", ");\n      }\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n\n        ", " {\n          background: ", ";\n        }\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ":checked ~ ", "& {\n        background: ", ";\n        box-shadow: inset 0 0 0 ", " ", ";\n      }\n      ", " {\n        background: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: inherit;\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      top: 0;\n      transition: 0.2s ease-in;\n      width: 10px;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "&, ", ":checked ~ & {\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\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    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      opacity: 0;\n\n      &:focus {\n        outline: none;\n      }\n      &:checked ~ ", " {\n        box-shadow: inset 0 0 0 ", " ", ";\n        background: ", ";\n        transition: background 0s 0.2s;\n      }\n      &:checked ~ ", " ", " {\n        width: 70%;\n        background: ", ";\n      }\n      &:checked ~ ", " {\n        transform: translateX(", ") translateX(-", ");\n      }\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: ", ";\n      bottom: ", ";\n      box-shadow: 0 ", " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ", " rgba(0, 0, 0, 0.15);\n      height: ", ";\n      left: ", ";\n      position: absolute;\n      top: ", ";\n      transition: 0.2s ease-in;\n      width: ", ";\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = {
-  handle: function handle(t) {
-    var handleSize = "calc(" + t.toggleHeight + " - 2 * " + t.toggleBorderWidth + ")";
-    return (0, _Emotion.css)(_templateObject(),
-    t.toggleBg,
-    t.toggleHandleBorderRadius,
-    t.toggleBorderWidth,
-    t.toggleBorderWidth, t.toggleBorderWidth,
-    handleSize,
-    t.toggleBorderWidth,
 
-    t.toggleBorderWidth,
+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, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42;
 
-    handleSize);
 
-  },
 
-  input: function input(t) {
-    var handleWidthWithBorders = t.toggleHeight;
-    return (0, _Emotion.css)(_templateObject2(),
 
 
 
 
 
 
-    (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBorderWidth, t.toggleBgChecked,
-    t.toggleBgChecked,
+var globalClasses = (0, _Emotion.prefix)('toggle')({
+  handle: 'handle',
+  container: 'container',
+  disabled: 'disabled',
+  containerDisabled: 'container-disabled',
+  containerLoading: 'container-loading',
+  background: 'background' });exports.globalClasses = globalClasses;
 
 
-    (0, _Emotion.cssName)(styles.container(t)), (0, _Emotion.cssName)(styles.activeBackground()),
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return 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      "])),
 
-    t.toggleBgChecked,
 
-    (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleWidth, handleWidthWithBorders);
 
 
-  },
 
-  container: function container(t) {
-    return (0, _Emotion.css)(_templateObject3(),
-    t.toggleBorderRadius,
-    t.toggleBorderWidth, t.toggleBorderColor);
 
 
 
@@ -53,106 +38,404 @@ var styles = {
 
 
 
-  },
 
-  focused: function focused(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    (0, _Emotion.cssName)(styles.container(t)), (0, _Emotion.cssName)(styles.input(t)),
-    t.outlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
 
+        globalClasses.handle,
+        t.toggleBgHover);
 
-  },
 
-  activeBackground: function activeBackground() {
-    return (0, _Emotion.css)(_templateObject5());
+      },
+      rootSmall: function rootSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.toggleSizeMixin)(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall));
 
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.toggleSizeMixin)(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium));
 
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.toggleSizeMixin)(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge));
 
+      },
 
+      activeHandleSmall: function activeHandleSmall(t) {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.activeHandleSizeMixin)(emotion)(
+        t.toggleHandleSizeSmall,
+        t.toggleBorderWidth,
+        t.toggleHandleActiveWidthIncrement,
+        t.toggleWidthSmall));
 
 
+      },
+      activeHandleMedium: function activeHandleMedium(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.activeHandleSizeMixin)(emotion)(
+        t.toggleHandleSizeMedium,
+        t.toggleBorderWidth,
+        t.toggleHandleActiveWidthIncrement,
+        t.toggleWidthMedium));
 
 
-  },
+      },
+      activeHandleLarge: function activeHandleLarge(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.activeHandleSizeMixin)(emotion)(
+        t.toggleHandleSizeLarge,
+        t.toggleBorderWidth,
+        t.toggleHandleActiveWidthIncrement,
+        t.toggleWidthLarge));
 
-  isLoading: function isLoading(t) {
-    return (0, _Emotion.css)(_templateObject6(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBorderColor,
-    t.toggleBorderWidth, t.toggleBorderColor,
 
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgActive);
+      },
 
+      disableAnimation: function disableAnimation() {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &,\n        * {\n          transition: none !important;\n        }\n      "])));
 
-  },
 
-  isWarning: function isWarning(t) {
-    return (0, _Emotion.css)(_templateObject7(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgWarning,
-    t.toggleBorderWidth, t.toggleBgWarning,
 
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgWarning);
 
 
+      },
 
-  },
+      handle: function handle(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        bottom: ", ";\n        box-shadow: ", ";\n        left: ", ";\n        position: absolute;\n        top: ", ";\n        transition: 0.2s ease-in;\n      "])),
+        t.toggleHandleBg,
+        t.toggleBorderWidth,
+        t.toggleHandleBoxShadowOld,
+        t.toggleHandleLeft,
 
-  isError: function isError(t) {
-    return (0, _Emotion.css)(_templateObject8(),
-    (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgError,
-    t.toggleBorderWidth, t.toggleBgError,
+        t.toggleHandleTop);
 
-    (0, _Emotion.cssName)(styles.activeBackground()),
-    t.toggleBgError);
 
+      },
+      handleSmall: function handleSmall(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
 
+      },
+      handleMedium: function handleMedium(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
 
-  },
+      },
+      handleLarge: function handleLarge(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
 
-  wrapper: function wrapper(t) {
-    var wrapperDisabled = (0, _Emotion.cssName)(styles.wrapperDisabled(t));
-    var handleWidthWithBorders = t.toggleHeight;
-    var handleActiveWidth = "calc(" + handleWidthWithBorders + " - 2 * " + t.toggleBorderWidth + " + " + t.toggleHandleActiveWidthIncrement + ")";
-    return (0, _Emotion.css)(_templateObject9(),
+      },
 
+      handleDisabled: function handleDisabled(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important; // override root hover/active styles\n      "])),
+        t.toggleDisabledHandleBg);
 
-    t.toggleHeight,
+      },
 
-    t.toggleWidth,
+      input: function input(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        opacity: 0;\n\n        &:focus {\n          outline: none;\n        }\n        &:checked ~ .", " {\n          box-shadow: inset 0 0 0 ", " ", ";\n          background: ", ";\n          transition: background 0s 0.2s;\n        }\n        &:checked ~ .", " {\n          box-shadow: inset 0 0 0 ", " ", ";\n          background: ", ";\n          transition: background 0s 0.2s;\n        }\n        &:checked ~ .", " {\n          background: ", ";\n          box-shadow: inset 0 0 0 ", " ", ";\n        }\n        &:checked ~ .", " .", " {\n          width: 70%;\n          background: ", ";\n        }\n        &:checked ~ .", " .", " {\n          width: 70%;\n          background: ", ";\n          box-shadow: inset 0 0 0 1px ", ";\n        }\n        &:checked ~ .", " {\n          background: ", ";\n          &:hover {\n            background: ", ";\n          }\n        }\n      "])),
 
-    wrapperDisabled,
-    (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleBgHover,
 
 
 
 
 
+        globalClasses.container,
+        t.toggleBorderWidth, t.toggleBgChecked,
+        t.toggleBgChecked,
 
-    wrapperDisabled, (0, _Emotion.cssName)(styles.handle(t)),
-    handleActiveWidth,
 
-    wrapperDisabled, (0, _Emotion.cssName)(styles.input(t)), (0, _Emotion.cssName)(styles.handle(t)),
-    t.toggleWidth, handleWidthWithBorders,
-    t.toggleHandleActiveWidthIncrement);
+        globalClasses.containerDisabled,
+        t.toggleBorderWidth, t.toggleBorderColorDisabledChecked,
+        t.toggleBgDisabledChecked,
 
 
-  },
+        globalClasses.containerLoading,
+        t.toggleBorderColor,
+        t.toggleBorderWidth, t.toggleBorderColor,
 
-  wrapperDisabled: function wrapperDisabled(t) {
-    return (0, _Emotion.css)(_templateObject10(),
+        globalClasses.container, globalClasses.background,
 
+        t.toggleBgChecked,
 
+        globalClasses.containerDisabled, globalClasses.background,
 
-    (0, _Emotion.cssName)(styles.container(t)),
-    t.toggleBgDisabled);
+        t.toggleBgDisabledChecked,
+        t.toggleBorderColorDisabledChecked,
 
+        globalClasses.handle,
+        t.toggleCheckedBg,
 
-  } };
+        t.toggleCheckedBgHover);
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+
+      },
+      inputSmall: function inputSmall(t) {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightSmall, t.toggleWidthSmall));
+
+      },
+      inputMedium: function inputMedium(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightMedium, t.toggleWidthMedium));
+
+      },
+      inputLarge: function inputLarge(t) {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightLarge, t.toggleWidthLarge));
+
+      },
+
+      input2022: function input2022(t) {
+        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+
+
+
+
+      },
+
+      container: function container(t) {
+        return emotion.css(_templateObject19 || (_templateObject19 = (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);
+
+
+
+
+
+
+
+      },
+      containerSmall: function containerSmall(t) {
+        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusSmall));
+
+      },
+      containerMedium: function containerMedium(t) {
+        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusMedium));
+
+      },
+      containerLarge: function containerLarge(t) {
+        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusLarge));
+
+      },
+
+      containerDisabled: function containerDisabled(t) {
+        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n      "])),
+        t.toggleBgDisabled,
+        t.toggleBorderColorDisabled);
+
+      },
+
+      focused: function focused(t) {
+        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      "])),
+        t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleFocusShadowColor);
+
+      },
+
+      activeBackground: function activeBackground() {
+        return emotion.css(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: inherit;\n        bottom: 0;\n        left: 0;\n        position: absolute;\n        top: 0;\n        transition: 0.2s ease-in;\n        width: 10px;\n      "])));
+
+
+
+
+
+
+
+
+      },
+
+      disabledBackground: function disabledBackground(t) {
+        return emotion.css(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: inset 0 0 0 1px ", ";\n        width: 0;\n      "])),
+        t.toggleBorderColorDisabled);
+
+
+      },
+
+      activeBackgroundLoading: function activeBackgroundLoading(t) {
+        return emotion.css(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n      "])),
+        t.toggleBgActive);
+
+      },
+
+      isWarning: function isWarning(t) {
+        return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      "])),
+        t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorWarning);
+
+      },
+
+      isError: function isError(t) {
+        return emotion.css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: 0 0 0 1px ", ", 0 0 0 ", " ", ";\n      "])),
+        t.toggleOutlineColorFocus, t.toggleOutlineWidth, t.toggleShadowColorError);
+
+      },
+
+      button: function button(t) {
+        return emotion.css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        left: 0;\n        top: 0;\n        background: ", ";\n        line-height: ", ";\n      "])),
+
+
+
+        t.toggleBaseBg,
+        t.toggleHeight);
+
+      },
+      buttonSmall: function buttonSmall(t) {
+        return emotion.css(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.buttonSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.toggleFontSizeSmall,
+        t.toggleHeightSmall,
+        t.toggleWidthSmall,
+        t.toggleBorderRadiusSmall,
+        t.toggleButtonOffsetY));
+
+
+      },
+      buttonMedium: function buttonMedium(t) {
+        return emotion.css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.buttonSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.toggleFontSizeMedium,
+        t.toggleHeightMedium,
+        t.toggleWidthMedium,
+        t.toggleBorderRadiusMedium,
+        t.toggleButtonOffsetY));
+
+
+      },
+      buttonLarge: function buttonLarge(t) {
+        return emotion.css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.buttonSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.toggleFontSizeLarge,
+        t.toggleHeightLarge,
+        t.toggleWidthLarge,
+        t.toggleBorderRadiusLarge,
+        t.toggleButtonOffsetY));
+
+
+      },
+
+      buttonRight: function buttonRight() {
+        return emotion.css(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n        right: 0;\n        left: auto;\n      "])));
+
+
+
+      },
+
+      disabled: function disabled() {
+        return emotion.css(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n      "])));
+
+
+      },
+
+      rootLeft: function rootLeft() {
+        return emotion.css(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex-direction: row-reverse;\n      "])));
+
+
+      },
+
+      caption: function caption(t) {
+        return emotion.css(_templateObject37 || (_templateObject37 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding: 0 0 0 ", ";\n      "])),
+        t.toggleTextColor,
+        t.toggleCaptionGap);
+
+      },
+      captionSmall: function captionSmall(t) {
+        return emotion.css(_templateObject38 || (_templateObject38 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall));
+
+      },
+      captionMedium: function captionMedium(t) {
+        return emotion.css(_templateObject39 || (_templateObject39 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium));
+
+      },
+      captionLarge: function captionLarge(t) {
+        return emotion.css(_templateObject40 || (_templateObject40 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge));
+
+      },
+
+      disabledCaption: function disabledCaption(t) {
+        return emotion.css(_templateObject41 || (_templateObject41 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.textColorDisabled);
+
+      },
+
+      captionLeft: function captionLeft(t) {
+        return emotion.css(_templateObject42 || (_templateObject42 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding: 0 ", " 0 0;\n      "])),
+        t.toggleTextColor,
+        t.toggleCaptionGap);
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Toggle.styles.ts"],"names":["styles","handle","t","handleSize","toggleHeight","toggleBorderWidth","css","toggleBg","toggleHandleBorderRadius","input","handleWidthWithBorders","container","toggleBgChecked","activeBackground","toggleWidth","toggleBorderRadius","toggleBorderColor","focused","outlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","isLoading","toggleBgActive","isWarning","toggleBgWarning","isError","toggleBgError","wrapper","wrapperDisabled","handleActiveWidth","toggleHandleActiveWidthIncrement","toggleBgHover","toggleBgDisabled","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  handle(t: Theme) {\r\n    const handleSize = `calc(${t.toggleHeight} - 2 * ${t.toggleBorderWidth})`;\r\n    return css`\r\n      background: ${t.toggleBg};\r\n      border-radius: ${t.toggleHandleBorderRadius};\r\n      bottom: ${t.toggleBorderWidth};\r\n      box-shadow: 0 ${t.toggleBorderWidth} 0 0 rgba(0, 0, 0, 0.15), 0 0 0 ${t.toggleBorderWidth} rgba(0, 0, 0, 0.15);\r\n      height: ${handleSize};\r\n      left: ${t.toggleBorderWidth};\r\n      position: absolute;\r\n      top: ${t.toggleBorderWidth};\r\n      transition: 0.2s ease-in;\r\n      width: ${handleSize};\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    return css`\r\n      position: absolute;\r\n      opacity: 0;\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} {\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\r\n        background: ${t.toggleBgChecked};\r\n        transition: background 0s 0.2s;\r\n      }\r\n      &:checked ~ ${cssName(styles.container(t))} ${cssName(styles.activeBackground())} {\r\n        width: 70%;\r\n        background: ${t.toggleBgChecked};\r\n      }\r\n      &:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders});\r\n      }\r\n    `;\r\n  },\r\n\r\n  container(t: Theme) {\r\n    return css`\r\n      border-radius: ${t.toggleBorderRadius};\r\n      box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      height: 100%;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      width: 100%;\r\n      /* fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538 */\r\n      z-index: 0;\r\n    `;\r\n  },\r\n\r\n  focused(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.container(t))}&, ${cssName(styles.input(t))}:checked ~ & {\r\n        box-shadow: 0 0 0 1px ${t.outlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  activeBackground() {\r\n    return css`\r\n      background: inherit;\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      transition: 0.2s ease-in;\r\n      width: 10px;\r\n    `;\r\n  },\r\n\r\n  isLoading(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBorderColor};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\r\n      }\r\n      ${cssName(styles.activeBackground())} {\r\n        background: ${t.toggleBgActive};\r\n      }\r\n    `;\r\n  },\r\n\r\n  isWarning(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgWarning};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgWarning};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgWarning};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  isError(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}:checked ~ ${cssName(styles.container(t))}& {\r\n        background: ${t.toggleBgError};\r\n        box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgError};\r\n\r\n        ${cssName(styles.activeBackground())} {\r\n          background: ${t.toggleBgError};\r\n        }\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapper(t: Theme) {\r\n    const wrapperDisabled = cssName(styles.wrapperDisabled(t));\r\n    const handleWidthWithBorders = t.toggleHeight;\r\n    const handleActiveWidth = `calc(${handleWidthWithBorders} - 2 * ${t.toggleBorderWidth} + ${t.toggleHandleActiveWidthIncrement})`;\r\n    return css`\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      height: ${t.toggleHeight};\r\n      position: relative;\r\n      width: ${t.toggleWidth};\r\n\r\n      &:hover:not(${wrapperDisabled}) {\r\n        ${cssName(styles.handle(t))} {\r\n          background: ${t.toggleBgHover};\r\n        }\r\n      }\r\n      &::after {\r\n        content: '';\r\n        display: inline-block;\r\n      }\r\n      &:active:not(${wrapperDisabled}) ${cssName(styles.handle(t))} {\r\n        width: ${handleActiveWidth};\r\n      }\r\n      &:active:not(${wrapperDisabled}) ${cssName(styles.input(t))}:checked ~ ${cssName(styles.handle(t))} {\r\n        transform: translateX(${t.toggleWidth}) translateX(-${handleWidthWithBorders})\r\n          translateX(-${t.toggleHandleActiveWidthIncrement});\r\n      }\r\n    `;\r\n  },\r\n\r\n  wrapperDisabled(t: Theme) {\r\n    return css`\r\n      opacity: 0.3;\r\n      cursor: default;\r\n\r\n      ${cssName(styles.container(t))} {\r\n        background: ${t.toggleBgDisabled};\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Toggle.styles.ts"],"names":["globalClasses","handle","container","disabled","containerDisabled","containerLoading","background","getStyles","emotion","root","t","css","toggleBgHover","rootSmall","toggleFontSizeSmall","toggleHeightSmall","toggleWidthSmall","rootMedium","toggleFontSizeMedium","toggleHeightMedium","toggleWidthMedium","rootLarge","toggleFontSizeLarge","toggleHeightLarge","toggleWidthLarge","activeHandleSmall","toggleHandleSizeSmall","toggleBorderWidth","toggleHandleActiveWidthIncrement","activeHandleMedium","toggleHandleSizeMedium","activeHandleLarge","toggleHandleSizeLarge","disableAnimation","toggleHandleBg","toggleHandleBoxShadowOld","toggleHandleLeft","toggleHandleTop","handleSmall","toggleHandleBorderRadiusSmall","handleMedium","toggleHandleBorderRadiusMedium","handleLarge","toggleHandleBorderRadiusLarge","handleDisabled","toggleDisabledHandleBg","input","toggleBgChecked","toggleBorderColorDisabledChecked","toggleBgDisabledChecked","toggleBorderColor","toggleCheckedBg","toggleCheckedBgHover","inputSmall","inputMedium","inputLarge","input2022","toggleContainerBg","toggleContainerBoxShadow","toggleHandleBoxShadow","toggleContainerBgChecked","toggleContainerBoxShadowChecked","toggleHandleBgChecked","toggleHandleBoxShadowChecked","toggleContainerBgHover","toggleContainerBoxShadowHover","toggleHandleBgHover","toggleHandleBoxShadowHover","toggleContainerBgCheckedHover","toggleContainerBoxShadowCheckedHover","toggleHandleBgCheckedHover","toggleHandleBoxShadowCheckedHover","toggleContainerBgDisabled","toggleContainerBoxShadowDisabled","toggleHandleBgDisabled","toggleHandleBoxShadowDisabled","toggleContainerBgDisabledChecked","toggleContainerBoxShadowDisabledChecked","toggleHandleBgDisabledChecked","toggleHandleBoxShadowDisabledChecked","containerSmall","toggleBorderRadiusSmall","containerMedium","toggleBorderRadiusMedium","containerLarge","toggleBorderRadiusLarge","toggleBgDisabled","toggleBorderColorDisabled","focused","toggleOutlineColorFocus","toggleOutlineWidth","toggleFocusShadowColor","activeBackground","disabledBackground","activeBackgroundLoading","toggleBgActive","isWarning","toggleShadowColorWarning","isError","toggleShadowColorError","button","toggleBaseBg","toggleHeight","buttonSmall","labGrotesqueBaselineCompensation","toggleButtonOffsetY","buttonMedium","buttonLarge","buttonRight","rootLeft","caption","toggleTextColor","toggleCaptionGap","captionSmall","captionMedium","captionLarge","disabledCaption","textColorDisabled","captionLeft"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  activeHandleSizeMixin,\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 getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.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 emotion.css`\n        ${toggleSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall, t.toggleWidthSmall)};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${toggleSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium, t.toggleWidthMedium)};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${toggleSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge, t.toggleWidthLarge)};\n      `;\n    },\n\n    activeHandleSmall(t: Theme) {\n      return emotion.css`\n        ${activeHandleSizeMixin(emotion)(\n          t.toggleHandleSizeSmall,\n          t.toggleBorderWidth,\n          t.toggleHandleActiveWidthIncrement,\n          t.toggleWidthSmall,\n        )};\n      `;\n    },\n    activeHandleMedium(t: Theme) {\n      return emotion.css`\n        ${activeHandleSizeMixin(emotion)(\n          t.toggleHandleSizeMedium,\n          t.toggleBorderWidth,\n          t.toggleHandleActiveWidthIncrement,\n          t.toggleWidthMedium,\n        )};\n      `;\n    },\n    activeHandleLarge(t: Theme) {\n      return emotion.css`\n        ${activeHandleSizeMixin(emotion)(\n          t.toggleHandleSizeLarge,\n          t.toggleBorderWidth,\n          t.toggleHandleActiveWidthIncrement,\n          t.toggleWidthLarge,\n        )};\n      `;\n    },\n\n    disableAnimation() {\n      return emotion.css`\n        &,\n        * {\n          transition: none !important;\n        }\n      `;\n    },\n\n    handle(t: Theme) {\n      return emotion.css`\n        background: ${t.toggleHandleBg};\n        bottom: ${t.toggleBorderWidth};\n        box-shadow: ${t.toggleHandleBoxShadowOld};\n        left: ${t.toggleHandleLeft};\n        position: absolute;\n        top: ${t.toggleHandleTop};\n        transition: 0.2s ease-in;\n      `;\n    },\n    handleSmall(t: Theme) {\n      return emotion.css`\n        ${handleMixin(emotion)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall)};\n      `;\n    },\n    handleMedium(t: Theme) {\n      return emotion.css`\n        ${handleMixin(emotion)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium)};\n      `;\n    },\n    handleLarge(t: Theme) {\n      return emotion.css`\n        ${handleMixin(emotion)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge)};\n      `;\n    },\n\n    handleDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.toggleDisabledHandleBg} !important; // override root hover/active styles\n      `;\n    },\n\n    input(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        opacity: 0;\n\n        &:focus {\n          outline: none;\n        }\n        &:checked ~ .${globalClasses.container} {\n          box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBgChecked};\n          background: ${t.toggleBgChecked};\n          transition: background 0s 0.2s;\n        }\n        &:checked ~ .${globalClasses.containerDisabled} {\n          box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColorDisabledChecked};\n          background: ${t.toggleBgDisabledChecked};\n          transition: background 0s 0.2s;\n        }\n        &:checked ~ .${globalClasses.containerLoading} {\n          background: ${t.toggleBorderColor};\n          box-shadow: inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor};\n        }\n        &:checked ~ .${globalClasses.container} .${globalClasses.background} {\n          width: 70%;\n          background: ${t.toggleBgChecked};\n        }\n        &:checked ~ .${globalClasses.containerDisabled} .${globalClasses.background} {\n          width: 70%;\n          background: ${t.toggleBgDisabledChecked};\n          box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabledChecked};\n        }\n        &:checked ~ .${globalClasses.handle} {\n          background: ${t.toggleCheckedBg};\n          &:hover {\n            background: ${t.toggleCheckedBgHover};\n          }\n        }\n      `;\n    },\n    inputSmall(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.toggleHeightSmall, t.toggleWidthSmall)};\n      `;\n    },\n    inputMedium(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.toggleHeightMedium, t.toggleWidthMedium)};\n      `;\n    },\n    inputLarge(t: Theme) {\n      return emotion.css`\n        ${inputSizeMixin(emotion)(t.toggleHeightLarge, t.toggleWidthLarge)};\n      `;\n    },\n\n    input2022(t: Theme) {\n      return emotion.css`\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\n    container(t: Theme) {\n      return emotion.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 emotion.css`\n        ${containerSizeMixin(emotion)(t.toggleBorderRadiusSmall)};\n      `;\n    },\n    containerMedium(t: Theme) {\n      return emotion.css`\n        ${containerSizeMixin(emotion)(t.toggleBorderRadiusMedium)};\n      `;\n    },\n    containerLarge(t: Theme) {\n      return emotion.css`\n        ${containerSizeMixin(emotion)(t.toggleBorderRadiusLarge)};\n      `;\n    },\n\n    containerDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.toggleBgDisabled};\n        box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n      `;\n    },\n\n    focused(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 1px ${t.toggleOutlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n      `;\n    },\n\n    activeBackground() {\n      return emotion.css`\n        background: inherit;\n        bottom: 0;\n        left: 0;\n        position: absolute;\n        top: 0;\n        transition: 0.2s ease-in;\n        width: 10px;\n      `;\n    },\n\n    disabledBackground(t: Theme) {\n      return emotion.css`\n        box-shadow: inset 0 0 0 1px ${t.toggleBorderColorDisabled};\n        width: 0;\n      `;\n    },\n\n    activeBackgroundLoading(t: Theme) {\n      return emotion.css`\n        background: ${t.toggleBgActive};\n      `;\n    },\n\n    isWarning(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 1px ${t.toggleOutlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorWarning};\n      `;\n    },\n\n    isError(t: Theme) {\n      return emotion.css`\n        box-shadow: 0 0 0 1px ${t.toggleOutlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${t.toggleShadowColorError};\n      `;\n    },\n\n    button(t: Theme) {\n      return emotion.css`\n        position: absolute;\n        left: 0;\n        top: 0;\n        background: ${t.toggleBaseBg};\n        line-height: ${t.toggleHeight};\n      `;\n    },\n    buttonSmall(t: Theme) {\n      return emotion.css`\n        ${buttonSizeMixin(emotion)(\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 emotion.css`\n        ${buttonSizeMixin(emotion)(\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 emotion.css`\n        ${buttonSizeMixin(emotion)(\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 emotion.css`\n        right: 0;\n        left: auto;\n      `;\n    },\n\n    disabled() {\n      return emotion.css`\n        cursor: default;\n      `;\n    },\n\n    rootLeft() {\n      return emotion.css`\n        flex-direction: row-reverse;\n      `;\n    },\n\n    caption(t: Theme) {\n      return emotion.css`\n        color: ${t.toggleTextColor};\n        padding: 0 0 0 ${t.toggleCaptionGap};\n      `;\n    },\n    captionSmall(t: Theme) {\n      return emotion.css`\n        ${captionSizeMixin(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall)};\n      `;\n    },\n    captionMedium(t: Theme) {\n      return emotion.css`\n        ${captionSizeMixin(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium)};\n      `;\n    },\n    captionLarge(t: Theme) {\n      return emotion.css`\n        ${captionSizeMixin(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge)};\n      `;\n    },\n\n    disabledCaption(t: Theme) {\n      return emotion.css`\n        color: ${t.textColorDisabled};\n      `;\n    },\n\n    captionLeft(t: Theme) {\n      return emotion.css`\n        color: ${t.toggleTextColor};\n        padding: 0 ${t.toggleCaptionGap} 0 0;\n      `;\n    },\n  });\n"]}

package/cjs/components/Toggle/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Toggle = require("./Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Toggle[key];});
+"use strict";exports.__esModule = true;var _Toggle = require("./Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Toggle[key]) return;exports[key] = _Toggle[key];});

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Toggle';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Toggle';\n"]}