@fattureincloud/fic-design-system 0.4.18 → 0.4.21

package/dist/common/components/Spinner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Props {
     className?: string;
 }

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: (props: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, maxHeight, isSmall, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

package/dist/components/dropdown/components/DefaultDropdown.d.ts

@@ -1,9 +1,14 @@
+import React from 'react';
 import { DropdownItemProps, DropdownProps } from '../types';
 interface Props {
+    closeDropdown: () => void;
+    componentId: string;
     content: DropdownItemProps[];
+    disableArrowNavigation: boolean;
     fullWidth: DropdownProps['fullWidth'];
     maxWidth: DropdownProps['maxWidth'];
-    closeDropdown: () => void;
+    rowHasFocus: boolean;
+    setHighlightedItem: React.Dispatch<React.SetStateAction<number>>;
 }
-declare const DefaultDropdown: ({ closeDropdown, content, fullWidth, maxWidth }: Props) => JSX.Element;
+declare const DefaultDropdown: ({ closeDropdown, componentId, content, fullWidth, maxWidth, rowHasFocus, setHighlightedItem, }: Props) => JSX.Element;
 export default DefaultDropdown;

package/dist/components/dropdown/components/DefaultTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DropdownTriggerProps {
     title: string;
 }

package/dist/components/dropdown/components/Item.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { DropdownItemProps } from '../types';
 import { DropdownItemStyles } from '../utils';
-declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisabled, ...rest }: DropdownItemProps) => JSX.Element;
+declare const Item: ({ active, className, componentId, icon, isDisabled, onClick, rowHasFocus, shortcut, text, ...rest }: DropdownItemProps & {
+    componentId?: string | undefined;
+    rowHasFocus?: boolean | undefined;
+}) => JSX.Element;
 export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
-    hasAction: boolean;
+    rowHasFocus: boolean;
 }
 export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, keyof DropdownItemStyles>;
 export default Item;

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

@@ -19,6 +19,7 @@ export declare type DropdownProps = {
     placement?: Placement;
     minWidthAsTrigger?: boolean;
     forceOpen?: boolean;
+    disableArrowNavigation?: boolean;
     isSmall?: boolean;
     maxHeight?: number;
 };
@@ -35,6 +36,7 @@ export interface DropdownItemProps {
     children?: React.ReactChild;
     isDisabled?: boolean;
     type?: DropdownItemType;
+    onMouseEnter?: () => void;
 }
 export interface UserListItemProps {
     img?: string;

package/dist/components/dropdown/utils.d.ts

@@ -9,7 +9,6 @@ export interface DropdownItemStyles {
     background: paletteColor;
     color: paletteColor;
     hoverBackground: paletteColor;
-    cursor: string;
 }
-export declare const getDropdownItemStyles: ({ theme, isDisabled, active, hasAction, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
+export declare const getDropdownItemStyles: ({ theme, isDisabled, active, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
 export {};

package/dist/components/floatingBadge/withBadge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WithBadgeProps } from './types';
 declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
 export default WithBadge;

package/dist/components/form/datepicker/DatePicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { DatePickerImplProps } from './DatePickerImpl';
 export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/datepicker/components/CustomButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     onClick: () => void;
     selected?: boolean;

package/dist/components/form/datepicker/components/DatePickerHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
     allowMonthView: boolean;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
 declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;

package/dist/components/form/datepicker/components/YearPicker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
     yearsDisplayed: number;

package/dist/components/form/fileUploader/FileUploader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FileRejection } from 'react-dropzone';
 import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
 export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;

package/dist/components/form/inputText/components/StatusIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { statusType } from '../../common/types';
 interface Props {
     status: statusType;

package/dist/components/form/inputText/components/UnitDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownProps } from '../../../dropdown/types';
 import { Unit } from './unitDropdown/UnitDropdownTrigger';
 export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {

package/dist/components/form/inputText/components/unitDropdown/UnitDropdownTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Unit {
     name: string;
     shortName?: string;

package/dist/components/form/select/Select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionType } from './components/Option';
 import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
 export declare const Select: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: SelectProps<O, IsMulti, import("react-select").Props<O, IsMulti, import("react-select").GroupTypeBase<O>>>) => JSX.Element;

package/dist/components/form/select/components/ClearIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IndicatorProps } from 'react-select/src/components/indicators';
 import { OptionType } from './Option';
 declare const ClearIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ isDisabled, clearValue, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/Control.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ControlProps } from 'react-select';
 import { OptionType } from './Option';
 declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/DropdownIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IndicatorProps } from 'react-select';
 import { OptionType } from './Option';
 declare const DropdownIndicator: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ selectProps, }: IndicatorProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/FooterActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownItemProps } from '../../../dropdown';
 export interface SelectActionsType extends DropdownItemProps {
     closeOnClick?: boolean;

package/dist/components/form/select/components/MenuList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuListComponentProps } from 'react-select/src/components/Menu';
 import { OptionType } from './Option';
 declare const MenuList: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: MenuListComponentProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/Option.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { OptionProps } from 'react-select';
 import { OptionTypeBase } from 'react-select/src/types';
 import { IconProps } from '../../../icon';

