@fattureincloud/fic-design-system 0.7.37 → 0.7.41

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { iconColors } from '../../components/icon';
 export interface Props {

package/dist/components/accordions/accordions.d.ts

@@ -1,9 +1,9 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { TAccordion, UnstyledAccordionProps, UnstyledAccordionState } from './types';
 export declare class UnstyledAccordion extends Component<UnstyledAccordionProps, UnstyledAccordionState> {
     constructor(props: UnstyledAccordionProps);
     handleOpenAccordion: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 declare const Accordion: TAccordion;
 export default Accordion;

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

@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/react';
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { TAccordion } from './types';
-export declare const Normal: () => JSX.Element;
-export declare const NormalThemed: () => JSX.Element;
-export declare const ShowingBodyAtFirstRender: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const NormalThemed: () => React.JSX.Element;
+export declare const ShowingBodyAtFirstRender: () => React.JSX.Element;
 declare const AccordionStories: Meta<ComponentProps<TAccordion>>;
 export default AccordionStories;

package/dist/components/avatar/Avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps } from './types';
 declare const Avatar: ({ backgroundColor, className, icon, image, onClick, placeholder, randomColor, size, style, text, textColor, }: AvatarProps) => JSX.Element;
 export default Avatar;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { AvatarProps } from './types';
 export declare const Initials: () => JSX.Element;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { Meta, Story } from '@storybook/react';
+import React from 'react';
 import { BadgeProps } from './';
 export declare const Template: Story<BadgeProps>;
-export declare const Normal: () => JSX.Element;
-export declare const Advanced: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const Advanced: () => React.JSX.Element;
 declare const BadgeStories: Meta<BadgeProps>;
 export default BadgeStories;

package/dist/components/banner/Banner.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
 export interface BannerProps {

package/dist/components/buttons/button/styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } 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/buttons/iconButton/iconButton.stories.d.ts

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

package/dist/components/chip/Chip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { ChipProps } from '.';
 /**
  * Component Props:
@@ -9,5 +9,5 @@ import { ChipProps } from '.';
  * @param {IconProps} leftIcon Configuration of the left icon
  * @param {function} closeAction Callback called on right icon click
  */
-declare const Chip: (props: ChipProps) => JSX.Element;
+declare const Chip: (props: ChipProps) => React.JSX.Element;
 export default Chip;

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

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

package/dist/components/circularProgressBar/CircularProgressBar.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../styles/types';
 export interface CircularProgressBarProps {
     percentage: number;

package/dist/components/drawer/components/styledDrawerWrapper.d.ts

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

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

@@ -1,8 +1,8 @@
 import { Meta } from '@storybook/react';
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import { Drawer } from '.';
 export declare const DrawerGroup: () => JSX.Element;
-export declare const Editable: () => JSX.Element;
-export declare const WithState: () => JSX.Element;
+export declare const Editable: () => React.JSX.Element;
+export declare const WithState: () => React.JSX.Element;
 declare const DrawerStories: Meta<ComponentProps<typeof Drawer>>;
 export default DrawerStories;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultDropdownProps } from '../types';
 declare const DefaultDropdown: ({ closeDropdown, componentId, content, fullWidth, maxWidth, rowHasFocus, setHighlightedItem, emptyState, }: DefaultDropdownProps) => JSX.Element;
 export default DefaultDropdown;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownItemProps, StyledItemProps } from '../types';
 import { DropdownItemStyles } from '../utils';
 declare const Item: ({ active, className, componentId, icon, isDisabled, onClick, rowHasFocus, shortcut, text, ...rest }: DropdownItemProps & {

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Separator: () => JSX.Element;
 export default Separator;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UserListItemProps } from '../types';
 export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
 export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { DropdownProps } from './types';
 export declare const Simple: () => JSX.Element;

package/dist/components/editableInput/EditableInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     hover: boolean;
     content: string | number | null;

package/dist/components/editableInput/components/CustomInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     hover: boolean;
     content: string | number | null;

package/dist/components/editableInput/components/TextAreaPopup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface Props {
     content: string | number | null;
     unitSymbol?: string | undefined;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { Meta, Story } from '@storybook/react';
+import React from 'react';
 import { WithBadgeProps } from './types';
 export declare const Template: Story<WithBadgeProps>;
-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 WithBadgeStories: Meta<WithBadgeProps>;
 export default WithBadgeStories;

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

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

package/dist/components/form/checkbox/Checkbox.d.ts

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputTelephoneProps } from './types';
 declare const InputTelephone: ({ className, disabled, helper, required, label, value, setValue, placeholder, }: InputTelephoneProps) => JSX.Element;
 export default InputTelephone;

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

@@ -2,13 +2,13 @@ import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../label").LabelProps & import("../common/types").CommonFormTypes & {
     className?: string | undefined;
     name?: string | undefined;
+    autoFocus?: boolean | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-    autoFocus?: boolean | undefined;
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../icon").IconProps | undefined;

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

@@ -7,13 +7,13 @@ export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
     name?: string | undefined;
+    autoFocus?: boolean | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
     onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
     onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-    autoFocus?: boolean | undefined;
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../../icon").IconProps | undefined;

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

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

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

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

package/dist/components/form/label/Label.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../..';
 export interface WrapperProps {
     disabled?: boolean;

package/dist/components/form/radio/Radio.d.ts

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

package/dist/components/form/radioGroup/RadioGroup.d.ts

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SingleValueProps } from 'react-select';
 import { OptionType } from './Option';
 declare const SingleValue: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O, import("react-select").GroupTypeBase<O>>) => JSX.Element;

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

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

