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

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

@@ -8,10 +8,10 @@ export declare const styles: {
     button(t: Theme): string;
     buttonOpened(t: Theme): string;
     arrow(): string;
-    useDefault(t: Theme): string;
-    useSuccess(t: Theme): string;
-    useDanger(t: Theme): string;
-    useGrayed(t: Theme): string;
+    default(t: Theme): string;
+    success(t: Theme): string;
+    danger(t: Theme): string;
+    grayed(t: Theme): string;
     useGrayedFocus(t: Theme): string;
     focus(t: Theme): string;
     disabled(t: Theme): string;

package/cjs/components/Link/Link.styles.js

@@ -1,7 +1,7 @@
 "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 _Link = require("./Link.mixins");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _Link = require("./Link.mixins");var _templateObject;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 line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n"])));
 
@@ -14,84 +14,83 @@ var line = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _ta
 
 var oldLineText = function oldLineText(t) {
   var delay = parseFloat(t.linkTextUnderlineOpacity) - 1;
-  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    animation: ", " 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ", "s !important;\n    animation-fill-mode: forwards !important;\n  "])),
-  line,
+  return /*#__PURE__*/(0, _Emotion.css)("animation:",
+  line, " 1s linear!important;animation-play-state:paused!important;animation-delay:",
 
-  delay);
+  delay, "s!important;animation-fill-mode:forwards!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:oldLineText;"));
 
 
 };
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ", ";\n      text-decoration-style: ", ";\n      text-underline-offset: ", ";\n      text-decoration-thickness: ", ";\n      transition: text-decoration-color ", " ", ";\n      @supports (text-decoration-color: ", ") {\n        text-decoration-color: ", ";\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ", ";\n        }\n      }\n      @supports not (text-decoration-color: ", ") {\n        ", ";\n        &:hover {\n          text-decoration-style: ", ";\n          animation: none !important;\n        }\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("cursor:pointer;position:relative;border-radius:1px;text-decoration:",
 
 
 
 
-    t.linkTextDecoration,
-    t.linkTextDecorationStyle,
-    t.linkTextUnderlineOffset,
-    t.linkTextDecorationThickness,
-    t.transitionDuration, t.transitionTimingFunction,
-    t.linkTextDecorationColor,
-    t.linkTextDecorationColor,
+    t.linkTextDecoration, ";text-decoration-style:",
+    t.linkTextDecorationStyle, ";text-underline-offset:",
+    t.linkTextUnderlineOffset, ";text-decoration-thickness:",
+    t.linkTextDecorationThickness, ";transition:text-decoration-color ",
+    t.transitionDuration, " ", t.transitionTimingFunction, ";@supports (text-decoration-color: ",
+    t.linkTextDecorationColor, "){text-decoration-color:",
+    t.linkTextDecorationColor, ";&:hover{text-decoration-color:currentColor;text-decoration-style:",
 
 
-    t.linkHoverTextDecorationStyle,
+    t.linkHoverTextDecorationStyle, ";}}@supports not (text-decoration-color: ",
 
 
-    t.linkTextDecorationColor,
-    oldLineText(t),
+    t.linkTextDecorationColor, "){",
+    oldLineText(t), ";&:hover{text-decoration-style:",
 
-    t.linkHoverTextDecorationStyle);
+    t.linkHoverTextDecorationStyle, ";animation:none!important;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:root;"));
 
 
 
 
   },
