@mvf/external-components 3.20.2 → 3.21.0

package/Experiments/CRO584/Atoms/Input/Input.test.js

@@ -0,0 +1,79 @@
+"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 user_event_1 = __importDefault(require("@testing-library/user-event"));
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Input_1 = __importDefault(require("./Input"));
+var Themes_1 = require("../../../../Themes");
+var react_1 = require("@testing-library/react");
+var styles_1 = require("@mui/material/styles");
+var react_2 = require("@emotion/react");
+describe('Input', function () {
+    it('should be able to input values', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", experimentName: "default" })).getByRole;
+        user_event_1.default.type(getByRole('textbox'), '90210');
+        expect(getByRole('textbox')).toHaveValue('90210');
+    });
+    it('should display an icon if enabled', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person", experimentName: "default" })).getByTestId;
+        expect(getByTestId('startAdornment')).toBeTruthy();
+    });
+    it('should not display an icon if iconType is none', function () {
+        var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", experimentName: "default" })).queryByTestId;
+        expect(queryByTestId('startAdornment')).not.toBeTruthy();
+    });
+    it('should have an input type of text by default', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", iconType: "person", experimentName: "default" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
+    });
+    it('should pass email input type through', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "email", experimentName: "default" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('email');
+    });
+    it('should display validity icon on error', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", error: true, experimentName: "default" })).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on validation success', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, experimentName: "default" })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+    it('should not display validity icon on validation success on multiline text fields', function () {
+        var queryByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, multiline: true, experimentName: "default" })).queryByTestId;
+        expect(queryByTestId('endAdornment-valid')).toBeNull();
+    });
+    it('should display error icon on validation success', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { id: "3", type: "none", isAnswered: true, error: true, experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
+    });
+    it('should update value on user input', function () {
+        var handleChange = jest.fn();
+        var id = 'input-id';
+        var initialValue = 'test';
+        var updatedValue = 'test updated';
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id, experimentName: "default" })).getByRole;
+        var inputElement = getByRole('textbox');
+        react_1.fireEvent.input(inputElement, { target: { value: updatedValue } });
+        expect(inputElement.value).toBe(updatedValue);
+        expect(handleChange).toHaveBeenCalledWith({ id: id, value: updatedValue });
+    });
+    it('should update value when the prop is changed to an empty string', function () {
+        var handleChange = jest.fn();
+        var id = 'input-id';
+        var initialValue = 'test';
+        var emptyValue = '';
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(Input_1.default, { value: initialValue, onChange: handleChange, id: id, experimentName: "default" })), getByRole = _a.getByRole, rerender = _a.rerender;
+        var inputElement = getByRole('textbox');
+        expect(inputElement.value).toBe(initialValue);
+        rerender((0, jsx_runtime_1.jsx)(styles_1.StyledEngineProvider, { injectFirst: true, children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, { theme: Themes_1.chameleonTheme, children: (0, jsx_runtime_1.jsx)(Input_1.default, { value: emptyValue, onChange: handleChange, id: id, experimentName: "default" }) }) }));
+        expect(inputElement.value).toBe(emptyValue);
+    });
+});
+//# sourceMappingURL=Input.test.js.map

package/Experiments/CRO584/Atoms/Input/Input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/Input.test.tsx"],"names":[],"mappings":"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"}

package/Experiments/CRO584/Atoms/Input/InputStory.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+type StoryType = React.FunctionComponent<{
+    disabled: boolean;
+    error: boolean;
+    iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';
+    isAnswered: boolean;
+    label: string;
+    placeholder: string;
+    type: 'email' | 'tel' | 'text';
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    rows: number;
+    multiline: boolean;
+    isOtherOption: boolean;
+    parentContainerWidth: number;
+}>;
+declare const InputStory: StoryType;
+export default InputStory;

package/Experiments/CRO584/Atoms/Input/InputStory.js

