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

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js

@@ -1,51 +1,51 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.animations = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = exports.animations = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;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)({
   outer: function outer(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", ";\n      height: ", ";\n      background-color: ", ";\n      position: ", ";\n      left: ", ";\n      top: ", ";\n      right: ", ";\n      bottom: ", ";\n      overflow: hidden;\n    "])),
-    t.globalLoaderWidth,
-    t.globalLoaderHeight,
-    t.globalLoaderBackgroundColor,
-    t.globalLoaderPosition,
-    t.globalLoaderLeft,
-    t.globalLoaderTop,
-    t.globalLoaderRight,
-    t.globalLoaderBottom);
+    return /*#__PURE__*/(0, _Emotion.css)("width:",
+    t.globalLoaderWidth, ";height:",
+    t.globalLoaderHeight, ";background-color:",
+    t.globalLoaderBackgroundColor, ";position:",
+    t.globalLoaderPosition, ";left:",
+    t.globalLoaderLeft, ";top:",
+    t.globalLoaderTop, ";right:",
+    t.globalLoaderRight, ";bottom:",
+    t.globalLoaderBottom, ";overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:outer;"));
 
 
   },
   inner: function inner(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      width: 0;\n      height: ", ";\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    "])),
-    t.globalLoaderColor,
+    return /*#__PURE__*/(0, _Emotion.css)("background-color:",
+    t.globalLoaderColor, ";width:0;height:",
 
-    t.globalLoaderHeight);
+    t.globalLoaderHeight, ";position:absolute;left:0;overflow:hidden;" + (process.env.NODE_ENV === "production" ? "" : ";label:inner;"));
 
 
 
 
   },
   standardWithoutAnimation: function standardWithoutAnimation() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 90%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "197s5vg", styles: "left:0;width:90%" } : { name: "7teemc-standardWithoutAnimation", styles: "left:0;width:90%;label:standardWithoutAnimation;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
   successWithoutAnimation: function successWithoutAnimation() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1q8hyk6", styles: "left:0;width:100%" } : { name: "vhiog1-successWithoutAnimation", styles: "left:0;width:100%;label:successWithoutAnimation;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
   errorWithoutAnimation: function errorWithoutAnimation() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 40%;\n      width: 20%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "8lc9qh", styles: "left:40%;width:20%" } : { name: "1g7iini-errorWithoutAnimation", styles: "left:40%;width:20%;label:errorWithoutAnimation;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   }
 });
 
-var moveToRightAnimation = (0, _Emotion.keyframes)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));
+var moveToRightAnimation = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n"])));
 
 
 
