@fattureincloud/fic-design-system 0.7.37 → 0.7.41

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

@@ -1,14 +1,14 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { ModalPropsInterface } from './types';
-export declare const OpenModal: () => JSX.Element;
-export declare const BigText: () => JSX.Element;
-export declare const Fullscreen: () => JSX.Element;
-export declare const Small: () => JSX.Element;
-export declare const WithSearch: () => JSX.Element;
-export declare const FirstTime: () => JSX.Element;
-export declare const WithTips: () => JSX.Element;
-export declare const _ConfirmationModal: () => JSX.Element;
-export declare const StepModalExample: () => JSX.Element;
+export declare const OpenModal: () => React.JSX.Element;
+export declare const BigText: () => React.JSX.Element;
+export declare const Fullscreen: () => React.JSX.Element;
+export declare const Small: () => React.JSX.Element;
+export declare const WithSearch: () => React.JSX.Element;
+export declare const FirstTime: () => React.JSX.Element;
+export declare const WithTips: () => React.JSX.Element;
+export declare const _ConfirmationModal: () => React.JSX.Element;
+export declare const StepModalExample: () => React.JSX.Element;
 declare const ModalStories: Meta<ModalPropsInterface>;
 export default ModalStories;

package/dist/components/modals/stepModal/StepModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepModalProps, UknObj } from './types';
 declare const StepModal: <T extends UknObj>({ allowBackdropClose, className, steps, ...otherProps }: StepModalProps<T>) => JSX.Element | null;
 export default StepModal;

package/dist/components/modals/stepModal/components/StepModalBody.d.ts

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

package/dist/components/modals/stepModal/components/StepModalFooter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepModalFooterProps } from '../types';
 declare const StepModalFooter: ({ buttons, children, className }: StepModalFooterProps) => JSX.Element;
 export default StepModalFooter;

package/dist/components/modals/stepModal/components/StepModalHeader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StepModalHeaderProps } from '../types';
 declare const StepModalHeader: ({ children, className, currentStep, setIsOpen, setStep, subtitle, title, }: StepModalHeaderProps) => JSX.Element;
 export default StepModalHeader;

package/dist/components/modals/stepModal/styled.d.ts

@@ -1,4 +1,3 @@
-import { Modal } from '../modals';
 import { ContentWrapperProps } from './types';
 export declare const ModalBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentWrapperProps, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

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

@@ -0,0 +1,3 @@
+import { MonthlyTabProps } from './types';
+declare const MonthlyTrend: ({ data, selected, selectedChange, onSelectionChange, monthText, }: MonthlyTabProps) => JSX.Element;
+export default MonthlyTrend;

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

@@ -0,0 +1,10 @@
+interface MonthProps {
+    monthNumber: number;
+    percentage: number;
+    selected: boolean;
+    documents: number;
+    amount: number;
+    monthText: string;
+}
+declare const Month: ({ monthNumber, percentage, selected, documents, amount, monthText }: MonthProps) => JSX.Element;
+export default Month;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    selected: boolean;
+}, 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;
+}, never>;
+export declare const PercentageLevel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    percentage: number;
+    selected?: boolean | undefined;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Expenses: 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 Amount: 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/monthlyTab/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MonthlyTab } from './MonthlyTab';
+export { MonthlyTabProps, MonthlyTabPalette, MonthData, MonthAmountData } from './types';
+export { default as monthlyTabPalette } from './monthlyTabPalette';

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

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { MonthlyTab, MonthlyTabProps } from './index';
+export declare const Template: Story<MonthlyTabProps>;
+declare const MonthlyTabStories: Meta<ComponentProps<typeof MonthlyTab>>;
+export default MonthlyTabStories;

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

@@ -0,0 +1,3 @@
+import { MonthlyTabPalette } from './types';
+declare const monthlyTabPalette: MonthlyTabPalette;
+export default monthlyTabPalette;

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MonthSelectionArea: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@viselect/react/dist/SelectionArea").SelectionAreaProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const SelectAllButton: 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 TutorialText: 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/monthlyTab/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { paletteColor } from '../../styles/types';
+export declare type MonthAmountData = {
+    month: number;
+    monthName: string;
+} & MonthDocumentAmount;
+declare type MonthDocumentAmount = {
+    documents: number;
+    amount: number;
+};
+export declare type MonthData = {
+    months: MonthDocumentAmount[];
+};
+export interface MonthlyTabProps {
+    data: MonthData;
+    selected: Set<string>;
+    selectedChange: React.Dispatch<React.SetStateAction<Set<string>>>;
+    onSelectionChange: (monthsData: MonthAmountData[]) => void;
+    monthText?: string;
+}
+export declare type MonthlyTabPalette = {
+    standard: {
+        borderBottom: paletteColor;
+        headerColor: paletteColor;
+    };
+    selected: {
+        borderBottom: paletteColor;
+        headerColor: paletteColor;
+    };
+    border: paletteColor;
+    fill: paletteColor;
+    amountColor: paletteColor;
+    monthColor: paletteColor;
+    expenseColor: paletteColor;
+};
+export {};

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

