@xfers/design-system 5.1.0-dev.f8f25fc0d8 → 6.0.0-dev.061515b66a

package/dist/types/components/Input/index.d.ts

@@ -21,11 +21,11 @@ type Props = BaseInputProps & {
     className?: string;
 } & Omit<InputProps, 'addonBefore' | 'addonAfter' | 'placeholder' | 'disabled' | 'className' | 'size'>;
 declare const MainInput: {
-    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): React.JSX.Element;
-    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): React.JSX.Element;
-    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): React.JSX.Element;
-    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): React.JSX.Element;
-    Group: import("react").FC<import("antd/es/input").GroupProps>;
+    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): JSX.Element;
+    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): JSX.Element;
+    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): JSX.Element;
+    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): JSX.Element;
+    Group: React.FC<import("antd/es/input").GroupProps>;
 };
 type PasswordProps = BaseInputProps & {
     addonBefore?: string;

package/dist/types/components/Link/index.d.ts

@@ -12,5 +12,5 @@ type Props = {
     iconPlacement?: 'left' | 'right';
     onClick?: () => void;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => React.JSX.Element;
+declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => JSX.Element;
 export default Link;

package/dist/types/components/Modal/DialogItems.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type DialogItemVariant = 'small' | 'large';
+type DialogItemProps = {
+    label: string;
+    value: React.ReactNode;
+    variant?: DialogItemVariant;
+};
+type DialogItemsProps = {
+    items: DialogItemProps[];
+    className?: string;
+};
+declare const DialogItems: ({ items, className }: DialogItemsProps) => JSX.Element;
+export default DialogItems;

package/dist/types/components/Modal/index.d.ts

@@ -1,12 +1,19 @@
 import React from 'react';
+import { ModalSize } from './styles';
+export type ModalVariant = 'default' | 'illustration' | 'newFeature';
 type ModalContentProps = {
     onClose: () => void;
-    icon: React.ReactNode | false;
+    variant?: ModalVariant;
+    size?: ModalSize;
     title?: React.ReactNode;
     children: React.ReactNode;
     footer: React.ReactNode;
     disabledCloseIcon?: boolean;
     className?: string;
+    illustration?: React.ReactNode;
+    headerImage?: React.ReactNode;
+    /** @deprecated No longer rendered. Will be removed in a future version. */
+    icon?: React.ReactNode | false;
 };
-declare const ModalContent: ({ onClose, icon, title, children, footer, disabledCloseIcon, className }: ModalContentProps) => React.JSX.Element;
+declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => JSX.Element;
 export default ModalContent;

package/dist/types/components/Modal/styles.d.ts

@@ -0,0 +1,17 @@
+export type ModalSize = 'small' | 'medium';
+export declare const ModalContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    modalSize: ModalSize;
+}, object>;
+export declare const ModalHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const TitleContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
+export declare const IllustrationCloseBar: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const IllustrationContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const IllustrationWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CenteredTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
+export declare const NewFeatureImageContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CenteredTitleFrame: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const NewFeatureTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
+export declare const ModalBody: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const ModalFooter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const Close: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/Note/index.d.ts

@@ -3,5 +3,5 @@ type NoteProps = {
     title: string;
     children: React.ReactNode;
 };
-declare const Note: ({ title, children }: NoteProps) => React.JSX.Element;
+declare const Note: ({ title, children }: NoteProps) => JSX.Element;
 export default Note;

package/dist/types/components/Pagination/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { PaginationProps } from 'antd';
 type Props = Pick<PaginationProps, 'current' | 'pageSize' | 'total' | 'onChange' | 'showSizeChanger' | 'onShowSizeChange' | 'pageSizeOptions'>;
-export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): React.JSX.Element;
+export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): JSX.Element;
 export {};

package/dist/types/components/Radio/index.d.ts

@@ -6,9 +6,9 @@ type Props = {
     value?: string;
     style?: Record<string, unknown>;
 };
-declare function RadioButton({ children, disabled, ...rest }: Props): React.JSX.Element;
+declare function RadioButton({ children, disabled, ...rest }: Props): JSX.Element;
 declare const _default: {
-    Group: (props: React.ComponentProps<typeof Radio.Group>) => React.JSX.Element;
+    Group: (props: React.ComponentProps<typeof Radio.Group>) => JSX.Element;
     Button: typeof RadioButton;
 };
 export default _default;

package/dist/types/components/RangePicker/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Moment } from 'moment';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
@@ -12,5 +11,5 @@ type Props = {
     picker?: any;
     size?: InputSize;
 };
