@mvf/external-components 3.14.1-dev.7 → 3.14.1-dev.9

package/Components/Molecules/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,gEAA0C;AAQ1C,IAAM,SAAS,GAAkB,UAAC,EAWjC;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,KAAK,cAVwB,mHAWjC,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,IAAC,KAAK,EAAE,CAAC,CAAC,YAAY,aAC/B,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,YACjE,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,4DAAsC;AACtC,sEAAgD;AAEhD,gEAA0C;AAQ1C,IAAM,SAAS,GAAkB,UAAC,EAWjC;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,KAAK,cAVwB,mHAWjC,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,IACV,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,aAEjB,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,YACjE,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEtC,kBAAe,SAAS,CAAC"}

package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.d.ts

@@ -1,5 +1,5 @@
 declare const makeThankYouBannerStyling: () => {
-    brandLogo: import("@emotion/utils").SerializedStyles;
-    thankYouBanner: import("@emotion/utils").SerializedStyles;
+    brandLogo: import("@emotion/react").SerializedStyles;
+    thankYouBanner: import("@emotion/react").SerializedStyles;
 };
 export default makeThankYouBannerStyling;

package/Components/Organisms/ListLayout/makeListLayoutStyling.d.ts

@@ -1,5 +1,5 @@
 declare const makeListLayoutStyling: () => {
-    container: import("@emotion/utils").SerializedStyles;
-    item: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    item: import("@emotion/react").SerializedStyles;
 };
 export default makeListLayoutStyling;

package/Components/Organisms/TileLayout/makeTileLayoutStyling.d.ts

@@ -2,8 +2,8 @@ interface ITileLayoutStyleProps {
     tileCount: number;
 }
 declare const makeTileLayoutStyling: ({ tileCount }: ITileLayoutStyleProps) => {
-    root: import("@emotion/utils").SerializedStyles;
-    tileContainer: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
+    root: import("@emotion/react").SerializedStyles;
+    tileContainer: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
 };
 export default makeTileLayoutStyling;

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

@@ -3,9 +3,9 @@ interface ICardStylingProps {
     selected: boolean;
     outlined?: boolean;
 }
-declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/utils").SerializedStyles;
+declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
 interface ICardStylingOverlayProps {
     selected: boolean;
 }
-export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/utils").SerializedStyles;
+export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/react").SerializedStyles;
 export default makeCardButtonStyling;

package/Experiments/Example/Atoms/FormControl/FormControl.js

@@ -31,8 +31,8 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
 var defaultProps_1 = __importDefault(require("./defaultProps"));
 var makeFormControlStyles_1 = __importDefault(require("./makeFormControlStyles"));
 var FormControl = function (_a) {
-    var children = _a.children, error = _a.error, props = __rest(_a, ["children", "error"]);
-    return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)() }, props, { children: children })));
+    var children = _a.children, error = _a.error, _b = _a.isAutoFilledActive, isAutoFilledActive = _b === void 0 ? false : _b, _c = _a.isSafari, isSafari = _c === void 0 ? false : _c, props = __rest(_a, ["children", "error", "isAutoFilledActive", "isSafari"]);
+    return ((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ variant: "standard", error: error, fullWidth: true, css: (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }) }, props, { children: children })));
 };
 FormControl.defaultProps = defaultProps_1.default;
 exports.default = FormControl;

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

