@skbkontur/react-ui 0.0.0-c2bf15a894 → 0.0.0-c5bd33d001

package/cjs/components/Checkbox/Checkbox.mixins.d.ts

@@ -1,3 +1,2 @@
-import type { Emotion } from '@emotion/css/create-instance';
-export declare const checkboxSizeMixin: (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
-export declare const boxWrapperSizeMixin: (emotion: Emotion) => (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;
+export declare const checkboxSizeMixin: (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => string;
+export declare const boxWrapperSizeMixin: (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => string;

package/cjs/components/Checkbox/Checkbox.mixins.js

@@ -1,36 +1,37 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.checkboxSizeMixin = exports.boxWrapperSizeMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 var _client = require("../../lib/client");
 var _getLabGrotesqueBaselineCompensation = require("../../lib/styles/getLabGrotesqueBaselineCompensation");var _templateObject, _templateObject2;
 
-var checkboxSizeMixin = exports.checkboxSizeMixin =
-function checkboxSizeMixin(emotion) {return function (fontSize, lineHeight, paddingY, checkboxBoxSize) {
-    return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])),
-    lineHeight,
-    fontSize,
-    paddingY,
+var checkboxSizeMixin = exports.checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize) {
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " 0;\n\n    &::before {\n      width: ", ";\n    }\n  "])),
+  lineHeight,
+  fontSize,
+  paddingY,
 
 
-    checkboxBoxSize);
+  checkboxBoxSize);
 
 
-  };};
+};
 
-var boxWrapperSizeMixin = exports.boxWrapperSizeMixin =
-function boxWrapperSizeMixin(emotion) {return (
-    function (labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY) {
-      var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
-      var boxFontSize = parseInt(fontSize);
-      var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
-        boxFontSize,
-        labGrotesqueCompenstation,
-        _client.isChrome,
-        _client.isFirefox
-      );
+var boxWrapperSizeMixin = exports.boxWrapperSizeMixin = function boxWrapperSizeMixin(
+labGrotesqueBaselineCompensation,
+fontSize,
+checkboxBoxSize,
+checkboxBoxOffsetY)
+{
+  var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
+  var boxFontSize = parseInt(fontSize);
+  var baselineCompensation = (0, _getLabGrotesqueBaselineCompensation.getLabGrotesqueBaselineCompensation)(
+    boxFontSize,
+    labGrotesqueCompenstation,
+    _client.isChrome,
+    _client.isFirefox
+  );
 
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
-      checkboxBoxSize,
-      checkboxBoxSize,
-      checkboxBoxOffsetY, baselineCompensation);
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n  "])),
+  checkboxBoxSize,
+  checkboxBoxSize,
+  checkboxBoxOffsetY, baselineCompensation);
 
-    });};
+};

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