-export default function ({ format, size, ...rest }: Props): React.JSX.Element;
+export default function ({ format, size, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/Select/helpers.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const getSuffixIcon: (secondaryText?: string) => React.JSX.Element;
-export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => React.JSX.Element | null;
-export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => React.JSX.Element | null;
+export declare const getSuffixIcon: (secondaryText?: string) => JSX.Element;
+export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => JSX.Element | null;
+export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => JSX.Element | null;
 export declare const renderOptions: (options: Array<{
     value: string;
     label: string;
@@ -9,9 +9,9 @@ export declare const renderOptions: (options: Array<{
     icon?: React.ComponentType<{
         style?: React.CSSProperties;
     }>;
-}>, size: "sm" | "lg") => React.JSX.Element[];
-export declare const renderHelperText: (helperText?: string) => React.JSX.Element | null;
+}>, size: "sm" | "lg") => JSX.Element[];
+export declare const renderHelperText: (helperText?: string) => JSX.Element | null;
 export declare const getCustomSelectTag: (mode: string | undefined, disabled: boolean, size: "sm" | "lg") => (({ label, onClose }: {
     label: React.ReactNode;
     onClose: () => void;
-}) => React.JSX.Element) | undefined;
+}) => JSX.Element) | undefined;

package/dist/types/components/Select/index.d.ts

@@ -24,7 +24,7 @@ export type Props = {
     selectRef?: RefObject<BaseSelectRef>;
 } & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
-    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
+    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export default Select;

package/dist/types/components/Select/style.d.ts

@@ -2,7 +2,7 @@ export declare const LabelContainer: import("@emotion/styled-base").StyledCompon
 export declare const OptionContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const SelectContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
-    children?: import("react").ReactNode | undefined;
+    children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("antd").RefSelectProps>, {
     $size: "sm" | "lg";
     $mode?: "multiple";

package/dist/types/components/Spin/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type SpinProps = {
     size?: 'small' | 'large' | 'default';
 };
-declare const MainSpin: ({ size, ...props }: SpinProps) => React.JSX.Element;
+declare const MainSpin: ({ size, ...props }: SpinProps) => JSX.Element;
 export default MainSpin;

package/dist/types/components/Steps/DesktopSteps.d.ts

@@ -3,7 +3,7 @@ import { StepsProps, StepProps } from 'antd';
 declare const DesktopSteps: {
     ({ className, ...rest }: StepsProps & {
         children: React.ReactNode;
-    }): React.JSX.Element;
+    }): JSX.Element;
     Step: React.FC<StepProps>;
 };
 export default DesktopSteps;

package/dist/types/components/Steps/index.d.ts

@@ -4,5 +4,5 @@ type ResponsiveStepsProps = {
     steps: string[];
     desktopNote?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const ResponsiveSteps: ({ current, steps, desktopNote }: ResponsiveStepsProps) => React.JSX.Element;
+declare const ResponsiveSteps: ({ current, steps, desktopNote }: ResponsiveStepsProps) => JSX.Element;
 export default ResponsiveSteps;

package/dist/types/components/SummaryCard/index.d.ts

@@ -8,5 +8,5 @@ type SummaryCardProps = {
     isInverted?: boolean;
     icon?: React.ReactElement;
 };
-declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => React.JSX.Element;
+declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => JSX.Element;
 export default SummaryCard;

package/dist/types/components/Table/index.d.ts

@@ -4,5 +4,5 @@ type CustomTableProps = TableProps<any> & {
     className?: string;
     emptyText?: React.ReactNode;
 };
-declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => React.JSX.Element;
+declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => JSX.Element;
 export default CustomTable;

package/dist/types/components/Tabs/index.d.ts

@@ -6,7 +6,7 @@ type Props = {
     children: React.ReactNode;
 };
 declare const Tabs: {
-    ({ children, ...rest }: Props): React.JSX.Element;
-    TabPane: import("react").FC<import("antd").TabPaneProps>;
+    ({ children, ...rest }: Props): JSX.Element;
+    TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

package/dist/types/components/Tag/index.d.ts

@@ -8,5 +8,5 @@ type Props = {
     variant?: TagVariant;
     onClick?: () => void;
 };
-export default function ({ type, children, showIcon, size, variant, onClick, }: Props): React.JSX.Element;
+export default function ({ type, children, showIcon, size, variant, onClick, }: Props): JSX.Element;
 export {};

package/dist/types/components/Timeline/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TimelineProps } from 'antd';
 declare const CustomTimeline: {
-    ({ className, ...rest }: TimelineProps): React.JSX.Element;
-    Item: import("react").FC<import("antd").TimelineItemProps>;
+    ({ className, ...rest }: TimelineProps): JSX.Element;
+    Item: React.FC<import("antd").TimelineItemProps>;
 };
 export default CustomTimeline;

package/dist/types/components/Tooltip/index.d.ts

@@ -19,5 +19,5 @@ type Props = {
     onDismiss?: () => void;
     overlayClassName?: string;
 };
-export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss, }: Props): React.JSX.Element;
+export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss, }: Props): JSX.Element;
 export {};

package/dist/types/icons/AccessApiTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAccessApiTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAccessApiTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAccessApiTwoTone;

package/dist/types/icons/AccountStatement.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgAccountStatement;