package/dist/components/groupedList/components/groupElement.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { CommonComponentsProps, GroupType } from '../types';
 interface GroupElementType extends GroupType, CommonComponentsProps {
 }
-declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => JSX.Element;
+declare const GroupElement: ({ index, items, title, ...rest }: GroupElementType) => React.JSX.Element;
 export default GroupElement;

package/dist/components/groupedList/components/itemElement.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { CommonComponentsProps, ItemType } from '../types';
 interface ItemElementType extends ItemType, CommonComponentsProps {
 }
-declare const ItemElement: (props: ItemElementType) => JSX.Element;
+declare const ItemElement: (props: ItemElementType) => React.JSX.Element;
 export default ItemElement;

package/dist/components/groupedList/components/titleElement.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { GroupType } from '../types';
 interface Props {
     title: GroupType['title'];
     noResults: boolean;
 }
-declare const TitleElement: (props: Props) => JSX.Element;
+declare const TitleElement: (props: Props) => React.JSX.Element;
 export default TitleElement;

package/dist/components/groupedList/groupedList.d.ts

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

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

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

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

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

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { IconProps } from './Icon';
-export declare const Normal: () => JSX.Element;
-export declare const WithBackground: () => JSX.Element;
-export declare const DuotoneColored: () => JSX.Element;
-export declare const _CustomIcon: () => JSX.Element;
+export declare const Normal: () => React.JSX.Element;
+export declare const WithBackground: () => React.JSX.Element;
+export declare const DuotoneColored: () => React.JSX.Element;
+export declare const _CustomIcon: () => React.JSX.Element;
 declare const IconStories: Meta<IconProps>;
 export default IconStories;

package/dist/components/inlineMessage/InlineMessage.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InlineMessageProps, InlineMessageType, StyledContentProps } from './types';
 export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
 export declare enum InlineMessageType {

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { paletteColor } from '../../../styles/types';
 import { SidebarItemStyles } from './types';
 export interface WrapperProps {

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

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

package/dist/components/microTag/microtag.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { Meta } from '@storybook/react';
+import React from 'react';
 import { MicroTagProps } from './MicroTag';
-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 MicroTagStories: Meta<MicroTagProps>;
 export default MicroTagStories;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { buttonColors } from '../buttons/button/types';
 interface Props {
     title?: string;
@@ -15,5 +15,5 @@ interface Props {
     cancelColor?: buttonColors;
     customHeader?: JSX.Element;
 }
-export declare const ConfirmationModal: (props: Props) => JSX.Element;
+export declare const ConfirmationModal: (props: Props) => React.JSX.Element;
 export {};

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

@@ -1,9 +1,4 @@
-import React from 'react';
-import { Modal } from './modals';
-import { ModalPropsInterface } from './types';
-export declare const CustomSizeModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, ModalPropsInterface & {
-    children: React.ReactNode;
-}, never>;
+export declare const CustomSizeModal: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export declare const TitleContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const BodyContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Question: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { ModalPropsInterface, ModalStateInterface } from './types';
 export declare class Modal extends Component<ModalPropsInterface, ModalStateInterface> {
     constructor(props: ModalPropsInterface);
@@ -9,5 +9,5 @@ export declare class Modal extends Component<ModalPropsInterface, ModalStateInte
     renderFooter: () => JSX.Element | undefined;
     handleModalClose: () => void;
     contentRefCallback: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }