@mvf/external-components 1.12.1 → 1.15.0

package/Components/Atoms/TextField/useTextFieldStyles.js

@@ -12,40 +12,52 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/styles");
-var useTextFieldStyles = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
-        adornedStart: {
-            color: theme.mvf.palette.text.grey,
-        },
-        adornedEnd: function (_a) {
-            var isError = _a.isError;
-            return (__assign({ color: theme.mvf.palette.primary.main }, (isError && {
-                color: theme.mvf.palette.error,
-            })));
+var useTextFieldStyles = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
+        textField: {
+            '& .MuiFilledInput-root': {
+                backgroundColor: theme.mvf.palette.background.light,
+            },
         },
         focused: function (_a) {
             var isError = _a.isError;
             return ({
-                '&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main }, (isError && {
+                '&$focused': __assign({ boxShadow: theme.mvf.boxShadow.primary, borderColor: theme.mvf.palette.primary.main, '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.primary.main,
+                    } }, (isError && {
                     boxShadow: theme.mvf.boxShadow.error,
                     borderColor: theme.mvf.palette.error,
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.error,
+                    },
                 })),
             });
         },
-        input: {
-            WebkitBoxShadow: "inset 0 0 0 1000px " + theme.mvf.palette.background.light,
-        },
         label: function (_a) {
             var isValid = _a.isValid;
-            return (__assign({}, (isValid && {
+            return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
+                    color: theme.mvf.palette.primary.main,
+                } }, (isValid && {
                 color: theme.mvf.palette.primary.main,
             })));
         },
         muiInput: function (_a) {
             var isError = _a.isError, isValid = _a.isValid;
-            return (__assign(__assign({ border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
+            return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
                     boxShadow: theme.mvf.boxShadow.primary,
                     borderColor: theme.mvf.palette.primary.main,
+                }, '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.text.grey,
+                }, '&.Mui-disabled': {
+                    boxShadow: 'none',
+                    borderColor: theme.mvf.palette.disabled,
+                    '&:hover': {
+                        boxShadow: 'none',
+                        borderColor: theme.mvf.palette.disabled,
+                    },
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.disabled,
+                    },
                 } }, (isError && {
                 boxShadow: theme.mvf.boxShadow.error,
                 borderColor: theme.mvf.palette.error,
@@ -53,20 +65,17 @@ var useTextFieldStyles = styles_1.makeStyles(function (theme) {
                     boxShadow: theme.mvf.boxShadow.error,
                     borderColor: theme.mvf.palette.error,
                 },
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.error,
+                },
             })), (isValid && {
                 boxShadow: theme.mvf.boxShadow.primary,
                 borderColor: theme.mvf.palette.primary.main,
-                '&:hover': {
-                    boxShadow: theme.mvf.boxShadow.primary,
-                    borderColor: theme.mvf.palette.primary.main,
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.primary.main,
                 },
             })));
         },
-        textField: {
-            '& .MuiFilledInput-root': {
-                backgroundColor: theme.mvf.palette.background.light,
-            },
-        },
     });
 });
 exports.default = useTextFieldStyles;

package/Components/Atoms/TextField/useTextFieldStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAQ/D,IAAM,kBAAkB,GAAG,mBAAU,CACnC,UAAC,KAAK;IACJ,OAAA,qBAAY,CAAC;QACX,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;SACnC;QACD,UAAU,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,YAC3B,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IAClC,CAAC,OAAO,IAAI;gBACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;aAC/B,CAAC,EACF;QAL2B,CAK3B;QACF,OAAO,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,CAAC;gBACzB,WAAW,aACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,EACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,IACxC,CAAC,OAAO,IAAI;oBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACrC,CAAC,CACH;aACF,CAAC;QATwB,CASxB;QACF,KAAK,EAAE;YACL,eAAe,EAAE,wBAAsB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAO;SAC5E;QACD,KAAK,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,cACnB,CAAC,OAAO,IAAI;gBACb,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aACtC,CAAC,EACF;QAJsB,CAItB;QACF,QAAQ,EAAE,UAAC,EAAoB;gBAAlB,OAAO,aAAA,EAAE,OAAO,aAAA;YAAO,OAAA,qBAClC,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;oBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC5C,IACE,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;gBACpC,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACrC;aACF,CAAC,GACC,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;gBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;oBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC5C;aACF,CAAC,EACF;QA1BkC,CA0BlC;QACF,SAAS,EAAE;YACT,wBAAwB,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;aACpD;SACF;KACF,CAAC;AA5DF,CA4DE,CACL,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useTextFieldStyles.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/TextField/useTextFieldStyles.ts"],"names":[],"mappings":"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"}

