@mvf/external-components 3.37.0 → 3.38.1

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

@@ -16,22 +16,36 @@ 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, ")");
+var makeProgressBarStyling = function (theme, useLightText, animateEntry) {
+    if (animateEntry === void 0) { animateEntry = false; }
+    // The final transform comes from MUI's computed progress value.
+    var enter = (0, react_1.keyframes)({
+        from: {
+            transform: "translateX(".concat(theme.direction === 'rtl' ? 100 : -100, "%)"),
+        },
+    });
     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': {
+        progressBar: (0, react_1.css)({
+            height: '100%',
+            position: 'relative',
+            gridRowStart: 1,
+            gridColumnStart: 1,
+            '& .MuiLinearProgress-barColorPrimary': __assign(__assign({ backgroundColor: theme.mvf.palette.component.progressBarFilledColor }, (animateEntry && {
+                '@media (prefers-reduced-motion: no-preference)': {
+                    animation: "".concat(enter, " 400ms ease-out 200ms backwards"),
+                },
+            })), { '@media (prefers-reduced-motion: reduce)': {
+                    transition: 'none',
+                } }),
+            '&.MuiLinearProgress-colorPrimary': {
                 backgroundColor: theme.mvf.palette.component.progressBarUnfilledColor,
-            } })),
+            },
+        }),
         text: (0, react_1.css)({
             gridRowStart: 1,
             gridColumnStart: 1,

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

@@ -1 +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"}
+{"version":3,"file":"makeProgressBarStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-712/Atoms/ProgressBar/makeProgressBarStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAgD;AAGhD,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,YAAoB;IAApB,6BAAA,EAAA,oBAAoB;IAEpB,gEAAgE;IAChE,IAAM,KAAK,GAAG,IAAA,iBAAS,EAAC;QACtB,IAAI,EAAE;YACJ,SAAS,EAAE,qBAAc,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,OAAI;SACpE;KACF,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;SACd,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,sBACpC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB,IAChE,CAAC,YAAY,IAAI;gBAClB,gDAAgD,EAAE;oBAChD,SAAS,EAAE,UAAG,KAAK,oCAAiC;iBACrD;aACF,CAAC,KACF,yCAAyC,EAAE;oBACzC,UAAU,EAAE,MAAM;iBACnB,GACF;YACD,kCAAkC,EAAE;gBAClC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,wBAAwB;aACtE;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;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

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

@@ -6,13 +6,13 @@ 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 () {
+    it('animates the entry when animateEntry is true', function () {
         var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, true).progressBar;
-        expect(progressBar.styles).toContain('border-inline-start');
+        expect(progressBar.styles).toContain('animation');
     });
-    it('omits the head-start border when hasHeadStart is false', function () {
+    it('omits the entry animation when animateEntry is false', function () {
         var progressBar = (0, makeProgressBarStyling_1.default)(Themes_1.chameleonTheme, false, false).progressBar;
-        expect(progressBar.styles).not.toContain('border-inline-start');
+        expect(progressBar.styles).not.toContain('animation');
     });
 });
 //# sourceMappingURL=makeProgressBarStyling.test.js.map

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

@@ -1 +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"}
+{"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,8CAA8C,EAAE;QACzC,IAAA,WAAW,GAAK,IAAA,gCAAsB,EAAC,uBAAc,EAAE,KAAK,EAAE,IAAI,CAAC,YAAxD,CAAyD;QAC5E,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE;QACjD,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,WAAW,CAAC,CAAC;IACxD,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/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.37.0",
+  "version": "3.38.1",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",