@mvf/external-components 3.36.2 → 3.38.0

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.d.ts

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

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.js

@@ -0,0 +1,45 @@
+"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");
+var react_1 = __importDefault(require("react"));
+var ProgressBar_1 = __importDefault(require("./ProgressBar"));
+// totalSteps/step are canvas-local convenience sliders. Moving either
+// computes the raw progress a real step position would produce and reports
+// it via onProgressChange (wired to the Controls-panel `progress` arg in
+// ProgressBar.stories.mdx), so that slider and these two stay in sync and
+// all three drive the same rendered bar.
+var ProgressBarStory = function (_a) {
+    var text = _a.text, progress = _a.progress, onProgressChange = _a.onProgressChange;
+    var _b = react_1.default.useState(10), totalSteps = _b[0], setTotalSteps = _b[1];
+    var _c = react_1.default.useState(10), step = _c[0], setStep = _c[1];
+    var clampedStep = Math.min(step, totalSteps);
+    var applyStep = function (nextStep, nextTotalSteps) {
+        var clamped = Math.min(nextStep, nextTotalSteps);
+        onProgressChange(Math.round(((clamped - 1) * 100) / nextTotalSteps));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { maxWidth: '500px' } }, { children: [(0, jsx_runtime_1.jsxs)("label", __assign({ style: { display: 'block', marginBottom: 16 } }, { children: ["totalSteps: ", totalSteps, (0, jsx_runtime_1.jsx)("input", { type: "range", min: 1, max: 30, value: totalSteps, onChange: function (event) {
+                            var next = Number(event.target.value);
+                            setTotalSteps(next);
+                            applyStep(step, next);
+                        }, style: { width: '100%' } })] })), (0, jsx_runtime_1.jsxs)("label", __assign({ style: { display: 'block', marginBottom: 16 } }, { children: ["step: ", clampedStep, " / ", totalSteps, (0, jsx_runtime_1.jsx)("input", { type: "range", min: 1, max: totalSteps, value: clampedStep, onChange: function (event) {
+                            var next = Number(event.target.value);
+                            setStep(next);
+                            applyStep(next, totalSteps);
+                        }, style: { width: '100%' } })] })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'relative' } }, { children: (0, jsx_runtime_1.jsx)(ProgressBar_1.default, { id: "id", progress: progress, text: text, totalSteps: totalSteps, experimentName: "CRO-712" }) }))] })));
+};
+exports.default = ProgressBarStory;
+//# sourceMappingURL=ProgressBarStory.js.map

package/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/ProgressBarStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8DAAwC;AAQxC,sEAAsE;AACtE,2EAA2E;AAC3E,yEAAyE;AACzE,0EAA0E;AAC1E,yCAAyC;AACzC,IAAM,gBAAgB,GAAyB,UAAC,EAI/C;QAHC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEV,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAC;IACjD,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAnC,IAAI,QAAA,EAAE,OAAO,QAAsB,CAAC;IAC3C,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAE/C,IAAM,SAAS,GAAG,UAAC,QAAgB,EAAE,cAAsB;QACzD,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACnD,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,OAAO,CACL,0CAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAC/B,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,iCACrC,UAAU,EACvB,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,aAAa,CAAC,IAAI,CAAC,CAAC;4BACpB,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;wBACxB,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,4CAAO,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,2BAC3C,WAAW,SAAK,UAAU,EACjC,kCACE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAK;4BACd,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;4BACxC,OAAO,CAAC,IAAI,CAAC,CAAC;4BACd,SAAS,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;wBAC9B,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB,KACI,EACR,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAClC,uBAAC,qBAAW,IACV,EAAE,EAAC,IAAI,EACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAC,SAAS,GACxB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO-712/Atoms/ProgressBar/defaultProps.d.ts

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

package/Experiments/CRO-712/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-712/Atoms/ProgressBar/defaultProps.js.map

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