@@ -0,0 +1,15 @@
+"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 FormControl_1 = __importDefault(require("../FormControl"));
+var InputLabel_1 = __importDefault(require("../InputLabel"));
+var Input_1 = __importDefault(require("./Input"));
+var InputStory = function (_a) {
+    var disabled = _a.disabled, error = _a.error, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, multiline = _a.multiline, rows = _a.rows, placeholder = _a.placeholder, isOtherOption = _a.isOtherOption, parentContainerWidth = _a.parentContainerWidth;
+    return ((0, jsx_runtime_1.jsx)("div", { style: { width: parentContainerWidth }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: error, experimentName: "default", children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: "my-input", experimentName: "default", children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", iconType: iconType !== 'none' ? iconType : undefined, isAnswered: isAnswered, error: error, rows: rows, multiline: multiline, placeholder: placeholder, disabled: disabled, type: type, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, isOtherOption: isOtherOption, experimentName: "default" })] }) }));
+};
+exports.default = InputStory;
+//# sourceMappingURL=InputStory.js.map

package/Experiments/CRO584/Atoms/Input/InputStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/InputStory.tsx"],"names":[],"mappings":";;;;;;AACA,+DAAyC;AACzC,6DAAuC;AACvC,kDAA4B;AAyB5B,IAAM,UAAU,GAAc,UAAC,EAc9B;QAbC,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,oBAAoB,0BAAA;IAEpB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YACzC,wBAAC,qBAAW,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,SAAS,aAChD,KAAK,IAAI,CACR,uBAAC,oBAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAC,UAAU,EAClB,cAAc,EAAC,SAAS,YAEvB,KAAK,GACK,CACd,EACD,uBAAC,eAAK,IACJ,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAC,SAAS,GACxB,IACU,GACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/Experiments/CRO584/Atoms/Input/defaultProps.d.ts

@@ -0,0 +1,12 @@
+declare const defaultProps: {
+    disabled: boolean;
+    isAnswered: boolean;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    onChange: () => void;
+    onClick: () => void;
+    onBlur: () => void;
+    type: string;
+    value: string;
+};
+export default defaultProps;

package/Experiments/CRO584/Atoms/Input/defaultProps.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultProps = {
+    disabled: false,
+    isAnswered: false,
+    isSafari: false,
+    isAutoFilledActive: false,
+    onChange: function () {
+        // action
+    },
+    onClick: function () {
+        // action
+    },
+    onBlur: function () {
+        // action
+    },
+    type: 'text',
+    value: '',
+};
+exports.default = defaultProps;
+//# sourceMappingURL=defaultProps.js.map

package/Experiments/CRO584/Atoms/Input/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG;IACnB,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,QAAQ,EAAE;QACR,SAAS;IACX,CAAC;IACD,OAAO,EAAE;QACP,SAAS;IACX,CAAC;IACD,MAAM,EAAE;QACN,SAAS;IACX,CAAC;IACD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Experiments/CRO584/Atoms/Input/icons.d.ts

@@ -0,0 +1,29 @@
+import { IconProps } from '@mui/material/Icon';
+declare const icons: {
+    company: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    email: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    invalid: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    phone: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    person: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    state: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    valid: ({ style }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    zipcode: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    locationService: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/SvgIcon").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+};
+export default icons;

package/Experiments/CRO584/Atoms/Input/icons.js

@@ -0,0 +1,32 @@
+"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 BusinessOutlined_1 = __importDefault(require("@mui/icons-material/BusinessOutlined"));
+var EmailOutlined_1 = __importDefault(require("@mui/icons-material/EmailOutlined"));
+var EmojiFlagsOutlined_1 = __importDefault(require("@mui/icons-material/EmojiFlagsOutlined"));
+var LocationOnOutlined_1 = __importDefault(require("@mui/icons-material/LocationOnOutlined"));
+var PersonOutline_1 = __importDefault(require("@mui/icons-material/PersonOutline"));
+var PhoneOutlined_1 = __importDefault(require("@mui/icons-material/PhoneOutlined"));
+var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
+var SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
+var CheckIcon = function (_a) {
+    var style = _a.style;
+    return ((0, jsx_runtime_1.jsx)(SvgIcon_1.default, { style: style, viewBox: "0 0 22 22", children: (0, jsx_runtime_1.jsx)("path", { d: "M11,22c6.1,0,11-4.9,11-11c0-6.1-4.9-11-11-11C4.9,0,0,4.9,0,11C0,17.1,4.9,22,11,22z M15.6,6.3L17,7.7l-8,8\n          l-4-4l1.4-1.4L9,12.9L15.6,6.3z" }) }));
+};
+var icons = {
+    company: BusinessOutlined_1.default,
+    email: EmailOutlined_1.default,
+    invalid: Cancel_1.default,
+    phone: PhoneOutlined_1.default,
+    person: PersonOutline_1.default,
+    state: EmojiFlagsOutlined_1.default,
+    valid: CheckIcon,
+    zipcode: LocationOnOutlined_1.default,
+    locationService: LocationOnOutlined_1.default,
+};
+exports.default = icons;
+//# sourceMappingURL=icons.js.map

package/Experiments/CRO584/Atoms/Input/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/icons.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,0FAAwE;AACxE,oFAAkE;AAClE,8FAA4E;AAC5E,8FAA4E;AAC5E,oFAAkE;AAClE,oFAAkE;AAClE,sEAAoD;AACpD,kEAA4C;AAG5C,IAAM,SAAS,GAAG,UAAC,EAAoB;QAAlB,KAAK,WAAA;IACxB,OAAO,CACL,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,YACxC,iCACE,CAAC,EAAC,oJAC+B,GACjC,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG;IACZ,OAAO,EAAE,0BAAoB;IAC7B,KAAK,EAAE,uBAAiB;IACxB,OAAO,EAAE,gBAAU;IACnB,KAAK,EAAE,uBAAiB;IACxB,MAAM,EAAE,uBAAiB;IACzB,KAAK,EAAE,4BAAsB;IAC7B,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,4BAAsB;IAC/B,eAAe,EAAE,4BAAsB;CACxC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/Experiments/CRO584/Atoms/Input/index.d.ts

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

package/Experiments/CRO584/Atoms/Input/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 Input_1 = require("./Input");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/CRO584/Atoms/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA"}

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

@@ -0,0 +1,14 @@
+interface IInputStyleProps {
+    isAnswered: boolean;
+    isOtherOption?: boolean;
+    isSafari: boolean;
+    isAutoFilledActive: boolean;
+    error: boolean;
+}
+declare const makeInputStyles: ({ isAnswered, isOtherOption, isSafari, isAutoFilledActive, error, }: IInputStyleProps) => {
+    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/CRO584/Atoms/Input/makeInputStyles.js

@@ -0,0 +1,129 @@
+"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 makeInputStyles = function (_a) {
+    var _b;
+    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(__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', '@media (hover: hover)': {
+                '&:hover': {
+                    borderColor: theme.mvf.palette.component.answerSelectedColor,
+                },
+            }, '& svg.MuiSvgIcon-root': {
+                transition: 'fill 200ms cubic-bezier(0, 0, 0.2, 1) 0ms',
+            }, '& input, & textarea': {
+                paddingTop: '18.5px',
+                paddingBottom: '18.5px',
+                paddingLeft: theme.mvf.spacing.medium,
+                paddingRight: '55px',
+                fontWeight: theme.mvf.typography.weight.medium,
+                fontSize: "clamp(".concat(theme.mvf.fontSize.compact, "px, 3vw, ").concat(theme.mvf.fontSize.hefty, "px)"),
+            } }, (isAnswered && {
+            borderColor: theme.mvf.palette.component.answerSelectedColor,
+            '& .MuiSvgIcon-root': {
+                color: theme.mvf.palette.component.answerSelectedColor,
+            },
+        })), (!isAnswered && {
+            '& .MuiSvgIcon-root': {
+                color: theme.mvf.palette.text.primaryTextColor,
+            },
+        })), (isAutoFilledActive && {
+            backgroundColor: autofillColor,
+            '& input:-webkit-autofill, & textarea:-webkit-autofill': {
+                backgroundColor: autofillColor,
+            },
+        })), { '& input:-webkit-autofill, & textarea:-webkit-autofill': {
+                backgroundColor: isSafari ? 'rgb(250, 255, 189)' : 'rgb(232, 240, 254)',
+            } }), (isOtherOption && {
+            height: 27.2,
+            border: 0,
+            boxShadow: 'none',
+            backgroundColor: 'transparent',
+            '& input': {
+                paddingTop: 0,
+                paddingBottom: 0,
+                height: 19,
+                fontWeight: "".concat(theme.mvf.typography.weight.medium, " !important"),
+                textAlign: 'center',
+                fontSize: "clamp(".concat(theme.mvf.fontSize.compact, "px, 3vw, ").concat(theme.mvf.fontSize.hefty, "px) !important"),
+                '&::placeholder': {
+                    fontWeight: theme.mvf.typography.weight.medium,
+                    color: theme.mvf.palette.text.secondaryTextColor,
+                    opacity: 1,
+                },
+            },
+        })), { '& textarea': (_b = {
+                    paddingTop: '18.5px',
+                    paddingBottom: '18.5px',
+                    paddingLeft: theme.mvf.spacing.medium,
+                    paddingRight: theme.mvf.spacing.medium,
+                    height: '150px !important',
+                    boxSizing: 'border-box',
+                    fontSize: theme.mvf.fontSize.mini
+                },
+                _b[theme.breakpoints.up('mobileMedium')] = {
+                    fontSize: theme.mvf.fontSize.small,
+                },
+                _b[theme.breakpoints.up('tabletSmall')] = {
+                    fontSize: theme.mvf.fontSize.compact,
+                },
+                _b[theme.breakpoints.up('desktopMedium')] = {
+                    fontSize: theme.mvf.fontSize.medium,
+                },
+                _b), '&.MuiInputBase-multiline': {
+                height: 150,
+                maxHeight: 150,
+            } }), (error && {
+            borderColor: theme.mvf.palette.status.error,
+            '& .MuiSvgIcon-root': {
+                color: theme.mvf.palette.status.error,
+            },
+            '@media (hover: hover)': {
+                '&:hover': {
+                    borderColor: theme.mvf.palette.status.error,
+                },
+            },
+        })), { '&.Mui-focused:not(.Mui-error)': __assign({ boxShadow: theme.mvf.boxShadow.fierce, borderColor: theme.mvf.palette.component.answerSelectedColor, '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.component.answerSelectedColor,
+                }, '@media (hover: hover)': {
+                    '&:hover': {
+                        borderColor: theme.mvf.palette.component.answerSelectedColor,
+                    },
+                } }, (isOtherOption && {
+                border: 0,
+                boxShadow: 'none',
+                '& input, & input::placeholder': {
+                    fontWeight: "".concat(theme.mvf.typography.weight.medium, " !important"),
+                },
+                '& input::placeholder': {
+                    color: '#8d8d8d',
+                },
+            })) })),
+        validationIcon: (0, react_1.css)({
+            fontSize: theme.mvf.fontSize.big,
+        }),
+        adornmentEnd: (0, react_1.css)({
+            position: 'absolute',
+            right: theme.mvf.spacing.medium,
+        }),
+        adornmentStart: (0, react_1.css)({
+            marginRight: theme.mvf.spacing.small,
+            marginLeft: theme.mvf.spacing.medium,
+        }),
+    };
+};
+exports.default = makeInputStyles;
+//# sourceMappingURL=makeInputStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"makeInputStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/Input/makeInputStyles.ts"],"names":[],"mappings":"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"}

