@mvf/external-components 3.7.1-dev.2 → 3.8.0

package/Assets/BrandLogos/ExpertMarketLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type ExpertMarketLogoType = FunctionComponent;
+type ExpertMarketLogoType = FunctionComponent;
 declare const ExpertMarketLogo: ExpertMarketLogoType;
 export default ExpertMarketLogo;

package/Assets/BrandLogos/ExpertReviewsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type ExpertReviewsLogoType = FunctionComponent;
+type ExpertReviewsLogoType = FunctionComponent;
 declare const ExpertReviewsLogo: ExpertReviewsLogoType;
 export default ExpertReviewsLogo;

package/Assets/BrandLogos/GoWizardLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type GoWizardLogoType = FunctionComponent;
+type GoWizardLogoType = FunctionComponent;
 declare const GoWizardLogo: GoWizardLogoType;
 export default GoWizardLogo;

package/Assets/BrandLogos/HearClearLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type HearClearLogoType = FunctionComponent;
+type HearClearLogoType = FunctionComponent;
 declare const HearClearLogo: HearClearLogoType;
 export default HearClearLogo;

package/Assets/BrandLogos/LasikEyesLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type LasikEyesLogoType = FunctionComponent;
+type LasikEyesLogoType = FunctionComponent;
 declare const LasikEyesLogo: LasikEyesLogoType;
 export default LasikEyesLogo;

package/Assets/BrandLogos/StartupsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type StartUpsLogoType = FunctionComponent;
+type StartUpsLogoType = FunctionComponent;
 declare const StartUpsLogo: StartUpsLogoType;
 export default StartUpsLogo;

package/Assets/BrandLogos/TechcoLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type TechCoLogoType = FunctionComponent;
+type TechCoLogoType = FunctionComponent;
 declare const TechCoLogo: TechCoLogoType;
 export default TechCoLogo;

package/Assets/BrandLogos/TheEcoExpertsLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type TheEcoExpertsLogoType = FunctionComponent;
+type TheEcoExpertsLogoType = FunctionComponent;
 declare const TheEcoExpertsLogo: TheEcoExpertsLogoType;
 export default TheEcoExpertsLogo;

package/Assets/BrandLogos/WebsiteBuilderExpertLogo.d.ts

@@ -1,4 +1,4 @@
 import { FunctionComponent } from 'react';
-declare type WebsiteBuilderExpertLogoType = FunctionComponent;
+type WebsiteBuilderExpertLogoType = FunctionComponent;
 declare const WebsiteBuilderExpertLogo: WebsiteBuilderExpertLogoType;
 export default WebsiteBuilderExpertLogo;

package/Assets/BrandLogos/brandLogos.d.ts

@@ -11,5 +11,5 @@ declare const brandLogos: {
     lasikEyes: import("react").FunctionComponent<{}>;
     none: null;
 };
-export declare type IBrandLogos = typeof brandLogos;
+export type IBrandLogos = typeof brandLogos;
 export default brandLogos;

package/Assets/CustomIcons/CheckboxIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type CheckboxType = React.FunctionComponent<{
+type CheckboxType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const CheckboxIcon: CheckboxType;

package/Assets/CustomIcons/RadioIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type RadioType = React.FunctionComponent<{
+type RadioType = React.FunctionComponent<{
     isChecked: boolean;
 }>;
 declare const RadioIcon: RadioType;

package/Assets/svgs/svgs.d.ts

@@ -7,5 +7,5 @@ declare const svgs: {
     truck: string;
     ringcentral: string;
 };
-export declare type ISvgs = typeof svgs;
+export type ISvgs = typeof svgs;
 export default svgs;

package/Components/Atoms/AnimationWrapper/AnimationWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import IAnimationWrapperProps from './IAnimationWrapperProps';
+declare const AnimationWrapper: React.FC<IAnimationWrapperProps>;
+export default AnimationWrapper;

package/Components/Atoms/AnimationWrapper/AnimationWrapper.js

@@ -0,0 +1,30 @@
+"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 Box_1 = __importDefault(require("@mui/material/Box"));
+var makeAnimationWrapperStyling_1 = __importDefault(require("./makeAnimationWrapperStyling"));
+var AnimationWrapper = function (_a) {
+    var children = _a.children, effect = _a.effect, delay = _a.delay, animationTime = _a.animationTime;
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, __assign({ css: (0, makeAnimationWrapperStyling_1.default)({
+            effect: effect,
+            delay: delay,
+            animationTime: animationTime,
+        }) }, { children: children })));
+};
+exports.default = AnimationWrapper;
+//# sourceMappingURL=AnimationWrapper.js.map

