@fattureincloud/fic-design-system 0.8.0 → 0.10.0

package/dist/components/buttons/iconButton/iconButton.stories.d.ts

@@ -1,2 +1,6 @@
-import React from 'react';
-export declare const WithKnobs: () => React.JSX.Element;
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import IconButton from './IconButton';
+export declare const WithKnobs: () => JSX.Element;
+declare const IconButtonStories: Meta<ComponentProps<typeof IconButton>>;
+export default IconButtonStories;

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

@@ -3,6 +3,7 @@ import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
 export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
     yearsDisplayed: number;
     setHideMonth: (value: boolean) => void;
+    hideYearSelection: boolean;
 }
 declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
 export default DatePickerHeader;

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

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

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

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

@@ -27,5 +27,6 @@ export interface DatePickerImplProps extends Omit<ReactDatePickerProps, 'onChang
     fitBiggerContainer?: boolean;
     includeDates?: Date[];
     excludeDates?: Date[];
+    hideYearSelection?: boolean;
 }
 export declare type DatePickerProps = LabelProps & DatePickerImplProps;

package/dist/components/form/inputText/components/codeInput/CodeInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CodeInputProps } from '../../types';
+declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
+export default CodeInput;

package/dist/components/form/inputText/components/codeInput/styled.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../../icon").IconProps | undefined;
+    placeholder?: import("react").ReactText | undefined;
+    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CodeInputProps } from '../../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TelephoneInputProps } from '../../types';
+declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
+export default TelephoneInput;

package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

package/dist/components/form/inputText/components/telephoneInput/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const SelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/graphic/Graphic.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { GraphicProps } from './types';
+declare const Graphic: ({ data, showIndicators, graphicSettingsContent, periodContent, renderYearDropdownContent, yearDropdownButtonText, renderEmptyFilters, }: GraphicProps) => ReactElement;
+export default Graphic;

package/dist/components/graphic/components/ChartLegend.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Legend, LegendItem } from '../types';
+interface ChartLegendProps {
+    legend: Legend[];
+    setToggleLegendItem: (elem: LegendItem) => void;
+    toggleLegendItem: LegendItem;
+}
+declare const ChartLegend: ({ legend, setToggleLegendItem, toggleLegendItem }: ChartLegendProps) => JSX.Element;
+export default ChartLegend;

package/dist/components/graphic/components/GraphButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IconProps } from '../../icon';
+interface GraphButtonProps {
+    text?: string;
+    icon?: IconProps;
+}
+declare const GraphButton: ({ text, icon }: GraphButtonProps) => JSX.Element;
+export default GraphButton;

package/dist/components/graphic/components/GraphIndicators.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { DropdownItemProps, renderContentType } from '../../dropdown';
+import { Legend, LegendItem } from '../types';
+interface GraphIndicatorsProps {
+    legend: Legend[];
+    setToggleLegendItem: (elem: LegendItem) => void;
+    toggleLegendItem: LegendItem;
+    graphicSettingsContent?: DropdownItemProps[];
+    periodContent?: DropdownItemProps[];
+    renderYearDropdownContent?: renderContentType;
+    yearDropdownButtonText?: string;
+}
+declare const GraphIndicators: ({ legend, setToggleLegendItem, toggleLegendItem, graphicSettingsContent, renderYearDropdownContent, yearDropdownButtonText, periodContent, }: GraphIndicatorsProps) => ReactElement;
+export default GraphIndicators;

package/dist/components/graphic/graphic.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Graphic, GraphicProps } from './index';
+export declare const Template: Story<GraphicProps>;
+export declare const EmptyFilters: Story<GraphicProps>;
+declare const GraphicStories: Meta<ComponentProps<typeof Graphic>>;
+export default GraphicStories;

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

@@ -0,0 +1,2 @@
+export { default as Graphic } from './Graphic';
+export { GraphicProps, Legend, GraphicData, LegendItem } from './types';

package/dist/components/graphic/stories/data.d.ts

@@ -0,0 +1,2 @@
+import { GraphicData } from '../types';
+export declare const data: GraphicData[];

