@mvf/external-components 3.11.5 → 3.11.6-dev.2

package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.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, direction: 'rtl', pointerEvents: 'none', marginTop: '-2px', marginLeft: theme.mvf.spacing.medium, fontSize: theme.mvf.fontSize.little }, _b[theme.breakpoints.up('mobileMedium')] = {
+        fontSize: theme.mvf.fontSize.small,
+    }, _b.marginRight = 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=makeInputLabelGOLD1264Styles.js.map

package/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeInputLabelGOLD1264Styles.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/InputLabelGold1264/makeInputLabelGOLD1264Styles.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,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,MAAM,EACrB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACpC,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,cAAW,GAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,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"}

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
+import ITextFieldProps from '../../Molecules/TextField/ITextFieldProps';
+import defaultProps from '../../Molecules/TextField/defaultProps';
+declare type TextFieldGOLD1264Type = FunctionComponentWithDefaultProps<ITextFieldProps, typeof defaultProps>;
+declare const TextFieldGOLD1264: TextFieldGOLD1264Type;
+export default TextFieldGOLD1264;

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.js

@@ -0,0 +1,40 @@
+"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");
+var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+var FormControl_1 = __importDefault(require("../../Atoms/FormControl"));
+var InputGold1264_1 = __importDefault(require("../InputGold1264/InputGold1264"));
+var InputLabelGOLD1264_1 = __importDefault(require("../InputLabelGold1264/InputLabelGOLD1264"));
+var defaultProps_1 = __importDefault(require("../../Molecules/TextField/defaultProps"));
+var TextFieldGOLD1264 = function (_a) {
+    var errorMessage = _a.errorMessage, id = _a.id, label = _a.label, multiline = _a.multiline, isAnswered = _a.isAnswered, shrinkLabel = _a.shrinkLabel, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, rows = _a.rows, props = __rest(_a, ["errorMessage", "id", "label", "multiline", "isAnswered", "shrinkLabel", "isAutoFilledActive", "isSafari", "rows"]);
+    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ error: !!errorMessage }, { children: [label && ((0, jsx_runtime_1.jsx)(InputLabelGOLD1264_1.default, __assign({ shrink: shrinkLabel, isAnswered: isAnswered, htmlFor: id }, { children: label }))), (0, jsx_runtime_1.jsx)(InputGold1264_1.default, __assign({ error: !!errorMessage, id: id, multiline: multiline, rows: rows, isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] })));
+};
+TextFieldGOLD1264.defaultProps = defaultProps_1.default;
+exports.default = TextFieldGOLD1264;
+//# sourceMappingURL=TextFieldGOLD1264.js.map

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGOLD1264.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gFAA0D;AAE1D,wEAAkD;AAClD,iFAAmD;AACnD,gGAAkE;AAElE,wFAAkE;AAOlE,IAAM,iBAAiB,GAA0B,UAAC,EAWjD;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,cAVwC,mHAWjD,CADS;IAER,OAAO,CACL,wBAAC,qBAAW,aAAC,KAAK,EAAE,CAAC,CAAC,YAAY,iBAC/B,KAAK,IAAI,CACR,uBAAC,4BAAU,aAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,gBACjE,KAAK,IACK,CACd,EACD,uBAAC,uBAAK,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,KACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE9C,kBAAe,iBAAiB,CAAC"}

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.d.ts

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

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.js

@@ -0,0 +1,63 @@
+"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 user_event_1 = __importDefault(require("@testing-library/user-event"));
+var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
+var TextFieldGOLD1264_1 = __importDefault(require("./TextFieldGOLD1264"));
+describe('TextFieldGOLD1264', function () {
+    it('should display TextFieldGOLD1264 Component', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { label: "Question", id: "1" })).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+    it('should be able to input values', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { label: "Zipcode", id: "2" })).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)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3", iconType: "person" })).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)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3" })).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)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3", iconType: "person" })).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)(TextFieldGOLD1264_1.default, { label: "Your email?", id: "3", type: "email" })).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)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3", type: "none", errorMessage: "test error message" })).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)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+    it('should display error icon on validation success and error message', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { label: "Your name?", id: "3", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
+    });
+    describe('Multiline', function () {
+        it('should render a textarea when multiline prop is set to true', function () {
+            var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { label: "Your multiline input", id: "3", multiline: true })).container;
+            expect(container.querySelector('textarea')).toBeTruthy();
+        });
+        it('should be able to input values', function () {
+            var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { label: "Your multiline input", id: "3", multiline: true })).getByRole;
+            user_event_1.default.type(getByRole('textbox'), 'This is a multiline input');
+            expect(getByRole('textbox')).toHaveValue('This is a multiline input');
+        });
+    });
+});
+//# sourceMappingURL=TextFieldGOLD1264.test.js.map

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264.test.js.map

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

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.d.ts

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

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.js

@@ -0,0 +1,24 @@
+"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 TextFieldGOLD1264_1 = __importDefault(require("./TextFieldGOLD1264"));
+var TextFieldGOLD1264Story = function (_a) {
+    var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, type = _a.type, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, label = _a.label, placeholder = _a.placeholder, multiline = _a.multiline, rows = _a.rows, shrinkLabel = _a.shrinkLabel;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px' } }, { children: (0, jsx_runtime_1.jsx)(TextFieldGOLD1264_1.default, { disabled: disabled, errorMessage: errorMessage, type: type, iconType: iconType !== 'none' ? iconType : undefined, id: "id", isAnswered: isAnswered, isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, label: label, multiline: multiline, placeholder: placeholder, rows: rows, shrinkLabel: shrinkLabel }) })));
+};
+exports.default = TextFieldGOLD1264Story;
+//# sourceMappingURL=TextFieldGOLD1264Story.js.map

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFieldGOLD1264Story.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/TextFieldGOLD1264/TextFieldGOLD1264Story.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0EAAoD;AAyBpD,IAAM,sBAAsB,GAAc,UAAC,EAa1C;QAZC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,WAAW,iBAAA;IACP,OAAA,CACJ,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAC/B,uBAAC,2BAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpD,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,GACxB,IACE,CACP;AAlBK,CAkBL,CAAC;AAEF,kBAAe,sBAAsB,CAAC"}

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.d.ts

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

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

package/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/ExperimentsFormatOne/TextFieldGOLD1264/index.ts"],"names":[],"mappings":";;;;;;AAAA,yDAA8C;AAArC,6HAAA,OAAO,OAAA"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponentWithDefaultProps } from '../../../../../Helpers/React';
+import defaultProps from '../../../../Atoms/FormControl/defaultProps';
+import IFormControlProps from '../../../../Atoms/FormControl/IFormControlProps';
+declare type FormControlType = FunctionComponentWithDefaultProps<IFormControlProps, typeof defaultProps>;
+declare const FormControl: FormControlType;
+export default FormControl;

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.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 FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var defaultProps_1 = __importDefault(require("../../../../Atoms/FormControl/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 })));
+};
+FormControl.defaultProps = defaultProps_1.default;
+exports.default = FormControl;
+//# sourceMappingURL=FormControl.js.map

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAsD;AAEtD,4FAAsE;AAEtE,kFAA4D;AAO5D,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"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.d.ts

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

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.js

@@ -0,0 +1,32 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+var renderWithProviders_1 = __importDefault(require("../../../../../Helpers/React/renderWithProviders"));
+var Input_1 = __importDefault(require("../Input"));
+var FormControl_1 = __importDefault(require("./FormControl"));
+describe('FormControl', function () {
+    it('should display validity icon on child elements on error', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ error: true }, { children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", error: true }) }))).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on child elements validation success', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(FormControl_1.default, __assign({ error: false }, { children: (0, jsx_runtime_1.jsx)(Input_1.default, { id: "2", isAnswered: true }) }))).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=FormControl.test.js.map

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.test.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControl.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,yGAAmF;AACnF,mDAA6B;AAC7B,8DAAwC;AAExC,QAAQ,CAAC,aAAa,EAAE;IACtB,EAAE,CAAC,yDAAyD,EAAE;QACpD,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,aAAC,KAAK,EAAE,IAAI,gBACtB,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,IAAI,GAAI,IACjB,CACf,YAJkB,CAIjB;QAEF,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mEAAmE,EAAE;QAC9D,IAAA,WAAW,GAAK,IAAA,6BAAmB,EACzC,uBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,gBACvB,uBAAC,eAAK,IAAC,EAAE,EAAC,GAAG,EAAC,UAAU,EAAE,IAAI,GAAI,IACtB,CACf,YAJkB,CAIjB;QACF,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare type StoryType = React.FunctionComponent<{
+    error: boolean;
+    parentContainerWidth: number;
+}>;
+declare const FormControlStory: StoryType;
+export default FormControlStory;

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.js

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

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlStory.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/FormControlStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,mDAA6B;AAC7B,6DAAuC;AACvC,8DAAwC;AAOxC,IAAM,gBAAgB,GAAc,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,oBAAoB,0BAAA;IAAO,OAAA,CACvE,yCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gBACzC,wBAAC,qBAAW,aAAC,KAAK,EAAE,KAAK,iBACvB,uBAAC,oBAAU,aAAC,OAAO,EAAC,UAAU,mCAA2B,EACzD,uBAAC,eAAK,IAAC,EAAE,EAAC,UAAU,EAAC,KAAK,EAAE,KAAK,GAAI,KACzB,IACV,CACP;AAPwE,CAOxE,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.d.ts

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

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/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 FormControl_1 = require("./FormControl");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FormControl_1).default; } });
+//# sourceMappingURL=index.js.map

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAwC;AAA/B,uHAAA,OAAO,OAAA"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.d.ts