package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.d.ts

@@ -0,0 +1,7 @@
+interface IInputLabelProps {
+    id?: string;
+    htmlFor?: string;
+    isAnswered?: boolean;
+    shrink?: boolean;
+}
+export default IInputLabelProps;

package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js

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

package/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IInputLabelProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/IInputLabelProps.ts"],"names":[],"mappings":""}

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.d.ts

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

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js

@@ -0,0 +1,39 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+var defaultProps_1 = __importDefault(require("./defaultProps"));
+var makeInputLabelStyles_1 = __importDefault(require("./makeInputLabelStyles"));
+var InputLabel = function (_a) {
+    var children = _a.children, isAnswered = _a.isAnswered, experimentName = _a.experimentName, otherProps = __rest(_a, ["children", "isAnswered", "experimentName"]);
+    return ((0, jsx_runtime_1.jsx)(InputLabel_1.default, __assign({ css: (0, makeInputLabelStyles_1.default)({ isAnswered: isAnswered }) }, otherProps, { children: children })));
+};
+InputLabel.defaultProps = defaultProps_1.default;
+exports.default = InputLabel;
+//# sourceMappingURL=InputLabel.js.map

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,wEAAoD;AAEpD,gEAA0C;AAE1C,gFAA0D;AAQ1D,IAAM,UAAU,GAAmB,UAAC,EAKnC;IAJC,IAAA,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,cAAc,oBAAA,EACX,UAAU,cAJqB,4CAKnC,CADc;IAEb,OAAO,CACL,uBAAC,oBAAY,aAAC,GAAG,EAAE,IAAA,8BAAoB,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC,IAAM,UAAU,cACpE,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.d.ts

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

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.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 jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("../FormControl"));
+var InputLabel_1 = __importDefault(require("./InputLabel"));
+describe('InputLabel', function () {
+    it('should display label', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsxs)(FormControl_1.default, { error: true, experimentName: "default", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { experimentName: "default", children: "Question" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true, experimentName: "default" })] })).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=InputLabel.test.js.map