@@ -0,0 +1,4 @@
+export declare const toPercentages: (numbers: number[]) => number[];
+export declare const extractIds: (els: Element[]) => string[];
+export declare const getMonthName: (monthNumber: number) => string;
+export declare const formatCurrency: Intl.NumberFormat;

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

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

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts

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

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Table } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../types';
 interface ColumnsSettingsProps<T> {

package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Table } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../../types';
 interface DraggableContentProps<T> {

package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../../types';
 interface DropdownSettingsProps<T> {

package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { onChangeTableSettings } from '../../../../types';
 interface RowHeightSettingsProps {
     isDisabled?: boolean;

package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const Radio: import("styled-components").StyledComponent<({ onChange, helper, initialSelection, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/Settings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
 interface SettingsProps<T> {

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

@@ -1,2 +1 @@
-/// <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, {}, never>;

package/dist/components/newTable/components/action/toggle/Toggle.d.ts

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

package/dist/components/newTable/components/body/Body.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { TableProps } from '../../types';
 interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'rowIdHighlight' | 'rowHighlightColor'> {

package/dist/components/newTable/components/bulkBar/BulkBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AllSelectedCTA, BulkAction } from '../../types';
 interface BulkBarProps {
     selectedRowData: string[];

package/dist/components/newTable/components/cell/Cell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Cell as TCell, Row } from '@tanstack/react-table';
 import { RowSize } from '../../types';
 interface Props<T> {

package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts

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

package/dist/components/newTable/components/cell/customActionCell/DropdownActionCell.d.ts

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

package/dist/components/newTable/components/cell/customActionCell/PrimaryActionCell.d.ts

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

package/dist/components/newTable/components/cell/customActionCell/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextBtn: 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 IconBtn: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CellContext, Row } from '@tanstack/react-table';
 import { AccessorColumnDef, ActionColumnDef, AdditionalColumnDef, CustomCellProps, RowSize } from '../../../types';
 declare type Props<CellProps> = {

package/dist/components/newTable/components/cell/customCell/CustomInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
 declare type CustomInputProps<CellProps> = {

package/dist/components/newTable/components/cell/customCell/TextAreaPopup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, CustomCellProps } from '../../../types';
 declare type TextAreaPopupProps<CellProps> = {

package/dist/components/newTable/components/cell/customCell/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const InputsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const IconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/loadingCell/LoadingCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface LoadingCellProps {
     isActionCell?: boolean;
     minWidth?: number;

package/dist/components/newTable/components/footer/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeaderGroup } from '@tanstack/react-table';
 interface FooterProps<T> {
     footerGroup: HeaderGroup<T>[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeaderGroup } from '@tanstack/react-table';
 import { onChangeTableSettings, OnSort, RowSize } from '../../types';
 interface HeaderProps<T> {

package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
 interface CustomHeaderCellProps<T> {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ScrollableContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TableWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
 import { AvatarProps } from '../avatar';
 import { ButtonProps } from '../buttons';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row, UseTableOptions } from 'react-table';
 import { EmptyTablePageProps } from './components/EmptyState';
 import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';

package/dist/components/oldTable/components/EmptyState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface EmptyTablePageProps {
     columnsCount: number;
     EmptyPage?: JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <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/oldTable/components/SelectedRowsCount.d.ts

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

package/dist/components/oldTable/components/actions/ActionsCell.d.ts

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <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/oldTable/components/checkboxes/Header.d.ts

@@ -1,4 +1,3 @@
-/// <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/oldTable/components/loadingCell/LoadingCell.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/pageEmptySet/pageEmptySet.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { IconProps } from '../icon';
 interface Props {
     icon?: IconProps;
@@ -10,5 +10,5 @@ interface Props {
         action: () => void;
     };
 }
-export declare const PageEmptySet: ({ action, icon, text, title }: Props) => JSX.Element;
+export declare const PageEmptySet: ({ action, icon, text, title }: Props) => React.JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaginationProps } from './types';
 /**
  * Component Props:
@@ -12,5 +12,5 @@ import { PaginationProps } from './types';
  * @param {string} nextText Define next label text
  * @param {number} totalPages Define number of pages
  */
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/dist/components/progressbar/progressbar.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { ProgressBarProps } from './types';
 /**
  * Component Props:
  * @param {ProgressBarType} color Used to set the colors of the component
  * @param {number} percentage Numeric value used to set the progress bar percentage value
  */
-declare const ProgressBar: (props: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: (props: ProgressBarProps) => React.JSX.Element;
 export default ProgressBar;

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

@@ -1,10 +1,10 @@
 import { Meta, Story } from '@storybook/react';
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { ProgressBar } from '.';
 import { ProgressBarProps } from './';
 export declare const Template: Story<ProgressBarProps>;
-export declare const Editable: () => JSX.Element;
-export declare const Autocomplete: () => JSX.Element;
-export declare const AllColors: () => JSX.Element;
+export declare const Editable: () => React.JSX.Element;
+export declare const Autocomplete: () => React.JSX.Element;
+export declare const AllColors: () => React.JSX.Element;
 declare const ProgressBarStories: Meta<ComponentProps<typeof ProgressBar>>;
 export default ProgressBarStories;

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { StepperProps } from './Stepper';
-export declare const WithKnobs: () => JSX.Element;
+export declare const WithKnobs: () => React.JSX.Element;
 declare const StepperStories: Meta<StepperProps>;
 export default StepperStories;

package/dist/components/switch/Switch.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SwitchProps } from '.';
 declare const Switch: ({ checked, onChange, color }: SwitchProps) => JSX.Element;
 export default Switch;

package/dist/components/tabs/common/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithBadgeProps } from '../../floatingBadge/types';
 import { TooltipProps } from '../../tooltip';
 export interface TabsProps {

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { TabsProps } from './common/types';
-export declare const WithDropdown: () => JSX.Element;
-export declare const Scrollable: () => JSX.Element;
+export declare const WithDropdown: () => React.JSX.Element;
+export declare const Scrollable: () => React.JSX.Element;
 declare const TabsStories: Meta<TabsProps>;
 export default TabsStories;

package/dist/components/tag/Tag.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { TagProps } from './types';
-export declare const Tag: ({ leftIcon, rightIcon, tagStyle, text, type, className }: TagProps) => JSX.Element;
+export declare const Tag: ({ leftIcon, rightIcon, tagStyle, text, type, className }: TagProps) => React.JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TagParts } from './tagPalette';
 import { StyledTagProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { TagProps } from './types';
-export declare const Normal: () => JSX.Element;
-export declare const WithKnobs: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const WithKnobs: () => React.JSX.Element;
 declare const TagStories: Meta<TagProps>;
 export default TagStories;