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

package/cjs/components/Radio/Radio.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 _Radio = require("./Radio.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 _Radio = require("./Radio.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).";}
 
 
 
@@ -15,24 +15,24 @@ var globalClasses = exports.globalClasses = (0, _Emotion.prefix)('radio')({
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("cursor:pointer;position:relative;white-space:nowrap;display:inline-flex;align-items:baseline;.",
 
 
 
 
 
 
-    globalClasses.circle,
-    t.transitionDuration, t.transitionTimingFunction,
+    globalClasses.circle, "{transition:background ",
+    t.transitionDuration, " ", t.transitionTimingFunction, ";}&:hover .",
 
 
-    globalClasses.circle,
-    t.radioHoverBg,
-    t.radioHoverShadow,
+    globalClasses.circle, "{background:",
+    t.radioHoverBg, ";box-shadow:",
+    t.radioHoverShadow, ";}&:active .",
 
-    globalClasses.circle,
-    t.radioActiveBg,
-    t.radioActiveShadow);
+    globalClasses.circle, "{background:",
+    t.radioActiveBg, ";box-shadow:",
+    t.radioActiveShadow, ";}&::before{content:'\\00A0';display:inline-block;flex:0 0 auto;}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
 
 
@@ -46,113 +46,113 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
   rootSmall: function rootSmall(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioSizeMixin)(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioSizeMixin)(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootSmall;"));
 
   },
   rootMedium: function rootMedium(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioSizeMixin)(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioSizeMixin)(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootMedium;"));
 
   },
   rootLarge: function rootLarge(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioSizeMixin)(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioSizeMixin)(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rootLarge;"));
 
   },
 
   rootIE11: function rootIE11() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1aaxyil", styles: "display:inline-table" } : { name: "1ix27nk-rootIE11", styles: "display:inline-table;label:rootIE11;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   rootChecked: function rootChecked(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])),
-    globalClasses.circle,
-    t.radioCheckedHoverBgColor);
+    return /*#__PURE__*/(0, _Emotion.css)("&:hover .",
+    globalClasses.circle, "{background:",
+    t.radioCheckedHoverBgColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:rootChecked;"));
 
 
   },
 
   circle: function circle(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])),
-    t.radioBgImage,
+    return /*#__PURE__*/(0, _Emotion.css)("background-image:",
+    t.radioBgImage, ";border-radius:50%;border:",
 
-    t.radioBorder,
-    t.radioBoxShadow,
+    t.radioBorder, ";box-shadow:",
+    t.radioBoxShadow, ";box-sizing:border-box;display:inline-block;position:absolute;left:0;background-color:",
 
 
 
 
-    t.radioBgColor);
+    t.radioBgColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circle;"));
 
   },
   circleSmall: function circleSmall(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.circleSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.radioFontSizeSmall,
-      t.radioSizeSmall,
-      t.radioBorderWidthCompensation,
-      t.radioCircleOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.circleSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeSmall,
+        t.radioSizeSmall,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleSmall;"));
 
   },
   circleMedium: function circleMedium(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.circleSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.radioFontSizeMedium,
-      t.radioSizeMedium,
-      t.radioBorderWidthCompensation,
-      t.radioCircleOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.circleSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeMedium,
+        t.radioSizeMedium,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleMedium;"));
 
   },
   circleLarge: function circleLarge(t) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.circleSizeMixin)(
-      t.labGrotesqueBaselineCompensation,
-      t.radioFontSizeLarge,
-      t.radioSizeLarge,
-      t.radioBorderWidthCompensation,
-      t.radioCircleOffsetY
-    ));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.circleSizeMixin)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeLarge,
+        t.radioSizeLarge,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY
+      ), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:circleLarge;"));
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("&::after{",
 
-    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth),
-    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorFocus));
+    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth), ";",
+    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorFocus), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:focus;"));
 
 
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("&::after{",
 
-    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth),
-    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorWarning));
+    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth), ";",
+    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorWarning), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
 
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("&::after{",
 
-    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth),
-    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorError));
+    (0, _Radio.afterOutlineMixin)(t.radioOutlineWidth), ";",
+    (0, _Radio.outlineColorMixin)(t.radioFocusShadow, t.radioBorderColorError), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
 
 
   },
 
   checked: function checked(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])),
-    t.radioCheckedBgColor,
-    t.radioCheckedBorderColor,
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.radioCheckedBgColor, ";border-color:",
+    t.radioCheckedBorderColor, ";&::before{content:' ';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%;background:",
 
 
 
@@ -163,36 +163,36 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
-    t.radioCheckedBulletColor);
+    t.radioCheckedBulletColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:checked;"));
 
 
   },
   checkedSmall: function checkedSmall(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioCheckedMixin)(t.radioBulletSizeSmall));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioCheckedMixin)(t.radioBulletSizeSmall), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkedSmall;"));
 
   },
   checkedMedium: function checkedMedium(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioCheckedMixin)(t.radioBulletSizeMedium));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioCheckedMixin)(t.radioBulletSizeMedium), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkedMedium;"));
 
   },
   checkedLarge: function checkedLarge(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Radio.radioCheckedMixin)(t.radioBulletSizeLarge));
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Radio.radioCheckedMixin)(t.radioBulletSizeLarge), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkedLarge;"));
 
   },
 
   checkedDisabled: function checkedDisabled(t) {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::before {\n        background: ", ";\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("&::before{background:",
 
-    t.radioCheckedDisabledBulletBg);
+    t.radioCheckedDisabledBulletBg, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:checkedDisabled;"));
 
 
   },
 
   input: function input() {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (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__ });
 
 
 
@@ -203,36 +203,36 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])),
-    t.radioDisabledBg,
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.radioDisabledBg, "!important;border-color:transparent!important;box-shadow:",
 
