@skbkontur/react-ui 0.0.0-001618ff8c → 0.0.0-044e274f2c

package/cjs/components/Toggle/Toggle.mixins.js

@@ -0,0 +1,75 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.toggleSizeMixin = exports.inputSizeMixin = exports.handleMixin = exports.containerSizeMixin = exports.captionSizeMixin = exports.buttonSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+
+var _client = require("../../lib/client");
+
+var _Toggle = require("./Toggle.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
+var toggleSizeMixin = exports.toggleSizeMixin = function toggleSizeMixin(emotion) {return function (fontSize, toggleHeight, toggleWidth) {
+    return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])),
+    toggleHeight,
+    fontSize,
+
+
+    toggleWidth);
+
+
+  };};
+
+var buttonSizeMixin = exports.buttonSizeMixin =
+function buttonSizeMixin(emotion) {return (
+    function (
+    labGrotesqueBaselineCompensation,
+    fontSize,
+    toggleHeight,
+    toggleWidth,
+    toggleBorderRadius,
+    toggleButtonOffsetY)
+    {
+      var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+      var buttonFontSize = parseInt(fontSize);
+      var baselineCompensation = buttonFontSize <= 16 && _client.isChrome ? -labGrotesqueCompenstation : 0;
+      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    height: ", ";\n    width: ", ";\n    flex: 1 0 ", ";\n\n    border-radius: ", ";\n    line-height: ", ";\n\n    margin-top: calc(", " + ", "px);\n  "])),
+      toggleHeight,
+      toggleWidth,
+      toggleWidth,
+
+      toggleBorderRadius,
+      toggleHeight,
+
+      toggleButtonOffsetY, baselineCompensation);
+
+    });};
+
+var captionSizeMixin = exports.captionSizeMixin = function captionSizeMixin(emotion) {return function (fontSize, toggleHeight) {
+    return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n  "])),
+    toggleHeight,
+    fontSize);
+
+  };};
+
+var handleMixin = exports.handleMixin = function handleMixin(emotion) {return function (toggleHandleSize, toggleHandleBorderRadius) {
+    return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-radius: ", ";\n    height: ", ";\n    width: ", ";\n  "])),
+    toggleHandleBorderRadius,
+    toggleHandleSize,
+    toggleHandleSize);
+
+  };};
+
+var containerSizeMixin = exports.containerSizeMixin = function containerSizeMixin(emotion) {return function (toggleBorderRadius) {
+    return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    border-radius: ", ";\n  "])),
+    toggleBorderRadius);
+
+  };};
+
+var inputSizeMixin = exports.inputSizeMixin = function inputSizeMixin(emotion) {return function (toggleHeight, toggleWidth) {
+    var handleWidthWithBorders = toggleHeight;
+    var height = parseInt(toggleHeight);
+    return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &:checked ~ .", " .", " {\n      border-radius: ", "px 0 0 ", "px;\n    }\n    &:checked ~ .", " {\n      transform: translateX(", ") translateX(-", ");\n    }\n  "])),
+    _Toggle.globalClasses.containerDisabled, _Toggle.globalClasses.background,
+    height * 0.5, height * 0.5,
+
+    _Toggle.globalClasses.handle,
+    toggleWidth, handleWidthWithBorders);
+
+
+  };};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_client","require","_Toggle","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","toggleSizeMixin","exports","emotion","fontSize","toggleHeight","toggleWidth","css","_taggedTemplateLiteralLoose2","default","buttonSizeMixin","labGrotesqueBaselineCompensation","toggleBorderRadius","toggleButtonOffsetY","labGrotesqueCompenstation","parseInt","buttonFontSize","baselineCompensation","isChrome","captionSizeMixin","handleMixin","toggleHandleSize","toggleHandleBorderRadius","containerSizeMixin","inputSizeMixin","handleWidthWithBorders","height","globalClasses","containerDisabled","background","handle"],"sources":["Toggle.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { isChrome } from '../../lib/client';\n\nimport { globalClasses } from './Toggle.styles';\n\nexport const toggleSizeMixin = (emotion: Emotion) => (fontSize: string, toggleHeight: string, toggleWidth: string) => {\n  return emotion.css`\n    line-height: ${toggleHeight};\n    font-size: ${fontSize};\n\n    &::before {\n      width: ${toggleWidth};\n    }\n  `;\n};\n\nexport const buttonSizeMixin =\n  (emotion: Emotion) =>\n  (\n    labGrotesqueBaselineCompensation: string,\n    fontSize: string,\n    toggleHeight: string,\n    toggleWidth: string,\n    toggleBorderRadius: string,\n    toggleButtonOffsetY: string,\n  ) => {\n    const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n    const buttonFontSize = parseInt(fontSize);\n    const baselineCompensation = buttonFontSize <= 16 && isChrome ? -labGrotesqueCompenstation : 0;\n    return emotion.css`\n    height: ${toggleHeight};\n    width: ${toggleWidth};\n    flex: 1 0 ${toggleWidth};\n\n    border-radius: ${toggleBorderRadius};\n    line-height: ${toggleHeight};\n\n    margin-top: calc(${toggleButtonOffsetY} + ${baselineCompensation}px);\n  `;\n  };\n\nexport const captionSizeMixin = (emotion: Emotion) => (fontSize: string, toggleHeight: string) => {\n  return emotion.css`\n    line-height: ${toggleHeight};\n    font-size: ${fontSize};\n  `;\n};\n\nexport const handleMixin = (emotion: Emotion) => (toggleHandleSize: string, toggleHandleBorderRadius: string) => {\n  return emotion.css`\n    border-radius: ${toggleHandleBorderRadius};\n    height: ${toggleHandleSize};\n    width: ${toggleHandleSize};\n  `;\n};\n\nexport const containerSizeMixin = (emotion: Emotion) => (toggleBorderRadius: string) => {\n  return emotion.css`\n    border-radius: ${toggleBorderRadius};\n  `;\n};\n\nexport const inputSizeMixin = (emotion: Emotion) => (toggleHeight: string, toggleWidth: string) => {\n  const handleWidthWithBorders = toggleHeight;\n  const height = parseInt(toggleHeight);\n  return emotion.css`\n    &:checked ~ .${globalClasses.containerDisabled} .${globalClasses.background} {\n      border-radius: ${height * 0.5}px 0 0 ${height * 0.5}px;\n    }\n    &:checked ~ .${globalClasses.handle} {\n      transform: translateX(${toggleWidth}) translateX(-${handleWidthWithBorders});\n    }\n  `;\n};\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,oBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEzC,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,OAAgB,UAAK,UAACC,QAAgB,EAAEC,YAAoB,EAAEC,WAAmB,EAAK;IACpH,OAAOH,OAAO,CAACI,GAAG,CAAAZ,eAAA,KAAAA,eAAA,OAAAa,4BAAA,CAAAC,OAAA;IACDJ,YAAY;IACdD,QAAQ;;;IAGVE,WAAW;;;EAG1B,CAAC;;AAEM,IAAMI,eAAe,GAAAR,OAAA,CAAAQ,eAAA;AAC1B,SADWA,eAAeA,CACzBP,OAAgB;IACjB;IACEQ,gCAAwC;IACxCP,QAAgB;IAChBC,YAAoB;IACpBC,WAAmB;IACnBM,kBAA0B;IAC1BC,mBAA2B;IACxB;MACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;MAC5E,IAAMK,cAAc,GAAGD,QAAQ,CAACX,QAAQ,CAAC;MACzC,IAAMa,oBAAoB,GAAGD,cAAc,IAAI,EAAE,IAAIE,gBAAQ,GAAG,CAACJ,yBAAyB,GAAG,CAAC;MAC9F,OAAOX,OAAO,CAACI,GAAG,CAAAX,gBAAA,KAAAA,gBAAA,OAAAY,4BAAA,CAAAC,OAAA;MACRJ,YAAY;MACbC,WAAW;MACRA,WAAW;;MAENM,kBAAkB;MACpBP,YAAY;;MAERQ,mBAAmB,EAAMI,oBAAoB;;IAElE,CAAC;;AAEI,IAAME,gBAAgB,GAAAjB,OAAA,CAAAiB,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIhB,OAAgB,UAAK,UAACC,QAAgB,EAAEC,YAAoB,EAAK;IAChG,OAAOF,OAAO,CAACI,GAAG,CAAAV,gBAAA,KAAAA,gBAAA,OAAAW,4BAAA,CAAAC,OAAA;IACDJ,YAAY;IACdD,QAAQ;;EAEzB,CAAC;;AAEM,IAAMgB,WAAW,GAAAlB,OAAA,CAAAkB,WAAA,GAAG,SAAdA,WAAWA,CAAIjB,OAAgB,UAAK,UAACkB,gBAAwB,EAAEC,wBAAgC,EAAK;IAC/G,OAAOnB,OAAO,CAACI,GAAG,CAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;IACCa,wBAAwB;IAC/BD,gBAAgB;IACjBA,gBAAgB;;EAE7B,CAAC;;AAEM,IAAME,kBAAkB,GAAArB,OAAA,CAAAqB,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIpB,OAAgB,UAAK,UAACS,kBAA0B,EAAK;IACtF,OAAOT,OAAO,CAACI,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;IACCG,kBAAkB;;EAEvC,CAAC;;AAEM,IAAMY,cAAc,GAAAtB,OAAA,CAAAsB,cAAA,GAAG,SAAjBA,cAAcA,CAAIrB,OAAgB,UAAK,UAACE,YAAoB,EAAEC,WAAmB,EAAK;IACjG,IAAMmB,sBAAsB,GAAGpB,YAAY;IAC3C,IAAMqB,MAAM,GAAGX,QAAQ,CAACV,YAAY,CAAC;IACrC,OAAOF,OAAO,CAACI,GAAG,CAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;IACDkB,qBAAa,CAACC,iBAAiB,EAAKD,qBAAa,CAACE,UAAU;IACxDH,MAAM,GAAG,GAAG,EAAUA,MAAM,GAAG,GAAG;;IAEtCC,qBAAa,CAACG,MAAM;IACTxB,WAAW,EAAiBmB,sBAAsB;;;EAGhF,CAAC","ignoreList":[]}