@@ -1 +1 @@
-{"version":3,"names":["_client","require","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","emotion","fontSize","lineHeight","paddingY","checkboxBoxSize","css","_taggedTemplateLiteralLoose2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin =\n  (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n    return emotion.css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n  };\n\nexport const boxWrapperSizeMixin =\n  (emotion: Emotion) =>\n  (labGrotesqueBaselineCompensation: string, fontSize: string, checkboxBoxSize: string, checkboxBoxOffsetY: string) => {\n    const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n    const boxFontSize = parseInt(fontSize);\n    const baselineCompensation = getLabGrotesqueBaselineCompensation(\n      boxFontSize,\n      labGrotesqueCompenstation,\n      isChrome,\n      isFirefox,\n    );\n\n    return emotion.css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n  };\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,oCAAA,GAAAD,OAAA,yDAA2G,IAAAE,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA;AAC5B,SADWA,iBAAiBA,CAC3BE,OAAgB,UAAK,UAACC,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;IACzG,OAAOJ,OAAO,CAACK,GAAG,CAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;IACHL,UAAU;IACZD,QAAQ;IACVE,QAAQ;;;IAGRC,eAAe;;;EAG5B,CAAC;;AAEI,IAAMI,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA;AAC9B,SADWA,mBAAmBA,CAC7BR,OAAgB;IACjB,UAACS,gCAAwC,EAAER,QAAgB,EAAEG,eAAuB,EAAEM,kBAA0B,EAAK;MACnH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;MAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACX,QAAQ,CAAC;MACtC,IAAMa,oBAAoB,GAAG,IAAAC,wEAAmC;QAC9DF,WAAW;QACXF,yBAAyB;QACzBK,gBAAQ;QACRC;MACF,CAAC;;MAED,OAAOjB,OAAO,CAACK,GAAG,CAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;MACTH,eAAe;MACdA,eAAe;MACNM,kBAAkB,EAAMI,oBAAoB;;IAEjE,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_client","_getLabGrotesqueBaselineCompensation","_templateObject","_templateObject2","checkboxSizeMixin","exports","fontSize","lineHeight","paddingY","checkboxBoxSize","css","_taggedTemplateLiteralLoose2","default","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation","getLabGrotesqueBaselineCompensation","isChrome","isFirefox"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (fontSize: string, lineHeight: string, paddingY: string, checkboxBoxSize: string) => {\n  return css`\n    line-height: ${lineHeight};\n    font-size: ${fontSize};\n    padding: ${paddingY} 0;\n\n    &::before {\n      width: ${checkboxBoxSize};\n    }\n  `;\n};\n\nexport const boxWrapperSizeMixin = (\n  labGrotesqueBaselineCompensation: string,\n  fontSize: string,\n  checkboxBoxSize: string,\n  checkboxBoxOffsetY: string,\n) => {\n  const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n  const boxFontSize = parseInt(fontSize);\n  const baselineCompensation = getLabGrotesqueBaselineCompensation(\n    boxFontSize,\n    labGrotesqueCompenstation,\n    isChrome,\n    isFirefox,\n  );\n\n  return css`\n    width: ${checkboxBoxSize};\n    height: ${checkboxBoxSize};\n    margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n  `;\n};\n"],"mappings":"6TAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,oCAAA,GAAAF,OAAA,yDAA2G,IAAAG,eAAA,EAAAC,gBAAA;;AAEpG,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,QAAgB,EAAEC,UAAkB,EAAEC,QAAgB,EAAEC,eAAuB,EAAK;EACpH,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;EACOL,UAAU;EACZD,QAAQ;EACVE,QAAQ;;;EAGRC,eAAe;;;AAG9B,CAAC;;AAEM,IAAMI,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCR,QAAgB;AAChBG,eAAuB;AACvBM,kBAA0B;AACvB;EACH,IAAMC,yBAAyB,GAAGC,QAAQ,CAACH,gCAAgC,CAAC;EAC5E,IAAMI,WAAW,GAAGD,QAAQ,CAACX,QAAQ,CAAC;EACtC,IAAMa,oBAAoB,GAAG,IAAAC,wEAAmC;IAC9DF,WAAW;IACXF,yBAAyB;IACzBK,gBAAQ;IACRC;EACF,CAAC;;EAED,WAAOZ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;EACCH,eAAe;EACdA,eAAe;EACNM,kBAAkB,EAAMI,oBAAoB;;AAEnE,CAAC","ignoreList":[]}

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

@@ -1,31 +1,30 @@
-import type { Emotion } from '@emotion/css/create-instance';
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    box: string;
-};
-export declare const getStyles: (emotion: Emotion) => {
-    root(t: Theme): string;
-    rootSmall(t: Theme): string;
-    rootMedium(t: Theme): string;
-    rootLarge(t: Theme): string;
-    rootDisableTextSelect(): string;
-    rootChecked(t: Theme): string;
-    rootFallback(): string;
-    rootWrapperIE11(): string;
-    boxWrapper(t: Theme): string;
-    boxWrapperSmall(t: Theme): string;
-    boxWrapperMedium(t: Theme): string;
-    boxWrapperLarge(t: Theme): string;
-    box(t: Theme): string;
-    input(): string;
-    boxWarning(t: Theme): string;
-    boxError(t: Theme): string;
-    boxChecked(t: Theme): string;
-    boxFocus(t: Theme): string;
-    boxDisabled(t: Theme): string;
-    disabled(t: Theme): string;
-    icon(): string;
-    iconUnchecked(): string;
-    caption(t: Theme): string;
-    captionIE11(): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    box: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootDisableTextSelect(): string;
+    rootChecked(t: Theme): string;
+    rootFallback(): string;
+    rootWrapperIE11(): string;
+    boxWrapper(t: Theme): string;
+    boxWrapperSmall(t: Theme): string;
+    boxWrapperMedium(t: Theme): string;
+    boxWrapperLarge(t: Theme): string;
+    box(t: Theme): string;
+    input(): string;
+    boxWarning(t: Theme): string;
+    boxError(t: Theme): string;
+    boxChecked(t: Theme): string;
+    boxFocus(t: Theme): string;
+    boxDisabled(t: Theme): string;
+    disabled(t: Theme): string;
+    icon(): string;
+    iconUnchecked(): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+};

package/cjs/components/Checkbox/Checkbox.styles.js

@@ -1,6 +1,4 @@
-"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");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 
 var _Checkbox = require("./Checkbox.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;
@@ -9,10 +7,9 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box'
 });
 