package/dist/components/form/textArea/TextArea.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LabelProps } from '../label';
 import { TextAreaElementProps } from './types';
 export declare type TextAreaProps = LabelProps & TextAreaElementProps;

package/dist/components/form/textArea/components/CharCounter.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CharCounterProps extends CharCounterOptions {
     length: number;
 }

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
 declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;

package/dist/components/icon/Icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
 import { iconColors } from './iconPalette';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownItemProps } from '../../../dropdown';
 interface Props {
     content: DropdownItemProps[];

package/dist/components/microTag/MicroTag.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TagType } from './types';
 export interface MicroTagProps {
     text: string;

package/dist/components/stepper/Stepper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface StepperProps {
     steps: string[];
     currentStep: number;

package/dist/components/stepper/components/StepItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { stepStatusType } from '../types';
 interface Props {
     text?: string;

package/dist/components/table/Table.d.ts

@@ -24,6 +24,7 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
     bodyHeight?: number | string;
     headerHeight?: number | string;
     rowHeight?: number | string;
+    disableArrowNavigation?: boolean;
 }
 /**
  * Component Props:
@@ -45,9 +46,10 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
  * @param {boolean} isLoading Apply loading style to all cells
  * @param {object} actions Configuration to render actions column
  * @param {function} renderActions Used to customize actions column
- * @param {number|string} bodyHeight Set tbody height, default 300px (if number is provided is considered as measure in pixels)
- * @param {number|string} headerHeight Set thead and th height, default 40px (if number is provided is considered as measure in pixels)
- * @param {number|string} rowHeight Set row height, default 40px (if number is provided is considered as measure in pixels)
+ * @param {number|string} bodyHeight Set tbody height, default 300px
+ * @param {number|string} headerHeight Set thead and th height, default 40px
+ * @param {number|string} rowHeight Set row height, default 40px
+ * @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
  */
-declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, rowHeight, selectableRows, sortable, withCheckbox, pageSize, }: TableProps<T>) => JSX.Element;
+declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
 export default Table;

package/dist/components/table/components/Pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UsePaginationInstanceProps } from 'react-table';
 import { TableData } from '../types';
 interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {

package/dist/components/table/components/SelectedRowsCount.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     count: number;
     resetSelection: () => void;

package/dist/components/table/components/actions/DropdownActions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowAction, TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/table/components/actions/PrimaryAction.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { DropdownItemType } from '../../../dropdown/types';
 import { RowAction, TableData } from '../../types';

package/dist/components/table/components/checkboxes/Cell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CellProps } from 'react-table';
 import { TableData } from '../../types';
 declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;

package/dist/components/table/components/checkboxes/Header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderProps } from 'react-table';
 import { TableData } from '../../types';
 declare const Header: <T extends TableData>(props: HeaderProps<T>) => JSX.Element;