package/cjs/components/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,47 @@
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    handle: string;
+    container: string;
+    disabled: string;
+    containerDisabled: string;
+    containerLoading: string;
+    background: string;
+};
+export declare const getStyles: (emotion: Emotion) => {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    disableAnimation(): string;
+    handle(t: Theme): string;
+    handleSmall(t: Theme): string;
+    handleMedium(t: Theme): string;
+    handleLarge(t: Theme): string;
+    handleDisabled(t: Theme): string;
+    input(t: Theme): string;
+    inputSmall(t: Theme): string;
+    inputMedium(t: Theme): string;
+    inputLarge(t: Theme): string;
+    container(t: Theme): string;
+    containerSmall(t: Theme): string;
+    containerMedium(t: Theme): string;
+    containerLarge(t: Theme): string;
+    containerDisabled(t: Theme): string;
+    focused(t: Theme): string;
+    isWarning(t: Theme): string;
+    isError(t: Theme): string;
+    button(t: Theme): string;
+    buttonSmall(t: Theme): string;
+    buttonMedium(t: Theme): string;
+    buttonLarge(t: Theme): string;
+    buttonRight(): string;
+    disabled(): string;
+    rootLeft(): string;
+    caption(t: Theme): string;
+    captionSmall(t: Theme): string;
+    captionMedium(t: Theme): string;
+    captionLarge(t: Theme): string;
+    disabledCaption(t: Theme): string;
+    captionLeft(t: Theme): string;
+};

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