@@ -0,0 +1,2 @@
+declare const makeFormControlStyles: () => import("@emotion/utils").SerializedStyles;
+export default makeFormControlStyles;

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeFormControlStyles = function () {
+    var theme = (0, react_1.useTheme)();
+    return (0, react_1.css)({
+        '& .MuiInputLabel-shrink + .MuiInputBase-root input': {
+            padding: '28px 0px 11px 55px',
+            paddingRight: theme.mvf.spacing.medium,
+        },
+        '& .MuiInputBase-root .MuiInputAdornment-root + input': {
+            paddingRight: 0,
+        },
+        '& .MuiInputLabel-shrink + .MuiInputBase-root .MuiSelect-root': {
+            padding: '28px 0px 11px 55px',
+            paddingRight: theme.mvf.spacing.medium,
+        },
+        '& .MuiInputBase-root .MuiInputAdornment-root + .MuiSelect-root': {
+            paddingRight: 0,
+        },
+        '& .MuiFormLabel-root + .MuiInputBase-root .MuiInputAdornment-positionStart': {
+            marginTop: '16px',
+        },
+        '& .MuiFormLabel-root': {
+            lineHeight: 1.6,
+        },
+        '& .MuiFormHelperText-root': {
+            marginTop: theme.mvf.spacing.small,
+            paddingRight: theme.mvf.spacing.medium,
+            fontSize: theme.mvf.fontSize.small,
+        },
+        '& .MuiSelect-icon': {
+            left: theme.mvf.spacing.medium,
+        },
+    });
+};
+exports.default = makeFormControlStyles;
+//# sourceMappingURL=makeFormControlStyles.js.map

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/FormControl/makeFormControlStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeFormControlStyles.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/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,oBAAoB;YAC7B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACvC;QACD,sDAAsD,EAAE;YACtD,YAAY,EAAE,CAAC;SAChB;QACD,8DAA8D,EAAE;YAC9D,OAAO,EAAE,oBAAoB;YAC7B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SACvC;QACD,gEAAgE,EAAE;YAChE,YAAY,EAAE,CAAC;SAChB;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,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACtC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK;SACnC;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAC/B;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponentWithDefaultProps } from '../../../../../Helpers/React';
+import defaultProps from '../../../../Atoms/Input/defaultProps';
+import IInputProps from '../../../../Atoms/Input/IInputProps';
+declare type InputType = FunctionComponentWithDefaultProps<IInputProps, typeof defaultProps>;
+declare const Input: InputType;
+export default Input;

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.js

