@mvf/external-components 3.11.2-dev.1 → 3.11.3

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/utils").SerializedStyles;
+}) => import("@emotion/react").SerializedStyles;
 export default makeAnimationWrapperStyling;

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/utils").SerializedStyles;
+declare const makeButtonStyling: (disabled: boolean, theme: Theme, textOverflowHandling: string, invertColors: boolean) => import("@emotion/react").SerializedStyles;
 export default makeButtonStyling;

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/utils").SerializedStyles;
+declare const makeCardButtonStyling: ({ isError, selected, outlined, }: ICardStylingProps) => import("@emotion/react").SerializedStyles;
 interface ICardStylingOverlayProps {
     selected: boolean;
 }
-export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/utils").SerializedStyles;
+export declare const makeCardButtonSelectedOverlayStyling: ({ selected, }: ICardStylingOverlayProps) => import("@emotion/react").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/utils").SerializedStyles;
+declare const makeCircularProgressStyling: (theme: ITheme) => import("@emotion/react").SerializedStyles;
 export default makeCircularProgressStyling;

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

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

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

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

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

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

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

@@ -1,8 +1,8 @@
 declare const makeInfoPanelStyling: () => {
-    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;
+    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;
 };
 export default makeInfoPanelStyling;

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/utils").SerializedStyles;
-    validationIcon: import("@emotion/utils").SerializedStyles;
-    adornmentEnd: import("@emotion/utils").SerializedStyles;
-    adornmentStart: import("@emotion/utils").SerializedStyles;
+    input: import("@emotion/react").SerializedStyles;
+    validationIcon: import("@emotion/react").SerializedStyles;
+    adornmentEnd: import("@emotion/react").SerializedStyles;
+    adornmentStart: import("@emotion/react").SerializedStyles;
 };
 export default makeInputStyles;

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

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

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

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

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

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

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

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

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/utils").SerializedStyles;
-    progressBar: import("@emotion/utils").SerializedStyles;
-    text: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    progressBar: import("@emotion/react").SerializedStyles;
+    text: import("@emotion/react").SerializedStyles;
 };
 export default makeProgressBarStyling;

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/utils").SerializedStyles;
+declare const makeTextStyling: ({ variant }: IStyleProps) => import("@emotion/react").SerializedStyles;
 export default makeTextStyling;

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

@@ -1,13 +1,13 @@
-export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const getPlaceholderStyles: (isTextCentered: boolean, isIconPresent: boolean) => import("@emotion/react").SerializedStyles;
 declare const makeCheckBoxStyling: () => {
-    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;
+    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;
 };
 export default makeCheckBoxStyling;

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

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

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

@@ -4,8 +4,8 @@ interface IDropDownSelectStyleProps {
     isError: boolean;
 }
 declare const useDropDownSelectStyles: ({ isIconPresent, isDisabled, isError, }: IDropDownSelectStyleProps) => {
-    listItems: import("@emotion/utils").SerializedStyles;
-    formControl: import("@emotion/utils").SerializedStyles;
-    label: import("@emotion/utils").SerializedStyles;
+    listItems: import("@emotion/react").SerializedStyles;
+    formControl: import("@emotion/react").SerializedStyles;
+    label: import("@emotion/react").SerializedStyles;
 };
 export default useDropDownSelectStyles;

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

@@ -1,10 +1,10 @@
 declare const makeIconTileCheckBoxStyling: ({ showText }: {
     showText: boolean;
 }) => {
-    container: import("@emotion/utils").SerializedStyles;
-    icon: import("@emotion/utils").SerializedStyles;
-    checkbox: import("@emotion/utils").SerializedStyles;
-    otherInput: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+    checkbox: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
 };
 export default makeIconTileCheckBoxStyling;

package/Components/Molecules/IconTileRadioButton/makeIconTileRadioButtonStyling.d.ts

@@ -1,7 +1,7 @@
 declare const makeIconTileRadioButtonStyling: () => {
-    container: import("@emotion/utils").SerializedStyles;
-    icon: import("@emotion/utils").SerializedStyles;
-    otherInput: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
 };
 export default makeIconTileRadioButtonStyling;

package/Components/Molecules/NavBar/makeNavBarStyles.d.ts

@@ -1,7 +1,7 @@
 declare const makeNavBarStyles: () => {
-    container: import("@emotion/utils").SerializedStyles;
-    space: import("@emotion/utils").SerializedStyles;
-    continueButton: import("@emotion/utils").SerializedStyles;
-    backButton: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    space: import("@emotion/react").SerializedStyles;
+    continueButton: import("@emotion/react").SerializedStyles;
+    backButton: import("@emotion/react").SerializedStyles;
 };
 export default makeNavBarStyles;

package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.d.ts

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

package/Components/Molecules/RadioButton/makeRadioButtonStyling.d.ts