package/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.test.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/InputLabel.test.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,sGAAgF;AAChF,mDAA6B;AAC7B,+DAAyC;AACzC,4DAAsC;AAEtC,QAAQ,CAAC,YAAY,EAAE;IACrB,EAAE,CAAC,sBAAsB,EAAE;QACjB,IAAA,SAAS,GAAK,IAAA,6BAAmB,EACvC,wBAAC,qBAAW,IAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,aAChD,uBAAC,oBAAU,IAAC,cAAc,EAAC,SAAS,yBAAsB,EAC1D,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,EAAE,cAAc,EAAC,SAAS,GAAG,IAC1C,CACf,UALgB,CAKf;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+type StoryType = React.FunctionComponent;
+declare const FormControlStory: StoryType;
+export default FormControlStory;

package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js

@@ -0,0 +1,12 @@
+"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 Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("../FormControl"));
+var InputLabel_1 = __importDefault(require("./InputLabel"));
+var FormControlStory = function () { return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '460px' }, children: (0, jsx_runtime_1.jsxs)(FormControl_1.default, { experimentName: "default", children: [(0, jsx_runtime_1.jsx)(InputLabel_1.default, { htmlFor: "my-input", experimentName: "default", children: "Email address" }), (0, jsx_runtime_1.jsx)(Input_1.default, { id: "my-input", experimentName: "default" })] }) })); };
+exports.default = FormControlStory;
+//# sourceMappingURL=InputLabelStory.js.map

