glints-aries 4.1.7 → 5.0.0-alpha.1

package/es/Utils/Icon/IconLibrary.d.ts

@@ -1,180 +1,180 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const ICONS: {
-    ADD: JSX.Element;
-    ADD_CIRCLE_OUTLINE: JSX.Element;
-    ADD_CIRCLE_SOLID: JSX.Element;
-    ARROW_BACK: JSX.Element;
-    ARROW_BACK_SOLID: JSX.Element;
-    ARROW_BACK_DOUBLE: JSX.Element;
-    ARROW_DOWN: JSX.Element;
-    ARROW_DOWN_CIRCLE_OUTLINE: JSX.Element;
-    ARROW_DOWN_SOLID: JSX.Element;
-    ARROW_UP_SOLID: JSX.Element;
-    ARROW_NEXT: JSX.Element;
-    ARROW_NEXT_DOUBLE: JSX.Element;
-    ARROW_NEXT_SOLID: JSX.Element;
-    ARROW_UP: JSX.Element;
-    ARROW_ROUND_BACK: JSX.Element;
-    ARROW_ROUND_FORWARD: JSX.Element;
-    ASTERISK_SOLID: JSX.Element;
-    ATTACHMENT: JSX.Element;
-    BEHANCE: JSX.Element;
-    BELL: JSX.Element;
-    BOOKMARK: JSX.Element;
-    BOOKMARK_OUTLINE: JSX.Element;
-    BOOKMARK_ROUNDED_OUTLINE: JSX.Element;
-    BOX_WITH_HANDLE_SOLID: JSX.Element;
-    BRIEFCASE_SOLID: JSX.Element;
-    BUILDING_SOLID: JSX.Element;
-    BULLET_LIST: JSX.Element;
-    CALENDAR: JSX.Element;
-    CAMERA: JSX.Element;
-    CHECKLIST: JSX.Element;
-    CHECKMARK: JSX.Element;
-    CHECKMARK_SOLID: JSX.Element;
-    CHECKMARK_THICK: JSX.Element;
-    CIRCLE: JSX.Element;
-    CIRCLE_AND_CHECK: JSX.Element;
-    CLIPBOARD: JSX.Element;
-    CLIPBOARD_CHECK_OUTLINE: JSX.Element;
-    CLOCK: JSX.Element;
-    CLOSE: JSX.Element;
-    CLOSE_CIRCLE_SOLID: JSX.Element;
-    CLOUD_DOWNLOAD: JSX.Element;
-    CLOUD_UPLOAD: JSX.Element;
-    CODEPEN: JSX.Element;
-    COMPASS: JSX.Element;
-    COMMUNITY: JSX.Element;
-    CONNECTION: JSX.Element;
-    COPY: JSX.Element;
-    COPY_OUTLINED: JSX.Element;
-    COPY_LINK: JSX.Element;
-    CURRENCY: JSX.Element;
-    DELETE: JSX.Element;
-    DISCOUNT_SOLID: JSX.Element;
-    DOCUMENT_CHECK: JSX.Element;
-    DOT: JSX.Element;
-    DOUBLE_CHECKMARK: JSX.Element;
-    DOVE: JSX.Element;
-    DOWNLOAD: JSX.Element;
-    DRAG_STRIPES: JSX.Element;
-    DRAG_ARROW: JSX.Element;
-    EDIT: JSX.Element;
-    EDIT_OUTLINE: JSX.Element;
-    EXCLAMATION: JSX.Element;
-    EXIT_FULL_SCREEN: JSX.Element;
-    EXTERNAL_LINK: JSX.Element;
-    EYE: JSX.Element;
-    EYE_SOLID: JSX.Element;
-    EYE_SLASHED: JSX.Element;
-    FACEBOOK: JSX.Element;
-    FILE: JSX.Element;
-    FILE_ALTERNATE: JSX.Element;
-    FILE_PREVIEW: JSX.Element;
-    FILE_SOLID: JSX.Element;
-    FILTER: JSX.Element;
-    FLAG: JSX.Element;
-    FOLDER: JSX.Element;
-    FULL_SCREEN: JSX.Element;
-    GLOBE: JSX.Element;
-    GRADUATION_HAT: JSX.Element;
-    GROUP: JSX.Element;
-    GUARANTEE: JSX.Element;
-    GITHUB: JSX.Element;
-    HAND: JSX.Element;
-    HAND_SHAKE: JSX.Element;
-    HEART_SOLID: JSX.Element;
-    HEART: JSX.Element;
-    HELP: JSX.Element;
-    HOME: JSX.Element;
-    HOURGLASS: JSX.Element;
-    JOB_SEARCH: JSX.Element;
-    JOB_OUTLINE: JSX.Element;
-    IMAGE: JSX.Element;
-    INFO: JSX.Element;
-    INFO_SOLID: JSX.Element;
-    INSTAGRAM: JSX.Element;
-    LIGHTBULB: JSX.Element;
-    LIGHTNING_OUTLINE: JSX.Element;
-    LINE: JSX.Element;
-    LINKEDIN: JSX.Element;
-    LOADING: JSX.Element;
-    LOCATION: JSX.Element;
-    LOCK_SOLID: JSX.Element;
-    MAIL: JSX.Element;
-    MAIL_SOLID: JSX.Element;
-    MEDAL: JSX.Element;
-    MENU: JSX.Element;
-    MENU_HALF: JSX.Element;
-    MESSAGE_OUTLINE: JSX.Element;
-    MESSAGE_OUTLINE_INCOMING: JSX.Element;
-    MIC: JSX.Element;
-    MIC_OFF: JSX.Element;
-    MINUS: JSX.Element;
-    MINUS_CIRCLE: JSX.Element;
-    MINUS_CIRCLE_SOLID: JSX.Element;
-    MORE: JSX.Element;
-    MORE_HORIZONTAL: JSX.Element;
-    NAME_TAG: JSX.Element;
-    NOTIFICATION: JSX.Element;
-    NUMBER_LIST: JSX.Element;
-    ONLINE: JSX.Element;
-    PDF: JSX.Element;
-    PDF_OUTLINE: JSX.Element;
-    PHONE: JSX.Element;
-    POWER: JSX.Element;
-    PUZZLE: JSX.Element;
-    QUESTION_OUTLINE: JSX.Element;
-    QUOTATION: JSX.Element;
-    REFRESH_SOLID: JSX.Element;
-    REPLY: JSX.Element;
-    RESUME_OUTLINE: JSX.Element;
-    ROTATE: JSX.Element;
-    RSS: JSX.Element;
-    SALARY: JSX.Element;
-    SAVE_SOLID: JSX.Element;
-    SEARCH: JSX.Element;
-    SEND: JSX.Element;
-    SETTING: JSX.Element;
-    SETTING_SOLID: JSX.Element;
-    SHARE: JSX.Element;
-    SHARE_OUTLINE: JSX.Element;
-    SHARE_ARROW: JSX.Element;
-    SHARE_ARROW_OUTLINE: JSX.Element;
-    SHARE_SCREEN: JSX.Element;
-    SHIELD_CHECK: JSX.Element;
-    SPEAKER: JSX.Element;
-    SPEECH_BUBBLE: JSX.Element;
-    SPEECH_BUBBLE_OUTLINE: JSX.Element;
-    SPINNER: JSX.Element;
-    STACK: JSX.Element;
-    STAR_OUTLINE: JSX.Element;
-    STAR_CIRCLE: JSX.Element;
-    STAR: JSX.Element;
-    TAG: JSX.Element;
-    TASK: JSX.Element;
-    TELEGRAM: JSX.Element;
-    THUMBS_UP: JSX.Element;
-    THUMBS_UP_OUTLINE: JSX.Element;
-    TICKET_SOLID: JSX.Element;
-    TIE: JSX.Element;
-    TRASH: JSX.Element;
-    TV_PLAY: JSX.Element;
-    TWITTER: JSX.Element;
-    UPLOAD: JSX.Element;
-    UPVOTE: JSX.Element;
-    USER: JSX.Element;
-    USER_COG: JSX.Element;
-    USER_WRENCH: JSX.Element;
-    VIDEO: JSX.Element;
-    VIDEO_OFF: JSX.Element;
-    VIEW: JSX.Element;
-    VIMEO: JSX.Element;
-    WARNING: JSX.Element;
-    WARNING_CIRCLE_SOLID: JSX.Element;
-    WARNING_OUTLINE: JSX.Element;
-    WARNING_SOLID: JSX.Element;
-    WHATSAPP: JSX.Element;
-    YOUTUBE: JSX.Element;
-    ZALO: JSX.Element;
+    ADD: React.JSX.Element;
+    ADD_CIRCLE_OUTLINE: React.JSX.Element;
+    ADD_CIRCLE_SOLID: React.JSX.Element;
+    ARROW_BACK: React.JSX.Element;
+    ARROW_BACK_SOLID: React.JSX.Element;
+    ARROW_BACK_DOUBLE: React.JSX.Element;
+    ARROW_DOWN: React.JSX.Element;
+    ARROW_DOWN_CIRCLE_OUTLINE: React.JSX.Element;
+    ARROW_DOWN_SOLID: React.JSX.Element;
+    ARROW_UP_SOLID: React.JSX.Element;
+    ARROW_NEXT: React.JSX.Element;
+    ARROW_NEXT_DOUBLE: React.JSX.Element;
+    ARROW_NEXT_SOLID: React.JSX.Element;
+    ARROW_UP: React.JSX.Element;
+    ARROW_ROUND_BACK: React.JSX.Element;
+    ARROW_ROUND_FORWARD: React.JSX.Element;
+    ASTERISK_SOLID: React.JSX.Element;
+    ATTACHMENT: React.JSX.Element;
+    BEHANCE: React.JSX.Element;
+    BELL: React.JSX.Element;
+    BOOKMARK: React.JSX.Element;
+    BOOKMARK_OUTLINE: React.JSX.Element;
+    BOOKMARK_ROUNDED_OUTLINE: React.JSX.Element;
+    BOX_WITH_HANDLE_SOLID: React.JSX.Element;
+    BRIEFCASE_SOLID: React.JSX.Element;
+    BUILDING_SOLID: React.JSX.Element;
+    BULLET_LIST: React.JSX.Element;
+    CALENDAR: React.JSX.Element;
+    CAMERA: React.JSX.Element;
+    CHECKLIST: React.JSX.Element;
+    CHECKMARK: React.JSX.Element;
+    CHECKMARK_SOLID: React.JSX.Element;
+    CHECKMARK_THICK: React.JSX.Element;
+    CIRCLE: React.JSX.Element;
+    CIRCLE_AND_CHECK: React.JSX.Element;
+    CLIPBOARD: React.JSX.Element;
+    CLIPBOARD_CHECK_OUTLINE: React.JSX.Element;
+    CLOCK: React.JSX.Element;
+    CLOSE: React.JSX.Element;
+    CLOSE_CIRCLE_SOLID: React.JSX.Element;
+    CLOUD_DOWNLOAD: React.JSX.Element;
+    CLOUD_UPLOAD: React.JSX.Element;
+    CODEPEN: React.JSX.Element;
+    COMPASS: React.JSX.Element;
+    COMMUNITY: React.JSX.Element;
+    CONNECTION: React.JSX.Element;
+    COPY: React.JSX.Element;
+    COPY_OUTLINED: React.JSX.Element;
+    COPY_LINK: React.JSX.Element;
+    CURRENCY: React.JSX.Element;
+    DELETE: React.JSX.Element;
+    DISCOUNT_SOLID: React.JSX.Element;
+    DOCUMENT_CHECK: React.JSX.Element;
+    DOT: React.JSX.Element;
+    DOUBLE_CHECKMARK: React.JSX.Element;
+    DOVE: React.JSX.Element;
+    DOWNLOAD: React.JSX.Element;
+    DRAG_STRIPES: React.JSX.Element;
+    DRAG_ARROW: React.JSX.Element;
+    EDIT: React.JSX.Element;
+    EDIT_OUTLINE: React.JSX.Element;
+    EXCLAMATION: React.JSX.Element;
+    EXIT_FULL_SCREEN: React.JSX.Element;
+    EXTERNAL_LINK: React.JSX.Element;
+    EYE: React.JSX.Element;
+    EYE_SOLID: React.JSX.Element;
+    EYE_SLASHED: React.JSX.Element;
+    FACEBOOK: React.JSX.Element;
+    FILE: React.JSX.Element;
+    FILE_ALTERNATE: React.JSX.Element;
+    FILE_PREVIEW: React.JSX.Element;
+    FILE_SOLID: React.JSX.Element;
+    FILTER: React.JSX.Element;
+    FLAG: React.JSX.Element;
+    FOLDER: React.JSX.Element;
+    FULL_SCREEN: React.JSX.Element;
+    GLOBE: React.JSX.Element;
+    GRADUATION_HAT: React.JSX.Element;
+    GROUP: React.JSX.Element;
+    GUARANTEE: React.JSX.Element;
+    GITHUB: React.JSX.Element;
+    HAND: React.JSX.Element;
+    HAND_SHAKE: React.JSX.Element;
+    HEART_SOLID: React.JSX.Element;
+    HEART: React.JSX.Element;
+    HELP: React.JSX.Element;
+    HOME: React.JSX.Element;
+    HOURGLASS: React.JSX.Element;
+    JOB_SEARCH: React.JSX.Element;
+    JOB_OUTLINE: React.JSX.Element;
+    IMAGE: React.JSX.Element;
+    INFO: React.JSX.Element;
+    INFO_SOLID: React.JSX.Element;
+    INSTAGRAM: React.JSX.Element;
+    LIGHTBULB: React.JSX.Element;
+    LIGHTNING_OUTLINE: React.JSX.Element;
+    LINE: React.JSX.Element;
+    LINKEDIN: React.JSX.Element;
+    LOADING: React.JSX.Element;
+    LOCATION: React.JSX.Element;
+    LOCK_SOLID: React.JSX.Element;
+    MAIL: React.JSX.Element;
+    MAIL_SOLID: React.JSX.Element;
+    MEDAL: React.JSX.Element;
+    MENU: React.JSX.Element;
+    MENU_HALF: React.JSX.Element;
+    MESSAGE_OUTLINE: React.JSX.Element;
+    MESSAGE_OUTLINE_INCOMING: React.JSX.Element;
+    MIC: React.JSX.Element;
+    MIC_OFF: React.JSX.Element;
+    MINUS: React.JSX.Element;
+    MINUS_CIRCLE: React.JSX.Element;
+    MINUS_CIRCLE_SOLID: React.JSX.Element;
+    MORE: React.JSX.Element;
+    MORE_HORIZONTAL: React.JSX.Element;
+    NAME_TAG: React.JSX.Element;
+    NOTIFICATION: React.JSX.Element;
+    NUMBER_LIST: React.JSX.Element;
+    ONLINE: React.JSX.Element;
+    PDF: React.JSX.Element;
+    PDF_OUTLINE: React.JSX.Element;
+    PHONE: React.JSX.Element;
+    POWER: React.JSX.Element;
+    PUZZLE: React.JSX.Element;
+    QUESTION_OUTLINE: React.JSX.Element;
+    QUOTATION: React.JSX.Element;
+    REFRESH_SOLID: React.JSX.Element;
+    REPLY: React.JSX.Element;
+    RESUME_OUTLINE: React.JSX.Element;
+    ROTATE: React.JSX.Element;
+    RSS: React.JSX.Element;
+    SALARY: React.JSX.Element;
+    SAVE_SOLID: React.JSX.Element;
+    SEARCH: React.JSX.Element;
+    SEND: React.JSX.Element;
+    SETTING: React.JSX.Element;
+    SETTING_SOLID: React.JSX.Element;
+    SHARE: React.JSX.Element;
+    SHARE_OUTLINE: React.JSX.Element;
+    SHARE_ARROW: React.JSX.Element;
+    SHARE_ARROW_OUTLINE: React.JSX.Element;
+    SHARE_SCREEN: React.JSX.Element;
+    SHIELD_CHECK: React.JSX.Element;
+    SPEAKER: React.JSX.Element;
+    SPEECH_BUBBLE: React.JSX.Element;
+    SPEECH_BUBBLE_OUTLINE: React.JSX.Element;
+    SPINNER: React.JSX.Element;
+    STACK: React.JSX.Element;
+    STAR_OUTLINE: React.JSX.Element;
+    STAR_CIRCLE: React.JSX.Element;
+    STAR: React.JSX.Element;
+    TAG: React.JSX.Element;
+    TASK: React.JSX.Element;
+    TELEGRAM: React.JSX.Element;
+    THUMBS_UP: React.JSX.Element;
+    THUMBS_UP_OUTLINE: React.JSX.Element;
+    TICKET_SOLID: React.JSX.Element;
+    TIE: React.JSX.Element;
+    TRASH: React.JSX.Element;
+    TV_PLAY: React.JSX.Element;
+    TWITTER: React.JSX.Element;
+    UPLOAD: React.JSX.Element;
+    UPVOTE: React.JSX.Element;
+    USER: React.JSX.Element;
+    USER_COG: React.JSX.Element;
+    USER_WRENCH: React.JSX.Element;
+    VIDEO: React.JSX.Element;
+    VIDEO_OFF: React.JSX.Element;
+    VIEW: React.JSX.Element;
+    VIMEO: React.JSX.Element;
+    WARNING: React.JSX.Element;
+    WARNING_CIRCLE_SOLID: React.JSX.Element;
+    WARNING_OUTLINE: React.JSX.Element;
+    WARNING_SOLID: React.JSX.Element;
+    WHATSAPP: React.JSX.Element;
+    YOUTUBE: React.JSX.Element;
+    ZALO: React.JSX.Element;
 };