@@ -0,0 +1,352 @@
+"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 _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 globalClasses = exports.globalClasses = (0, _Emotion.prefix)('toggle')({
+  handle: 'handle',
+  container: 'container',
+  disabled: 'disabled',
+  containerDisabled: 'container-disabled',
+  containerLoading: 'container-loading',
+  background: 'background'
+});
+
+var getStyles = exports.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      "])),
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        globalClasses.handle,
+        t.toggleBgHover);
+
+
+      },
+      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));
+
+      },
+
+      disableAnimation: function disableAnimation() {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &,\n        * {\n          transition: none !important;\n        }\n      "])));
+
+
+
+
+
+      },
+
+      handle: function handle(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        bottom: ", ";\n        left: ", ";\n        position: absolute;\n        top: ", ";\n      "])),
+        t.toggleBorderWidth,
+        t.toggleHandleLeft,
+
+        t.toggleHandleTop);
+
+      },
+      handleSmall: function handleSmall(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));
+
+      },
+      handleMedium: function handleMedium(t) {
+        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));
+
+      },
+      handleLarge: function handleLarge(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.handleMixin)(emotion)(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));
+
+      },
+
+      handleDisabled: function handleDisabled(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", " !important; // override root hover/active styles\n      "])),
+        t.toggleDisabledHandleBg);
+
+      },
+
+      input: function input(t) {
+        return 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      "])),
+
+
+
+
+        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);
+
+
+
+
+      },
+
+      inputSmall: function inputSmall(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightSmall, t.toggleWidthSmall));
+
+      },
+      inputMedium: function inputMedium(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightMedium, t.toggleWidthMedium));
+
+      },
+      inputLarge: function inputLarge(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+        (0, _Toggle.inputSizeMixin)(emotion)(t.toggleHeightLarge, t.toggleWidthLarge));
+
+      },
+
+      container: function container(t) {
+        return 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);
+
+
+
+
+
+
+
+      },
+      containerSmall: function containerSmall(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusSmall));
+
+      },
+      containerMedium: function containerMedium(t) {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusMedium));
+
+      },
+      containerLarge: function containerLarge(t) {
+        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.containerSizeMixin)(emotion)(t.toggleBorderRadiusLarge));
+
+      },
+
+      containerDisabled: function containerDisabled(t) {
+        return emotion.css(_templateObject19 || (_templateObject19 = (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(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])),
+
+        t.toggleOutlineColorFocus,
+        t.toggleOutlineWidth, t.toggleFocusShadowColor);
+
+      },
+
+      isWarning: function isWarning(t) {
+        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])),
+
+        t.toggleOutlineColorFocus,
+        t.toggleOutlineWidth, t.toggleShadowColorWarning);
+
+      },
+
+      isError: function isError(t) {
+        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          0 0 0 1px ", ",\n          0 0 0 ", " ", ";\n      "])),
+
+        t.toggleOutlineColorFocus,
+        t.toggleOutlineWidth, t.toggleShadowColorError);
+
+      },
+
+      button: function button(t) {
+        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        left: 0;\n        top: 0;\n        background: ", ";\n        line-height: ", ";\n      "])),
+
+
+
+        t.toggleBaseBg,
+        t.toggleHeightSmall);
+
+      },
+      buttonSmall: function buttonSmall(t) {
+        return emotion.css(_templateObject24 || (_templateObject24 = (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(_templateObject25 || (_templateObject25 = (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(_templateObject26 || (_templateObject26 = (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(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteralLoose2.default)(["\n        right: 0;\n        left: auto;\n      "])));
+
+
+
+      },
+
+      disabled: function disabled() {
+        return emotion.css(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteralLoose2.default)(["\n        cursor: default;\n      "])));
+
+
+      },
+
+      rootLeft: function rootLeft() {
+        return emotion.css(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteralLoose2.default)(["\n        flex-direction: row-reverse;\n      "])));
+
+
+      },
+
+      caption: function caption(t) {
+        return emotion.css(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding: 0 0 0 ", ";\n      "])),
+        t.toggleTextColor,
+        t.toggleCaptionGap);
+
+      },
+      captionSmall: function captionSmall(t) {
+        return emotion.css(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeSmall, t.toggleHeightSmall));
+
+      },
+      captionMedium: function captionMedium(t) {
+        return emotion.css(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeMedium, t.toggleHeightMedium));
+
+      },
+      captionLarge: function captionLarge(t) {
+        return emotion.css(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Toggle.captionSizeMixin)(emotion)(t.toggleFontSizeLarge, t.toggleHeightLarge));
+
+      },
+
+      disabledCaption: function disabledCaption(t) {
+        return emotion.css(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.textColorDisabled);
+
+      },
+
+      captionLeft: function captionLeft(t) {
+        return emotion.css(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding: 0 ", " 0 0;\n      "])),
+        t.toggleTextColor,
+        t.toggleCaptionGap);
+
+      }
+    }));};

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