-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        align-items: baseline;\n        cursor: pointer;\n        position: relative;\n\n        &::before {\n          // non-breaking space.\n          // makes a correct space for absolutely positioned box,\n          // and also height and baseline for checkbox without caption.\n          content: '\\00A0';\n          display: inline-block;\n          flex: 0 0 auto;\n        }\n\n        .", " {\n          transition:\n            background ", " ", ",\n            box-shadow ", " ", ";\n        }\n\n        &:hover .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n\n        &:active .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n      "], ["\n        display: inline-flex;\n        align-items: baseline;\n        cursor: pointer;\n        position: relative;\n\n        &::before {\n          // non-breaking space.\n          // makes a correct space for absolutely positioned box,\n          // and also height and baseline for checkbox without caption.\n          content: '\\\\00A0';\n          display: inline-block;\n          flex: 0 0 auto;\n        }\n\n        .", " {\n          transition:\n            background ", " ", ",\n            box-shadow ", " ", ";\n        }\n\n        &:hover .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n\n        &:active .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n      "])),
+var styles = exports.styles = (0, _Emotion.memoizeStyle)({
+  root: function root(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "], ["\n      display: inline-flex;\n      align-items: baseline;\n      cursor: pointer;\n      position: relative;\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned box,\n        // and also height and baseline for checkbox without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n\n      .", " {\n        transition:\n          background ", " ", ",\n          box-shadow ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &:active .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n    "])),
 
 
 
@@ -27,79 +24,79 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-        globalClasses.box,
+    globalClasses.box,
 
-        t.transitionDuration, t.transitionTimingFunction,
-        t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, t.transitionTimingFunction,
 
 
-        globalClasses.box,
-        t.checkboxHoverBg,
-        t.checkboxShadowHover,
+    globalClasses.box,
+    t.checkboxHoverBg,
+    t.checkboxShadowHover,
 
 
-        globalClasses.box,
-        t.checkboxShadowActive,
-        t.checkboxActiveBg);
+    globalClasses.box,
+    t.checkboxShadowActive,
+    t.checkboxActiveBg);
 
 
-      },
+  },
 
-      rootSmall: function rootSmall(t) {
-        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(emotion)(
-          t.checkboxFontSizeSmall,
-          t.checkboxLineHeightSmall,
-          t.checkboxPaddingYSmall,
-          t.checkboxBoxSizeSmall
-        ));
+  rootSmall: function rootSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeSmall,
+      t.checkboxLineHeightSmall,
+      t.checkboxPaddingYSmall,
+      t.checkboxBoxSizeSmall
+    ));
 
-      },
+  },
 
-      rootMedium: function rootMedium(t) {
-        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(emotion)(
-          t.checkboxFontSizeMedium,
-          t.checkboxLineHeightMedium,
-          t.checkboxPaddingYMedium,
-          t.checkboxBoxSizeMedium
-        ));
+  rootMedium: function rootMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeMedium,
+      t.checkboxLineHeightMedium,
+      t.checkboxPaddingYMedium,
+      t.checkboxBoxSizeMedium
+    ));
 