package/es/stories/story-components/AriesStatus.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AriesStatus: () => JSX.Element;
+import React from 'react';
+export declare const AriesStatus: () => React.JSX.Element;

package/lib/@next/ActionList/ActionItem.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { Item } from './ActionList';
-export declare const ActionItem: ({ content, description, icon, action, disabled, }: Item) => JSX.Element;
+export declare const ActionItem: ({ content, description, icon, action, disabled, }: Item) => React.JSX.Element;

package/lib/@next/ActionList/ActionList.d.ts

@@ -14,4 +14,4 @@ export declare type ActionListProps = {
     items?: Item[];
     sections?: Section[];
 };
-export declare const ActionList: ({ items, sections }: ActionListProps) => JSX.Element;
+export declare const ActionList: ({ items, sections }: ActionListProps) => React.JSX.Element;

package/lib/@next/Alert/AlertProvider.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const AlertProvider: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/AuthenticationInput/AuthenticationInputSingle.d.ts

@@ -9,5 +9,5 @@ interface AuthenticationInputSingleProps extends Omit<React.HTMLAttributes<HTMLI
     onIndexChanged?: (index: number) => void;
     onChange: (value: number | '', index: number) => void;
 }
-export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => JSX.Element;
+export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => React.JSX.Element;
 export {};