@@ -1 +1 @@
-{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAA6B;IAA3B,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAC/D,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,GAAE,IACxB,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,gEAA0C;AAE1C,kFAA4D;AAQ5D,IAAM,WAAW,GAAoB,UAAC,EAMrC;IALC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,KAAK,cAL4B,uDAMrC,CADS;IAER,OAAO,CACL,uBAAC,qBAAa,aACZ,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,EACf,GAAG,EAAE,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,IACxD,KAAK,cAER,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,sBAAY,CAAC;AAExC,kBAAe,WAAW,CAAC"}

package/Experiments/Example/Atoms/FormControl/IFormControlProps.d.ts

@@ -1,4 +1,6 @@
 interface IFormControlProps {
     error?: boolean;
+    isAutoFilledActive?: boolean;
+    isSafari?: boolean;
 }
 export default IFormControlProps;

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.d.ts

@@ -1,2 +1,5 @@
-declare const makeFormControlStyles: () => import("@emotion/utils").SerializedStyles;
+declare const makeFormControlStyles: ({ isAutoFilledActive, isSafari, }: {
+    isAutoFilledActive: boolean;
+    isSafari: boolean;
+}) => import("@emotion/react").SerializedStyles;
 export default makeFormControlStyles;

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js

@@ -1,38 +1,46 @@
 "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 makeFormControlStyles = function () {
+var makeFormControlStyles = function (_a) {
+    var isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari;
     var theme = (0, react_1.useTheme)();
-    return (0, react_1.css)({
-        '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
+    var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
+    return (0, react_1.css)(__assign({ '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
             padding: '28px 55px 11px 0',
             paddingLeft: theme.mvf.spacing.medium,
-        },
-        '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+        }, '& .MuiInputBase-root .MuiInputAdornment-root + input': {
             paddingLeft: 0,
-        },
-        '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+        }, '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
             padding: '28px 55px 11px 0',
             paddingLeft: theme.mvf.spacing.medium,
-        },
-        '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+        }, '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
             paddingLeft: 0,
-        },
-        '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+        }, '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
             marginTop: '16px',
-        },
-        '& .MuiFormLabel-root': {
+        }, '& .MuiFormLabel-root': {
             lineHeight: 1.6,
-        },
-        '& .MuiFormHelperText-root': {
+        }, '& .MuiFormHelperText-root': {
             marginTop: theme.mvf.spacing.small,
             paddingLeft: theme.mvf.spacing.medium,
             fontSize: theme.mvf.fontSize.small,
-        },
-        '& .MuiSelect-icon': {
+        }, '& .MuiSelect-icon': {
             right: theme.mvf.spacing.medium,
+        } }, (isAutoFilledActive && {
+        '& .MuiInputBase-root': {
+            backgroundColor: autofillColor,
         },
-    });
+    })));
 };
 exports.default = makeFormControlStyles;
 //# sourceMappingURL=makeFormControlStyles.js.map

package/Experiments/Example/Atoms/FormControl/makeFormControlStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG;IAC5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC;QACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf;QACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB;QACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB;QACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC;QACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/FormControl/makeFormControlStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAE/C,IAAM,qBAAqB,GAAG,UAAC,EAM9B;QALC,kBAAkB,wBAAA,EAClB,QAAQ,cAAA;IAKR,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7E,OAAO,IAAA,WAAG,aACR,oDAAoD,EAAE;YACpD,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,sDAAsD,EAAE;YACtD,WAAW,EAAE,CAAC;SACf,EACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACtC,EACD,gEAAgE,EAAE;YAChE,WAAW,EAAE,CAAC;SACf,EACD,4EAA4E,EAC1E;YACE,SAAS,EAAE,MAAM;SAClB,EACH,sBAAsB,EAAE;YACtB,UAAU,EAAE,GAAG;SAChB,EACD,2BAA2B,EAAE;YAC3B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC,EACD,mBAAmB,EAAE;YACnB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,IACE,CAAC,kBAAkB,IAAI;QACxB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;SAC/B;KACF,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Experiments/Example/Atoms/Input/makeInputStyles.d.ts

@@ -6,9 +6,9 @@ interface IInputStyleProps {
     error: boolean;
 }
 declare const makeInputStyles: ({ isAnswered, isOtherOption, isSafari, isAutoFilledActive, error, }: IInputStyleProps) => {
-    input: import("@emotion/utils").SerializedStyles;
-    validationIcon: import("@emotion/utils").SerializedStyles;
-    adornmentEnd: import("@emotion/utils").SerializedStyles;
-    adornmentStart: import("@emotion/utils").SerializedStyles;
+    input: import("@emotion/react").SerializedStyles;
+    validationIcon: import("@emotion/react").SerializedStyles;
+    adornmentEnd: import("@emotion/react").SerializedStyles;
+    adornmentStart: import("@emotion/react").SerializedStyles;
 };
 export default makeInputStyles;

package/Experiments/Example/Atoms/Input/makeInputStyles.js