-
   lineFocus: function lineFocus(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.linkHoverColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.linkHoverColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocus;"));
 
   },
 
   lineFocusSuccess: function lineFocusSuccess(t) {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkSuccessHoverColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.linkSuccessHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusSuccess;"));
 
   },
 
   lineFocusDanger: function lineFocusDanger(t) {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkDangerHoverColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.linkDangerHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusDanger;"));
 
   },
 
   lineFocusGrayed: function lineFocusGrayed(t) {
-    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n    "])),
-    t.linkGrayedHoverColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.linkGrayedHoverColor, "!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:lineFocusGrayed;"));
 
   },
 
   button: function button(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      line-height: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("display:inline-block;line-height:",
 
-    t.linkButtonLineHeight,
-    t.linkButtonPaddingX,
-    t.linkButtonPaddingX);
+    t.linkButtonLineHeight, ";padding-left:",
+    t.linkButtonPaddingX, ";padding-right:",
+    t.linkButtonPaddingX, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:button;"));
 
   },
 
   buttonOpened: function buttonOpened(t) {
-    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n    "])),
-    t.btnDefaultActiveBg);
+    return /*#__PURE__*/(0, _Emotion.css)("background:",
+    t.btnDefaultActiveBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonOpened;"));
 
   },
 
   arrow: function arrow() {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "8e442s", styles: "border:4px solid transparent;border-bottom-width:0;border-top-color:#a0a0a0;display:inline-block;margin-bottom:3px;margin-left:3px;vertical-align:middle" } : { name: "14qj6lh-arrow", styles: "border:4px solid transparent;border-bottom-width:0;border-top-color:#a0a0a0;display:inline-block;margin-bottom:3px;margin-left:3px;vertical-align:middle;label:arrow;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -102,84 +101,84 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
   },
 
-  useDefault: function useDefault(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor));
+  default: function _default(t) {
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"));
 
   },
 
-  useSuccess: function useSuccess(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor));
+  success: function success(t) {
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:success;"));
 
   },
 
-  useDanger: function useDanger(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor));
+  danger: function danger(t) {
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:danger;"));
 
   },
 
-  useGrayed: function useGrayed(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n    "])),
-    (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor));
+  grayed: function grayed(t) {
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:grayed;"));
 
   },
 
   useGrayedFocus: function useGrayedFocus(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n    "])),
-    t.linkDisabledColor);
+    return /*#__PURE__*/(0, _Emotion.css)("color:",
+    t.linkDisabledColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:useGrayedFocus;"));
 
   },
 
   focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: ", ";\n      outline: ", ";\n    "])),
-    t.linkHoverTextDecoration,
-    t.linkFocusOutline);
+    return /*#__PURE__*/(0, _Emotion.css)("text-decoration:",
+    t.linkHoverTextDecoration, ";outline:",
+    t.linkFocusOutline, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:focus;"));
 
   },
 
   disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
-    (0, _Link.linkDisabledMixin)(),
+    return /*#__PURE__*/(0, _Emotion.css)(
+      (0, _Link.linkDisabledMixin)(), ";color:",
 
-    t.linkDisabledColor,
+      t.linkDisabledColor, "!important;&:hover{color:",
 
 
-    t.linkDisabledColor);
+      t.linkDisabledColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:disabled;"));
 
 
   },
 
   icon: function icon() {
-    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (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: "1tkzire-icon", styles: "display:inline-block;label:icon;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   iconLeft: function iconLeft(t) {
-    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
-    t.linkIconMarginRight);
+    return /*#__PURE__*/(0, _Emotion.css)("margin-right:",
+    t.linkIconMarginRight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconLeft;"));
 
   },
 
   iconRight: function iconRight(t) {
-    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
-    t.linkIconMarginLeft);
+    return /*#__PURE__*/(0, _Emotion.css)("margin-left:",
+    t.linkIconMarginLeft, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconRight;"));
 
   },
 
   warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])),