package/lib/@next/Card/Card.d.ts

@@ -15,5 +15,5 @@ export declare type CardProps = {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Section: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

package/lib/@next/Card/Section.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const Section: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/Carousel/Carousel.d.ts

@@ -22,4 +22,4 @@ export interface CarouselProps {
     /** When `autoRotate` is `true`, specify milliseconds until next slide shows */
     duration?: number;
 }
-export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, duration, showArrows, }: CarouselProps) => JSX.Element;
+export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, duration, showArrows, }: CarouselProps) => React.JSX.Element;

package/lib/@next/Combobox/Combobox.d.ts

@@ -11,11 +11,11 @@ export interface ComboboxProps {
     scrollable?: boolean;
 }
 export declare const Combobox: {
-    ({ activator, allowMultiple, children, onClose, listHeight, scrollable, }: ComboboxProps): JSX.Element;
+    ({ activator, allowMultiple, children, onClose, listHeight, scrollable, }: ComboboxProps): React.JSX.Element;
     Label: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
-    TextInput: ({ onChange, value, ...props }: import("./components/TextInput/TextInput").ComboboxTextInputProps) => JSX.Element;
-    OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: import("./components/OptionList/OptionList").OptionListProps) => JSX.Element;
-    Option: ({ label, value, selected }: import("./components/OptionList/Option").OptionProps) => JSX.Element;
+    }) => React.JSX.Element;
+    TextInput: ({ onChange, value, ...props }: import("./components/TextInput/TextInput").ComboboxTextInputProps) => React.JSX.Element;
+    OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: import("./components/OptionList/OptionList").OptionListProps) => React.JSX.Element;
+    Option: ({ label, value, selected }: import("./components/OptionList/Option").OptionProps) => React.JSX.Element;
 };