@@ -59,7 +59,7 @@ var moveToRightAnimation = (0, _Emotion.keyframes)(_templateObject6 || (_templat
 
 
 
-var spinnerAnimation = (0, _Emotion.keyframes)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));
+var spinnerAnimation = (0, _Emotion.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n"])));
 
 
 
@@ -72,24 +72,24 @@ var spinnerAnimation = (0, _Emotion.keyframes)(_templateObject7 || (_templateObj
 
 
 
-var linearProgressAnimation = (0, _Emotion.keyframes)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
+var linearProgressAnimation = (0, _Emotion.keyframes)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 0; }\n  to { width: 80% }\n"])));
 
 
 
-var slowProgressAnimation = (0, _Emotion.keyframes)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
+var slowProgressAnimation = (0, _Emotion.keyframes)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n  from { width: 80%; }\n  to { width: 90% }\n"])));
 
 
 
 
 var animations = exports.animations = {
   successAnimation: function successAnimation(delayBeforeHide, width, left) {
-    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      animation: successAnimation;\n      animation-duration: ", "ms;\n      @keyframes successAnimation {\n        0% {\n          width: ", "px;\n          left: ", "px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("animation:successAnimation;animation-duration:",
 
-    delayBeforeHide,
+    delayBeforeHide, "ms;@keyframes successAnimation{0%{width:",
 
 
-    width,
-    left);
+    width, "px;left:",
+    left, "px;opacity:1;}20%{width:100%;left:0;opacity:1;}80%{width:100%;left:0;opacity:1;}100%{width:100%;opacity:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:successAnimation;"));
 
 
 
@@ -113,45 +113,45 @@ var animations = exports.animations = {
     var transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);
     var spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);
 
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      left: 0;\n      width: 100%;\n      animation:\n        ", " ", "ms linear,\n        ", "ms ", " ", "ms infinite alternate;\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("left:0;width:100%;animation:",
 
 
 
-    moveToRightAnimation, transitionDuration,
-    spinnerAnimationDuration, spinnerAnimation, transitionDuration);
+    moveToRightAnimation, " ", transitionDuration, "ms linear,",
+    spinnerAnimationDuration, "ms ", spinnerAnimation, " ", transitionDuration, "ms infinite alternate;" + (process.env.NODE_ENV === "production" ? "" : ";label:errorAnimation;"));
 
   },
   standardAnimation: function standardAnimation(t, expectedTime) {
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        ", " ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("width:90%;animation:",
 
 
-    linearProgressAnimation, expectedTime,
-    slowProgressAnimationTime, slowProgressAnimation, expectedTime);
+    linearProgressAnimation, " ", expectedTime, "ms cubic-bezier(0, 0.4, 0.4, 1),",
+    slowProgressAnimationTime, "ms ", slowProgressAnimation, " ", expectedTime, "ms linear;" + (process.env.NODE_ENV === "production" ? "" : ";label:standardAnimation;"));
 
   },
   acceptAnimation: function acceptAnimation(t, startWidth, expectedTime, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms cubic-bezier(0, 0.4, 0.4, 1),\n        ", "ms ", " ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("width:90%;animation:transitionAnimation ",
 
 
-    transitionTime,
-    expectedTime, transitionTime,
-    slowProgressAnimationTime, slowProgressAnimation, expectedTime + transitionTime,
+    transitionTime, "ms linear,",
+    expectedTime, "ms acceptAnimation ", transitionTime, "ms cubic-bezier(0, 0.4, 0.4, 1),",
+    slowProgressAnimationTime, "ms ", slowProgressAnimation, " ", expectedTime + transitionTime, "ms linear;@keyframes transitionAnimation{from{width:",
 
 
-    width,
-    left,
+    width, "px;left:",
+    left, "px;}to{width:",
 
 
-    startWidth,
+    startWidth, "px;left:0;}}@keyframes acceptAnimation{from{width:",
 
 
 
 
 
-    startWidth);
+    startWidth, "px;}to{width:80%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:acceptAnimation;"));
 
 
 
@@ -162,24 +162,24 @@ var animations = exports.animations = {
   slowAcceptAnimation: function slowAcceptAnimation(t, startWidth, width, left) {
     var transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);
     var slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 90%;\n      animation:\n        transitionAnimation ", "ms linear,\n        ", "ms acceptAnimation ", "ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ", "px;\n          left: ", "px;\n        }\n        to {\n          width: ", "px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ", "px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("width:90%;animation:transitionAnimation ",
 
 
-    transitionTime,
-    slowProgressAnimationTime, transitionTime,
+    transitionTime, "ms linear,",
+    slowProgressAnimationTime, "ms acceptAnimation ", transitionTime, "ms linear;@keyframes transitionAnimation{from{width:",
 
 
-    width,
-    left,
+    width, "px;left:",
+    left, "px;}to{width:",
 
 
-    startWidth,
+    startWidth, "px;left:0;}}@keyframes acceptAnimation{from{width:",
 
 
 
 
 
-    startWidth);
+    startWidth, "px;}to{width:90%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:slowAcceptAnimation;"));
 
 
 
@@ -188,8 +188,8 @@ var animations = exports.animations = {
 
   },
   acceptWithoutAnimation: function acceptWithoutAnimation(startWidth) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: ", "px;\n    "])),
-    startWidth);
+    return /*#__PURE__*/(0, _Emotion.css)("width:",
+    startWidth, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:acceptWithoutAnimation;"));
 
   }
 };

