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

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

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
+"use strict";exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _Emotion = require("../../lib/theming/Emotion");
 
 
-var _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;
+var _Checkbox = require("./Checkbox.mixins");function _EMOTION_STRINGIFIED_CSS_ERROR__() {return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";}
 
 var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
   box: 'box'
@@ -9,7 +9,7 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('checkbox')({
 
 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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-flex;align-items:baseline;cursor:pointer;position:relative;&::before{content:'\\00A0';display:inline-block;flex:0 0 auto;}.",
 
 
 
@@ -24,79 +24,79 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    globalClasses.box,
+    globalClasses.box, "{transition:background ",
 
-    t.transitionDuration, t.transitionTimingFunction,
-    t.transitionDuration, t.transitionTimingFunction,
+    t.transitionDuration, " ", t.transitionTimingFunction, ",box-shadow ",
+    t.transitionDuration, " ", t.transitionTimingFunction, ";}&:hover .",
 
 
-    globalClasses.box,
-    t.checkboxHoverBg,
-    t.checkboxShadowHover,
+    globalClasses.box, "{background:",
+    t.checkboxHoverBg, ";box-shadow:",
+    t.checkboxShadowHover, ";}&:active .",
 
 
-    globalClasses.box,
-    t.checkboxShadowActive,
-    t.checkboxActiveBg);
+    globalClasses.box, "{box-shadow:",
+    t.checkboxShadowActive, ";background:",
+    t.checkboxActiveBg, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
 
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeSmall,
+        t.checkboxLineHeightSmall,
+        t.checkboxPaddingYSmall,
+        t.checkboxBoxSizeSmall
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
 
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeMedium,
+        t.checkboxLineHeightMedium,
+        t.checkboxPaddingYMedium,
+        t.checkboxBoxSizeMedium
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
 
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.checkboxSizeMixin)(
+        t.checkboxFontSizeLarge,
+        t.checkboxLineHeightLarge,
+        t.checkboxPaddingYLarge,
+        t.checkboxBoxSizeLarge
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
 
   },
 
   rootDisableTextSelect: function rootDisableTextSelect() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      user-select: none;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "oldbq4", styles: "user-select:none" } : { name: "1w7wehh-rootDisableTextSelect", styles: "user-select:none;label:rootDisableTextSelect;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   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,
+    return /*#__PURE__*/(0, _Emotion.css)("&:hover .",
+    globalClasses.box, "{box-shadow:",
+    t.checkboxCheckedHoverShadow, ";background:",
+    t.checkboxCheckedHoverBg, ";}&:active .",
 
 
-    globalClasses.box,
-    t.checkboxCheckedActiveBg,
-    t.checkboxCheckedActiveShadow);
+    globalClasses.box, "{background:",
+    t.checkboxCheckedActiveBg, ";box-shadow:",
+    t.checkboxCheckedActiveShadow, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:rootChecked;"));
 
 
   },
 
   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    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "3am9cq", styles: "display:inline-table;&>*{pointer-events:none;}" } : { name: "7e2z9i-rootFallback", styles: "display:inline-table;&>*{pointer-events:none;};label:rootFallback;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -107,16 +107,16 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   rootWrapperIE11: function rootWrapperIE11() {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1u4hpl4", styles: "display:inline" } : { name: "1x8b06o-rootWrapperIE11", styles: "display:inline;label:rootWrapperIE11;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("position:absolute;box-sizing:border-box;padding:",
 
 
-    t.checkboxBorderWidth);
+    t.checkboxBorderWidth, ";display:inline-block;left:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWrapper;"));
 
 
 
@@ -126,50 +126,50 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeSmall,
+        t.checkboxBoxSizeSmall,
+        t.checkboxBoxOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWrapperSmall;"));
 
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeMedium,
+        t.checkboxBoxSizeMedium,
+        t.checkboxBoxOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWrapperMedium;"));
 
   },
 
   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
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Checkbox.boxWrapperSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.checkboxFontSizeLarge,
+        t.checkboxBoxSizeLarge,
+        t.checkboxBoxOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWrapperLarge;"));
 
   },
 
   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);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.checkboxTextColorDefault, ";box-shadow:",