package/dist/components/table/components/loadingCell/LoadingCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnInstance } from 'react-table';
 import { TableData } from '../../types';
 interface LoadingCellProps<T extends TableData> {

package/dist/components/table/components/pagination/PaginationButtons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UsePaginationInstanceProps } from 'react-table';
 import { TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/table/components/tableBody/TableBody.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Row, UseTableInstanceProps } from 'react-table';
 import { TableData } from '../../types';
 interface Props<T extends TableData> {
@@ -6,8 +7,11 @@ interface Props<T extends TableData> {
     selectedRowsIds: string[];
     isLoading: boolean;
     onRowClick?: (row: Row<T>) => void;
-    rowHeight?: number | string;
+    rowHasFocus: boolean;
+    rowHeight: number | string;
     selectableRows?: boolean;
+    setHighlightedRow: React.Dispatch<React.SetStateAction<number>>;
+    tableId: string;
 }
-declare const TableBody: <T extends TableData>({ isLoading, onRowClick, prepareRow, rowHeight, rows, selectableRows, selectedRowsIds, }: Props<T>) => JSX.Element;
+declare const TableBody: <T extends TableData>({ isLoading, onRowClick, prepareRow, rowHasFocus, rowHeight, rows, selectableRows, selectedRowsIds, setHighlightedRow, tableId, }: Props<T>) => JSX.Element;
 export default TableBody;

package/dist/components/table/components/tableBody/TableBodyTr.d.ts

@@ -2,6 +2,7 @@ import { TableBodyTrStyles } from '../../utils';
 export interface TableBodyTrProps {
     isSelected?: boolean;
     isDisabled?: boolean;
+    rowHasFocus: boolean;
 }
 declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;
 export default TableBodyTr;

package/dist/components/table/components/tableHeader/SortIndicator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     isSorted: boolean;
     isSortedDesc?: boolean;

package/dist/components/table/components/tableHeader/TableHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { HeaderGroup, SortingRule } from 'react-table';
 import { TableData } from '../../types';
 interface Props<T extends TableData> {

package/dist/components/table/components/tableParts/styled.d.ts

@@ -4,7 +4,7 @@ interface THeadProps {
 }
 export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, THeadProps, never>;
 interface TableBodyProps {
-    bodyHeight?: number | string;
+    bodyHeight: number | string;
 }
 export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, TableBodyProps, never>;
 export interface TrProps {

package/dist/components/table/stories/components/CustomPerson.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CustomPersonData } from './types';
 interface Props {
     value: CustomPersonData;

package/dist/components/table/stories/components/Role.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const rolesArray: readonly ["master", "admin", undefined];
 export declare type roleType = typeof rolesArray[number];
 interface Props {

package/dist/components/table/utils.d.ts

@@ -12,6 +12,5 @@ export interface TableBodyTrStyles {
     hoverBackground: paletteColor;
 }
 export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
-export declare const isNumber: (n: number | string | undefined) => boolean;
 export declare const getIdsFromRows: <T extends TableData>(rows: Row<T>[] | undefined) => string[];
 export {};

package/dist/components/tabs/dropdownTabs/TabsDropdown.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsItem } from '../common/types';
 interface Props {
     active: TabsItem['active'];

package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsItem } from '../common/types';
 interface Props {
     active: TabsItem['active'];

package/dist/components/tabs/dropdownTabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsProps } from './common/types';
 declare const DropdownTabs: ({ className, distance, lateralPadding, tabs }: TabsProps) => JSX.Element;
 export default DropdownTabs;

package/dist/components/tabs/scrollableTabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TabsItem } from './common/types';
 interface Props {
     className?: string;

package/dist/components/toast/components/toastContent.d.ts

@@ -1,8 +1,17 @@
 /// <reference types="react" />
-export declare const StyledIconDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isCentered: boolean;
+}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ActionButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledActionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isCentered: boolean;
+}, never>;

package/dist/components/toast/index.d.ts

@@ -1,3 +1,2 @@
-import { ToastInterface, ToastProps } from './typings/toast';
-declare const Toast: ToastInterface;
-export { Toast, ToastProps };
+export { Toast } from './Toast';
+export { ToastInterface, ToastProps } from './typings/toast';

package/dist/components/toast/toast.d.ts

@@ -1,9 +1,2 @@
-import { ReactNode } from 'react';
-import { ToastProps } from './typings/toast';
-export declare const show: (title: ReactNode, options: ToastProps) => string | undefined;
-export declare const dismiss: (toastId: string | undefined) => void;
-export declare const success: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const error: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const warning: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const standard: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
-export declare const info: (title: ReactNode, options?: ToastProps | undefined) => string | undefined;
+import { ToastInterface } from './typings/toast';
+export declare const Toast: ToastInterface;

package/dist/components/toast/typings/toast.d.ts

@@ -2,6 +2,8 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import Spinner from 'common/components/Spinner';
 import { Accordion } from './components/accordions';
 import { Avatar } from './components/avatar';
 import { Badge, BadgeProps } from './components/badge';
@@ -39,4 +40,4 @@ import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };