@xfers/design-system 6.0.0 → 6.1.0-dev.3e700c7ec1

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

@@ -1,9 +1,11 @@
 export declare const LabelContainer: 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 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;
-} & import("react").RefAttributes<import("antd").RefSelectProps>, {
+export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<import("antd").RefSelectProps>, "ref"> & {
+    ref?: ((instance: import("antd").RefSelectProps | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
+}, {
     $size: "sm" | "lg";
     $mode?: "multiple";
     disabled: boolean;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SelectionBoxProps, SelectionBoxGroupProps } from './types';
+export type { SelectionBoxProps, SelectionBoxGroupProps, SelectionType, } from './types';
+declare const SelectionBoxGroup: ({ children, label }: SelectionBoxGroupProps) => React.JSX.Element;
+declare const SelectionBox: {
+    ({ selectionType, selected, disabled, icon, secondaryText, children, onClick, value, name, }: SelectionBoxProps): React.JSX.Element;
+    displayName: string;
+};
+export { SelectionBoxGroup };
+export default SelectionBox;

package/dist/types/components/SelectionBox/types.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type SelectionType = 'radio' | 'check';
+export type SelectionBoxProps = {
+    selectionType: SelectionType;
+    selected?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    secondaryText?: string;
+    children: React.ReactNode;
+    onClick?: () => void;
+    value?: string;
+    name?: string;
+};
+export type SelectionBoxGroupProps = {
+    children: React.ReactNode;
+    label: string;
+};

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

@@ -1,5 +1,6 @@
+import React from 'react';
 type SpinProps = {
     size?: 'small' | 'large' | 'default';
 };
-declare const MainSpin: ({ size, ...props }: SpinProps) => JSX.Element;
+declare const MainSpin: ({ size, ...props }: SpinProps) => React.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;
-    }): JSX.Element;
+    }): React.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) => JSX.Element;
+declare const ResponsiveSteps: ({ current, steps, desktopNote }: ResponsiveStepsProps) => React.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) => JSX.Element;
+declare const SummaryCard: ({ label, amount, type, height, width, isInverted, icon }: SummaryCardProps) => React.JSX.Element;
 export default SummaryCard;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TableProps } from 'antd';
-type CustomTableProps = TableProps<any> & {
+type CustomTableProps = TableProps<Record<string, unknown>> & {
     className?: string;
-    emptyText?: React.ReactNode;
+    emptyText?: NonNullable<TableProps<Record<string, unknown>>['locale']>['emptyText'];
 };
-declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => JSX.Element;
+declare const CustomTable: ({ className, emptyText, ...restProps }: CustomTableProps) => React.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): JSX.Element;
+    ({ children, ...rest }: Props): React.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): JSX.Element;
+export default function ({ type, children, showIcon, size, variant, onClick, }: Props): React.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): JSX.Element;
+    ({ className, ...rest }: TimelineProps): React.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): JSX.Element;
+export default function ({ children, placement, overlayClassName, arrowPointAtCenter, trigger, color, title, content, mouseEnterDelay, mouseLeaveDelay, isNew, actionTitle, dismissTitle, maxWidth, onAction, onDismiss, }: Props): React.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>): JSX.Element;
+declare function SvgAccessApiTwoTone(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
 export default SvgAccessApiTwoTone;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const SvgAccountStatement: (props: SVGProps<SVGSVGElement>) => React.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>): JSX.Element;
+declare function SvgAdd(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgApi(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgApiDocsTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgArrowDown(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgArrowLeft(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgArrowRight(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgArrowSwitch(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgArrowUp(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgAuthorize(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgAvatar(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgAvatarFilled(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBank(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBankFilled(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBankFilledBackground(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBell(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBellFilled(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgBulletPointArrow(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCalendar(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
 export default SvgCalendar;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const SvgCamera: (props: SVGProps<SVGSVGElement>) => React.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>): JSX.Element;
+declare function Card(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function CardFilled(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function Coins(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCompany(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCompanyComplexTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCompanyTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgConfirmation(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCopyToClipboard(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCreditCard(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCross(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCrossMini(props: React.SVGProps<SVGSVGElement>): React.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>) => JSX.Element;
+declare const SvgCustomerKnowledgeAssessment: (props: React.SVGProps<SVGSVGElement>) => React.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>): JSX.Element;
+declare function SvgCustomerSupport(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgCustomerSupportTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDelete(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDepositTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDeveloperTool(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDeveloperToolTwoTone(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDirectMint(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDocument(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDocumentFilled(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDots(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDownArrow(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgDownload(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
 export default SvgDownload;

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

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { SVGProps } from 'react';
-declare const SvgEarn: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+declare const SvgEarn: (props: SVGProps<SVGSVGElement>) => React.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>): JSX.Element;
+declare function SvgEdit(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgEmployee(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgEmptyIcon(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgEmptyStateWithPattern(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgExpand(props: React.SVGProps<SVGSVGElement>): React.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>): JSX.Element;
+declare function SvgExternalLink(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
 export default SvgExternalLink;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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