@mvf/external-components 3.23.0 → 3.24.1-dev.0

package/Experiments/CRO-584/Organisms/__helpers__/Options.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 declare const Options: ({ Icon, layout, count, type, hasOtherOption, text, }: {
-    Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-    type: "radio" | "checkbox" | "iconTileRadioButton" | "iconTileCheckbox";
-    layout: "tile" | "list";
+    Icon?: React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> | undefined;
+    type: 'radio' | 'checkbox' | 'iconTileRadioButton' | 'iconTileCheckbox';
+    layout: 'tile' | 'list';
     count: number;
     text: string;
     hasOtherOption: boolean;

package/Experiments/CRO-584/Organisms/__helpers__/Options.js

@@ -26,23 +26,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -115,25 +105,25 @@ var Options = function (_a) {
     if (layout === 'list') {
         switch (type) {
             case 'iconTileCheckbox':
-                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderIconTileCheckbox_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderIconTileCheckbox_1.default) })));
             case 'iconTileRadioButton':
-                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderIconTileRadioButton_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderIconTileRadioButton_1.default) })));
             case 'checkbox':
-                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderCheckbox_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderCheckbox_1.default) })));
             default:
-                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderRadioButton_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(ListLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderRadioButton_1.default) })));
         }
     }
     if (layout === 'tile') {
         switch (type) {
             case 'iconTileCheckbox':
-                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderIconTileCheckbox_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderIconTileCheckbox_1.default) })));
             case 'iconTileRadioButton':
-                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderIconTileRadioButton_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderIconTileRadioButton_1.default) })));
             case 'checkbox':
-                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderCheckbox_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderCheckbox_1.default) })));
             default:
-                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, { experimentName: "default", children: (0, lodash_1.map)(items, renderRadioButton_1.default) }));
+                return ((0, jsx_runtime_1.jsx)(TileLayout_1.default, __assign({ experimentName: "default" }, { children: (0, lodash_1.map)(items, renderRadioButton_1.default) })));
         }
     }
     return null;

package/Experiments/CRO-584/Organisms/__helpers__/Options.js.map

@@ -1 +1 @@
-{"version":3,"file":"Options.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/__helpers__/Options.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Options.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/__helpers__/Options.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO-584/Organisms/__helpers__/generateMenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateMenuItems.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/__helpers__/generateMenuItems.ts"],"names":[],"mappings":";;AAAA,IAAM,iBAAiB,GAAG,UAAC,UAAkB,EAAE,IAAY;IACzD,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE,CAAC;QAC/D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,UAAG,SAAS,CAAE;YAClB,IAAI,EAAE,UAAG,IAAI,cAAI,SAAS,GAAG,CAAC,CAAE;YAChC,QAAQ,EAAE,KAAK;SAChB,CAAC;IACJ,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"generateMenuItems.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/__helpers__/generateMenuItems.ts"],"names":[],"mappings":";;AAAA,IAAM,iBAAiB,GAAG,UAAC,UAAkB,EAAE,IAAY;IACzD,IAAM,SAAS,GAGX,EAAE,CAAC;IACP,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,SAAS,IAAI,CAAC,EAAE;QAC9D,SAAS,CAAC,SAAS,CAAC,GAAG;YACrB,EAAE,EAAE,UAAG,SAAS,CAAE;YAClB,IAAI,EAAE,UAAG,IAAI,cAAI,SAAS,GAAG,CAAC,CAAE;YAChC,QAAQ,EAAE,KAAK;SAChB,CAAC;KACH;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/IComponentProps.d.ts

@@ -0,0 +1,7 @@
+interface IComponentProps {
+    id?: string;
+    progress: number;
+    text: string;
+    testId?: string;
+}
+export default IComponentProps;