package/dist/types/icons/Add.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAdd(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAdd(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAdd;

package/dist/types/icons/Api.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgApi(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgApi(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgApi;

package/dist/types/icons/ApiDocsTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgApiDocsTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgApiDocsTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgApiDocsTwoTone;

package/dist/types/icons/ArrowDown.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowDown(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowDown(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowDown;

package/dist/types/icons/ArrowLeft.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowLeft(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowLeft(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowLeft;

package/dist/types/icons/ArrowRight.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowRight(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowRight(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowRight;

package/dist/types/icons/ArrowSwitch.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowSwitch(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowSwitch(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowSwitch;

package/dist/types/icons/ArrowUp.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgArrowUp(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgArrowUp(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgArrowUp;

package/dist/types/icons/Authorize.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAuthorize(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAuthorize(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAuthorize;

package/dist/types/icons/Avatar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAvatar(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAvatar(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAvatar;

package/dist/types/icons/AvatarFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgAvatarFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgAvatarFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgAvatarFilled;

package/dist/types/icons/Bank.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBank(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBank(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBank;

package/dist/types/icons/BankFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBankFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBankFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBankFilled;

package/dist/types/icons/BankFilledBackground.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBankFilledBackground(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBankFilledBackground(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBankFilledBackground;

package/dist/types/icons/Bell.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBell(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBell(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBell;

package/dist/types/icons/BellFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBellFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBellFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBellFilled;

package/dist/types/icons/BulletPointArrow.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgBulletPointArrow(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgBulletPointArrow(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgBulletPointArrow;

package/dist/types/icons/Calendar.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCalendar(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCalendar(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCalendar;

package/dist/types/icons/Camera.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgCamera;

package/dist/types/icons/Card.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function Card(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function Card(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default Card;

package/dist/types/icons/CardFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function CardFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function CardFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default CardFilled;

package/dist/types/icons/Coins.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function Coins(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function Coins(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default Coins;

package/dist/types/icons/Company.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCompany(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCompany(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCompany;

package/dist/types/icons/CompanyComplexTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCompanyComplexTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCompanyComplexTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCompanyComplexTwoTone;

package/dist/types/icons/CompanyTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCompanyTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCompanyTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCompanyTwoTone;

package/dist/types/icons/Confirmation.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgConfirmation(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgConfirmation(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgConfirmation;

package/dist/types/icons/CopyToClipboard.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCopyToClipboard(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCopyToClipboard(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCopyToClipboard;

package/dist/types/icons/CreditCard.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCreditCard(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCreditCard(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCreditCard;

package/dist/types/icons/Cross.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCross(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCross(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCross;

package/dist/types/icons/CrossMini.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCrossMini(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCrossMini(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCrossMini;

package/dist/types/icons/CustomerKnowledgeAssessment.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const SvgCustomerKnowledgeAssessment: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgCustomerKnowledgeAssessment: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgCustomerKnowledgeAssessment;

package/dist/types/icons/CustomerSupport.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCustomerSupport(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCustomerSupport(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCustomerSupport;

package/dist/types/icons/CustomerSupportTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgCustomerSupportTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgCustomerSupportTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgCustomerSupportTwoTone;

package/dist/types/icons/Delete.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDelete(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDelete(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDelete;

package/dist/types/icons/DepositTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDepositTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDepositTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDepositTwoTone;

package/dist/types/icons/DeveloperTool.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDeveloperTool(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDeveloperTool(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDeveloperTool;

package/dist/types/icons/DeveloperToolTwoTone.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDeveloperToolTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDeveloperToolTwoTone(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDeveloperToolTwoTone;

package/dist/types/icons/DirectMint.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDirectMint(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDirectMint(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDirectMint;

package/dist/types/icons/Document.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDocument(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDocument(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDocument;

package/dist/types/icons/DocumentFilled.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDocumentFilled(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDocumentFilled(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDocumentFilled;

package/dist/types/icons/Dots.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDots(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDots(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDots;

package/dist/types/icons/DownArrow.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDownArrow(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDownArrow(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDownArrow;

package/dist/types/icons/Download.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgDownload(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgDownload(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgDownload;

package/dist/types/icons/Earn.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgEarn: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+declare const SvgEarn: (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export default SvgEarn;

package/dist/types/icons/Edit.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgEdit(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgEdit(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgEdit;

package/dist/types/icons/Employee.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgEmployee(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgEmployee(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgEmployee;

package/dist/types/icons/EmptyIcon.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgEmptyIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgEmptyIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgEmptyIcon;

package/dist/types/icons/EmptyStateWithPattern.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgEmptyStateWithPattern(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgEmptyStateWithPattern(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgEmptyStateWithPattern;

package/dist/types/icons/Expand.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgExpand(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgExpand(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgExpand;

package/dist/types/icons/ExternalLink.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare function SvgExternalLink(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+declare function SvgExternalLink(props: React.SVGProps<SVGSVGElement>): JSX.Element;
 export default SvgExternalLink;