-    t.btnWarningSecondary,
-    t.btnWarningSecondary);
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.btnWarningSecondary, ";box-shadow:0 0 0 2px ",
+    t.btnWarningSecondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:warning;"));
 
   },
 
   error: function error(t) {
-    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      box-shadow: 0 0 0 2px ", ";\n    "])),
-    t.btnErrorSecondary,
-    t.btnErrorSecondary);
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.btnErrorSecondary, ";box-shadow:0 0 0 2px ",
+    t.btnErrorSecondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:error;"));
 
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_Link","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","line","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","css","styles","exports","memoizeStyle","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useDefault","linkUseColorsMixin","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  useDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  useSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  useDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  useGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Link","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","line","keyframes","_taggedTemplateLiteralLoose2","default","oldLineText","t","delay","parseFloat","linkTextUnderlineOpacity","css","process","env","NODE_ENV","styles","exports","memoizeStyle","root","linkTextDecoration","linkTextDecorationStyle","linkTextUnderlineOffset","linkTextDecorationThickness","transitionDuration","transitionTimingFunction","linkTextDecorationColor","linkHoverTextDecorationStyle","lineFocus","linkHoverColor","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","name","toString","_default","linkUseColorsMixin","linkColor","linkActiveColor","success","linkSuccessColor","linkSuccessActiveColor","danger","linkDangerColor","linkDangerActiveColor","grayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","linkHoverTextDecoration","linkFocusOutline","disabled","linkDisabledMixin","icon","iconLeft","linkIconMarginRight","iconRight","linkIconMarginLeft","warning","btnWarningSecondary","error","btnErrorSecondary"],"sources":["Link.styles.ts"],"sourcesContent":["import { css, keyframes, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkDisabledMixin, linkUseColorsMixin } from './Link.mixins';\n\nconst line = keyframes`\n  0% {\n    text-decoration-color: inherit;\n  }\n  100% {\n    text-decoration-color: transparent;\n  }\n`;\n\nconst oldLineText = function (t: Theme) {\n  const delay = parseFloat(t.linkTextUnderlineOpacity) - 1;\n  return css`\n    animation: ${line} 1s linear !important; // override creevey\n    animation-play-state: paused !important;\n    animation-delay: ${delay}s !important;\n    animation-fill-mode: forwards !important;\n  `;\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n\n      border-radius: 1px;\n      text-decoration: ${t.linkTextDecoration};\n      text-decoration-style: ${t.linkTextDecorationStyle};\n      text-underline-offset: ${t.linkTextUnderlineOffset};\n      text-decoration-thickness: ${t.linkTextDecorationThickness};\n      transition: text-decoration-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      @supports (text-decoration-color: ${t.linkTextDecorationColor}) {\n        text-decoration-color: ${t.linkTextDecorationColor};\n        &:hover {\n          text-decoration-color: currentColor;\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n        }\n      }\n      @supports not (text-decoration-color: ${t.linkTextDecorationColor}) {\n        ${oldLineText(t)};\n        &:hover {\n          text-decoration-style: ${t.linkHoverTextDecorationStyle};\n          animation: none !important;\n        }\n      }\n    `;\n  },\n  lineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n    `;\n  },\n\n  lineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n    `;\n  },\n\n  lineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n    `;\n  },\n\n  lineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n    `;\n  },\n\n  button(t: Theme) {\n    return css`\n      display: inline-block;\n      line-height: ${t.linkButtonLineHeight};\n      padding-left: ${t.linkButtonPaddingX};\n      padding-right: ${t.linkButtonPaddingX};\n    `;\n  },\n\n  buttonOpened(t: Theme) {\n    return css`\n      background: ${t.btnDefaultActiveBg};\n    `;\n  },\n\n  arrow() {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: #a0a0a0;\n      display: inline-block;\n      margin-bottom: 3px;\n      margin-left: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  default(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n    `;\n  },\n\n  danger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n    `;\n  },\n\n  grayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n    `;\n  },\n\n  useGrayedFocus(t: Theme) {\n    return css`\n      color: ${t.linkDisabledColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      text-decoration: ${t.linkHoverTextDecoration};\n      outline: ${t.linkFocusOutline};\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n\n  icon() {\n    return css`\n      display: inline-block;\n    `;\n  },\n\n  iconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n\n  iconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      background-color: ${t.btnWarningSecondary};\n      box-shadow: 0 0 0 2px ${t.btnWarningSecondary};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      background-color: ${t.btnErrorSecondary};\n      box-shadow: 0 0 0 2px ${t.btnErrorSecondary};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,162 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+import { delay } from '../../../lib/delay';
+
+const focusedLinkTest = () => {
+  test('tab press', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPress');
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPressHovered');
+  });
+};
+const linkTests = () => {
+  test('idle', async (context) => {
+    await context.matchImage(await context.takeScreenshot(), 'idle');
+  });
+
+  test('hover', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await context.matchImage(await context.takeScreenshot(), 'hover');
+  });
+};
+
+const focusedStyledLinkTest = () => {
+  test('tab press', async (context) => {
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'hovered');
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .sendKeys(Key.TAB)
+      .perform();
+    await context.webdriver
+      .actions({
+        bridge: true,
+      })
+      .move({
+        origin: context.webdriver.findElement({ css: 'a' }),
+      })
+      .perform();
+    await delay(1000);
+    await context.matchImage(await context.takeScreenshot(), 'tabPressHovered');
+  });
+};
+
+kind('Link', () => {
+  story('Simple', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('WithIcon', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+    focusedLinkTest();
+  });
+
+  story('Danger', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Grayed', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Disabled', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('Loading', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'hover does not work in chrome': {
+          in: ['chrome2022', 'chrome2022Dark'],
+          tests: ['hover'],
+        },
+      },
+    });
+
+    linkTests();
+  });
+
+  story('FocusedStyledLink', ({ setStoryParameters }) => {
+    setStoryParameters({ skip: { flacky: { in: /^(?!\b(firefox2022)\b)/ } } });
+
+    focusedStyledLinkTest();
+  });
+});

package/cjs/components/Loader/Loader.styles.js

@@ -1,22 +1,22 @@
-"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, _templateObject5;
+"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)({
   active: function active(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-radius: ", ";\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ", ";\n    "])),
-    t.loaderBorderRadius,
+    return /*#__PURE__*/(0, _Emotion.css)("border-radius:",
+    t.loaderBorderRadius, ";position:absolute;bottom:0;left:0;right:0;top:0;background:",
 
 
 
 
 
 
-    t.loaderBg);
+    t.loaderBg, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:active;"));
 
   },
 
   loader: function loader() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "e7vinw", styles: "box-sizing:border-box;display:inline-block;position:relative;width:100%;z-index:inherit" } : { name: "t82izh-loader", styles: "box-sizing:border-box;display:inline-block;position:relative;width:100%;z-index:inherit;label:loader;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -26,7 +26,7 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   spinnerContainer: function spinnerContainer() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "og8wv6", styles: "display:block;margin:auto;text-align:center;position:absolute;bottom:0;left:0;right:0;top:0;&::before{content:' ';display:inline-block;height:100%;min-height:100%;vertical-align:middle;}" } : { name: "1guo7d-spinnerContainer", styles: "display:block;margin:auto;text-align:center;position:absolute;bottom:0;left:0;right:0;top:0;&::before{content:' ';display:inline-block;height:100%;min-height:100%;vertical-align:middle;};label:spinnerContainer;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
@@ -48,13 +48,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   spinnerContainerSticky: function spinnerContainerSticky() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: fixed;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "duudsh", styles: "position:fixed" } : { name: "1y3to0l-spinnerContainerSticky", styles: "position:fixed;label:spinnerContainerSticky;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   spinnerComponentWrapper: function spinnerComponentWrapper() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (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: "72dasi-spinnerComponentWrapper", styles: "display:inline-block;label:spinnerComponentWrapper;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","active","t","css","_taggedTemplateLiteralLoose2","default","loaderBorderRadius","loaderBg","loader","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,MAAM,WAAAA,OAACC,CAAQ,EAAE;IACf,WAAOC,YAAG,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;IACSH,CAAC,CAACI,kBAAkB;;;;;;;IAOvBJ,CAAC,CAACK,QAAQ;;EAE5B,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,WAAOL,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;;EAEDI,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,WAAON,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;;;;;;;;;;;;;;EAmBZ,CAAC;;EAEDK,sBAAsB,WAAAA,uBAAA,EAAG;IACvB,WAAOP,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDM,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,WAAOR,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","active","t","css","loaderBorderRadius","loaderBg","process","env","NODE_ENV","loader","name","toString","spinnerContainer","spinnerContainerSticky","spinnerComponentWrapper"],"sources":["Loader.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      border-radius: ${t.loaderBorderRadius};\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      background: ${t.loaderBg};\n    `;\n  },\n\n  loader() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      position: relative;\n      width: 100%;\n      z-index: inherit;\n    `;\n  },\n\n  spinnerContainer() {\n    return css`\n      display: block;\n      margin: auto;\n      text-align: center;\n\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      top: 0;\n\n      &::before {\n        content: ' ';\n        display: inline-block;\n        height: 100%;\n        min-height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  spinnerContainerSticky() {\n    return css`\n      position: fixed;\n    `;\n  },\n\n  spinnerComponentWrapper() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"+DAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,SAAAC,iCAAA;;;AAGvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,MAAM,WAAAA,OAACC,CAAQ,EAAE;IACf,wBAAOC,YAAG;IACSD,CAAC,CAACE,kBAAkB;;;;;;;IAOvBF,CAAC,CAACG,QAAQ,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAE5B,CAAC;;EAEDC,MAAM,WAAAA,OAAA,EAAG;IACP,wBAAON,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAZ,MAAA,kGAAAY,IAAA,mBAAAZ,MAAA,2GAAAa,QAAA,EAAAd,gCAAA;;;;;;;EAOZ,CAAC;;EAEDe,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,wBAAOT,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAZ,MAAA,qMAAAY,IAAA,6BAAAZ,MAAA,wNAAAa,QAAA,EAAAd,gCAAA;;;;;;;;;;;;;;;;;;;EAmBZ,CAAC;;EAEDgB,sBAAsB,WAAAA,uBAAA,EAAG;IACvB,wBAAOV,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,YAAAZ,MAAA,yBAAAY,IAAA,oCAAAZ,MAAA,kDAAAa,QAAA,EAAAd,gCAAA;;;EAGZ,CAAC;;EAEDiB,uBAAuB,WAAAA,wBAAA,EAAG;IACxB,wBAAOX,YAAG,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAE,IAAA,aAAAZ,MAAA,+BAAAY,IAAA,oCAAAZ,MAAA,yDAAAa,QAAA,EAAAd,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+import { story, kind, test } from 'creevey';
+import { Key } from 'selenium-webdriver';
+
+kind('Loader', () => {
+  story('ActiveLoader', () => {
+    test('covers children', async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
+      await context.webdriver.actions({ bridge: true }).click(button).perform();
+      await context.matchImage(await element.takeScreenshot(), 'cover children');
+    });
+  });
+
+  story('InactiveLoader', () => {
+    test("doesn't cover children", async (context) => {
+      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
+      await context.webdriver.actions({ bridge: true }).click(button).perform();
+      await context.matchImage(await element.takeScreenshot(), "doesn't cover children");
+    });
+  });
+
+  story('FocusInside', () => {
+    test('focus inside', async (context) => {
+      const loader = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
+      const toggle = await context.webdriver.findElement({ css: '[data-tid~="toggle-loader"]' });
+      await context.webdriver.actions().sendKeys(Key.TAB).perform();
+      const enabled = await loader.takeScreenshot();
+      await context.webdriver.actions().click(toggle).move({ x: 0, y: 0 }).click().perform();
+      await context.webdriver.actions().sendKeys(Key.TAB).perform();
+      const disabled = await loader.takeScreenshot();
+      await context.matchImages({ enabled, disabled });
+    });
+  });
+});