+    t.checkboxShadow, ";background:",
+    t.checkboxBg, ";border-radius:",
+    t.checkboxBorderRadius, ";height:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:box;"));
 
 
   },
 
   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    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "15o93rn", styles: "display:inline-block;height:0;opacity:0;position:absolute;width:0;z-index:-1" } : { name: "osppzj-input", styles: "display:inline-block;height:0;opacity:0;position:absolute;width:0;z-index:-1;label:input;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -180,54 +180,54 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:inset 0 0 0 1px ",
 
-    t.checkboxOutlineColorFocus,
-    t.checkboxOutlineWidth, t.checkboxBorderColorWarning);
+    t.checkboxOutlineColorFocus, ",0 0 0 ",
+    t.checkboxOutlineWidth, " ", t.checkboxBorderColorWarning, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:boxWarning;"));
 
   },
 
   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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:inset 0 0 0 1px ",
 
-    t.checkboxOutlineColorFocus,
-    t.checkboxOutlineWidth, t.checkboxBorderColorError);
+    t.checkboxOutlineColorFocus, ",0 0 0 ",
+    t.checkboxOutlineWidth, " ", t.checkboxBorderColorError, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:boxError;"));
 
   },
 
   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);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.checkboxCheckedBg, ";color:",
+    t.checkboxCheckedColor, ";box-shadow:",
+    t.checkboxCheckedShadow, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boxChecked;"));
 
   },
 
   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    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:inset 0 0 0 1px ",
 
-    t.checkboxOutlineColorFocus,
-    t.checkboxOutlineWidth, t.checkboxBorderColorFocus);
+    t.checkboxOutlineColorFocus, ",0 0 0 ",
+    t.checkboxOutlineWidth, " ", t.checkboxBorderColorFocus, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:boxFocus;"));
 
   },
 
   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);