-      },
+  },
 
-      rootLarge: function rootLarge(t) {
-        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.checkboxSizeMixin)(emotion)(
-          t.checkboxFontSizeLarge,
-          t.checkboxLineHeightLarge,
-          t.checkboxPaddingYLarge,
-          t.checkboxBoxSizeLarge
-        ));
+  rootLarge: function rootLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.checkboxSizeMixin)(
+      t.checkboxFontSizeLarge,
+      t.checkboxLineHeightLarge,
+      t.checkboxPaddingYLarge,
+      t.checkboxBoxSizeLarge
+    ));
 
-      },
+  },
 
-      rootDisableTextSelect: function rootDisableTextSelect() {
-        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        user-select: none;\n      "])));
+  rootDisableTextSelect: function rootDisableTextSelect() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
 
 
-      },
+  },
 
-      rootChecked: function rootChecked(t) {
-        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:hover .", " {\n          box-shadow: ", ";\n          background: ", ";\n        }\n\n        &:active .", " {\n          background: ", ";\n          box-shadow: ", ";\n        }\n      "])),
-        globalClasses.box,
-        t.checkboxCheckedHoverShadow,
-        t.checkboxCheckedHoverBg,
+  rootChecked: function rootChecked(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        box-shadow: ", ";\n        background: ", ";\n      }\n\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n    "])),
+    globalClasses.box,
+    t.checkboxCheckedHoverShadow,
+    t.checkboxCheckedHoverBg,
 
 
-        globalClasses.box,
-        t.checkboxCheckedActiveBg,
-        t.checkboxCheckedActiveShadow);
+    globalClasses.box,
+    t.checkboxCheckedActiveBg,
+    t.checkboxCheckedActiveShadow);
 
 
-      },
+  },
 
-      rootFallback: function rootFallback() {
-        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-table;\n\n        & > * {\n          // fix root's :active state in IE11 that gets blocked by nested elements\n          pointer-events: none;\n        }\n      "])));
+  rootFallback: function rootFallback() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n\n      & > * {\n        // fix root's :active state in IE11 that gets blocked by nested elements\n        pointer-events: none;\n      }\n    "])));
 
 
 
@@ -107,72 +104,72 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      rootWrapperIE11: function rootWrapperIE11() {
-        return emotion.css(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline;\n      "])));
+  rootWrapperIE11: function rootWrapperIE11() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
 
 
-      },
+  },
 
-      boxWrapper: function boxWrapper(t) {
-        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])),
+  boxWrapper: function boxWrapper(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      box-sizing: border-box;\n      padding: ", ";\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    "])),
 
 
-        t.checkboxBorderWidth);
+    t.checkboxBorderWidth);
 
 
 
 
 
 
-      },
+  },
 
-      boxWrapperSmall: function boxWrapperSmall(t) {
-        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(emotion)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeSmall,
-          t.checkboxBoxSizeSmall,
-          t.checkboxBoxOffsetY
-        ));
+  boxWrapperSmall: function boxWrapperSmall(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeSmall,
+      t.checkboxBoxSizeSmall,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      boxWrapperMedium: function boxWrapperMedium(t) {
-        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(emotion)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeMedium,
-          t.checkboxBoxSizeMedium,
-          t.checkboxBoxOffsetY
-        ));
+  boxWrapperMedium: function boxWrapperMedium(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeMedium,
+      t.checkboxBoxSizeMedium,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      boxWrapperLarge: function boxWrapperLarge(t) {
-        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
-        (0, _Checkbox.boxWrapperSizeMixin)(emotion)(
-          t.labGrotesqueBaselineCompensation,
-          t.checkboxFontSizeLarge,
-          t.checkboxBoxSizeLarge,
-          t.checkboxBoxOffsetY
-        ));
+  boxWrapperLarge: function boxWrapperLarge(t) {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
+    (0, _Checkbox.boxWrapperSizeMixin)(
+      t.labGrotesqueBaselineCompensation,
+      t.checkboxFontSizeLarge,
+      t.checkboxBoxSizeLarge,
+      t.checkboxBoxOffsetY
+    ));
 
-      },
+  },
 