package/Components/Atoms/AnimationWrapper/AnimationWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationWrapper.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0DAAoC;AACpC,8FAAwE;AAGxE,IAAM,gBAAgB,GAAqC,UAAC,EAK3D;QAJC,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA;IAEb,OAAO,CACL,uBAAC,aAAG,aACF,GAAG,EAAE,IAAA,qCAA2B,EAAC;YAC/B,MAAM,QAAA;YACN,KAAK,OAAA;YACL,aAAa,eAAA;SACd,CAAC,gBAED,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js

@@ -0,0 +1,59 @@
+"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 react_1 = require("@testing-library/react");
+require("@testing-library/jest-dom/extend-expect");
+var AnimationWrapper_1 = __importDefault(require("./AnimationWrapper"));
+describe('AnimationWrapper', function () {
+    var childrenText = 'Hello World';
+    var children = (0, jsx_runtime_1.jsx)("div", { children: childrenText });
+    it('renders the children correctly', function () {
+        var getByText = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeIn", delay: 0, animationTime: 400 }, { children: children }))).getByText;
+        expect(getByText(childrenText)).toBeInTheDocument();
+    });
+    it('applies the correct CSS styles for fadeIn effect', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeIn", delay: 0, animationTime: 400 }, { children: children }))).container;
+        expect(container.firstChild).toHaveStyle('opacity: 0');
+        expect(container.firstChild).toHaveStyle('animation: fadeIn 400ms ease-in-out 0ms forwards');
+    });
+    it('applies the correct CSS styles for fadeInUp effect', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeInUp", delay: 0, animationTime: 400 }, { children: children }))).container;
+        expect(container.firstChild).toHaveStyle('opacity: 0');
+        expect(container.firstChild).toHaveStyle('transform: translateY(20px)');
+        expect(container.firstChild).toHaveStyle('animation: fadeInUp 400ms ease-in-out 0ms forwards');
+    });
+    it('applies the correct CSS styles for fadeInDown effect', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeInDown", delay: 0, animationTime: 400 }, { children: children }))).container;
+        expect(container.firstChild).toHaveStyle('opacity: 0');
+        expect(container.firstChild).toHaveStyle('transform: translateY(-20px)');
+        expect(container.firstChild).toHaveStyle('animation: fadeInDown 400ms ease-in-out 0ms forwards');
+    });
+    it('applies the correct CSS styles for fadeInLeft effect', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeInLeft", delay: 0, animationTime: 400 }, { children: children }))).container;
+        expect(container.firstChild).toHaveStyle('opacity: 0');
+        expect(container.firstChild).toHaveStyle('transform: translateX(-20px)');
+        expect(container.firstChild).toHaveStyle('animation: fadeInLeft 400ms ease-in-out 0ms forwards');
+    });
+    it('applies the correct CSS styles for fadeInRight effect', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: "fadeInRight", delay: 50, animationTime: 600 }, { children: children }))).container;
+        expect(container.firstChild).toHaveStyle('opacity: 0');
+        expect(container.firstChild).toHaveStyle('transform: translateX(20px)');
+        expect(container.firstChild).toHaveStyle('animation: fadeInRight 600ms ease-in-out 50ms forwards');
+    });
+});
+//# sourceMappingURL=AnimationWrapper.test.js.map

package/Components/Atoms/AnimationWrapper/AnimationWrapper.test.js.map

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