-    t.radioDisabledShadow);
+    t.radioDisabledShadow, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"));
 
   },
 
   caption: function caption(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])),
-    t.radioCaptionDisplay,
-    t.radioCaptionGap,
+    return /*#__PURE__*/(0, _Emotion.css)("display:",
+    t.radioCaptionDisplay, ";padding-left:",
+    t.radioCaptionGap, ";white-space:normal;color:",
 
-    t.radioTextColor);
+    t.radioTextColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:caption;"));
 
   },
 
   captionIE11: function captionIE11() {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (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__ });
 
 
   },
 
   captionDisabled: function captionDisabled(t) {
-    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.textColorDisabled);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.textColorDisabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:captionDisabled;"));
 
   },
 
   placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1r5gb7q", styles: "display:inline-block" } : { name: "1lk2av-placeholder", styles: "display:inline-block;label:placeholder;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Radio","_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","circle","styles","memoizeStyle","root","t","css","_taggedTemplateLiteralLoose2","default","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","radioSizeMixin","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","rootChecked","radioCheckedHoverBgColor","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","circleLarge","focus","afterOutlineMixin","radioOutlineWidth","outlineColorMixin","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","radioCheckedMixin","radioBulletSizeSmall","checkedMedium","radioBulletSizeMedium","checkedLarge","radioBulletSizeLarge","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\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  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Radio","_EMOTION_STRINGIFIED_CSS_ERROR__","globalClasses","exports","prefix","circle","styles","memoizeStyle","root","t","css","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","process","env","NODE_ENV","rootSmall","radioSizeMixin","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","name","toString","rootChecked","radioCheckedHoverBgColor","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","circleSizeMixin","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","circleLarge","focus","afterOutlineMixin","radioOutlineWidth","outlineColorMixin","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","radioCheckedMixin","radioBulletSizeSmall","checkedMedium","radioBulletSizeMedium","checkedLarge","radioBulletSizeLarge","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\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  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,28 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+kind('Radio', () => {
+  story('Highlighted', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        flaky: { in: /firefox/ },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('tabPress', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'body' }))
+        .sendKeys(Key.TAB)
+        .pause(500)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    });
+  });
+});

package/cjs/components/RadioGroup/RadioGroup.styles.js

@@ -1,8 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+"use strict";exports.__esModule = true;exports.styles = void 0;var _Emotion = require("../../lib/theming/Emotion");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 styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "8lctsa", styles: "display:inline-block;user-select:none;cursor:default;line-height:normal" } : { name: "107s48y-root", styles: "display:inline-block;user-select:none;cursor:default;line-height:normal;label:root;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -11,7 +11,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   item: function item() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "jy6qe6", styles: "display:table;margin-top:0;width:100%" } : { name: "1ctlcx8-item", styles: "display:table;margin-top:0;width:100%;label:item;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -19,13 +19,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   itemFirst: function itemFirst() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1i9vogi", styles: "margin-top:0" } : { name: "hxrgfy-itemFirst", styles: "margin-top:0;label:itemFirst;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   itemInline: function itemInline() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1qr912k", styles: "display:inline-table;margin-right:15px;margin-top:0;width:auto" } : { name: "1j4qq9j-itemInline", styles: "display:inline-table;margin-right:15px;margin-top:0;width:auto;label:itemInline;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","root","css","process","env","NODE_ENV","name","toString","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAOC,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,kFAAAQ,IAAA,kBAAAR,MAAA,yFAAAS,QAAA,EAAAV,gCAAA;;;;;;EAMZ,CAAC;;EAEDW,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAON,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,gDAAAQ,IAAA,kBAAAR,MAAA,uDAAAS,QAAA,EAAAV,gCAAA;;;;;EAKZ,CAAC;;EAEDY,SAAS,WAAAA,UAAA,EAAG;IACV,wBAAOP,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,uBAAAQ,IAAA,sBAAAR,MAAA,mCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDa,UAAU,WAAAA,WAAA,EAAG;IACX,wBAAOR,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,yEAAAQ,IAAA,wBAAAR,MAAA,sFAAAS,QAAA,EAAAV,gCAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+kind('RadioGroup', () => {
+  story('Vertical', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: '#RadioGroup-wrap',
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hovered'],
+        },
+      },
+    });
+
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('hovered', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-comp-name~="RadioGroup"] > span > label' }),
+        })
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'hovered');
+    });
+
+    test('clicked', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="RadioGroup"] > span > label' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'clicked');
+    });
+
+    test('mouseLeave', async (context) => {
+      // NOTE Firefox bug if click send right after click from previous test it results as double click
+      await delay(500);
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-comp-name~="RadioGroup"] > span > label' }))
+        .perform();
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="JustButton"]' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'mouseLeave');
+    });
+
+    test('tabPress', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="JustButton"]' }))
+        .sendKeys(Key.TAB)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    });
+
+    test('arrow_down', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: '[data-tid="JustButton"]' }))
+        .sendKeys(Key.TAB)
+        .pause(100)
+        .sendKeys(Key.DOWN)
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'arrow_down');
+    });
+  });
+});