-      box: function box(t) {
-        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        box-shadow: ", ";\n        background: ", ";\n        border-radius: ", ";\n        height: 100%;\n      "])),
-        t.checkboxTextColorDefault,
-        t.checkboxShadow,
-        t.checkboxBg,
-        t.checkboxBorderRadius);
+  box: function box(t) {
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n      height: 100%;\n    "])),
+    t.checkboxTextColorDefault,
+    t.checkboxShadow,
+    t.checkboxBg,
+    t.checkboxBorderRadius);
 
 
-      },
+  },
 
-      input: function input() {
-        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n        height: 0;\n        opacity: 0;\n        position: absolute;\n        width: 0;\n        z-index: -1;\n      "])));
+  input: function input() {
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
 
 
 
@@ -180,57 +177,57 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      boxWarning: function boxWarning(t) {
-        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxWarning: function boxWarning(t) {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
 
-      },
+  },
 
-      boxError: function boxError(t) {
-        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxError: function boxError(t) {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorError);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorError);
 
-      },
+  },
 
-      boxChecked: function boxChecked(t) {
-        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        background: ", ";\n        color: ", ";\n        box-shadow: ", ";\n      "])),
-        t.checkboxCheckedBg,
-        t.checkboxCheckedColor,
-        t.checkboxCheckedShadow);
+  boxChecked: function boxChecked(t) {
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      box-shadow: ", ";\n    "])),
+    t.checkboxCheckedBg,
+    t.checkboxCheckedColor,
+    t.checkboxCheckedShadow);
 
-      },
+  },
 
-      boxFocus: function boxFocus(t) {
-        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow:\n          inset 0 0 0 1px ", ",\n          0 0 0 ", " ", " !important; // override hover and active\n      "])),
+  boxFocus: function boxFocus(t) {
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow:\n        inset 0 0 0 1px ", ",\n        0 0 0 ", " ", " !important; // override hover and active\n    "])),
 
-        t.checkboxOutlineColorFocus,
-        t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    t.checkboxOutlineColorFocus,
+    t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
 
-      },
+  },
 
-      boxDisabled: function boxDisabled(t) {
-        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n        box-shadow: ", " !important; // override hover and active\n        background: ", " !important; // override hover and active\n        color: ", ";\n      "])),
-        t.checkboxShadowDisabled,
-        t.checkboxBgDisabled,
-        t.checkboxTextColorDisabled);
+  boxDisabled: function boxDisabled(t) {
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: ", " !important; // override hover and active\n      background: ", " !important; // override hover and active\n      color: ", ";\n    "])),
+    t.checkboxShadowDisabled,
+    t.checkboxBgDisabled,
+    t.checkboxTextColorDisabled);
 
-      },
+  },
 
-      disabled: function disabled(t) {
-        return emotion.css(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        cursor: default;\n      "])),
-        t.checkboxTextColorDisabled);
+  disabled: function disabled(t) {
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
+    t.checkboxTextColorDisabled);
 
 
-      },
+  },
 
-      icon: function icon() {
-        return emotion.css(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      "])));
+  icon: function icon() {
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    "])));
 
 
 
@@ -240,24 +237,24 @@ var getStyles = exports.getStyles = function getStyles(emotion) {return (
 
 
 
-      },
+  },
 
-      iconUnchecked: function iconUnchecked() {
-        return emotion.css(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: transparent;\n      "])));
+  iconUnchecked: function iconUnchecked() {
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
 
 
-      },
+  },
 
-      caption: function caption(t) {
-        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n        padding-left: ", ";\n      "])),
-        t.checkboxTextColorDefault,
-        t.checkboxCaptionGap);
+  caption: function caption(t) {
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
+    t.checkboxTextColorDefault,
+    t.checkboxCaptionGap);
 
-      },
+  },
 
-      captionIE11: function captionIE11() {
-        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: table-cell;\n      "])));
+  captionIE11: function captionIE11() {
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
 
 
-      }
-    }));};
+  }
+});