@@ -1,10 +1,10 @@
 declare const makeRadioButtonStyling: () => {
-    radio: import("@emotion/utils").SerializedStyles;
-    grid: import("@emotion/utils").SerializedStyles;
-    icon: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
-    innerGrid: import("@emotion/utils").SerializedStyles;
-    textGrid: import("@emotion/utils").SerializedStyles;
-    otherInput: import("@emotion/utils").SerializedStyles;
+    radio: import("@emotion/react").SerializedStyles;
+    grid: import("@emotion/react").SerializedStyles;
+    icon: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
+    innerGrid: import("@emotion/react").SerializedStyles;
+    textGrid: import("@emotion/react").SerializedStyles;
+    otherInput: import("@emotion/react").SerializedStyles;
 };
 export default makeRadioButtonStyling;

package/Components/Molecules/ScrollContainer/makeScrollContainerStyling.d.ts

@@ -5,8 +5,8 @@ interface IScrollContainerStyleProps {
 export declare const SCROLL_BUFFER_HEIGHT = 17;
 export declare const SCROLL_PADDING_HEIGHT: number;
 declare const makeScrollContainerStyling: ({ scrollBufferOffset, scrollBufferOpacity, }: IScrollContainerStyleProps) => {
-    scrollBox: import("@emotion/utils").SerializedStyles;
-    scrollPadding: import("@emotion/utils").SerializedStyles;
-    scrollBuffer: import("@emotion/utils").SerializedStyles;
+    scrollBox: import("@emotion/react").SerializedStyles;
+    scrollPadding: import("@emotion/react").SerializedStyles;
+    scrollBuffer: import("@emotion/react").SerializedStyles;
 };
 export default makeScrollContainerStyling;

package/Components/Molecules/SupplierCard/makeSupplierCardStyling.d.ts

@@ -1,15 +1,15 @@
 declare const makeSupplierCardStyling: () => {
-    badge: import("@emotion/utils").SerializedStyles;
-    badgeText: import("@emotion/utils").SerializedStyles;
-    supplierName: import("@emotion/utils").SerializedStyles;
-    supplierNameText: import("@emotion/utils").SerializedStyles;
-    buttonContainer: import("@emotion/utils").SerializedStyles;
-    cardContainer: import("@emotion/utils").SerializedStyles;
-    logoGridContainer: import("@emotion/utils").SerializedStyles;
-    logoGridItem: import("@emotion/utils").SerializedStyles;
-    rightCheckbox: import("@emotion/utils").SerializedStyles;
-    rightText: import("@emotion/utils").SerializedStyles;
-    textGridItem: import("@emotion/utils").SerializedStyles;
-    topRightCheckbox: import("@emotion/utils").SerializedStyles;
+    badge: import("@emotion/react").SerializedStyles;
+    badgeText: import("@emotion/react").SerializedStyles;
+    supplierName: import("@emotion/react").SerializedStyles;
+    supplierNameText: import("@emotion/react").SerializedStyles;
+    buttonContainer: import("@emotion/react").SerializedStyles;
+    cardContainer: import("@emotion/react").SerializedStyles;
+    logoGridContainer: import("@emotion/react").SerializedStyles;
+    logoGridItem: import("@emotion/react").SerializedStyles;
+    rightCheckbox: import("@emotion/react").SerializedStyles;
+    rightText: import("@emotion/react").SerializedStyles;
+    textGridItem: import("@emotion/react").SerializedStyles;
+    topRightCheckbox: import("@emotion/react").SerializedStyles;
 };
 export default makeSupplierCardStyling;

package/Components/Molecules/ThankYouBanner/makeThankYouBannerStyling.d.ts

@@ -1,5 +1,5 @@
 declare const makeThankYouBannerStyling: () => {
-    brandLogo: import("@emotion/utils").SerializedStyles;
-    thankYouBanner: import("@emotion/utils").SerializedStyles;
+    brandLogo: import("@emotion/react").SerializedStyles;
+    thankYouBanner: import("@emotion/react").SerializedStyles;
 };
 export default makeThankYouBannerStyling;

package/Components/Organisms/ListLayout/makeListLayoutStyling.d.ts

@@ -1,5 +1,5 @@
 declare const makeListLayoutStyling: () => {
-    container: import("@emotion/utils").SerializedStyles;
-    item: import("@emotion/utils").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    item: import("@emotion/react").SerializedStyles;
 };
 export default makeListLayoutStyling;

package/Components/Organisms/TileLayout/makeTileLayoutStyling.d.ts

@@ -2,8 +2,8 @@ interface ITileLayoutStyleProps {
     tileCount: number;
 }
 declare const makeTileLayoutStyling: ({ tileCount }: ITileLayoutStyleProps) => {
-    root: import("@emotion/utils").SerializedStyles;
-    tileContainer: import("@emotion/utils").SerializedStyles;
-    imgDiv: import("@emotion/utils").SerializedStyles;
+    root: import("@emotion/react").SerializedStyles;
+    tileContainer: import("@emotion/react").SerializedStyles;
+    imgDiv: import("@emotion/react").SerializedStyles;
 };
 export default makeTileLayoutStyling;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.11.2-dev.1",
+  "version": "3.11.3",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",