@mvf/external-components 3.11.3 → 3.11.4

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/AnimationWrapperStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type AnimationWrapperStoryType = React.FunctionComponent<{
+type AnimationWrapperStoryType = React.FunctionComponent<{
     effect: 'fadeIn' | 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight';
     delay: number;
     animationTime: number;

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

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

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/Button/makeButtonStyling.d.ts

@@ -1,3 +1,3 @@
 import { Theme } from '@emotion/react';
-declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/react").SerializedStyles;
+declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/utils").SerializedStyles;
 export default makeButtonStyling;

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/CardButton/makeCardButtonStyling.d.ts

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

package/Components/Atoms/CircularProgress/makeCircularProgressStyling.d.ts

@@ -1,3 +1,3 @@
 import { ITheme } from '../../../Themes/themes';
-declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/react").SerializedStyles;
+declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/utils").SerializedStyles;
 export default makeCircularProgressStyling;

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/ErrorMessage/makeErrorMessageStyles.d.ts

@@ -1,3 +1,3 @@
 import { ITheme } from '../../../Themes/themes';
-declare const makeErrorMessageStyles: (theme: ITheme) => import("@emotion/react").SerializedStyles;
+declare const makeErrorMessageStyles: (theme: ITheme) => import("@emotion/utils").SerializedStyles;
 export default makeErrorMessageStyles;

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/FormControl/makeFormControlStyles.d.ts

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

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/IconButton/makeIconButtonStyling.d.ts

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

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/InfoPanel/makeInfoPanelStyling.d.ts

@@ -1,8 +1,8 @@
 declare const makeInfoPanelStyling: () => {
-    panel: import("@emotion/react").SerializedStyles;
-    iconBox: import("@emotion/react").SerializedStyles;
-    textBox: import("@emotion/react").SerializedStyles;
-    title: import("@emotion/react").SerializedStyles;
-    children: import("@emotion/react").SerializedStyles;
+    panel: import("@emotion/utils").SerializedStyles;
+    iconBox: import("@emotion/utils").SerializedStyles;
+    textBox: import("@emotion/utils").SerializedStyles;
+    title: import("@emotion/utils").SerializedStyles;
+    children: import("@emotion/utils").SerializedStyles;
 };
 export default makeInfoPanelStyling;

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/Input/makeInputStyles.d.ts

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

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/InputLabel/makeInputLabelStyles.d.ts

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

package/Components/Atoms/InsetCheckbox/InsetCheckbox.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { SerializedStyles } from '@emotion/react';
-declare type InsetCheckboxProps = {
+type InsetCheckboxProps = {
     checked: boolean;
     dataTestId?: string;
     customCss?: SerializedStyles;
 };
-declare type InsetCheckboxType = React.FunctionComponent<InsetCheckboxProps>;
+type InsetCheckboxType = React.FunctionComponent<InsetCheckboxProps>;
 declare const InsetCheckbox: InsetCheckboxType;
 export default InsetCheckbox;

package/Components/Atoms/InsetCheckbox/InsetCheckboxStory.d.ts

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

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/Link/makeLinkStyling.d.ts

@@ -1,5 +1,5 @@
 interface ILinkStylingProps {
     variant?: 'button' | 'footer' | 'text';
 }
-declare const makeLinkStyling: ({ variant }: ILinkStylingProps) => import("@emotion/react").SerializedStyles;
+declare const makeLinkStyling: ({ variant }: ILinkStylingProps) => import("@emotion/utils").SerializedStyles;
 export default makeLinkStyling;

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/LoadingIndicator/makeLinearProgressStyling.d.ts

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

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;
 }>;

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

@@ -1,6 +1,6 @@
 declare const makeModalStylings: () => {
-    box: import("@emotion/react").SerializedStyles;
-    close: import("@emotion/react").SerializedStyles;
-    text: import("@emotion/react").SerializedStyles;
+    box: import("@emotion/utils").SerializedStyles;
+    close: import("@emotion/utils").SerializedStyles;
+    text: import("@emotion/utils").SerializedStyles;
 };
 export default makeModalStylings;

package/Components/Atoms/ProgressBar/ProgressBar.d.ts

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

package/Components/Atoms/ProgressBar/ProgressBarStory.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type ProgressBarStoryType = React.FunctionComponent<{
+type ProgressBarStoryType = React.FunctionComponent<{
     progress: number;
     text: string;
 }>;

package/Components/Atoms/ProgressBar/makeProgressBarStyling.d.ts

@@ -1,7 +1,7 @@
 import { ITheme } from '../../../Themes/themes';
 declare const makeProgressBarStyling: (theme: ITheme, useLightText: boolean) => {
-    container: import("@emotion/react").SerializedStyles;
-    progressBar: import("@emotion/react").SerializedStyles;
-    text: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/utils").SerializedStyles;
+    progressBar: import("@emotion/utils").SerializedStyles;
+    text: import("@emotion/utils").SerializedStyles;
 };
 export default makeProgressBarStyling;

package/Components/Atoms/Text/Text.d.ts

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

package/Components/Atoms/Text/TextStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type TextStoryType = React.FunctionComponent<{
+type TextStoryType = React.FunctionComponent<{
     text: string;
     variant: 'header' | 'note' | 'summary' | 'question' | 'text' | 'footer' | 'listItem' | 'tileItem' | 'contentWithList';
     align: 'center' | 'inherit' | 'justify' | 'left' | 'right';

package/Components/Atoms/Text/makeTextStyling.d.ts

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

package/Components/Molecules/CheckBox/CheckBox.d.ts

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

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

@@ -14,7 +14,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/Components/Molecules/CheckBox/CheckBoxStory.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ISvgs } from '../../../Assets/svgs/svgs';
-declare type CheckBoxStoryType = React.FunctionComponent<{
+type CheckBoxStoryType = React.FunctionComponent<{
     error: boolean;
     showText: boolean;
     iconType: keyof ISvgs | 'none';

package/Components/Molecules/CheckBox/makeCheckBoxStyling.d.ts

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

package/Components/Molecules/DatePicker/DatePicker.d.ts

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

package/Components/Molecules/DatePicker/DatePickerStory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type DatePickerStoryType = React.FunctionComponent<{
+type DatePickerStoryType = React.FunctionComponent<{
     disableFuture: boolean;
     disablePast: boolean;
     errorMessage: string;

package/Components/Molecules/DatePicker/DatePickerTextFieldType.d.ts

@@ -5,5 +5,5 @@ import { TextField } from '@mui/material';
  * I'm disabling eslint so the type definition can be exactly the same as the one in the material ui x-date-pickers package.
  * The type defined in MUI is wrong as readOnly is allowed, so I'm using "as" to override the type in DatePicker.tsx
  */
-declare type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
+type DatePickerTextFieldType = SlotComponentProps<typeof TextField, {}, Record<string, any>>;
 export default DatePickerTextFieldType;

package/Components/Molecules/DatePicker/__tests__/DatePicker.test.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/Components/Molecules/DatePicker/makeDatePickerStyling.d.ts

@@ -3,8 +3,8 @@ interface ITextFieldStyleProps {
     isError: boolean;
 }
 declare const makeDatePickerStyling: ({ isValid, isError }: ITextFieldStyleProps) => {
-    datePickerContainer: import("@emotion/react").SerializedStyles;
-    inputAdornmentEnd: import("@emotion/react").SerializedStyles;
-    globalStyles: import("@emotion/react").SerializedStyles;
+    datePickerContainer: import("@emotion/utils").SerializedStyles;
+    inputAdornmentEnd: import("@emotion/utils").SerializedStyles;
+    globalStyles: import("@emotion/utils").SerializedStyles;
 };
 export default makeDatePickerStyling;