package/lib/@next/Combobox/comboboxStoryHelper/ComboboxMultuSelect.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { OptionType } from '../components/OptionList/Option';
 interface ComboboxMultiSelectProps {
     countries: OptionType[];
 }
-export declare const ComboboxMultiSelect: ({ countries, ...args }: ComboboxMultiSelectProps) => JSX.Element;
+export declare const ComboboxMultiSelect: ({ countries, ...args }: ComboboxMultiSelectProps) => React.JSX.Element;
 export {};

package/lib/@next/Combobox/components/OptionList/Option.d.ts

@@ -9,5 +9,5 @@ export interface OptionProps extends OptionType {
 export interface NoOptionListProps {
     noOptionsMessage?: React.ReactNode;
 }
-export declare const Option: ({ label, value, selected }: OptionProps) => JSX.Element;
-export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => JSX.Element;
+export declare const Option: ({ label, value, selected }: OptionProps) => React.JSX.Element;
+export declare const NoOptionList: ({ noOptionsMessage, }: NoOptionListProps) => React.JSX.Element;

package/lib/@next/Combobox/components/OptionList/OptionList.d.ts

@@ -6,4 +6,4 @@ export interface OptionListProps extends NoOptionListProps {
     height?: string;
     onSelect?(value: string): void;
 }
-export declare const OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: OptionListProps) => JSX.Element;
+export declare const OptionList: ({ children, isEmpty, noOptionsMessage, onSelect, }: OptionListProps) => React.JSX.Element;