package/Components/Molecules/CheckBox/CheckBox.js

@@ -30,9 +30,9 @@ var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"))
 var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
 var CheckBox = function (_a) {
     var id = _a.id, isOtherOption = _a.isOtherOption, onBlur = _a.onBlur, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, selected = _a.selected, text = _a.text;
-    var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
-    var classes = useCheckBoxClasses_1.default();
-    var otherInputElement = react_1.useRef(null);
+    var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
+    var classes = (0, useCheckBoxClasses_1.default)();
+    var otherInputElement = (0, react_1.useRef)(null);
     var handleClick = function () {
         if (!checked && otherInputElement.current) {
             otherInputElement.current.focus();
@@ -45,7 +45,7 @@ var CheckBox = function (_a) {
         setChecked(true);
         onClick({ id: id, selected: true });
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setChecked(selected);
     }, [selected]);
     return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },

package/Components/Molecules/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAS/B;QARC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,gBAAQ,CAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,4BAAkB,EAAE,CAAC;IACrC,IAAM,iBAAiB,GAAG,cAAM,CAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,iBAAS,CAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,sBAAY,CAAC;AAErC,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAI2B;AAC3B,gEAA0C;AAE1C,4EAAsD;AACtD,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,QAAQ,GAAiB,UAAC,EAS/B;QARC,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,IAAA,4BAAkB,GAAE,CAAC;IACrC,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,WAAM,IACL,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,gBAAgB,EACnC,SAAS,EAAC,KAAK,EACf,cAAc,EAAC,YAAY,EAC3B,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,QAAQ;YAEb,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;YACF,8BAAC,WAAM,IAAC,IAAI,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACrC,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;gBAChC,8BAAC,mBAAS,IACR,WAAW,QACX,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACM,CACF,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,YAAY,GAAG,sBAAY,CAAC;AAErC,kBAAe,QAAQ,CAAC"}

package/Components/Molecules/CheckBox/CheckBox.test.js

@@ -67,24 +67,24 @@ var CheckBox_1 = __importDefault(require("./CheckBox"));
 var ErrorMessageProvider_1 = require("../../Atoms/ErrorMessageProvider/ErrorMessageProvider");
 describe('<CheckBox />', function () {
     it('should display checkbox text', function () {
-        var getByText = withTheme_1.default(React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, null,
+        var getByText = (0, withTheme_1.default)(React.createElement(ErrorMessageProvider_1.ErrorMessageProvider, null,
             React.createElement(CheckBox_1.default, { id: 'id', text: 'test' }))).getByText;
         expect(getByText('test')).toBeTruthy();
     });
     it('should call onClick function if checkbox is clicked', function () {
         var callback = jest.fn();
-        var getByText = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback })).getByText;
+        var getByText = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', onClick: callback })).getByText;
         getByText('test').click();
         expect(callback).toHaveBeenCalled();
     });
     it('should begin unchecked and can be checked', function () {
-        var _a = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+        var _a = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test' })), getByText = _a.getByText, getByTestId = _a.getByTestId;
         getByText('test').click();
         var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
         expect(checkbox).toBeChecked();
     });
     it('should begin checked and be unchecked', function () {
-        var _a = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
+        var _a = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })), getByText = _a.getByText, getByTestId = _a.getByTestId;
         getByText('test').click();
         var checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
         expect(checkbox).not.toBeChecked();
@@ -95,15 +95,15 @@ describe('<CheckBox />', function () {
             switch (_b.label) {
                 case 0:
                     TestComponent = function () {
-                        var _a = react_2.useState(false), selected = _a[0], setSelected = _a[1];
+                        var _a = (0, react_2.useState)(false), selected = _a[0], setSelected = _a[1];
                         return (React.createElement("div", null,
                             React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: selected }),
                             React.createElement(core_1.Button, { onClick: function () { return setSelected(!selected); } }, "button")));
                     };
-                    _a = withTheme_1.default(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
+                    _a = (0, withTheme_1.default)(React.createElement(TestComponent, null)), getByTestId = _a.getByTestId, getByText = _a.getByText;
                     getByText('button').click();
                     checkbox = getByTestId('checkboxCardButton').querySelector('input[type=checkbox]');
-                    return [4 /*yield*/, react_1.waitFor(function () { return expect(checkbox).toBeChecked(); })];
+                    return [4 /*yield*/, (0, react_1.waitFor)(function () { return expect(checkbox).toBeChecked(); })];
                 case 1:
                     _b.sent();
                     return [2 /*return*/];
@@ -111,13 +111,13 @@ describe('<CheckBox />', function () {
         });
     }); });
     it('should not display otherInput unless specified', function () {
-        var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })).getByTestId;
+        var getByTestId = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true })).getByTestId;
         var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
         expect(input).toBeNull();
     });
     it('should call onChange when otherInput is updated', function () {
         var callback = jest.fn();
-        var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true, onChange: callback })).getByTestId;
+        var getByTestId = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true, onChange: callback })).getByTestId;
         var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
         react_1.fireEvent.change(input, { target: { value: 'Test' } });
         expect(callback).toHaveBeenCalledWith({
@@ -127,14 +127,14 @@ describe('<CheckBox />', function () {
         expect(input.value).toEqual('Test');
     });
     it('should focus on OtherInput when selected', function () {
-        var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true })).getByTestId;
+        var getByTestId = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true })).getByTestId;
         var checkboxCardButton = getByTestId('checkboxCardButton');
         checkboxCardButton.click();
         var input = checkboxCardButton.querySelector('input[type=text]');
         expect(input).toBe(document.activeElement);
     });
     it('should not focus on OtherInput when unselected', function () {
-        var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true })).getByTestId;
+        var getByTestId = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: true, isOtherOption: true })).getByTestId;
         var checkboxCardButton = getByTestId('checkboxCardButton');
         checkboxCardButton.click();
         var input = checkboxCardButton.querySelector('input[type=text]');
@@ -142,7 +142,7 @@ describe('<CheckBox />', function () {
     });
     it('should trigger onBlur when other input deselected', function () {
         var callback = jest.fn();
-        var getByTestId = withTheme_1.default(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback })).getByTestId;
+        var getByTestId = (0, withTheme_1.default)(React.createElement(CheckBox_1.default, { id: 'id', text: 'test', selected: false, isOtherOption: true, onBlur: callback })).getByTestId;
         var input = getByTestId('checkboxCardButton').querySelector('input[type=text]');
         react_1.fireEvent.blur(input);
         expect(callback).toHaveBeenCalled();

package/Components/Molecules/CheckBox/CheckBox.test.js.map

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

package/Components/Molecules/CheckBox/CheckBoxStory.js

@@ -31,7 +31,7 @@ var CheckBoxStory = function (_a) {
     var _b = React.useState(false), selected = _b[0], setSelected = _b[1];
     var handleClick = function (_a) {
         var id = _a.id, itemSelected = _a.selected;
-        addon_actions_1.action('Click')({ id: id, selected: selected });
+        (0, addon_actions_1.action)('Click')({ id: id, selected: selected });
         setSelected(itemSelected);
     };
     return (React.createElement("div", { style: {

package/Components/Molecules/CheckBox/CheckBoxStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wDAAkC;AAElC,8FAA6F;AAS7F,IAAM,aAAa,GAAsB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,sBAAM,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAClC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,MAAM;SACf;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,kBAAQ,IACP,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"CheckBoxStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/CheckBoxStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wDAAkC;AAElC,8FAA6F;AAS7F,IAAM,aAAa,GAAsB,UAAC,EAKzC;QAJC,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAEtD,IAAM,WAAW,GAAG,UAAC,EAGK;YAFxB,EAAE,QAAA,EACQ,YAAY,cAAA;QAEtB,IAAA,sBAAM,EAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAC;QAClC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,MAAM;SACf;QAED,oBAAC,2CAAoB,IACnB,YAAY,EAAE,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAE5D,oBAAC,kBAAQ,IACP,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,GAChC,CACmB,CACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/Components/Molecules/CheckBox/useCheckBoxClasses.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/styles");
-var useCheckBoxClasses = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
+var useCheckBoxClasses = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
         checkbox: {
             color: theme.mvf.palette.border,
         },

package/Components/Molecules/CheckBox/useCheckBoxClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/useCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,kBAAkB,GAAG,mBAAU,CAAgB,UAAC,KAAK;IACzD,OAAA,qBAAY,CAAC;QACX,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACtC;QACD,UAAU,EAAE;YACV,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,wBAAwB,EAAE;gBACxB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACnC,SAAS,EAAE,MAAM;aAClB;SACF;KACF,CAAC;AArBF,CAqBE,CACH,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"useCheckBoxClasses.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/CheckBox/useCheckBoxClasses.ts"],"names":[],"mappings":";;AAAA,8CAA+D;AAG/D,IAAM,kBAAkB,GAAG,IAAA,mBAAU,EAAgB,UAAC,KAAK;IACzD,OAAA,IAAA,qBAAY,EAAC;QACX,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;SAChC;QACD,gBAAgB,EAAE;YAChB,MAAM,EAAE,MAAM;SACf;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;SACd;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK;YACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;SACtC;QACD,UAAU,EAAE;YACV,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;YACrC,wBAAwB,EAAE;gBACxB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBACnC,SAAS,EAAE,MAAM;aAClB;SACF;KACF,CAAC;AArBF,CAqBE,CACH,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/Components/Molecules/DropDownSelect/DropDownSelect.js

@@ -21,8 +21,9 @@ var icons_1 = __importDefault(require("./icons"));
 var useDropDownSelectStyles_1 = __importDefault(require("./useDropDownSelectStyles"));
 var DropDownSelect = function (_a) {
     var children = _a.children, disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, id = _a.id, label = _a.label, margin = _a.margin, onChange = _a.onChange, onClick = _a.onClick, onBlur = _a.onBlur, placeholder = _a.placeholder, size = _a.size, value = _a.value, inputRef = _a.inputRef;
-    var classes = useDropDownSelectStyles_1.default({
+    var classes = (0, useDropDownSelectStyles_1.default)({
         isError: errorMessage !== undefined,
+        isValid: errorMessage === undefined && value !== 'none',
     });
     var _b = react_1.default.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
     var handleChange = function (e) {
@@ -35,7 +36,7 @@ var DropDownSelect = function (_a) {
             focused: classes.focused,
             adornedStart: classes.adornedStart,
         },
-        className: classes.input,
+        className: classes.muiInput,
         disableUnderline: true,
     };
     if (iconType !== 'none') {
@@ -43,7 +44,7 @@ var DropDownSelect = function (_a) {
         InputProps = __assign(__assign({}, InputProps), { startAdornment: (react_1.default.createElement(core_1.InputAdornment, { position: "start" },
                 react_1.default.createElement(IconComponent, null))) });
     }
-    return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
+    return (react_1.default.createElement(core_1.TextField, { fullWidth: true, select: true, className: classes.dropDownSelect, variant: "filled", disabled: disabled, error: errorMessage !== undefined, helperText: errorMessage, label: label, size: size, margin: margin, onChange: handleChange, onClick: onClick, onBlur: onBlur, value: currentValue, InputLabelProps: { className: classes.label }, InputProps: InputProps, inputRef: inputRef || null, "data-testid": "dropDownSelect" },
         react_1.default.createElement(core_1.MenuItem, { value: "none", disabled: true }, placeholder),
         children));
 };

package/Components/Molecules/DropDownSelect/DropDownSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,iCAAuB,CAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;KACpC,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,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,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,YAAY,EAAE,OAAO,CAAC,YAAY;SACnC;QACD,SAAS,EAAE,OAAO,CAAC,KAAK;QACxB,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO;gBAC9B,8BAAC,aAAa,OAAG,CACF,CAClB,GACF,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gBAAW,IACV,SAAS,QACT,MAAM,QACN,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB;QAE5B,8BAAC,eAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,UAC9B,WAAW,CACD;QACZ,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"DropDownSelect.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,0CAK2B;AAE3B,gEAA0C;AAC1C,kDAA4B;AAC5B,sFAAgE;AAMhE,IAAM,cAAc,GAAuB,UAAC,EAe3C;QAdC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,IAAA,iCAAuB,EAAC;QACtC,OAAO,EAAE,YAAY,KAAK,SAAS;QACnC,OAAO,EAAE,YAAY,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM;KACxD,CAAC,CAAC;IACG,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtD,YAAY,QAAA,EAAE,eAAe,QAAyB,CAAC;IAE9D,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,IAAI,UAAU,GAAG;QACf,OAAO,EAAE;YACP,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,YAAY,EAAE,OAAO,CAAC,YAAY;SACnC;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC3B,gBAAgB,EAAE,IAAI;KACQ,CAAC;IAEjC,IAAI,QAAQ,KAAK,MAAM,EAAE;QACvB,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC;QACtC,UAAU,yBACL,UAAU,KACb,cAAc,EAAE,CACd,8BAAC,qBAAc,IAAC,QAAQ,EAAC,OAAO;gBAC9B,8BAAC,aAAa,OAAG,CACF,CAClB,GACF,CAAC;KACH;IAED,OAAO,CACL,8BAAC,gBAAW,IACV,SAAS,QACT,MAAM,QACN,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,KAAK,SAAS,EACjC,UAAU,EAAE,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,eAAe,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,EAC7C,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,IAAI,iBACd,gBAAgB;QAE5B,8BAAC,eAAU,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,UAC9B,WAAW,CACD;QACZ,QAAQ,CACG,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE3C,kBAAe,cAAc,CAAC"}

package/Components/Molecules/DropDownSelect/DropDownSelect.test.js

@@ -10,19 +10,19 @@ var withTheme_1 = __importDefault(require("../../../Helpers/React/withTheme"));
 var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
 describe('<DropDownSelect />', function () {
     it('should display placeholder for dropdown on load', function () {
-        var getByText = withTheme_1.default(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "test placeholder" },
+        var getByText = (0, withTheme_1.default)(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "test placeholder" },
             react_1.default.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
             react_1.default.createElement(core_1.MenuItem, { value: 2 }, "Option 2"))).getByText;
         expect(getByText('test placeholder')).toBeTruthy();
     });
     it('should be able to select dropdown options', function () {
         var callback = jest.fn();
-        var getByRole = withTheme_1.default(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "placeholder", onChange: callback },
+        var getByRole = (0, withTheme_1.default)(react_1.default.createElement(DropDownSelect_1.default, { id: "id", label: "test label", placeholder: "placeholder", onChange: callback },
             react_1.default.createElement(core_1.MenuItem, { value: "test-value-1" }, "Option 1"),
             react_1.default.createElement(core_1.MenuItem, { value: "test-value-2" }, "Option 2"))).getByRole;
         var openSelect = getByRole('button');
         react_2.fireEvent.mouseDown(openSelect);
-        react_2.fireEvent.click(react_2.within(getByRole('listbox')).getByText('Option 1'));
+        react_2.fireEvent.click((0, react_2.within)(getByRole('listbox')).getByText('Option 1'));
         expect(callback).toHaveBeenCalledWith({ id: 'id', value: 'test-value-1' });
     });
 });

package/Components/Molecules/DropDownSelect/DropDownSelect.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,iDAAiD,EAAE;QAC5C,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,wBAAc,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,kBAAkB;YACvE,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CAClB,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,mBAAS,CAC7B,8BAAC,wBAAc,IACb,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB;YAClD,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB,CACnC,CAClB,UAVgB,CAUf;QACF,IAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,iBAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAChC,iBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DropDownSelect.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelect.test.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,0CAA6C;AAC7C,gDAA2D;AAC3D,+EAAyD;AACzD,oEAA8C;AAE9C,QAAQ,CAAC,oBAAoB,EAAE;IAC7B,EAAE,CAAC,iDAAiD,EAAE;QAC5C,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,wBAAc,IAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAC,WAAW,EAAC,kBAAkB;YACvE,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,8BAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CAClB,UALgB,CAKf;QACF,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE;QAC9C,IAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACnB,IAAA,SAAS,GAAK,IAAA,mBAAS,EAC7B,8BAAC,wBAAc,IACb,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB;YAClD,8BAAC,eAAQ,IAAC,KAAK,EAAC,cAAc,eAAoB,CACnC,CAClB,UAVgB,CAUf;QACF,IAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QACvC,iBAAS,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAChC,iBAAS,CAAC,KAAK,CAAC,IAAA,cAAM,EAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Molecules/DropDownSelect/DropDownSelectStory.d.ts

@@ -6,5 +6,5 @@ declare type StoryType = React.FunctionComponent<{
     label: string;
     placeholder: string;
 }>;
-declare const TextFieldStory: StoryType;
-export default TextFieldStory;
+declare const DropDownSelectStory: StoryType;
+export default DropDownSelectStory;

package/Components/Molecules/DropDownSelect/DropDownSelectStory.js

@@ -26,17 +26,19 @@ var React = __importStar(require("react"));
 var core_1 = require("@material-ui/core");
 var addon_actions_1 = require("@storybook/addon-actions");
 var DropDownSelect_1 = __importDefault(require("./DropDownSelect"));
-var TextFieldStory = function (_a) {
+var DropDownSelectStory = function (_a) {
     var disabled = _a.disabled, errorMessage = _a.errorMessage, iconType = _a.iconType, label = _a.label, placeholder = _a.placeholder;
+    var _b = React.useState('none'), currentValue = _b[0], setCurrentValue = _b[1];
     var handleChange = function (_a) {
         var id = _a.id, value = _a.value;
-        addon_actions_1.action('Changed Selection')(id, value);
+        (0, addon_actions_1.action)('Changed Selection')(id, value);
+        setCurrentValue(value);
     };
     return (React.createElement("div", { style: { maxWidth: '460px' } },
-        React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder },
+        React.createElement(DropDownSelect_1.default, { disabled: disabled, errorMessage: errorMessage, iconType: iconType, id: "id", label: label, onChange: handleChange, placeholder: placeholder, value: currentValue },
             React.createElement(core_1.MenuItem, { value: 1 }, "Option 1"),
             React.createElement(core_1.MenuItem, { value: 2 }, "Option 2"),
             React.createElement(core_1.MenuItem, { value: 3 }, "Option 3"))));
 };
-exports.default = TextFieldStory;
+exports.default = DropDownSelectStory;
 //# sourceMappingURL=DropDownSelectStory.js.map

package/Components/Molecules/DropDownSelect/DropDownSelectStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,cAAc,GAAc,UAAC,EAMlC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,sBAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW;YAExB,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"DropDownSelectStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/DropDownSelectStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0CAA6C;AAC7C,0DAAkD;AAClD,oEAA8C;AAkB9C,IAAM,mBAAmB,GAAc,UAAC,EAMvC;QALC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,WAAW,iBAAA;IAEL,IAAA,KAAkC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IAE/D,IAAM,YAAY,GAAG,UAAC,EAA4C;YAA1C,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,IAAA,sBAAM,EAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACvC,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC/B,oBAAC,wBAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,YAAY;YAEnB,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB;YACvC,oBAAC,eAAQ,IAAC,KAAK,EAAE,CAAC,eAAqB,CACxB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/Components/Molecules/DropDownSelect/defaultProps.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const defaultProps: {
     disabled: boolean;
-    iconType: "none" | "email" | "person" | "zipcode" | "phone" | "company" | "state";
+    iconType: "none" | "state" | "email" | "person" | "zipcode" | "phone" | "company";
     margin: "normal" | "none" | "dense";
     onBlur: () => void;
     onChange: (item: import("./IComponentProps").IDropDownSelectCallbackParams) => void;

package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.d.ts

@@ -1,5 +1,6 @@
 interface IDropDownSelectStyleProps {
     isError: boolean;
+    isValid: boolean;
 }
 declare const useDropDownSelectStyles: (props: IDropDownSelectStyleProps) => import("@material-ui/styles").ClassNameMap<string>;
 export default useDropDownSelectStyles;

package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js

@@ -12,18 +12,54 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/styles");
-var useDropDownSelectStyles = styles_1.makeStyles(function (theme) {
-    return styles_1.createStyles({
+var useDropDownSelectStyles = (0, styles_1.makeStyles)(function (theme) {
+    return (0, styles_1.createStyles)({
         dropDownSelect: {
-            '& .MuiSelect-root': {
+            '& .MuiFilledInput-root': {
                 backgroundColor: theme.mvf.palette.background.light,
             },
         },
-        input: function (_a) {
+        focused: function (_a) {
             var isError = _a.isError;
-            return (__assign({ border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
+            return (__assign({ '&$focused': {
                     boxShadow: theme.mvf.boxShadow.primary,
                     borderColor: theme.mvf.palette.primary.main,
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.primary.main,
+                    },
+                } }, (isError && {
+                '&$focused': {
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.error,
+                    },
+                },
+            })));
+        },
+        label: function (_a) {
+            var isValid = _a.isValid;
+            return (__assign({ color: theme.mvf.palette.text.grey, '&$focused': {
+                    color: theme.mvf.palette.primary.main,
+                } }, (isValid && {
+                color: theme.mvf.palette.primary.main,
+            })));
+        },
+        muiInput: function (_a) {
+            var isError = _a.isError, isValid = _a.isValid;
+            return (__assign(__assign({ backgroundColor: theme.mvf.palette.background.light, border: 'solid', borderWidth: theme.mvf.border.width.thin, borderColor: theme.mvf.palette.border, overflow: 'hidden', borderRadius: 4, '&:hover': {
+                    boxShadow: theme.mvf.boxShadow.primary,
+                    borderColor: theme.mvf.palette.primary.main,
+                }, '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.text.grey,
+                }, '&.Mui-disabled': {
+                    boxShadow: 'none',
+                    borderColor: theme.mvf.palette.disabled,
+                    '&:hover': {
+                        boxShadow: 'none',
+                        borderColor: theme.mvf.palette.disabled,
+                    },
+                    '& .MuiSvgIcon-root': {
+                        color: theme.mvf.palette.disabled,
+                    },
                 } }, (isError && {
                 boxShadow: theme.mvf.boxShadow.error,
                 borderColor: theme.mvf.palette.error,
@@ -31,16 +67,16 @@ var useDropDownSelectStyles = styles_1.makeStyles(function (theme) {
                     boxShadow: theme.mvf.boxShadow.error,
                     borderColor: theme.mvf.palette.error,
                 },
-            })));
-        },
-        focused: {
-            '&$focused': {
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.error,
+                },
+            })), (isValid && {
                 boxShadow: theme.mvf.boxShadow.primary,
                 borderColor: theme.mvf.palette.primary.main,
-            },
-        },
-        adornedStart: {
-            color: theme.mvf.palette.text.grey,
+                '& .MuiSvgIcon-root': {
+                    color: theme.mvf.palette.primary.main,
+                },
+            })));
         },
     });
 });

package/Components/Molecules/DropDownSelect/useDropDownSelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA+D;AAO/D,IAAM,uBAAuB,GAAG,mBAAU,CAGxC,UAAC,KAAK;IACN,OAAA,qBAAY,CAAC;QACX,cAAc,EAAE;YACd,mBAAmB,EAAE;gBACnB,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;aACpD;SACF;QACD,KAAK,EAAE,UAAC,EAAW;gBAAT,OAAO,aAAA;YAAO,OAAA,YACtB,MAAM,EAAE,OAAO,EACf,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EACrC,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;oBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;iBAC5C,IACE,CAAC,OAAO,IAAI;gBACb,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;gBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;gBACpC,SAAS,EAAE;oBACT,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK;oBACpC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK;iBACrC;aACF,CAAC,EACF;QAlBsB,CAkBtB;QACF,OAAO,EAAE;YACP,WAAW,EAAE;gBACX,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO;gBACtC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;aAC5C;SACF;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;SACnC;KACF,CAAC;AAlCF,CAkCE,CACH,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
+{"version":3,"file":"useDropDownSelectStyles.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DropDownSelect/useDropDownSelectStyles.ts"],"names":[],"mappings":"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"}

package/Components/Molecules/IconTileCheckBox/IComponentProps.d.ts

@@ -10,6 +10,7 @@ interface IComponentProps {
     onClick: (item: IIconTileCheckBoxCallbackParams) => void;
     onChange: () => void;
     otherInputError?: boolean;
+    otherInputValue: string;
     selected: boolean;
     text: string;
 }

package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js

@@ -29,10 +29,10 @@ var useIconTileCheckBoxClasses_1 = __importDefault(require("./useIconTileCheckBo
 var CardButton_1 = __importDefault(require("../../Atoms/CardButton/CardButton"));
 var TextField_1 = __importDefault(require("../../Atoms/TextField/TextField"));
 var IconTileCheckBox = function (_a) {
-    var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, text = _a.text;
-    var _b = react_1.useState(selected), checked = _b[0], setChecked = _b[1];
-    var classes = useIconTileCheckBoxClasses_1.default();
-    var otherInputElement = react_1.useRef(null);
+    var Icon = _a.Icon, id = _a.id, isOtherOption = _a.isOtherOption, selected = _a.selected, onClick = _a.onClick, onChange = _a.onChange, otherInputError = _a.otherInputError, otherInputValue = _a.otherInputValue, text = _a.text;
+    var _b = (0, react_1.useState)(selected), checked = _b[0], setChecked = _b[1];
+    var classes = (0, useIconTileCheckBoxClasses_1.default)();
+    var otherInputElement = (0, react_1.useRef)(null);
     var handleClick = function () {
         if (!checked && otherInputElement.current) {
             otherInputElement.current.focus();
@@ -45,7 +45,7 @@ var IconTileCheckBox = function (_a) {
         setChecked(true);
         onClick({ id: id, selected: true });
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setChecked(selected);
     }, [selected]);
     return (react_1.default.createElement(CardButton_1.default, { selected: checked, onClick: handleClick, "data-testid": "checkboxCardButton" },
@@ -53,7 +53,7 @@ var IconTileCheckBox = function (_a) {
         react_1.default.createElement("div", { className: classes.icon },
             react_1.default.createElement(Icon, null)),
         isOtherOption ? (react_1.default.createElement("div", { className: classes.otherInput },
-            react_1.default.createElement(TextField_1.default, { id: id, label: text, onClick: handleInputClick, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))));
+            react_1.default.createElement(TextField_1.default, { id: id, label: text, onClick: handleInputClick, onChange: onChange, size: "small", inputRef: otherInputElement, errorMessage: otherInputError ? '' : undefined, value: otherInputValue }))) : (react_1.default.createElement(core_1.Typography, { className: classes.listItemText }, text))));
 };
 IconTileCheckBox.defaultProps = defaultProps_1.default;
 exports.default = IconTileCheckBox;

package/Components/Molecules/IconTileCheckBox/IconTileCheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAS/C;QARC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,gBAAQ,CAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,oCAA0B,EAAE,CAAC;IAC7C,IAAM,iBAAiB,GAAG,cAAM,CAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,iBAAS,CAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,8BAAC,IAAI,OAAG,CACJ;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,GAC9C,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IconTileCheckBox.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/IconTileCheckBox/IconTileCheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA2D;AAC3D,0CAAuE;AACvE,gEAA0C;AAE1C,4FAAsE;AACtE,iFAA2D;AAC3D,8EAAwD;AAOxD,IAAM,gBAAgB,GAAyB,UAAC,EAU/C;QATC,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,IAAI,UAAA;IAEE,IAAA,KAAwB,IAAA,gBAAQ,EAAC,QAAQ,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,OAAO,GAAG,IAAA,oCAA0B,GAAE,CAAC;IAC7C,IAAM,iBAAiB,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEhE,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,IAAI,iBAAiB,CAAC,OAAO,EAAE;YACzC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACnC;QACD,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAA8C,UAAC,CAAC;QACpE,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,UAAU,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,8BAAC,oBAAU,IACT,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,WAAW,iBACR,oBAAoB;QAEhC,8BAAC,eAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,GACf;QACF,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;YAC1B,8BAAC,IAAI,OAAG,CACJ;QACL,aAAa,CAAC,CAAC,CAAC,CACf,uCAAK,SAAS,EAAE,OAAO,CAAC,UAAU;YAChC,8BAAC,mBAAS,IACR,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,GACtB,CACE,CACP,CAAC,CAAC,CAAC,CACF,8BAAC,iBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,IAAI,CAAc,CACjE,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAE7C,kBAAe,gBAAgB,CAAC"}