package/Experiments/CRO-585-a/Atoms/ProgressBar/IComponentProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IComponentProps.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/IComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComponentProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/IComponentProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React';
+import defaultProps from './defaultProps';
+import IComponentProps from './IComponentProps';
+import WithExperimentName from '../../../../@types/WithExperimentName';
+export declare type ProgressBarType = FunctionComponentWithDefaultProps<WithExperimentName<IComponentProps>, typeof defaultProps>;
+declare const ProgressBar: ProgressBarType;
+export default ProgressBar;

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.js

@@ -0,0 +1,47 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var react_1 = require("@emotion/react");
+var ProgressBarHelpers_1 = require("./ProgressBarHelpers");
+var makeProgressBarStyling_1 = __importDefault(require("./makeProgressBarStyling"));
+var react_2 = __importDefault(require("react"));
+var ProgressBar = function (_a) {
+    var id = _a.id, progress = _a.progress, text = _a.text, testId = _a.testId;
+    var theme = (0, react_1.useTheme)();
+    var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
+        progressBarFilledColor: theme.mvf.palette.component.progressBarFilledColor,
+        progressBarUnfilledColor: theme.mvf.palette.component.progressBarUnfilledColor,
+        progress: progress,
+    });
+    var boxRef = react_2.default.useRef(null);
+    var _b = react_2.default.useState(0), width = _b[0], setWidth = _b[1];
+    react_2.default.useEffect(function () {
+        if (boxRef.current) {
+            setWidth(boxRef.current.getBoundingClientRect().width);
+        }
+    }, []);
+    var styles = (0, makeProgressBarStyling_1.default)(theme, useLightText, width, progress);
+    return ((0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ css: styles.container, "data-testid": testId }, { children: [(0, jsx_runtime_1.jsxs)(Typography_1.default, __assign({ css: styles.text }, { children: [text, " ", progress, "%"] })), (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { ref: boxRef, variant: "determinate", css: styles.car, value: progress }), (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { variant: "determinate", css: styles.progressBar, id: id, value: progress })] })));
+};
+ProgressBar.defaultProps = defaultProps_1.default;
+exports.default = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAoC;AACpC,gFAA0D;AAC1D,wEAAkD;AAElD,gEAA0C;AAE1C,wCAA0C;AAC1C,2DAA0D;AAE1D,oFAA8D;AAE9D,gDAA0B;AAO1B,IAAM,WAAW,GAAoB,UAAC,EAA8B;QAA5B,EAAE,QAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAE,MAAM,YAAA;IAChE,IAAM,KAAK,GAAW,IAAA,gBAAQ,GAAE,CAAC;IACjC,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;QACtC,sBAAsB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;QAC1E,wBAAwB,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;QACtD,QAAQ,UAAA;KACT,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACnD,IAAA,KAAoB,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAA5C,KAAK,QAAA,EAAE,QAAQ,QAA6B,CAAC;IAEpD,eAAK,CAAC,SAAS,CAAC;QACd,IAAI,MAAM,CAAC,OAAO,EAAE;YAClB,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;SACxD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,MAAM,GAAG,IAAA,gCAAsB,EAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC5E,OAAO,CACL,wBAAC,aAAG,aAAC,GAAG,EAAE,MAAM,CAAC,SAAS,iBAAe,MAAM,iBAC7C,wBAAC,oBAAU,aAAC,GAAG,EAAE,MAAM,CAAC,IAAI,iBACzB,IAAI,OAAG,QAAQ,UACL,EACb,uBAAC,wBAAc,IACb,GAAG,EAAE,MAAM,EACX,OAAO,EAAC,aAAa,EACrB,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,KAAK,EAAE,QAAQ,GACf,EACF,uBAAC,wBAAc,IACb,OAAO,EAAC,aAAa,EACrB,GAAG,EAAE,MAAM,CAAC,WAAW,EACvB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,QAAQ,GACf,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.test.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var ProgressBar_1 = __importDefault(require("./ProgressBar"));
+describe('<ProgressBar />', function () {
+    it('should display progress bar', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", testId: "test-id", progress: 50, experimentName: "default" })).getByTestId;
+        expect(getByTestId('test-id')).toBeTruthy();
+    });
+    it('should display progress text', function () {
+        var text = 'Progress:';
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "test-id", progress: 50, text: text, experimentName: "default" })).getByText;
+        expect(getByText(/50%/)).toBeTruthy();
+        expect(getByText(/Progress:/)).toBeTruthy();
+    });
+});
+//# sourceMappingURL=ProgressBar.test.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,8DAAwC;AAExC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,6BAA6B,EAAE;QACxB,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAC,SAAS,GACxB,CACH,YAPkB,CAOjB;QACF,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE;QACjC,IAAM,IAAI,GAAG,WAAW,CAAC;QACjB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,qBAAW,IACV,EAAE,EAAC,SAAS,EACZ,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAC,SAAS,GACxB,CACH,UAPgB,CAOf;QACF,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.d.ts