package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type AnimationWrapperStoryType = React.FunctionComponent<{
+    effect: 'fadeIn' | 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight';
+    delay: number;
+    animationTime: number;
+}>;
+declare const AnimationWrapperStory: AnimationWrapperStoryType;
+export default AnimationWrapperStory;

package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js

@@ -0,0 +1,25 @@
+"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 InfoPanel_1 = __importDefault(require("../InfoPanel"));
+var AnimationWrapper_1 = __importDefault(require("./AnimationWrapper"));
+var AnimationWrapperStory = function (_a) {
+    var effect = _a.effect, delay = _a.delay, animationTime = _a.animationTime;
+    return ((0, jsx_runtime_1.jsx)(AnimationWrapper_1.default, __assign({ effect: effect, delay: delay, animationTime: animationTime }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '460px', height: '55px' } }, { children: (0, jsx_runtime_1.jsx)(InfoPanel_1.default, __assign({ title: "I'm a hint component animating in" }, { children: (0, jsx_runtime_1.jsx)("div", { children: 'But I can be anything' }) })) })) })));
+};
+exports.default = AnimationWrapperStory;
+//# sourceMappingURL=AnimationWrapperStory.js.map

package/Components/Atoms/AnimationWrapper/AnimationWrapperStory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationWrapperStory.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/AnimationWrapperStory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,2DAAqC;AACrC,wEAAkD;AAQlD,IAAM,qBAAqB,GAA8B,UAAC,EAIzD;QAHC,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA;IAEb,OAAO,CACL,uBAAC,0BAAgB,aACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,gBAE5B,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,gBAC/C,uBAAC,mBAAS,aAAC,KAAK,EAAE,mCAAmC,gBACnD,0CAAM,uBAAuB,GAAO,IAC1B,IACR,IACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface IAnimationWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    effect: 'fadeIn' | 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight';
+    delay: number;
+    animationTime: number;
+    children: React.ReactNode;
+}
+export default IAnimationWrapperProps;

package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.js

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

package/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IAnimationWrapperProps.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/IAnimationWrapperProps.ts"],"names":[],"mappings":""}

package/Components/Atoms/AnimationWrapper/index.d.ts

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

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

package/Components/Atoms/AnimationWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Atoms/AnimationWrapper/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA"}

package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.d.ts

@@ -0,0 +1,6 @@
+declare const makeAnimationWrapperStyling: ({ effect, delay, animationTime, }: {
+    effect?: string | undefined;
+    delay?: number | undefined;
+    animationTime?: number | undefined;
+}) => import("@emotion/utils").SerializedStyles;
+export default makeAnimationWrapperStyling;

package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@emotion/react");
+var makeAnimationWrapperStyling = function (_a) {
+    var _b = _a.effect, effect = _b === void 0 ? 'fadeIn' : _b, _c = _a.delay, delay = _c === void 0 ? 1200 : _c, _d = _a.animationTime, animationTime = _d === void 0 ? 400 : _d;
+    switch (effect) {
+        case 'fadeIn':
+            return (0, react_1.css)({
+                opacity: 0,
+                animation: "fadeIn ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeIn': {
+                    from: {
+                        opacity: 0,
+                    },
+                    to: {
+                        opacity: 1,
+                    },
+                },
+            });
+        case 'fadeInUp':
+            return (0, react_1.css)({
+                opacity: 0,
+                transform: 'translateY(20px)',
+                animation: "fadeInUp ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeInUp': {
+                    from: {
+                        opacity: 0,
+                        transform: 'translateY(20px)',
+                    },
+                    to: {
+                        opacity: 1,
+                        transform: 'translateY(0)',
+                    },
+                },
+            });
+        case 'fadeInDown':
+            return (0, react_1.css)({
+                opacity: 0,
+                transform: 'translateY(-20px)',
+                animation: "fadeInDown ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeInDown': {
+                    from: {
+                        opacity: 0,
+                        transform: 'translateY(-20px)',
+                    },
+                    to: {
+                        opacity: 1,
+                        transform: 'translateY(0)',
+                    },
+                },
+            });
+        case 'fadeInLeft':
+            return (0, react_1.css)({
+                opacity: 0,
+                transform: 'translateX(-20px)',
+                animation: "fadeInLeft ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeInLeft': {
+                    from: {
+                        opacity: 0,
+                        transform: 'translateX(-20px)',
+                    },
+                    to: {
+                        opacity: 1,
+                        transform: 'translateX(0)',
+                    },
+                },
+            });
+        case 'fadeInRight':
+            return (0, react_1.css)({
+                opacity: 0,
+                transform: 'translateX(20px)',
+                animation: "fadeInRight ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeInRight': {
+                    from: {
+                        opacity: 0,
+                        transform: 'translateX(20px)',
+                    },
+                    to: {
+                        opacity: 1,
+                        transform: 'translateX(0)',
+                    },
+                },
+            });
+        case 'fadeInRight':
+            return (0, react_1.css)({
+                opacity: 0,
+                transform: 'translateX(20px)',
+                animation: "fadeInRight ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeInRight': {
+                    from: {
+                        opacity: 0,
+                        transform: 'translateX(20px)',
+                    },
+                    to: {
+                        opacity: 1,
+                        transform: 'translateX(0)',
+                    },
+                },
+            });
+        default:
+            return (0, react_1.css)({
+                opacity: 0,
+                animation: "fadeIn ".concat(animationTime, "ms ease-in-out ").concat(delay, "ms forwards"),
+                '@keyframes fadeIn': {
+                    from: {
+                        opacity: 0,
+                    },
+                    to: {
+                        opacity: 1,
+                    },
+                },
+            });
+    }
+};
+exports.default = makeAnimationWrapperStyling;
+//# sourceMappingURL=makeAnimationWrapperStyling.js.map

package/Components/Atoms/AnimationWrapper/makeAnimationWrapperStyling.js.map

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

package/Components/Atoms/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import defaultProps from './defaultProps';
 import IButtonProps from './IButtonProps';
-declare type ButtonType = FunctionComponentWithDefaultProps<IButtonProps, typeof defaultProps>;
+type ButtonType = FunctionComponentWithDefaultProps<IButtonProps, typeof defaultProps>;
 declare const Button: ButtonType;
 export default Button;

package/Components/Atoms/Button/ButtonStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type ButtonStoryType = React.FunctionComponent<{
+type ButtonStoryType = React.FunctionComponent<{
     disabled: boolean;
     label: string;
     loading: boolean;

package/Components/Atoms/CardButton/CardButton.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import ICardButtonProps from './ICardButtonProps';
 import defaultProps from './defaultProps';
-declare type CardButtonType = FunctionComponentWithDefaultProps<ICardButtonProps, typeof defaultProps>;
+type CardButtonType = FunctionComponentWithDefaultProps<ICardButtonProps, typeof defaultProps>;
 declare const CardButton: CardButtonType;
 export default CardButton;

package/Components/Atoms/CardButton/CardButtonStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type CardButtonStoryType = React.FunctionComponent<{
+type CardButtonStoryType = React.FunctionComponent<{
     error: boolean;
 }>;
 declare const CardButtonStory: CardButtonStoryType;

package/Components/Atoms/ErrorMessage/ErrorMessage.d.ts

@@ -1,5 +1,5 @@
 /** @jsxImportSource @emotion/react */
 import { FunctionComponent } from 'react';
-declare type ErrorMessageType = FunctionComponent;
+type ErrorMessageType = FunctionComponent;
 declare const ErrorMessage: ErrorMessageType;
 export default ErrorMessage;

package/Components/Atoms/ErrorMessage/ErrorMessageStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type ErrorMessageStoryType = React.FunctionComponent<{
+type ErrorMessageStoryType = React.FunctionComponent<{
     error: boolean;
     errorMessage: string;
 }>;

package/Components/Atoms/ErrorMessageProvider/ErrorMessageProvider.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-declare type ErrorMessageProviderProps = {
+type ErrorMessageProviderProps = {
     errorMessage: string | undefined;
 };
-declare type ErrorMessageProviderType = React.FunctionComponent<{
+type ErrorMessageProviderType = React.FunctionComponent<{
     children: React.ReactNode;
     errorMessage?: string;
 }>;
 declare const ErrorMessageProvider: ErrorMessageProviderType;
-declare type UseErrorMessageProps = {
+type UseErrorMessageProps = {
     isErrorMessageProviderRequired: boolean;
 };
 declare const useErrorMessage: (props?: UseErrorMessageProps) => ErrorMessageProviderProps;

package/Components/Atoms/FormControl/FormControl.d.ts

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

package/Components/Atoms/FormControl/FormControlStory.d.ts

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

package/Components/Atoms/IconButton/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import IComponentProps from './IComponentProps';
 import defaultProps from './defaultProps';
-export declare type IconButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
+export type IconButtonType = FunctionComponentWithDefaultProps<IComponentProps, typeof defaultProps>;
 declare const IconButton: IconButtonType;
 export default IconButton;

package/Components/Atoms/IconButton/IconButtonStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIcons } from '../../../Helpers/icons';
-declare type ButtonStartIconStoryType = React.FunctionComponent<{
+type ButtonStartIconStoryType = React.FunctionComponent<{
     disabled: boolean;
     iconType: keyof IIcons;
     children: React.ReactNode;

package/Components/Atoms/InfoPanel/InfoPanel.d.ts

@@ -2,6 +2,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React/FunctionComponentWithDefaultProps';
 import defaultProps from './defaultProps';
 import IInfoPanelProps from './IInfoPanelProps';
-declare type InfoPanelType = FunctionComponentWithDefaultProps<IInfoPanelProps, typeof defaultProps>;
+type InfoPanelType = FunctionComponentWithDefaultProps<IInfoPanelProps, typeof defaultProps>;
 declare const InfoPanel: InfoPanelType;
 export default InfoPanel;

package/Components/Atoms/InfoPanel/InfoPanelStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-declare type InfoPanelType = React.FunctionComponent<{
+type InfoPanelType = React.FunctionComponent<{
     title?: string;
     iconType?: keyof ISvgs;
     content: React.ReactNode;

package/Components/Atoms/Input/Input.d.ts

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

package/Components/Atoms/Input/InputStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type StoryType = React.FunctionComponent<{
+type StoryType = React.FunctionComponent<{
     disabled: boolean;
     error: boolean;
     iconType: 'none' | 'person' | 'zipcode' | 'phone' | 'email' | 'company' | 'state';

package/Components/Atoms/InputLabel/InputLabel.d.ts

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

package/Components/Atoms/InputLabel/InputLabelStory.d.ts

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

package/Components/Atoms/Link/Link.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
 import defaultProps from './defaultProps';
 import ILinkProps from './ILinkProps';
-declare type LinkType = FunctionComponentWithDefaultProps<ILinkProps, typeof defaultProps>;
+type LinkType = FunctionComponentWithDefaultProps<ILinkProps, typeof defaultProps>;
 declare const Link: LinkType;
 export default Link;

package/Components/Atoms/Link/LinkStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type LinkType = React.FunctionComponent<{
+type LinkType = React.FunctionComponent<{
     children: string;
     variant: 'button' | 'text';
 }>;

package/Components/Atoms/LoadingIndicator/LoadingIndicator.d.ts

@@ -1,6 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import { FunctionComponent } from 'react';
 import IComponentProps from './IComponentProps';
-declare type LoadingIndicatorType = FunctionComponent<IComponentProps>;
+type LoadingIndicatorType = FunctionComponent<IComponentProps>;
 declare const LoadingIndicator: LoadingIndicatorType;
 export default LoadingIndicator;

package/Components/Atoms/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import IModalProps from './IModalProps';
-declare type ModalType = React.FunctionComponent<IModalProps>;
+type ModalType = React.FunctionComponent<IModalProps>;
 declare const Modal: ModalType;
 export default Modal;

package/Components/Atoms/Modal/ModalStory.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type ModalStoryType = React.FunctionComponent<{
+type ModalStoryType = React.FunctionComponent<{
     linkVariant: 'text' | 'button';
     children: React.ReactNode;
 }>;