@fattureincloud/fic-design-system 0.7.44 → 0.7.45

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/closableCard/ClosableCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { ClosableCardProps } from './types';
+declare const ClosableCard: ({ title, subtitle, renderSubtitleElement, onClose, className, }: ClosableCardProps) => ReactElement;
+export default ClosableCard;

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

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

package/dist/components/closableCard/closableCardPalette.d.ts

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

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

@@ -0,0 +1,3 @@
+export { ClosableCardProps, ClosableCardPalette } from './types';
+export { default as ClosableCard } from './ClosableCard';
+export { default as closableCardPalette } from './closableCardPalette';

package/dist/components/closableCard/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 Title: 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 Subtitle: 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 CloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface ClosableCardProps {
+    title: string;
+    subtitle?: string;
+    renderSubtitleElement?: () => ReactElement;
+    onClose?: () => void;
+    className?: string;
+}
+export declare type ClosableCardPalette = {
+    background: paletteColor;
+    border: paletteColor;
+};

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

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

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

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

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

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

@@ -42,6 +42,7 @@ export interface DropdownItemProps {
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;
+    label?: string;
 }
 export interface UserListItemProps {
     img?: string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/select/components/SingleValue.d.ts

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

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/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/inlineMessage/InlineMessage.d.ts

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

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

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

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

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

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/modals/confirmationModalStyled.d.ts

@@ -1,4 +1,9 @@
-export declare const CustomSizeModal: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+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 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/stepModal/StepModal.d.ts

@@ -1,3 +1,4 @@
+/// <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,3 +1,4 @@
+/// <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,3 +1,4 @@
+/// <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,3 +1,4 @@
+/// <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,3 +1,4 @@
+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<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MonthProps {
     monthNumber: number;
     percentage: number;