package/dist/components/graphic/stories/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const DropdownText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const DropdownParagraph: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/graphic/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const GraphTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,52 @@
+import { DatumValue } from '@nivo/line';
+import { Serie } from '@nivo/line';
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+import { DropdownItemProps, renderContentType } from '../dropdown';
+import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
+export declare type OrdinalColorScale = OrdinalColorScaleConfig & {
+    color: string;
+};
+export interface GraphicData extends Serie {
+    prevTooltipLabel?: string;
+    afterTooltipLabel?: string;
+    color?: paletteColor;
+}
+export interface GraphicProps {
+    data: GraphicData[];
+    showIndicators: boolean;
+    graphicSettingsContent?: DropdownItemProps[];
+    periodContent?: DropdownItemProps[];
+    yearContent?: DropdownItemProps[];
+    renderYearDropdownContent?: renderContentType;
+    yearDropdownButtonText?: string;
+    renderEmptyFilters?: () => ReactElement;
+}
+export declare type Legend = {
+    text: string | number;
+    color?: paletteColor;
+};
+export declare type LegendItem = {
+    [index: number]: boolean;
+};
+export interface Point {
+    point: {
+        id: string;
+        index: number;
+        serieId: string | number;
+        serieColor: string;
+        x: number;
+        y: number;
+        color: string;
+        borderColor: string;
+        data: {
+            x: DatumValue;
+            xFormatted: string | number;
+            y: DatumValue;
+            yFormatted: string | number;
+            yStacked?: number;
+            prevTooltipLabel?: string | number;
+            afterTooltipLabel?: string | number;
+        };
+    };
+}

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

@@ -0,0 +1,6 @@
+import { DropdownItemProps } from '../dropdown';
+import { GraphicData, Legend, LegendItem } from './types';
+export declare const getLegendValues: (data: GraphicData[]) => Legend[];
+export declare const getInitialLegendValues: (data: GraphicData[]) => LegendItem;
+export declare const getDropdownLabel: (content: DropdownItemProps[]) => string;
+export declare const getDisabledLegendItem: (elemIndex: number, toggleLegendItem: LegendItem) => boolean;

package/dist/components/gridCard/GridCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { GridCardProps } from '.';
+declare const GridCard: ({ data }: GridCardProps) => ReactElement;
+export default GridCard;

package/dist/components/gridCard/gridCard.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GridCard } from '.';
+import { GridCardProps } from './types';
+export declare const Template: Story<GridCardProps>;
+export declare const CustomData: Story<GridCardProps>;
+declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
+export default GridCardStories;

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

@@ -0,0 +1,2 @@
+export { default as GridCard } from './GridCard';
+export { GridCardProps } from './types';

package/dist/components/gridCard/stories/data.d.ts

@@ -0,0 +1,3 @@
+import { CardData } from '../types';
+export declare const cardData: CardData[][];
+export declare const cardCustomData: CardData[][];

package/dist/components/gridCard/styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    cardBackgroundColor?: string | undefined;
+    isLastElement?: boolean | undefined;
+}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    iconBackgroundColor?: string | undefined;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,16 @@
+import { IconProps } from 'components/icon';
+import { ReactElement, ReactNode } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface GridCardProps {
+    data: CardData[][];
+    renderCustomData?: () => ReactElement;
+}
+export interface CardData {
+    icon?: IconProps;
+    label?: string;
+    value?: string | ReactNode;
+    description?: string;
+    cardBackgroundColor?: paletteColor;
+    iconBackgroundColor?: paletteColor;
+    renderCustomData?: () => ReactElement;
+}

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

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;

package/dist/components/monthlyTab/MonthlyTab.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { MonthlyTabProps } from './types';
-declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonth, }: MonthlyTabProps) => JSX.Element;
+declare const MonthlyTab: ({ data, onSelectionChange, monthText, preSelectedMonths, currentMonth, }: MonthlyTabProps) => JSX.Element;
 export default MonthlyTab;

package/dist/components/monthlyTab/components/month/Month.d.ts

@@ -3,9 +3,13 @@ interface MonthProps {
     monthNumber: number;
     percentage: number;
     selected: boolean;
-    documents: number;
+    documents: number[];
     amount: number;
-    monthText: string;
+    monthText: {
+        singular: string;
+        plural: string;
+    }[];
+    isCurrentMonth: boolean;
 }
-declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText }: MonthProps) => JSX.Element;
+declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText, isCurrentMonth, }: MonthProps) => JSX.Element;
 export default Month;

package/dist/components/monthlyTab/components/month/styled.d.ts