package/Experiments/CRO-712/Atoms/ProgressBar/index.d.ts

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

package/Experiments/CRO-712/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-712/Atoms/ProgressBar/index.js.map

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

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.d.ts

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

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.js

@@ -0,0 +1,51 @@
+"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);
+};
+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 makeProgressBarStyling = function (theme, useLightText, hasHeadStart) {
+    var headStartBorderWidth = "clamp(".concat(theme.mvf.spacing.little, ", 6cqi, ").concat(theme.mvf.spacing.ample, ")");
+    return {
+        container: (0, react_1.css)({
+            height: 25,
+            display: 'grid',
+            width: '100%',
+            containerType: 'inline-size',
+        }),
+        progressBar: (0, react_1.css)(__assign(__assign({ height: '100%', position: 'relative', boxSizing: 'border-box', gridRowStart: 1, gridColumnStart: 1 }, (hasHeadStart && {
+            borderInlineStart: "".concat(headStartBorderWidth, " solid ").concat(theme.mvf.palette.component.progressBarFilledColor),
+        })), { '& .MuiLinearProgress-barColorPrimary': {
+                backgroundColor: theme.mvf.palette.component.progressBarFilledColor,
+            }, '&.MuiLinearProgress-colorPrimary': {
+                backgroundColor: theme.mvf.palette.component.progressBarUnfilledColor,
+            } })),
+        text: (0, react_1.css)({
+            gridRowStart: 1,
+            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',
+        }),
+    };
+};
+exports.default = makeProgressBarStyling;
+//# sourceMappingURL=makeProgressBarStyling.js.map

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeProgressBarStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/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;AAE9C,IAAM,sBAAsB,GAAG,UAC7B,KAAa,EACb,YAAqB,EACrB,YAAqB;IAErB,IAAM,oBAAoB,GAAG,gBAAS,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,qBAAW,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,MAAG,CAAC;IAEpG,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,aAAa,EAAE,aAAa;SAC7B,CAAC;QACF,WAAW,EAAE,IAAA,WAAG,sBACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,CAAC,EACf,eAAe,EAAE,CAAC,IACf,CAAC,YAAY,IAAI;YAClB,iBAAiB,EAAE,UAAG,oBAAoB,oBAAU,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB,CAAE;SACzG,CAAC,KACF,sCAAsC,EAAE;gBACtC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;aACpE,EACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;aACtE,IACD;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;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.d.ts

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

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Themes_1 = require("../../../../Themes");
+var makeProgressBarStyling_1 = __importDefault(require("./makeProgressBarStyling"));
+describe('makeProgressBarStyling', function () {
+    it('adds the head-start border when hasHeadStart is true', function () {
+        var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, true).progressBar;
+        expect(progressBar.styles).toContain('border-inline-start');
+    });
+    it('omits the head-start border when hasHeadStart is false', function () {
+        var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, false).progressBar;
+        expect(progressBar.styles).not.toContain('border-inline-start');
+    });
+});
+//# sourceMappingURL=makeProgressBarStyling.test.js.map

package/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeProgressBarStyling.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.test.ts"],"names":[],"mappings":";;;;;AAAA,6CAAoD;AACpD,oFAA8D;AAE9D,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,sDAAsD,EAAE;QACjD,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAAC,uBAAc,EAAE,KAAK,EAAE,IAAI,CAAC,YAAxD,CAAyD;QAC5E,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE;QACnD,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAC5C,uBAAc,EACd,KAAK,EACL,KAAK,CACN,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Interfaces/Atoms/Button/Button.js

@@ -18,8 +18,11 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var Button_1 = __importDefault(require("../../../Components/Atoms/Button/Button"));
 var defaultProps_1 = __importDefault(require("../../../Components/Atoms/Button/defaultProps"));
 var Button_2 = __importDefault(require("../../../Experiments/GOLD-1420/Atoms/Button/Button"));