+    return /*#__PURE__*/(0, _Emotion.css)("box-shadow:",
+    t.checkboxShadowDisabled, "!important;background:",
+    t.checkboxBgDisabled, "!important;color:",
+    t.checkboxTextColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boxDisabled;"));
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: default;\n    "])),
-    t.checkboxTextColorDisabled);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.checkboxTextColorDisabled, ";cursor:default;" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"));
 
 
   },
 
   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    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "q4fi03", styles: "position:absolute;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center" } : { name: "hfp7my-icon", styles: "position:absolute;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;label:icon;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -240,20 +240,20 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   iconUnchecked: function iconUnchecked() {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: transparent;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "27hgbp", styles: "color:transparent" } : { name: "128ipgj-iconUnchecked", styles: "color:transparent;label:iconUnchecked;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      padding-left: ", ";\n    "])),
-    t.checkboxTextColorDefault,
-    t.checkboxCaptionGap);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.checkboxTextColorDefault, ";padding-left:",
+    t.checkboxCaptionGap, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
 
   },
 
   captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table-cell;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "plv82s", styles: "display:table-cell" } : { name: "1toe8o8-captionIE11", styles: "display:table-cell;label:captionIE11;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Checkbox","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","globalClasses","exports","prefix","box","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","rootSmall","checkboxSizeMixin","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\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      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\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    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\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    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Checkbox","_EMOTION_STRINGIFIED_CSS_ERROR__","globalClasses","exports","prefix","box","styles","memoizeStyle","root","t","css","transitionDuration","transitionTimingFunction","checkboxHoverBg","checkboxShadowHover","checkboxShadowActive","checkboxActiveBg","process","env","NODE_ENV","rootSmall","checkboxSizeMixin","checkboxFontSizeSmall","checkboxLineHeightSmall","checkboxPaddingYSmall","checkboxBoxSizeSmall","rootMedium","checkboxFontSizeMedium","checkboxLineHeightMedium","checkboxPaddingYMedium","checkboxBoxSizeMedium","rootLarge","checkboxFontSizeLarge","checkboxLineHeightLarge","checkboxPaddingYLarge","checkboxBoxSizeLarge","rootDisableTextSelect","name","toString","rootChecked","checkboxCheckedHoverShadow","checkboxCheckedHoverBg","checkboxCheckedActiveBg","checkboxCheckedActiveShadow","rootFallback","rootWrapperIE11","boxWrapper","checkboxBorderWidth","boxWrapperSmall","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","boxWrapperMedium","boxWrapperLarge","checkboxTextColorDefault","checkboxShadow","checkboxBg","checkboxBorderRadius","input","boxWarning","checkboxOutlineColorFocus","checkboxOutlineWidth","checkboxBorderColorWarning","boxError","checkboxBorderColorError","boxChecked","checkboxCheckedBg","checkboxCheckedColor","checkboxCheckedShadow","boxFocus","checkboxBorderColorFocus","boxDisabled","checkboxShadowDisabled","checkboxBgDisabled","checkboxTextColorDisabled","disabled","icon","iconUnchecked","caption","checkboxCaptionGap","captionIE11"],"sources":["Checkbox.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { boxWrapperSizeMixin, checkboxSizeMixin } from './Checkbox.mixins';\n\nexport const globalClasses = prefix('checkbox')({\n  box: 'box',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\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      .${globalClasses.box} {\n        transition:\n          background ${t.transitionDuration} ${t.transitionTimingFunction},\n          box-shadow ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.box} {\n        background: ${t.checkboxHoverBg};\n        box-shadow: ${t.checkboxShadowHover};\n      }\n\n      &:active .${globalClasses.box} {\n        box-shadow: ${t.checkboxShadowActive};\n        background: ${t.checkboxActiveBg};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeSmall,\n        t.checkboxLineHeightSmall,\n        t.checkboxPaddingYSmall,\n        t.checkboxBoxSizeSmall,\n      )};\n    `;\n  },\n\n  rootMedium(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeMedium,\n        t.checkboxLineHeightMedium,\n        t.checkboxPaddingYMedium,\n        t.checkboxBoxSizeMedium,\n      )};\n    `;\n  },\n\n  rootLarge(t: Theme) {\n    return css`\n      ${checkboxSizeMixin(\n        t.checkboxFontSizeLarge,\n        t.checkboxLineHeightLarge,\n        t.checkboxPaddingYLarge,\n        t.checkboxBoxSizeLarge,\n      )};\n    `;\n  },\n\n  rootDisableTextSelect() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.box} {\n        box-shadow: ${t.checkboxCheckedHoverShadow};\n        background: ${t.checkboxCheckedHoverBg};\n      }\n\n      &:active .${globalClasses.box} {\n        background: ${t.checkboxCheckedActiveBg};\n        box-shadow: ${t.checkboxCheckedActiveShadow};\n      }\n    `;\n  },\n\n  rootFallback() {\n    return css`\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    `;\n  },\n\n  rootWrapperIE11() {\n    return css`\n      display: inline;\n    `;\n  },\n\n  boxWrapper(t: Theme) {\n    return css`\n      position: absolute;\n      box-sizing: border-box;\n      padding: ${t.checkboxBorderWidth};\n\n      // fix position in ie11\n      display: inline-block;\n      left: 0;\n    )};\n    `;\n  },\n\n  boxWrapperSmall(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeSmall,\n        t.checkboxBoxSizeSmall,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperMedium(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeMedium,\n        t.checkboxBoxSizeMedium,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  boxWrapperLarge(t: Theme) {\n    return css`\n      ${boxWrapperSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.checkboxFontSizeLarge,\n        t.checkboxBoxSizeLarge,\n        t.checkboxBoxOffsetY,\n      )};\n    `;\n  },\n\n  box(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      box-shadow: ${t.checkboxShadow};\n      background: ${t.checkboxBg};\n      border-radius: ${t.checkboxBorderRadius};\n      height: 100%;\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  boxWarning(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorWarning} !important; // override hover and active\n    `;\n  },\n\n  boxError(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorError} !important; // override hover and active\n    `;\n  },\n\n  boxChecked(t: Theme) {\n    return css`\n      background: ${t.checkboxCheckedBg};\n      color: ${t.checkboxCheckedColor};\n      box-shadow: ${t.checkboxCheckedShadow};\n    `;\n  },\n\n  boxFocus(t: Theme) {\n    return css`\n      box-shadow:\n        inset 0 0 0 1px ${t.checkboxOutlineColorFocus},\n        0 0 0 ${t.checkboxOutlineWidth} ${t.checkboxBorderColorFocus} !important; // override hover and active\n    `;\n  },\n\n  boxDisabled(t: Theme) {\n    return css`\n      box-shadow: ${t.checkboxShadowDisabled} !important; // override hover and active\n      background: ${t.checkboxBgDisabled} !important; // override hover and active\n      color: ${t.checkboxTextColorDisabled};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDisabled};\n      cursor: default;\n    `;\n  },\n\n  icon() {\n    return css`\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    `;\n  },\n\n  iconUnchecked() {\n    return css`\n      color: transparent;\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      color: ${t.checkboxTextColorDefault};\n      padding-left: ${t.checkboxCaptionGap};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Checkbox/__creevey__/Checkbox.creevey.mts

@@ -0,0 +1,243 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const checkboxTests = () => {
+  test('idle', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'idle');
+  });
+
+  test('hovered', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({
+          css: '[data-tid~="test-checkbox"]',
+        }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'hovered');
+  });
+
+  test('pressed', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({
+          css: '[data-tid~="test-checkbox"]',
+        }),
+      })
+      .press()
+      .pause(1000)
+      .release()
+      .perform();
+  });
+
+  test('clicked', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'clicked');
+  });
+
+  test('tabPress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+      .press()
+      .release()
+      .sendKeys(Key.TAB)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+  });
+
+  test('spacePress', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .click(context.webdriver.findElement({ css: '[data-tid~="test-checkbox"]' }))
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({ origin: context.webdriver.findElement({ css: 'body' }) })
+      .press()
+      .release()
+      .sendKeys(Key.TAB)
+      .pause(1000)
+      .sendKeys(Key.SPACE)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'spacePress');
+  });
+};
+
+kind('Checkbox', () => {
+  story('Plain', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered', 'pressed', 'clicked'],
+        },
+        flaky: {
+          in: /^\bfirefox2022/,
+          tests: ['clicked'],
+        },
+      },
+    });
+
+    checkboxTests();
+  });
+
+  story('Checked', () => {
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('hovered', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-checkbox"]',
+          }),
+        })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'hovered');
+    });
+
+    test('pressed', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({
+            css: '[data-tid~="test-checkbox"]',
+          }),
+        })
+        .press()
+        .pause(1000)
+        .release()
+        .perform();
+    });
+  });
+
+  story('Indeterminate', () => {
+    test('plain', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'plain');
+    });
+
+    test('hovered', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: 'label' }),
+        })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'hovered');
+    });
+
+    test('tabPress', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.TAB)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'tabPress');
+    });
+
+    test('clicked', async (context) => {
+      const element = await context.webdriver.findElement({
+        css: '#screenshot-capture',
+      });
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'label' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await element.takeScreenshot(), 'clicked');
+    });
+  });
+
+  story('Highlighted', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: {
+          in: ['firefox2022', 'firefox2022Dark'],
+          tests: ['tabPress'],
+        },
+      },
+    });
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('tabPress', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .sendKeys(Key.TAB)
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    });
+  });
+
+  story('CheckboxLabelSelectionWithPressedShift', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('selected with pressed shift', async (context) => {
+      const checkbox = await context.webdriver.findElement({
+        css: '[data-comp-name~="Checkbox"]',
+      });
+      await context.webdriver.actions({ bridge: true }).keyDown(Key.SHIFT).click(checkbox).perform();
+      await context.matchImage(await context.takeScreenshot(), 'selected with pressed shift');
+      await context.webdriver.actions({ bridge: true }).keyUp(Key.SHIFT).perform();
+    });
+  });
+});