@@ -4,6 +4,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 }, never>;
 export declare const Header: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {
     selected: boolean;
+    isCurrentMonth: boolean;
 }, never>;
 export declare const PercentageLevel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     percentage: number;

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

@@ -4,7 +4,7 @@ export declare type MonthAmountData = {
     monthName: string;
 } & MonthDocumentAmount;
 declare type MonthDocumentAmount = {
-    documents: number;
+    documents: number[];
     amount: number;
 };
 export declare type MonthData = {
@@ -13,16 +13,24 @@ export declare type MonthData = {
 export interface MonthlyTabProps {
     data: MonthData;
     onSelectionChange: (monthsData: MonthAmountData[]) => void;
-    monthText?: string;
-    preSelectedMonth: number;
+    monthText?: {
+        singular: string;
+        plural: string;
+    }[];
+    preSelectedMonths: number[];
+    currentMonth: number;
 }
 export declare type MonthlyTabPalette = {
     standard: {
         borderBottom: paletteColor;
         headerColor: paletteColor;
+        backgroundColor: paletteColor;
     };
     selected: {
         borderBottom: paletteColor;
+        backgroundColor: paletteColor;
+    };
+    isCurrentMonth: {
         headerColor: paletteColor;
     };
     border: paletteColor;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface FavoriteProps {
     checked?: boolean;
     disabled?: boolean;

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
     checked: boolean;
 }, never>;

package/dist/components/newTable/components/header/styled.d.ts

@@ -0,0 +1 @@
+export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/row/LoadingRow.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ColumnDef } from '@tanstack/react-table';
+import { CellProps } from '../../types';
+interface Props<T> {
+    loadingMode: 'full' | 'cell';
+    columns: ColumnDef<T, CellProps>[];
+}
+declare const LoadingRow: <T>({ columns, loadingMode }: Props<T>) => JSX.Element;
+export default LoadingRow;

package/dist/components/segmentButton/SegmentButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SegmentButtonProps } from './types';
-declare const SegmentButton: ({ onChange, preselected, segments }: SegmentButtonProps) => JSX.Element;
+declare const SegmentButton: React.FC<SegmentButtonProps>;
 export default SegmentButton;

package/dist/components/segmentButton/styled.d.ts

@@ -1,7 +1,10 @@
 declare type Props = {
     active: boolean;
+    isLoading?: boolean;
 };
 export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Segment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export declare const Badge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
+export declare const spin: import("styled-components").Keyframes;
+export declare const Loader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export {};

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

@@ -23,4 +23,5 @@ export declare type SegmentButtonProps = {
     onChange?: (i: number, s: Segment) => void;
     preselected?: number;
     segments: Segment[];
+    isLoading?: boolean;
 };

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { RowActions, TableData } from '../types';
+interface Props<T extends TableData> {
+    row: Row<T>;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+}
+declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
+export default ActionsCell;

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

@@ -0,0 +1,6 @@
+interface Props {
+    isSorted: boolean;
+    isSortedDesc?: boolean;
+}
+declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
+export default SortIndicator;

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

@@ -0,0 +1,14 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export default TableBody;

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

@@ -0,0 +1,2 @@
+declare const TableFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
+export default TableFoot;

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

@@ -0,0 +1,7 @@
+import { HeaderGroup } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    headerGroups: HeaderGroup<T>[];
+}
+declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
+export default TableHeader;

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

@@ -0,0 +1,7 @@
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    allColumns: ColumnInstance<T>[];
+}
+declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
+export default TableBodyLoader;

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

@@ -0,0 +1,3 @@
+import { TableBodyTrStyles } from '../../utils';
+import { TableBodyTrProps } from '../TableBody';
+export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

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/components/verticalTab/components/VerticalTabSelector/types.d.ts

@@ -5,7 +5,7 @@ export declare enum VerticalTabSelectorStatus {
     EDIT = "edit",
     WARNING = "warning"
 }
-export type VerticalTabSelectorPalette = {
+export declare type VerticalTabSelectorPalette = {
     default: {
         active: {
             color: paletteColor;

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

@@ -1,2 +1,2 @@
-export { default as VerticalTab } from './VerticalTab';
-export { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus, } from './components/VerticalTabSelector';
+import VerticalTab from './VerticalTab';
+export { VerticalTab };