@@ -16,6 +16,7 @@ var makeInputStyles = function (_a) {
     var _b, _c, _d;
     var isAnswered = _a.isAnswered, isOtherOption = _a.isOtherOption, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, error = _a.error;
     var theme = (0, react_1.useTheme)();
+    var autofillColor = isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)';
     return {
         input: (0, react_1.css)(__assign(__assign(__assign(__assign(__assign(__assign(__assign({ position: 'relative', backgroundColor: theme.mvf.palette.background.answerBackgroundColor, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.component.answerUnselectedColor, boxShadow: theme.mvf.boxShadow.timid, overflow: 'hidden', borderRadius: 4, height: '60px', '&:hover': {
                 borderColor: theme.mvf.palette.component.answerSelectedColor,
@@ -45,7 +46,10 @@ var makeInputStyles = function (_a) {
                 color: theme.mvf.palette.text.primaryTextColor,
             },
         })), (isAutoFilledActive && {
-            backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
+            backgroundColor: autofillColor,
+            '&:-webkit-autofill, &:autofill, & input:-webkit-autofill': {
+                backgroundColor: autofillColor,
+            },
         })), (isOtherOption && {
             height: 27.2,
             border: 0,
@@ -74,9 +78,7 @@ var makeInputStyles = function (_a) {
                     fontSize: theme.mvf.fontSize.medium,
                 },
                 _c),
-        })), { '&:has(input:autofill)': {
-                backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
-            }, '& textarea': (_d = {
+        })), { '& textarea': (_d = {
                     paddingTop: '18.5px',
                     paddingBottom: '18.5px',
                     paddingLeft: theme.mvf.spacing.medium,

package/Experiments/Example/Atoms/Input/makeInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Input/makeInputStyles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/Example/Atoms/Input/makeInputStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAU/C,IAAM,eAAe,GAAG,UAAC,EAMN;;QALjB,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,KAAK,WAAA;IAEL,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAC7E,OAAO;QACL,KAAK,EAAE,IAAA,WAAG,mEACR,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,EACnE,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,EAC9D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EACpC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,MAAM,EAAE,MAAM,EACd,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aAC7D,EACD,uBAAuB,EAAE;gBACvB,UAAU,EAAE,2CAA2C;aACxD,EACD,SAAS;oBACP,UAAU,EAAE,QAAQ;oBACpB,aAAa,EAAE,QAAQ;oBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;oBACrC,YAAY,EAAE,MAAM;oBACpB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;oBAC7C,gBAAgB,EAAE;wBAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM;qBAC/C;oBACD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;uBAEA,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;YAC5D,oBAAoB,EAAE;gBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;aACvD;SACF,CAAC,GACC,CAAC,CAAC,UAAU,IAAI;YACjB,oBAAoB,EAAE;gBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB;aAC/C;SACF,CAAC,GACC,CAAC,kBAAkB,IAAI;YACxB,eAAe,EAAE,aAAa;YAC9B,0DAA0D,EAAE;gBAC1D,eAAe,EAAE,aAAa;aAC/B;SACF,CAAC,GACC,CAAC,aAAa,IAAI;YACnB,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,MAAM;YACjB,eAAe,EAAE,aAAa;YAC9B,SAAS;oBACP,UAAU,EAAE,CAAC;oBACb,aAAa,EAAE,CAAC;oBAChB,MAAM,EAAE,EAAE;oBACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;oBAC7C,SAAS,EAAE,QAAQ;oBACnB,gBAAgB,EAAE;wBAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;wBAC7C,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB;wBAChD,OAAO,EAAE,CAAC;qBACX;oBACD,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;gBACD,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO;iBACrC;gBACD,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;oBACvC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;iBACpC;mBACF;SACF,CAAC,KACF,YAAY;oBACV,UAAU,EAAE,QAAQ;oBACpB,aAAa,EAAE,QAAQ;oBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;oBACrC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;oBACtC,MAAM,EAAE,kBAAkB;oBAC1B,SAAS,EAAE,YAAY;oBACvB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;;gBACjC,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;oBACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;iBACnC;gBACD,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,IAAG;oBACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO;iBACrC;gBACD,GAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,eAAe,CAAC,IAAG;oBACvC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;iBACpC;qBAEH,0BAA0B,EAAE;gBAC1B,MAAM,EAAE,GAAG;gBACX,SAAS,EAAE,GAAG;aACf,KACE,CAAC,KAAK,IAAI;YACX,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3C,oBAAoB,EAAE;gBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;aACtC;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;aAC5C;SACF,CAAC,KACF,+BAA+B,aAC7B,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,EACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC5D,oBAAoB,EAAE;oBACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;iBACvD,EACD,SAAS,EAAE;oBACT,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;iBAC7D,IACE,CAAC,aAAa,IAAI;gBACnB,MAAM,EAAE,CAAC;gBACT,SAAS,EAAE,MAAM;gBACjB,sBAAsB,EAAE;oBACtB,KAAK,EAAE,SAAS;oBAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM;iBAC/C;aACF,CAAC,KAEJ;QACF,cAAc,EAAE,IAAA,WAAG,EAAC;YAClB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG;SACjC,CAAC;QACF,YAAY,EAAE,IAAA,WAAG,EAAC;YAChB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC,CAAC;QACF,cAAc,EAAE,IAAA,WAAG,EAAC;YAClB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;YACpC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACrC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/Experiments/Example/Atoms/InputLabel/makeInputLabelStyles.d.ts

@@ -1,5 +1,5 @@
 interface IInputStyleProps {
     isAnswered?: boolean;
 }
-declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/utils").SerializedStyles;
+declare const makeInputLabelStyles: ({ isAnswered }: IInputStyleProps) => import("@emotion/react").SerializedStyles;
 export default makeInputLabelStyles;

package/Experiments/Example/Atoms/Text/makeTextStyling.d.ts

@@ -1,5 +1,5 @@
 interface IStyleProps {
     variant: 'header' | 'summary' | 'note' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList' | 'tickedList';
 }
-declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/utils").SerializedStyles;
+declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/react").SerializedStyles;
 export default makeTextStyling;

package/Experiments/Example/Molecules/CheckBox/makeCheckBoxStyling.d.ts

@@ -1,13 +1,13 @@
-export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/react").SerializedStyles;
 declare const makeCheckBoxStyling: () => {
-    checkbox: import("@emotion/utils").SerializedStyles;
-    checkboxContainerRight: import("@emotion/utils").SerializedStyles;
-    grid: import("@emotion/utils").SerializedStyles;
-    centerIcon: import("@emotion/utils").SerializedStyles;
-    leftIcon: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
-    innerGrid: import("@emotion/utils").SerializedStyles;
-    textGrid: import("@emotion/utils").SerializedStyles;
-    otherInput: import("@emotion/utils").SerializedStyles;
+    checkbox: import("@emotion/react").SerializedStyles;
+    checkboxContainerRight: import("@emotion/react").SerializedStyles;
+    grid: import("@emotion/react").SerializedStyles;
+    centerIcon: import("@emotion/react").SerializedStyles;
+    leftIcon: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
+    innerGrid: import("@emotion/react").SerializedStyles;
+    textGrid: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
 };
 export default makeCheckBoxStyling;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.14.1-dev.7",
+  "version": "3.14.1-dev.9",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",
@@ -12,26 +12,28 @@
     "lint:fix": "npm run lint -- --fix"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.8",
+    "@babel/core": "^7.22.0",
     "@mui/codemod": "^5.14.11",
     "@mvf/eslint-config-mvf-typescript-react": "^1.0.2",
-    "@storybook/addon-actions": "^6.3.6",
-    "@storybook/addon-essentials": "^6.4.19",
-    "@storybook/addon-links": "^6.3.6",
-    "@storybook/react": "^6.1.21",
+    "@storybook/addon-actions": "^6.5.16",
+    "@storybook/addon-essentials": "^6.5.16",
+    "@storybook/addon-links": "^6.5.16",
+    "@storybook/builder-webpack5": "^6.5.16",
+    "@storybook/manager-webpack5": "^6.5.16",
+    "@storybook/react": "^6.5.16",
     "@svgr/webpack": "^6.5.1",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
     "@types/intl-tel-input": "^17.0.4",
-    "@types/jest": "^27.0.4",
+    "@types/jest": "^29.5.11",
     "@types/lodash": "^4.14.171",
     "@types/node": "^16.4.5",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.0.0",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^8.3.0",
     "eslint": "^8.18.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
@@ -41,10 +43,11 @@
     "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.0.6",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "lint-staged": "^10.5.4",
     "prettier": "^2.2.1",
-    "ts-jest": "^27.0.4",
+    "ts-jest": "^29.1.1",
     "typescript": "^4.3.5"
   },
   "dependencies": {