package/lib/@next/Combobox/components/TextInput/TextInput.d.ts

@@ -5,4 +5,4 @@ export interface ComboboxTextInputProps extends Omit<TextInputProps, 'onChange'>
     textInputWidth?: number;
     setTextInputWidth?: React.Dispatch<(prevState: undefined) => undefined>;
 }
-export declare const TextInput: ({ onChange, value, ...props }: ComboboxTextInputProps) => JSX.Element;
+export declare const TextInput: ({ onChange, value, ...props }: ComboboxTextInputProps) => React.JSX.Element;

package/lib/@next/DataTable/DataTable.d.ts

@@ -18,9 +18,9 @@ export interface DataTableProps extends React.TableHTMLAttributes<HTMLTableEleme
     onSortChanged?: (context: string, sortDirection: SortDirection) => void;
 }
 export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLTableElement>> & {
-    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => JSX.Element;
-    Cell: ({ align, children, noWrap, verticalAlign, }: import("./TableCell").TableCellProps) => JSX.Element;
+    Row: ({ children, ...props }: import("./TableRow").TableRowProps) => React.JSX.Element;
+    Cell: ({ align, children, noWrap, verticalAlign, }: import("./TableCell").TableCellProps) => React.JSX.Element;
     Footer: ({ children }: {
         children: React.ReactNode;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 };

package/lib/@next/DataTable/TableCell.d.ts

@@ -5,4 +5,4 @@ export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableColEleme
     noWrap?: boolean;
     verticalAlign?: 'top' | 'center';
 }
-export declare const TableCell: ({ align, children, noWrap, verticalAlign, }: TableCellProps) => JSX.Element;
+export declare const TableCell: ({ align, children, noWrap, verticalAlign, }: TableCellProps) => React.JSX.Element;

package/lib/@next/DataTable/TableFooter.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const TableFooter: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/@next/DataTable/TableHeader.d.ts

@@ -5,4 +5,4 @@ export interface TableHeaderProps extends Omit<React.ThHTMLAttributes<HTMLTableC
     sortDirection?: SortDirection;
     onSort?: (sortDirection: SortDirection) => void;
 }