@@ -0,0 +1,93 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        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 InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+var react_1 = __importStar(require("react"));
+var defaultProps_1 = __importDefault(require("../../../../Atoms/Input/defaultProps"));
+var icons_1 = __importDefault(require("./icons"));
+var makeInputStyles_1 = __importDefault(require("./makeInputStyles"));
+var Input = function (_a) {
+    var error = _a.error, iconType = _a.iconType, id = _a.id, isAnswered = _a.isAnswered, isAutoFilledActive = _a.isAutoFilledActive, isSafari = _a.isSafari, isOtherOption = _a.isOtherOption, multiline = _a.multiline, placeholder = _a.placeholder, rows = _a.rows, onChange = _a.onChange, value = _a.value, disabled = _a.disabled, props = __rest(_a, ["error", "iconType", "id", "isAnswered", "isAutoFilledActive", "isSafari", "isOtherOption", "multiline", "placeholder", "rows", "onChange", "value", "disabled"]);
+    var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
+    (0, react_1.useEffect)(function () {
+        setCurrentValue(value);
+    }, [value]);
+    var isValid = error === true ? false : isAnswered;
+    var endAdornment;
+    var styles = (0, makeInputStyles_1.default)({
+        isAnswered: isAnswered,
+        isOtherOption: isOtherOption,
+        isAutoFilledActive: isAutoFilledActive,
+        isSafari: isSafari,
+        error: error === true,
+    });
+    if ((isValid || error) && multiline !== true) {
+        var validationIconType = isValid ? 'valid' : 'invalid';
+        var ValidationIconComponent = icons_1.default[validationIconType];
+        endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.adornmentEnd }, { children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { viewBox: "2 2 20 20", css: styles.validationIcon }) })));
+    }
+    var startAdornment;
+    if (iconType) {
+        var IconComponent = icons_1.default[iconType];
+        startAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ css: styles.adornmentStart, position: "start", "data-testid": "startAdornment" }, { children: (0, jsx_runtime_1.jsx)(IconComponent, {}) })));
+    }
+    var handleChange = function (e) {
+        var newValue = e.target.value;
+        onChange({ id: id, value: newValue });
+        setCurrentValue(newValue);
+    };
+    return ((0, jsx_runtime_1.jsx)(InputBase_1.default, __assign({ id: id, placeholder: placeholder, css: styles.input, startAdornment: endAdornment, multiline: multiline, onChange: handleChange, endAdornment: startAdornment, value: currentValue, rows: rows, disabled: disabled }, props)));
+};
+Input.defaultProps = defaultProps_1.default;
+exports.default = Input;
+//# sourceMappingURL=Input.js.map

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../../src/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,sEAAkD;AAClD,gFAA0D;AAC1D,6CAAyC;AAEzC,sFAAgE;AAEhE,kDAA4B;AAC5B,sEAAgD;AAOhD,IAAM,KAAK,GAAc,UAAC,EAezB;IAdC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAdgB,iKAezB,CADS;IAEF,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,IAAA,iBAAS,EAAC;QACR,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAEpD,IAAI,YAAY,CAAC;IAEjB,IAAM,MAAM,GAAG,IAAA,yBAAe,EAAC;QAC7B,UAAU,YAAA;QACV,aAAa,eAAA;QACb,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,KAAK,EAAE,KAAK,KAAK,IAAI;KACtB,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,SAAS,KAAK,IAAI,EAAE;QAC5C,IAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;QACzD,IAAM,uBAAuB,GAAG,eAAK,CAAC,kBAAkB,CAAC,CAAC;QAC1D,YAAY,GAAG,CACb,uBAAC,wBAAc,aACb,QAAQ,EAAC,KAAK,iBACD,uBAAgB,kBAAkB,CAAE,EACjD,GAAG,EAAE,MAAM,CAAC,YAAY,gBAExB,uBAAC,uBAAuB,IACtB,OAAO,EAAC,WAAW,EACnB,GAAG,EAAE,MAAM,CAAC,cAAc,GAC1B,IACa,CAClB,CAAC;KACH;IAED,IAAI,cAAc,CAAC;IACnB,IAAI,QAAQ,EAAE;QACZ,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,cAAc,GAAG,CACf,uBAAC,wBAAc,aACb,GAAG,EAAE,MAAM,CAAC,cAAc,EAC1B,QAAQ,EAAC,OAAO,iBACJ,gBAAgB,gBAE5B,uBAAC,aAAa,KAAG,IACF,CAClB,CAAC;KACH;IAED,IAAM,YAAY,GAAG,UAAC,CAAsC;QAC1D,IAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAW,aACV,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,cAAc,EAAE,YAAY,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,cAAc,EAC5B,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG,sBAAY,CAAC;AAElC,kBAAe,KAAK,CAAC"}

package/Components/ExperimentsFormatTwo/GOLD-1264/Atoms/Input/Input.test.d.ts

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