@@ -0,0 +1,11 @@
+/**
+ * calculateYIQ uses the luma conversion formula to calculate the relative luminescence of a color.
+ * see https://en.wikipedia.org/wiki/YIQ
+ * @param hexColor: rgb color
+ * @returns number: YIQ = (Y)luminance (IQ)chrominance for the RGB colour provided
+ */
+export declare const shouldUseLightText: ({ progressBarFilledColor, progressBarUnfilledColor, progress, }: {
+    progressBarFilledColor: string;
+    progressBarUnfilledColor: string;
+    progress: number;
+}) => boolean;

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.js

@@ -0,0 +1,28 @@
+"use strict";
+/**
+ * calculateYIQ uses the luma conversion formula to calculate the relative luminescence of a color.
+ * see https://en.wikipedia.org/wiki/YIQ
+ * @param hexColor: rgb color
+ * @returns number: YIQ = (Y)luminance (IQ)chrominance for the RGB colour provided
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldUseLightText = void 0;
+var calculateYIQ = function (hexcolor) {
+    var _a, _b, _c;
+    var rgb = hexcolor.replace(/[^0-9\,]/g, ''); // remove everything except numbers and commas
+    var split = rgb.split(',');
+    var r = parseInt((_a = split[0]) !== null && _a !== void 0 ? _a : 0, 16);
+    var g = parseInt((_b = split[1]) !== null && _b !== void 0 ? _b : 0, 16);
+    var b = parseInt((_c = split[2]) !== null && _c !== void 0 ? _c : 0, 16);
+    var yiq = (r * 0.299 + g * 0.587 + b * 0.114) / 1000;
+    return yiq;
+};
+var shouldUseLightText = function (_a) {
+    var progressBarFilledColor = _a.progressBarFilledColor, progressBarUnfilledColor = _a.progressBarUnfilledColor, progress = _a.progress;
+    var textBackground = progress > 50 ? progressBarFilledColor : progressBarUnfilledColor;
+    // This matches the hexadecimal 138 value suggested by Vlad Gutkovsky see https://www.infinityinsight.com/blog/?p=411
+    var DARK_YIQ = 0.31;
+    return calculateYIQ(textBackground) < DARK_YIQ;
+};
+exports.shouldUseLightText = shouldUseLightText;
+//# sourceMappingURL=ProgressBarHelpers.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarHelpers.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,IAAM,YAAY,GAAG,UAAC,QAAgB;;IACpC,IAAM,GAAG,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,8CAA8C;IAC7F,IAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC7B,IAAM,CAAC,GAAG,QAAQ,CAAC,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,IAAM,CAAC,GAAG,QAAQ,CAAC,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,IAAM,CAAC,GAAG,QAAQ,CAAC,MAAA,KAAK,CAAC,CAAC,CAAC,mCAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,IAAM,GAAG,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;IACvD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEK,IAAM,kBAAkB,GAAG,UAAC,EAQlC;QAPC,sBAAsB,4BAAA,EACtB,wBAAwB,8BAAA,EACxB,QAAQ,cAAA;IAMR,IAAM,cAAc,GAClB,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,wBAAwB,CAAC;IAEpE,qHAAqH;IACrH,IAAM,QAAQ,GAAG,IAAI,CAAC;IACtB,OAAO,YAAY,CAAC,cAAc,CAAC,GAAG,QAAQ,CAAC;AACjD,CAAC,CAAC;AAfW,QAAA,kBAAkB,sBAe7B"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.test.d.ts

@@ -0,0 +1 @@
+export {};

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.test.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ProgressBarHelpers_1 = require("./ProgressBarHelpers");
+describe('ProgressBarHelpers', function () {
+    var darkBackground = 'rgb(0, 0, 0)';
+    var lightBackground = 'rgb(255, 255, 255)';
+    it('should use light text for dark filled text background', function () {
+        var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
+            progressBarFilledColor: darkBackground,
+            progressBarUnfilledColor: lightBackground,
+            progress: 51,
+        });
+        expect(useLightText).toBe(true);
+    });
+    it('should use dark text for light filled text background', function () {
+        var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
+            progressBarFilledColor: lightBackground,
+            progressBarUnfilledColor: darkBackground,
+            progress: 51,
+        });
+        expect(useLightText).toBe(false);
+    });
+    it('should use light text for dark unfilled text background', function () {
+        var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
+            progressBarFilledColor: lightBackground,
+            progressBarUnfilledColor: darkBackground,
+            progress: 50,
+        });
+        expect(useLightText).toBe(true);
+    });
+    it('should use dark text for light unfilled text background', function () {
+        var useLightText = (0, ProgressBarHelpers_1.shouldUseLightText)({
+            progressBarFilledColor: darkBackground,
+            progressBarUnfilledColor: lightBackground,
+            progress: 50,
+        });
+        expect(useLightText).toBe(false);
+    });
+});
+//# sourceMappingURL=ProgressBarHelpers.test.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarHelpers.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarHelpers.test.ts"],"names":[],"mappings":";;AAAA,2DAA0D;AAE1D,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,IAAM,cAAc,GAAG,cAAc,CAAC;IACtC,IAAM,eAAe,GAAG,oBAAoB,CAAC;IAE7C,EAAE,CAAC,uDAAuD,EAAE;QAC1D,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;YACtC,sBAAsB,EAAE,cAAc;YACtC,wBAAwB,EAAE,eAAe;YACzC,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;QAC1D,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;YACtC,sBAAsB,EAAE,eAAe;YACvC,wBAAwB,EAAE,cAAc;YACxC,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;YACtC,sBAAsB,EAAE,eAAe;YACvC,wBAAwB,EAAE,cAAc;YACxC,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE;QAC5D,IAAM,YAAY,GAAG,IAAA,uCAAkB,EAAC;YACtC,sBAAsB,EAAE,cAAc;YACtC,wBAAwB,EAAE,eAAe;YACzC,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarStory.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type ProgressBarStoryType = React.FunctionComponent<{
+    progress: number;
+    text: string;
+}>;
+declare const ProgressBarStory: ProgressBarStoryType;
+export default ProgressBarStory;

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarStory.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var ProgressBar_1 = __importDefault(require("./ProgressBar"));
+var ProgressBarStory = function (_a) {
+    var text = _a.text, progress = _a.progress;
+    return ((0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "id", progress: progress, text: text, experimentName: "default" }));
+};
+exports.default = ProgressBarStory;
+//# sourceMappingURL=ProgressBarStory.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;;AACA,8DAAwC;AAOxC,IAAM,gBAAgB,GAAyB,UAAC,EAAkB;QAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACrE,uBAAC,qBAAW,IACV,EAAE,EAAC,IAAI,EACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,cAAc,EAAC,SAAS,GACxB,CACH;AAPsE,CAOtE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/defaultProps.d.ts

@@ -0,0 +1,4 @@
+declare const defaultProps: {
+    text: string;
+};
+export default defaultProps;

package/Experiments/CRO-585-a/Atoms/ProgressBar/defaultProps.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    text: 'Progress:',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProgressBar';

package/Experiments/CRO-585-a/Atoms/ProgressBar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ProgressBar_1 = require("./ProgressBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}

package/Experiments/CRO-585-a/Atoms/ProgressBar/makeProgressBarStyling.d.ts

@@ -0,0 +1,8 @@
+import { ITheme } from '../../../../Themes/themes';
+declare const makeProgressBarStyling: (theme: ITheme, useLightText: boolean, width: number, progress: number) => {
+    container: import("@emotion/react").SerializedStyles;
+    progressBar: import("@emotion/react").SerializedStyles;
+    text: import("@emotion/react").SerializedStyles;
+    car: import("@emotion/react").SerializedStyles;
+};
+export default makeProgressBarStyling;

package/Experiments/CRO-585-a/Atoms/ProgressBar/makeProgressBarStyling.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var LIGHT_TEXT_SHADOW = 'rgb(255, 255, 255) 1px 1px 4px';
+var DARK_TEXT_SHADOW = 'rgb(0, 0, 0) 1px 1px 4px';
+var DARK_TEXT_COLOR = 'rgb(0, 0, 0)';
+var LIGHT_TEXT_COLOR = 'rgb(255, 255, 255)';
+var CAR_IMAGE_WIDTH = 42;
+var CAR_IMAGE = "url(\"data:image/svg+xml,%3Csvg width='62px' height='32px' viewBox='0 0 62 32' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(0) scale(1, 1)'%3E%3Cpath d='M47 30C49.7614 30 52 27.7614 52 25C52 22.2386 49.7614 20 47 20C44.2386 20 42 22.2386 42 25C42 27.7614 44.2386 30 47 30Z' stroke='%2339da96' stroke-width='4'/%3E%3Cpath d='M15 30C17.7614 30 20 27.7614 20 25C20 22.2386 17.7614 20 15 20C12.2386 20 10 22.2386 10 25C10 27.7614 12.2386 30 15 30Z' stroke='%2339da96' stroke-width='4'/%3E%3Cpath d='M2 19V11L14.2 10L18.4 2H39.4L43.7 11L60 11.8V19' stroke='%2339da96' stroke-width='4'/%3E%3C/svg%3E\")";
+var makeProgressBarStyling = function (theme, useLightText, width, progress) {
+    var PROGRESS_IN_PX = (width / 100) * progress;
+    var CAR_POSITION = PROGRESS_IN_PX === 0
+        ? -CAR_IMAGE_WIDTH
+        : PROGRESS_IN_PX < CAR_IMAGE_WIDTH
+            ? -(CAR_IMAGE_WIDTH - PROGRESS_IN_PX)
+            : 0;
+    return {
+        container: (0, react_1.css)({
+            height: 52,
+            display: 'grid',
+            width: '100%',
+            position: 'relative',
+        }),
+        progressBar: (0, react_1.css)({
+            height: '100%',
+            position: 'relative',
+            gridRowStart: 2,
+            gridColumnStart: 1,
+            '& .MuiLinearProgress-barColorPrimary': {
+                backgroundColor: theme.mvf.palette.component.progressBarFilledColor,
+            },
+            '&.MuiLinearProgress-colorPrimary': {
+                backgroundColor: theme.mvf.palette.component.progressBarUnfilledColor,
+                height: 25,
+            },
+        }),
+        text: (0, react_1.css)({
+            gridRowStart: 2,
+            gridColumnStart: 1,
+            position: 'relative',
+            width: 'inherit',
+            zIndex: 1,
+            lineHeight: '25px',
+            fontSize: theme.mvf.fontSize.tiny,
+            textShadow: useLightText ? DARK_TEXT_SHADOW : LIGHT_TEXT_SHADOW,
+            color: useLightText ? LIGHT_TEXT_COLOR : DARK_TEXT_COLOR,
+            textAlign: 'center',
+            transition: 'color 0.5s ease, textShadow 0.5s ease',
+        }),
+        car: (0, react_1.css)({
+            gridRowStart: 1,
+            gridColumnStart: 1,
+            zIndex: 2,
+            height: 27,
+            '& .MuiLinearProgress-barColorPrimary': {
+                backgroundColor: 'transparent',
+                '&:before': {
+                    content: '""',
+                    position: 'absolute',
+                    bottom: 2,
+                    right: CAR_POSITION,
+                    backgroundImage: CAR_IMAGE,
+                    backgroundRepeat: 'no-repeat',
+                    backgroundSize: 'contain',
+                    backgroundPosition: '50% 50%',
+                    width: CAR_IMAGE_WIDTH,
+                    height: 22,
+                    transition: "right .3s linear",
+                },
+            },
+            '&.MuiLinearProgress-colorPrimary': {
+                backgroundColor: 'transparent',
+            },
+        }),
+    };
+};
+exports.default = makeProgressBarStyling;
+//# sourceMappingURL=makeProgressBarStyling.js.map

package/Experiments/CRO-585-a/Atoms/ProgressBar/makeProgressBarStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeProgressBarStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-585-a/Atoms/ProgressBar/makeProgressBarStyling.ts"],"names":[],"mappings":";;AAAA,wCAAqC;AAGrC,IAAM,iBAAiB,GAAG,gCAAgC,CAAC;AAC3D,IAAM,gBAAgB,GAAG,0BAA0B,CAAC;AACpD,IAAM,eAAe,GAAG,cAAc,CAAC;AACvC,IAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAC9C,IAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,IAAM,SAAS,GAAG,0mBAAwmB,CAAC;AAE3nB,IAAM,sBAAsB,GAAG,UAC7B,KAAa,EACb,YAAqB,EACrB,KAAa,EACb,QAAgB;IAEhB,IAAM,cAAc,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,QAAQ,CAAC;IAChD,IAAM,YAAY,GAChB,cAAc,KAAK,CAAC;QAClB,CAAC,CAAC,CAAC,eAAe;QAClB,CAAC,CAAC,cAAc,GAAG,eAAe;YAClC,CAAC,CAAC,CAAC,CAAC,eAAe,GAAG,cAAc,CAAC;YACrC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;SACrB,CAAC;QACF,WAAW,EAAE,IAAA,WAAG,EAAC;YACf,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,UAAU;YACpB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,sCAAsC,EAAE;gBACtC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;aACpE;YACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;gBACrE,MAAM,EAAE,EAAE;aACX;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;YACjC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;YAC/D,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe;YACxD,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,uCAAuC;SACpD,CAAC;QACF,GAAG,EAAE,IAAA,WAAG,EAAC;YACP,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,EAAE;YACV,sCAAsC,EAAE;gBACtC,eAAe,EAAE,aAAa;gBAC9B,UAAU,EAAE;oBACV,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,UAAU;oBACpB,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE,YAAY;oBACnB,eAAe,EAAE,SAAS;oBAC1B,gBAAgB,EAAE,WAAW;oBAC7B,cAAc,EAAE,SAAS;oBACzB,kBAAkB,EAAE,SAAS;oBAC7B,KAAK,EAAE,eAAe;oBACtB,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,kBAAkB;iBAC/B;aACF;YACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,aAAa;aAC/B;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/Experiments/Example/Atoms/CardButton/CardButton.d.ts

@@ -2,6 +2,6 @@ import { FunctionComponentWithDefaultProps } from '../../../../Helpers/React/Fun
 import ICardButtonProps from './ICardButtonProps';
 import defaultProps from './defaultProps';
 import WithExperimentName from '../../../../@types/WithExperimentName';
-export type CardButtonType = FunctionComponentWithDefaultProps<WithExperimentName<ICardButtonProps>, typeof defaultProps>;
+export declare type CardButtonType = FunctionComponentWithDefaultProps<WithExperimentName<ICardButtonProps>, typeof defaultProps>;
 declare const CardButton: CardButtonType;
 export default CardButton;

package/Experiments/Example/Atoms/CardButton/CardButton.js

@@ -26,23 +26,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -73,7 +63,7 @@ var CardButton = function (_a) {
             isError: errorMessage !== undefined,
             selected: selected,
             outlined: outlined,
-        }), onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, props, { children: (0, jsx_runtime_1.jsx)("div", { css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }), children: children }) })));
+        }), onClick: onClick, onKeyDown: onKeyDown, onBlur: onBlur }, props, { children: (0, jsx_runtime_1.jsx)("div", __assign({ css: (0, makeCardButtonStyling_1.makeCardButtonSelectedOverlayStyling)({ selected: selected }) }, { children: children })) })));
 };
 CardButton.defaultProps = defaultProps_1.default;
 exports.default = CardButton;

package/Experiments/Example/Atoms/CardButton/CardButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EAQnC;IAPC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,KAAK,cAP0B,sEAQnC,CADS;IAEA,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;SACT,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IACV,KAAK,cAET,gCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"CardButton.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,4DAAwC;AAExC,8FAAwF;AAExF,gEAA0C;AAC1C,+EAEiC;AAQjC,IAAM,UAAU,GAAmB,UAAC,EAQnC;IAPC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,KAAK,cAP0B,sEAQnC,CADS;IAEA,IAAA,YAAY,GAAK,IAAA,sCAAe,EAAC;QACvC,8BAA8B,EAAE,KAAK;KACtC,CAAC,aAFkB,CAEjB;IAEH,OAAO,CACL,uBAAC,cAAM,aACL,GAAG,EAAE,IAAA,+BAAqB,EAAC;YACzB,OAAO,EAAE,YAAY,KAAK,SAAS;YACnC,QAAQ,UAAA;YACR,QAAQ,UAAA;SACT,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IACV,KAAK,cAET,yCAAK,GAAG,EAAE,IAAA,4DAAoC,EAAC,EAAE,QAAQ,UAAA,EAAE,CAAC,gBACzD,QAAQ,IACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/Example/Atoms/CardButton/CardButton.test.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,15 +20,15 @@ var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/r
 var CardButton_1 = __importDefault(require("./CardButton"));
 describe('<CardButton />', function () {
     it('should display children', function () {
-        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { experimentName: "example", children: "test" })).getByText;
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ experimentName: "example" }, { children: "test" }))).getByText;
         expect(getByText('test')).toBeTruthy();
     });
     it('should render with the outlined prop enabled', function () {
-        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { outlined: true, experimentName: "example", children: "test" })).getByText;
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ outlined: true, experimentName: "example" }, { children: "test" }))).getByText;
         expect(getByText('test')).toBeTruthy();
     });
     it('should render with the outlined prop enabled', function () {
-        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, { selected: true, experimentName: "example", children: "test" })).getByText;
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(CardButton_1.default, __assign({ selected: true, experimentName: "example" }, { children: "test" }))).getByText;
         expect(getByText('test')).toBeTruthy();
     });
 });

package/Experiments/Example/Atoms/CardButton/CardButton.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,qBAAkB,CACvD,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,qBAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,IAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,qBAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"CardButton.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/CardButton/CardButton.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,4DAAsC;AAEtC,QAAQ,CAAC,gBAAgB,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE;QACpB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,cAAc,EAAC,SAAS,0BAAkB,CACvD,UAFgB,CAEf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,0BAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE;QACzC,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,uBAAC,oBAAU,aAAC,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,0BAEvC,CACd,UAJgB,CAIf;QACF,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/Example/Atoms/CardButton/CardButtonStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type CardButtonStoryType = React.FunctionComponent<{
+declare type CardButtonStoryType = React.FunctionComponent<{
     error: boolean;
 }>;
 declare const CardButtonStory: CardButtonStoryType;