-export declare const TableHeader: ({ sortDirection: sortDirectionProp, title, align, onSort, }: TableHeaderProps) => JSX.Element;
+export declare const TableHeader: ({ sortDirection: sortDirectionProp, title, align, onSort, }: TableHeaderProps) => React.JSX.Element;

package/lib/@next/DataTable/TableRow.d.ts

@@ -3,4 +3,4 @@ export interface TableRowProps extends React.HtmlHTMLAttributes<HTMLTableRowElem
     position?: number;
     children: React.ReactNode;
 }
-export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
+export declare const TableRow: ({ children, ...props }: TableRowProps) => React.JSX.Element;

package/lib/@next/EmptyState/EmptyState.d.ts

@@ -16,5 +16,5 @@ export declare type EmptyStateProps = CommonProps & ({
     /** Renders an image based on ImageName or a custom image */
     image?: ImageName | React.ReactNode;
 });
-export declare const EmptyState: ({ basicButtonAction, primaryButtonAction, description, fullWidth, helpText, title, ...props }: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: ({ basicButtonAction, primaryButtonAction, description, fullWidth, helpText, title, ...props }: EmptyStateProps) => React.JSX.Element;
 export {};

package/lib/@next/EmptyState/EmptyStateStyle.d.ts

@@ -3,6 +3,6 @@ export declare const EmptyStateContainer: import("styled-components").StyledComp
 export declare const EmptyStateContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
-export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => JSX.Element, any, {}, never>;
+export declare const StyledTitle: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledDescription: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;
+export declare const StyledHelpText: import("styled-components").StyledComponent<({ as, children, variant, style, ...props }: import("..").TypographyProps) => import("react").JSX.Element, any, {}, never>;

package/lib/@next/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
-import { SVGProps } from 'react';
+import React, { SVGProps } from 'react';
 import { IconNames } from './icons/icons';
 export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {
     name: IconNames;
 }
-export declare const Icon: ({ name, ...props }: IconProps) => JSX.Element;
+export declare const Icon: ({ name, ...props }: IconProps) => React.JSX.Element;

package/lib/@next/Icon/IconStoriesStyles.d.ts

@@ -2,4 +2,4 @@
 import { IconProps } from './Icon';
 export declare const StyledUnorderedList: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const StyledItemList: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: IconProps) => JSX.Element, any, IconProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ name, ...props }: IconProps) => import("react").JSX.Element, any, IconProps, never>;

package/lib/@next/Icon/components/CustomSparklingFill.d.ts

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

package/lib/@next/Icon/components/CustomSparklingLine.d.ts

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

package/lib/@next/Icon/components/RiAccountCircleFill.d.ts

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

package/lib/@next/Icon/components/RiAccountCircleLine.d.ts

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

package/lib/@next/Icon/components/RiAdd.d.ts

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

package/lib/@next/Icon/components/RiAddCircleFill.d.ts

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

package/lib/@next/Icon/components/RiAddCircleLine.d.ts

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

package/lib/@next/Icon/components/RiAlarmWarningFill.d.ts

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

package/lib/@next/Icon/components/RiAlarmWarningLine.d.ts

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

package/lib/@next/Icon/components/RiArrowDownFill.d.ts

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

package/lib/@next/Icon/components/RiArrowDownLine.d.ts

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