package/cjs/components/GlobalLoader/GlobalLoaderView.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","styles","exports","memoizeStyle","outer","t","css","_taggedTemplateLiteralLoose2","default","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","inner","globalLoaderColor","standardWithoutAnimation","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","outer","t","css","globalLoaderWidth","globalLoaderHeight","globalLoaderBackgroundColor","globalLoaderPosition","globalLoaderLeft","globalLoaderTop","globalLoaderRight","globalLoaderBottom","process","env","NODE_ENV","inner","globalLoaderColor","standardWithoutAnimation","name","toString","successWithoutAnimation","errorWithoutAnimation","moveToRightAnimation","keyframes","_taggedTemplateLiteralLoose2","default","spinnerAnimation","linearProgressAnimation","slowProgressAnimation","animations","successAnimation","delayBeforeHide","width","left","errorAnimation","transitionDuration","parseInt","globalLoaderTransitionToSpinnerDuration","spinnerAnimationDuration","globalLoaderSpinnerAnimationDuration","standardAnimation","expectedTime","slowProgressAnimationTime","globalLoaderSlowAnimationDuration","acceptAnimation","startWidth","transitionTime","globalLoaderTransitionFromSpinnerDuration","slowAcceptAnimation","acceptWithoutAnimation"],"sources":["GlobalLoaderView.styles.ts"],"sourcesContent":["import { css, memoizeStyle, keyframes } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  outer(t: Theme) {\n    return css`\n      width: ${t.globalLoaderWidth};\n      height: ${t.globalLoaderHeight};\n      background-color: ${t.globalLoaderBackgroundColor};\n      position: ${t.globalLoaderPosition};\n      left: ${t.globalLoaderLeft};\n      top: ${t.globalLoaderTop};\n      right: ${t.globalLoaderRight};\n      bottom: ${t.globalLoaderBottom};\n      overflow: hidden;\n    `;\n  },\n  inner(t: Theme) {\n    return css`\n      background-color: ${t.globalLoaderColor};\n      width: 0;\n      height: ${t.globalLoaderHeight};\n      position: absolute;\n      left: 0;\n      overflow: hidden;\n    `;\n  },\n  standardWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 90%;\n    `;\n  },\n  successWithoutAnimation() {\n    return css`\n      left: 0;\n      width: 100%;\n    `;\n  },\n  errorWithoutAnimation() {\n    return css`\n      left: 40%;\n      width: 20%;\n    `;\n  },\n});\n\nconst moveToRightAnimation = keyframes`\n  0% {\n    left: 0;\n    width: 100%;\n  }\n  50% {\n    left: 50%;\n    width: 50%;\n  }\n  100% {\n    left: 99%;\n    width: 1%\n  }\n`;\nconst spinnerAnimation = keyframes`\n  0% {\n    transform: translateX(50%) scaleX(.005);\n    animation-timing-function: cubic-bezier(.895,.03,.685,.22);\n  }\n  50% {\n    transform: translateX(0) scaleX(.35);\n    animation-timing-function: cubic-bezier(.165,.84,.44,1);\n  }\n  100% {\n    transform: translateX(-50%) scaleX(.005);\n  }\n`;\nconst linearProgressAnimation = keyframes`\n  from { width: 0; }\n  to { width: 80% }\n`;\nconst slowProgressAnimation = keyframes`\n  from { width: 80%; }\n  to { width: 90% }\n`;\n\nexport const animations = {\n  successAnimation(delayBeforeHide: number, width: number, left: number) {\n    return css`\n      animation: successAnimation;\n      animation-duration: ${delayBeforeHide}ms;\n      @keyframes successAnimation {\n        0% {\n          width: ${width}px;\n          left: ${left}px;\n          opacity: 1;\n        }\n        20% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        80% {\n          width: 100%;\n          left: 0;\n          opacity: 1;\n        }\n        100% {\n          width: 100%;\n          opacity: 0;\n        }\n      }\n    `;\n  },\n  errorAnimation(t: Theme) {\n    const transitionDuration = parseInt(t.globalLoaderTransitionToSpinnerDuration);\n    const spinnerAnimationDuration = parseInt(t.globalLoaderSpinnerAnimationDuration);\n\n    return css`\n      left: 0;\n      width: 100%;\n      animation:\n        ${moveToRightAnimation} ${transitionDuration}ms linear,\n        ${spinnerAnimationDuration}ms ${spinnerAnimation} ${transitionDuration}ms infinite alternate;\n    `;\n  },\n  standardAnimation(t: Theme, expectedTime: number) {\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        ${linearProgressAnimation} ${expectedTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime}ms linear;\n    `;\n  },\n  acceptAnimation(t: Theme, startWidth: number, expectedTime: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${expectedTime}ms acceptAnimation ${transitionTime}ms cubic-bezier(0, 0.4, 0.4, 1),\n        ${slowProgressAnimationTime}ms ${slowProgressAnimation} ${expectedTime + transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 80%;\n        }\n      }\n    `;\n  },\n  slowAcceptAnimation(t: Theme, startWidth: number, width: number, left: number) {\n    const transitionTime = parseInt(t.globalLoaderTransitionFromSpinnerDuration);\n    const slowProgressAnimationTime = parseInt(t.globalLoaderSlowAnimationDuration);\n    return css`\n      width: 90%;\n      animation:\n        transitionAnimation ${transitionTime}ms linear,\n        ${slowProgressAnimationTime}ms acceptAnimation ${transitionTime}ms linear;\n      @keyframes transitionAnimation {\n        from {\n          width: ${width}px;\n          left: ${left}px;\n        }\n        to {\n          width: ${startWidth}px;\n          left: 0;\n        }\n      }\n      @keyframes acceptAnimation {\n        from {\n          width: ${startWidth}px;\n        }\n        to {\n          width: 90%;\n        }\n      }\n    `;\n  },\n  acceptWithoutAnimation(startWidth: number) {\n    return css`\n      width: ${startWidth}px;\n    `;\n  },\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Group/Group.styles.js

@@ -1,41 +1,41 @@
-"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, _templateObject6;
+"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-flex;\n      line-height: normal;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1jo9ssw", styles: "display:inline-flex;line-height:normal" } : { name: "1x7njen-root", styles: "display:inline-flex;line-height:normal;label:root;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
 
   fixed: function fixed() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-shrink: 0;\n      display: inline-block;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "9u8y1h", styles: "flex-shrink:0;display:inline-block" } : { name: "7tjt4j-fixed", styles: "flex-shrink:0;display:inline-block;label:fixed;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
 
   stretch: function stretch() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-grow: 1;\n      flex-shrink: 1;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "2h1wr3", styles: "flex-grow:1;flex-shrink:1" } : { name: "11wmfje-stretch", styles: "flex-grow:1;flex-shrink:1;label:stretch;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
 
   },
 
   stretchFallback: function stretchFallback() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      flex-basis: 100%;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "48d2gn", styles: "flex-basis:100%" } : { name: "ro9n8a-stretchFallback", styles: "flex-basis:100%;label:stretchFallback;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   item: function item() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: -1px;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "15ogush", styles: "margin-left:-1px" } : { name: "lf02if-item", styles: "margin-left:-1px;label:item;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   },
 
   itemFirst: function itemFirst() {
-    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: 0;\n    "])));
+    return /*#__PURE__*/(0, _Emotion.css)(process.env.NODE_ENV === "production" ? { name: "1gz4j9a", styles: "margin-left:0" } : { name: "q23b0v-itemFirst", styles: "margin-left:0;label:itemFirst;", toString: _EMOTION_STRINGIFIED_CSS_ERROR__ });
 
 
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","fixed","stretch","stretchFallback","item","itemFirst"],"sources":["Group.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-flex;\n      line-height: normal;\n    `;\n  },\n\n  fixed() {\n    return css`\n      flex-shrink: 0;\n      display: inline-block;\n    `;\n  },\n\n  stretch() {\n    return css`\n      flex-grow: 1;\n      flex-shrink: 1;\n    `;\n  },\n\n  stretchFallback() {\n    return css`\n      flex-basis: 100%;\n    `;\n  },\n\n  item() {\n    return css`\n      margin-left: -1px;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-left: 0;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,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,EAAAV,eAAA,KAAAA,eAAA,OAAAW,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDC,KAAK,WAAAA,MAAA,EAAG;IACN,WAAOH,YAAG,EAAAT,gBAAA,KAAAA,gBAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDE,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOJ,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;EAIZ,CAAC;;EAEDG,eAAe,WAAAA,gBAAA,EAAG;IAChB,WAAOL,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,IAAI,WAAAA,KAAA,EAAG;IACL,WAAON,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDK,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOP,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","styles","exports","memoizeStyle","root","css","process","env","NODE_ENV","name","toString","fixed","stretch","stretchFallback","item","itemFirst"],"sources":["Group.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-flex;\n      line-height: normal;\n    `;\n  },\n\n  fixed() {\n    return css`\n      flex-shrink: 0;\n      display: inline-block;\n    `;\n  },\n\n  stretch() {\n    return css`\n      flex-grow: 1;\n      flex-shrink: 1;\n    `;\n  },\n\n  stretchFallback() {\n    return css`\n      flex-basis: 100%;\n    `;\n  },\n\n  item() {\n    return css`\n      margin-left: -1px;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-left: 0;\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,aAAAR,MAAA,iDAAAQ,IAAA,kBAAAR,MAAA,wDAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDW,KAAK,WAAAA,MAAA,EAAG;IACN,wBAAON,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,6CAAAQ,IAAA,kBAAAR,MAAA,qDAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDY,OAAO,WAAAA,QAAA,EAAG;IACR,wBAAOP,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,oCAAAQ,IAAA,qBAAAR,MAAA,8CAAAS,QAAA,EAAAV,gCAAA;;;;EAIZ,CAAC;;EAEDa,eAAe,WAAAA,gBAAA,EAAG;IAChB,wBAAOR,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,YAAAR,MAAA,0BAAAQ,IAAA,4BAAAR,MAAA,4CAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDc,IAAI,WAAAA,KAAA,EAAG;IACL,wBAAOT,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,2BAAAQ,IAAA,iBAAAR,MAAA,kCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ,CAAC;;EAEDe,SAAS,WAAAA,UAAA,EAAG;IACV,wBAAOV,YAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,sBAAAC,IAAA,aAAAR,MAAA,wBAAAQ,IAAA,sBAAAR,MAAA,oCAAAS,QAAA,EAAAV,gCAAA;;;EAGZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+import { story, kind, test } from 'creevey';
+
+kind('Group', () => {
+  story('SimpleGroupWithInputAndButton', () => {
+    test('plain', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'plain');
+    });
+
+    test('focused input', async (context) => {
+      await context.webdriver
+        .actions({
+          bridge: true,
+        })
+        .click(context.webdriver.findElement({ css: 'input' }))
+        .perform();
+      await context.matchImage(await context.takeScreenshot(), 'focused input');
+    });
+  });
+});

package/cjs/components/Hint/Hint.styles.js

@@ -1,24 +1,24 @@
-"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;
+"use strict";exports.__esModule = true;exports.styles = void 0;
+var _Emotion = require("../../lib/theming/Emotion");
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   content: function content(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      color: ", ";\n      font-size: ", ";\n      line-height: ", ";\n      max-width: ", ";\n      overflow-wrap: break-word;\n      padding: ", " ", ";\n      word-break: break-word;\n      word-wrap: break-word;\n    "])),
+    return /*#__PURE__*/(0, _Emotion.css)("box-sizing:border-box;color:",
 
-    t.hintColor,
-    t.hintFontSize,
-    t.hintLineHeight,
-    t.hintMaxWidth,
+    t.hintColor, ";font-size:",
+    t.hintFontSize, ";line-height:",
+    t.hintLineHeight, ";max-width:",
+    t.hintMaxWidth, ";overflow-wrap:break-word;padding:",
 
-    t.hintPaddingY, t.hintPaddingX);
+    t.hintPaddingY, " ", t.hintPaddingX, ";word-break:break-word;word-wrap:break-word;" + (process.env.NODE_ENV === "production" ? "" : ";label:content;"));
 
 
 
   },
 
   contentCenter: function contentCenter(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: ", ";\n    "])),
-    t.hintTextAlign);
+    return /*#__PURE__*/(0, _Emotion.css)("text-align:",
+    t.hintTextAlign, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentCenter;"));
 
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","styles","exports","memoizeStyle","content","t","css","_taggedTemplateLiteralLoose2","default","hintColor","hintFontSize","hintLineHeight","hintMaxWidth","hintPaddingY","hintPaddingX","contentCenter","hintTextAlign"],"sources":["Hint.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  content(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      color: ${t.hintColor};\n      font-size: ${t.hintFontSize};\n      line-height: ${t.hintLineHeight};\n      max-width: ${t.hintMaxWidth};\n      overflow-wrap: break-word;\n      padding: ${t.hintPaddingY} ${t.hintPaddingX};\n      word-break: break-word;\n      word-wrap: break-word;\n    `;\n  },\n\n  contentCenter(t: Theme) {\n    return css`\n      text-align: ${t.hintTextAlign};\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,WAAOC,YAAG,EAAAP,eAAA,KAAAA,eAAA,OAAAQ,4BAAA,CAAAC,OAAA;;IAECH,CAAC,CAACI,SAAS;IACPJ,CAAC,CAACK,YAAY;IACZL,CAAC,CAACM,cAAc;IAClBN,CAAC,CAACO,YAAY;;IAEhBP,CAAC,CAACQ,YAAY,EAAIR,CAAC,CAACS,YAAY;;;;EAI/C,CAAC;;EAEDC,aAAa,WAAAA,cAACV,CAAQ,EAAE;IACtB,WAAOC,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;IACMH,CAAC,CAACW,aAAa;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","styles","exports","memoizeStyle","content","t","css","hintColor","hintFontSize","hintLineHeight","hintMaxWidth","hintPaddingY","hintPaddingX","process","env","NODE_ENV","contentCenter","hintTextAlign"],"sources":["Hint.styles.ts"],"sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  content(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      color: ${t.hintColor};\n      font-size: ${t.hintFontSize};\n      line-height: ${t.hintLineHeight};\n      max-width: ${t.hintMaxWidth};\n      overflow-wrap: break-word;\n      padding: ${t.hintPaddingY} ${t.hintPaddingX};\n      word-break: break-word;\n      word-wrap: break-word;\n    `;\n  },\n\n  contentCenter(t: Theme) {\n    return css`\n      text-align: ${t.hintTextAlign};\n    `;\n  },\n});\n"],"mappings":";AACA,IAAAA,QAAA,GAAAC,OAAA;;AAEO,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAACC,CAAQ,EAAE;IAChB,wBAAOC,YAAG;;IAECD,CAAC,CAACE,SAAS;IACPF,CAAC,CAACG,YAAY;IACZH,CAAC,CAACI,cAAc;IAClBJ,CAAC,CAACK,YAAY;;IAEhBL,CAAC,CAACM,YAAY,OAAIN,CAAC,CAACO,YAAY,oDAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;;;;EAI/C,CAAC;;EAEDC,aAAa,WAAAA,cAACX,CAAQ,EAAE;IACtB,wBAAOC,YAAG;IACMD,CAAC,CAACY,aAAa,SAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;;EAEjC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+import { story, kind, test } from 'creevey';
+
+import { delay } from '../../../lib/delay';
+
+kind('Hint', () => {
+  story('SetManualAndOpenedPropOnClick', () => {
+    test('click on hint', async (context) => {
+      await context.webdriver
+        .actions()
+        .click(context.webdriver.findElement({ css: '#main' }))
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'click on hint');
+    });
+  });
+
+  story('WithSVGIcon', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: {
+        'internal logic being tested and not something UI related': {
+          in: [
+            'chromeDark',
+            'chrome8px',
+            'firefox8px',
+            'firefox',
+            'firefoxFlat8px',
+            'firefoxDark',
+            'ie118px',
+            'ie11',
+            'ie11Dark',
+          ],
+        },
+      },
+    });
+
+    test('idle', async (context) => {
+      await context.matchImage(await context.takeScreenshot(), 'idle');
+    });
+
+    test('hover', async (context) => {
+      await context.webdriver
+        .actions()
+        .move({
+          origin: context.webdriver.findElement({ css: '[data-tid="icon"]' }),
+        })
+        .perform();
+      await delay(1000);
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'open');
+    });
+  });
+  story('top bottom center', ({ setStoryParameters }) => {
+    setStoryParameters({
+      skip: { "themes don't affect logic": { in: /^(?!\bchrome2022\b)/ } },
+    });
+  });
+  story('HintNearScreenEdge', ({ setStoryParameters }) => {
+    setStoryParameters({
+      captureElement: 'body',
+      skip: { 'no themes': { in: /^(?!\b(chrome2022|firefox2022)\b)/ } },
+    });
+  });
+
+  story('HintWithoutPortal', () => {
+    test('opened', async (context) => {
+      await context.matchImage(await context.webdriver.takeScreenshot(), 'open');
+    });
+  });
+});