package/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabelStory.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/InputLabelStory.tsx"],"names":[],"mappings":";;;;;;AACA,mDAA6B;AAC7B,+DAAyC;AACzC,4DAAsC;AAItC,IAAM,gBAAgB,GAAc,cAAM,OAAA,CACxC,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,wBAAC,qBAAW,IAAC,cAAc,EAAC,SAAS,aACnC,uBAAC,oBAAU,IAAC,OAAO,EAAC,UAAU,EAAC,cAAc,EAAC,SAAS,8BAE1C,EACb,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,cAAc,EAAC,SAAS,GAAG,IACpC,GACV,CACP,EATyC,CASzC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Experiments/CRO584/Atoms/InputLabel/defaultProps.d.ts

@@ -0,0 +1,2 @@
+declare const defaultProps: {};
+export default defaultProps;

package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js

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

package/Experiments/CRO584/Atoms/InputLabel/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/defaultProps.ts"],"names":[],"mappings":";;AAAA,IAAM,YAAY,GAAG,EAAE,CAAC;AAExB,kBAAe,YAAY,CAAC"}

package/Experiments/CRO584/Atoms/InputLabel/index.d.ts

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

package/Experiments/CRO584/Atoms/InputLabel/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 InputLabel_1 = require("./InputLabel");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(InputLabel_1).default; } });
+//# sourceMappingURL=index.js.map

package/Experiments/CRO584/Atoms/InputLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

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

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

package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js

@@ -0,0 +1,33 @@
+"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 makeInputLabelStyles = function (_a) {
+    var _b;
+    var isAnswered = _a.isAnswered;
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)(__assign((_b = { zIndex: 1, pointerEvents: 'none', marginTop: '-2px', marginRight: theme.mvf.spacing.medium, fontSize: theme.mvf.fontSize.little }, _b[theme.breakpoints.up('mobileMedium')] = {
+        fontSize: theme.mvf.fontSize.small,
+    }, _b.marginLeft = theme.mvf.spacing.medium, _b.color = theme.mvf.palette.text.primaryTextColor, _b['&.Mui-error'] = {
+        color: theme.mvf.palette.status.error,
+    }, _b['&.Mui-focused:not(.Mui-error)'] = {
+        color: theme.mvf.palette.component.answerSelectedColor,
+    }, _b['&.MuiInputLabel-shrink'] = {
+        marginTop: '9px',
+        fontWeight: theme.mvf.typography.weight.thick,
+    }, _b), (isAnswered && {
+        color: theme.mvf.palette.component.answerSelectedColor,
+    })));
+};
+exports.default = makeInputLabelStyles;
+//# sourceMappingURL=makeInputLabelStyles.js.map

package/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeInputLabelStyles.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO584/Atoms/InputLabel/makeInputLabelStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAM/C,IAAM,oBAAoB,GAAG,UAAC,EAAgC;;QAA9B,UAAU,gBAAA;IACxC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,mBACR,MAAM,EAAE,CAAC,EACT,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,OAClC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,IAAG;QACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;KACnC,EACD,aAAU,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACpC,QAAK,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAC9C,iBAAa,GAAE;QACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC,EACD,mCAA+B,GAAE;QAC/B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,EACD,4BAAwB,GAAE;QACxB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK;KAC9C,OACE,CAAC,UAAU,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;KACvD,CAAC,EACF,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}