+var Button_3 = __importDefault(require("../../../Experiments/CRO-710/Atoms/Button/Button"));
 var Button = function (props) {
     switch (props.experimentName) {
+        case 'CRO-710':
+            return (0, jsx_runtime_1.jsx)(Button_3.default, __assign({}, props));
         case 'GOLD-1420':
             return (0, jsx_runtime_1.jsx)(Button_2.default, __assign({}, props));
         default:

package/Interfaces/Atoms/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mFAEiD;AACjD,+FAAyE;AACzE,8FAAgF;AAEhF,IAAM,MAAM,GAAe,UAAC,KAAK;IAC/B,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,WAAW;YACd,OAAO,uBAAC,gBAAc,eAAK,KAAK,EAAI,CAAC;QACvC;YACE,OAAO,uBAAC,gBAAa,eAAK,KAAK,EAAI,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mFAEiD;AACjD,+FAAyE;AACzE,8FAAgF;AAChF,4FAA4E;AAE5E,IAAM,MAAM,GAAe,UAAC,KAAK;IAC/B,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,SAAS;YACZ,OAAO,uBAAC,gBAAY,eAAK,KAAK,EAAI,CAAC;QACrC,KAAK,WAAW;YACd,OAAO,uBAAC,gBAAc,eAAK,KAAK,EAAI,CAAC;QACvC;YACE,OAAO,uBAAC,gBAAa,eAAK,KAAK,EAAI,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}

package/Interfaces/Atoms/ProgressBar/ProgressBar.js

@@ -19,8 +19,11 @@ var ProgressBar_1 = __importDefault(require("../../../Components/Atoms/ProgressB
 var defaultProps_1 = __importDefault(require("../../../Components/Atoms/ProgressBar/defaultProps"));
 var ProgressBar_2 = __importDefault(require("../../../Experiments/CRO-582/Atoms/ProgressBar/ProgressBar"));
 var ProgressBar_3 = __importDefault(require("../../../Experiments/CRO-585-a/Atoms/ProgressBar/ProgressBar"));
+var ProgressBar_4 = __importDefault(require("../../../Experiments/CRO-712/Atoms/ProgressBar/ProgressBar"));
 var ProgressBar = function (props) {
     switch (props.experimentName) {
+        case 'CRO-712':
+            return (0, jsx_runtime_1.jsx)(ProgressBar_4.default, __assign({}, props));
         case 'CRO-585-a':
             return (0, jsx_runtime_1.jsx)(ProgressBar_3.default, __assign({}, props));
         case 'CRO-582':

package/Interfaces/Atoms/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kGAE2D;AAC3D,oGAA8E;AAC9E,2GAA2F;AAC3F,6GAA8F;AAE9F,IAAM,WAAW,GAAoB,UAAC,KAAK;IACzC,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,WAAW;YACd,OAAO,uBAAC,qBAAkB,eAAK,KAAK,EAAI,CAAC;QAC3C,KAAK,SAAS;YACZ,OAAO,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CAAC;QAC1C;YACE,OAAO,uBAAC,qBAAkB,eAAK,KAAK,EAAI,CAAC;KAC5C;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../../src/Interfaces/Atoms/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kGAE2D;AAC3D,oGAA8E;AAC9E,2GAA2F;AAC3F,6GAA8F;AAC9F,2GAA2F;AAE3F,IAAM,WAAW,GAAoB,UAAC,KAAK;IACzC,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,SAAS;YACZ,OAAO,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CAAC;QAC1C,KAAK,WAAW;YACd,OAAO,uBAAC,qBAAkB,eAAK,KAAK,EAAI,CAAC;QAC3C,KAAK,SAAS;YACZ,OAAO,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CAAC;QAC1C;YACE,OAAO,uBAAC,qBAAkB,eAAK,KAAK,EAAI,CAAC;KAC5C;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Interfaces/Molecules/NavBar/NavBar.js

@@ -18,8 +18,11 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var NavBar_1 = __importDefault(require("../../../Components/Molecules/NavBar/NavBar"));
 var defaultProps_1 = __importDefault(require("../../../Components/Molecules/NavBar/defaultProps"));
 var NavBar_2 = __importDefault(require("../../../Experiments/GOLD-1420/Molecules/NavBar/NavBar"));
+var NavBar_3 = __importDefault(require("../../../Experiments/CRO-710/Molecules/NavBar/NavBar"));
 var NavBar = function (props) {
     switch (props.experimentName) {
+        case 'CRO-710':
+            return (0, jsx_runtime_1.jsx)(NavBar_3.default, __assign({}, props));
         case 'GOLD-1420':
             return (0, jsx_runtime_1.jsx)(NavBar_2.default, __assign({}, props));
         default:

package/Interfaces/Molecules/NavBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Interfaces/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uFAEqD;AACrD,mGAA6E;AAC7E,kGAAoF;AAEpF,IAAM,MAAM,GAAe,UAAC,KAAK;IAC/B,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,WAAW;YACd,OAAO,uBAAC,gBAAc,eAAK,KAAK,EAAI,CAAC;QACvC;YACE,OAAO,uBAAC,gBAAa,eAAK,KAAK,EAAI,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/Interfaces/Molecules/NavBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uFAEqD;AACrD,mGAA6E;AAC7E,kGAAoF;AACpF,gGAAgF;AAEhF,IAAM,MAAM,GAAe,UAAC,KAAK;IAC/B,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,SAAS;YACZ,OAAO,uBAAC,gBAAY,eAAK,KAAK,EAAI,CAAC;QACrC,KAAK,WAAW;YACd,OAAO,uBAAC,gBAAc,eAAK,KAAK,EAAI,CAAC;QACvC;YACE,OAAO,uBAAC,gBAAa,eAAK,KAAK,EAAI,CAAC;KACvC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEnC,kBAAe,MAAM,CAAC"}

package/Interfaces/Molecules/SupplierCard/SupplierCard.js

@@ -17,8 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var SupplierCard_1 = __importDefault(require("../../../Components/Molecules/SupplierCard/SupplierCard"));
 var defaultProps_1 = __importDefault(require("../../../Components/Molecules/SupplierCard/defaultProps"));
+var SupplierCard_2 = __importDefault(require("../../../Experiments/CRO-710/Molecules/SupplierCard/SupplierCard"));
 var SupplierCard = function (props) {
     switch (props.experimentName) {
+        case 'CRO-710':
+            return (0, jsx_runtime_1.jsx)(SupplierCard_2.default, __assign({}, props));
         default:
             return (0, jsx_runtime_1.jsx)(SupplierCard_1.default, __assign({}, props));
     }

package/Interfaces/Molecules/SupplierCard/SupplierCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Interfaces/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yGAEiE;AACjE,yGAAmF;AAEnF,IAAM,YAAY,GAAqB,UAAC,KAAK;IAC3C,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B;YACE,OAAO,uBAAC,sBAAmB,eAAK,KAAK,EAAI,CAAC;KAC7C;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEzC,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"SupplierCard.js","sourceRoot":"","sources":["../../../../src/Interfaces/Molecules/SupplierCard/SupplierCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,yGAEiE;AACjE,yGAAmF;AACnF,kHAAkG;AAElG,IAAM,YAAY,GAAqB,UAAC,KAAK;IAC3C,QAAQ,KAAK,CAAC,cAAc,EAAE;QAC5B,KAAK,SAAS;YACZ,OAAO,uBAAC,sBAAkB,eAAK,KAAK,EAAI,CAAC;QAC3C;YACE,OAAO,uBAAC,sBAAmB,eAAK,KAAK,EAAI,CAAC;KAC7C;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEzC,kBAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.36.2",
+  "version": "3.38.0",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",