@@ -0,0 +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","getStyles","emotion","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 type { Emotion } from '@emotion/css/create-instance';\n\nimport { 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 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    disableAnimation() {\n      return emotion.css`\n        &,\n        * {\n          transition: none !important;\n        }\n      `;\n    },\n\n    handle(t: Theme) {\n      return emotion.css`\n        bottom: ${t.toggleBorderWidth};\n        left: ${t.toggleHandleLeft};\n        position: absolute;\n        top: ${t.toggleHandleTop};\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        &: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    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    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:\n          0 0 0 1px ${t.toggleOutlineColorFocus},\n          0 0 0 ${t.toggleOutlineWidth} ${t.toggleFocusShadowColor};\n      `;\n    },\n\n    isWarning(t: Theme) {\n      return emotion.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 emotion.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 emotion.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 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"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toggle/__creevey__/Toggle.creevey.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/components/Toggle/__creevey__/Toggle.creevey.js

@@ -0,0 +1,87 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
+
+var _utils = require("../../../lib/utils");
+
+(0, _creevey.kind)('Toggle', function () {
+  (0, _creevey.story)('Plain', function (_ref) {var setStoryParameters = _ref.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] }
+      }
+    });
+
+    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:_context.t0 =
+            this;_context.next = 3;return this.takeScreenshot();case 3:_context.t1 = _context.sent;_context.next = 6;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('plain');case 6:case "end":return _context.stop();}}, _callee, this);}))
+    );
+
+    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {return _regenerator.default.wrap(function _callee2$(_context2) {while (1) switch (_context2.prev = _context2.next) {case 0:_context2.next = 2;return (
+              this.browser.
+              actions({
+                bridge: true
+              }).
+              move({
+                origin: this.browser.findElement({ css: 'label' })
+              }).
+              press().
+              perform());case 2:_context2.next = 4;return (
+              (0, _utils.delay)(1000));case 4:_context2.t0 =
+            this;_context2.next = 7;return this.takeScreenshot();case 7:_context2.t1 = _context2.sent;_context2.next = 10;return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('pressed');case 10:case "end":return _context2.stop();}}, _callee2, this);}))
+    );
+
+    (0, _creevey.test)('clicked', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {return _regenerator.default.wrap(function _callee3$(_context3) {while (1) switch (_context3.prev = _context3.next) {case 0:_context3.next = 2;return (
+              this.browser.
+              actions({
+                bridge: true
+              }).
+              click(this.browser.findElement({ css: 'label' })).
+              perform());case 2:_context3.next = 4;return (
+              (0, _utils.delay)(1000));case 4:_context3.t0 =
+            this;_context3.next = 7;return this.takeScreenshot();case 7:_context3.t1 = _context3.sent;_context3.next = 10;return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('clicked');case 10:case "end":return _context3.stop();}}, _callee3, this);}))
+    );
+  });
+
+  (0, _creevey.story)('DisabledWithTooltip', function () {
+    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {return _regenerator.default.wrap(function _callee4$(_context4) {while (1) switch (_context4.prev = _context4.next) {case 0:_context4.next = 2;return (
+              this.browser.
+              actions({
+                bridge: true
+              }).
+              move({
+                origin: this.browser.findElement({ css: 'label' })
+              }).
+              press().
+              perform());case 2:_context4.next = 4;return (
+              (0, _utils.delay)(1000));case 4:_context4.t0 =
+            this;_context4.next = 7;return this.takeScreenshot();case 7:_context4.t1 = _context4.sent;_context4.next = 10;return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('pressed');case 10:case "end":return _context4.stop();}}, _callee4, this);}))
+    );
+  });
+
+  (0, _creevey.story)('WithChildren', function () {
+    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {return _regenerator.default.wrap(function _callee5$(_context5) {while (1) switch (_context5.prev = _context5.next) {case 0:_context5.t0 =
+            this;_context5.next = 3;return this.takeScreenshot();case 3:_context5.t1 = _context5.sent;_context5.next = 6;return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('plain');case 6:case "end":return _context5.stop();}}, _callee5, this);}))
+    );
+  });
+
+  (0, _creevey.story)('WithLongDescription', function (_ref7) {var setStoryParameters = _ref7.setStoryParameters;
+    setStoryParameters({
+      skip: {
+        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' }
+      }
+    });
+
+    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {return _regenerator.default.wrap(function _callee6$(_context6) {while (1) switch (_context6.prev = _context6.next) {case 0:_context6.t0 =
+            this;_context6.next = 3;return this.takeScreenshot();case 3:_context6.t1 = _context6.sent;_context6.next = 6;return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('plain');case 6:case "end":return _context6.stop();}}, _callee6, this);}))
+    );
+
+    (0, _creevey.test)('clicked', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) switch (_context7.prev = _context7.next) {case 0:_context7.next = 2;return (
+              this.browser.
+              actions({
+                bridge: true
+              }).
+              click(this.browser.findElement({ css: 'label' })).
+              perform());case 2:_context7.next = 4;return (
+              (0, _utils.delay)(1000));case 4:_context7.t0 =
+            this;_context7.next = 7;return this.takeScreenshot();case 7:_context7.t1 = _context7.sent;_context7.next = 10;return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('clicked');case 10:case "end":return _context7.stop();}}, _callee7, this);}))
+    );
+  });
+});