@fattureincloud/fic-design-system 0.7.44 → 1.0.0

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/common/components/typography/types.d.ts

@@ -2,7 +2,7 @@
 import { DefaultTheme } from 'styled-components';
 import { colors } from '../../../styles/types';
 import { paletteColor } from '../../../styles/types';
-export declare type TextProps = {
+export type TextProps = {
     bold?: boolean;
     centered?: boolean;
     children: React.ReactNode | React.ReactNode[] | undefined | null;
@@ -12,10 +12,10 @@ export declare type TextProps = {
     type?: 'date' | 'currency';
     style?: React.CSSProperties;
 };
-export declare type MapTextColorParams = {
+export type MapTextColorParams = {
     color?: TextProps['color'];
     theme: DefaultTheme;
 };
-export declare type MapTextColorReturn = {
+export type MapTextColorReturn = {
     color: paletteColor | undefined;
 };

package/dist/common/hooks/useOutsideClick.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent?: boolean | undefined, closeAction?: (() => void) | undefined) => void;
+declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent?: boolean, closeAction?: () => void) => void;
 export default useOutsideClick;

package/dist/common/hooks/useUpDownKeyNavigation.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-declare type Callback = (index: number) => void;
-declare type ReturnType = [number, Dispatch<SetStateAction<number>>, boolean];
+type Callback = (index: number) => void;
+type ReturnType = [number, Dispatch<SetStateAction<number>>, boolean];
 /**
  * Manage the Up and Down key to scroll through lists/table rows/dropdown options
  *

package/dist/common/types/colorsPalette.d.ts

@@ -1,5 +1,5 @@
 import { paletteColor } from '../../styles/types';
-export declare type colorsPalette = {
+export type colorsPalette = {
     color: paletteColor;
     background: paletteColor;
 };

package/dist/common/types/dateTypes.d.ts

@@ -1,5 +1,5 @@
 export declare const dateFormatsArray: [string, ...string[]];
 export declare const timeFormat = "HH:mm:ss";
 export declare const datetimeFormatsArray: [string, ...string[]];
-export declare type DateFormat = typeof dateFormatsArray[number];
-export declare type DateFormats = [DateFormat, ...DateFormat[]];
+export type DateFormat = typeof dateFormatsArray[number];
+export type DateFormats = [DateFormat, ...DateFormat[]];

package/dist/components/accordion-new/Accordion.d.ts

@@ -0,0 +1,12 @@
+import { AccordionProps } from './types';
+/**
+ * Component props
+ * @param {boolean} multipleOpen Allows to open multiple accordion items at the same time
+ * @param {AnimatedIcon} leftIcon Left icon on the header of the accorion
+ * @param {AnimatedIcon} rightIcon Right icon on the header of the accordion
+ * @param {ReactChild} divider Component used to divide accordion items
+ * @param {ItemListProps} items List of the accordion items
+ * @param {object} style Styles for header and content of each accordion item
+ */
+declare const AccordionNew: ({ divider, items, leftIcon, multipleOpen, rightIcon, style }: AccordionProps) => JSX.Element;
+export default AccordionNew;

package/dist/components/accordion-new/accordion-new.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+import { AccordionProps } from './types';
+declare const AccordionNewStories: Meta<AccordionProps>;
+export default AccordionNewStories;

package/dist/components/accordion-new/components/AccordionIcon.d.ts

@@ -0,0 +1,3 @@
+import { AccordionIconProps } from '../types';
+declare const AccordionIcon: ({ iconProps: { animation, changeColor, ...otherIconProps }, open, }: AccordionIconProps) => JSX.Element;
+export default AccordionIcon;

package/dist/components/accordion-new/components/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import { AccordionItemProps } from '../types';
+declare const AccordionItem: ({ content, header, index, leftIcon, open, rightIcon, style, toggleOpen, }: AccordionItemProps) => JSX.Element;
+export default AccordionItem;

package/dist/components/accordion-new/components/styled.d.ts

@@ -0,0 +1,8 @@
+import { IconContainerProps, MappedProps } from '../types';
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    leftPad: boolean;
+    rightPad: boolean;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MappedProps & IconContainerProps, keyof MappedProps>;

package/dist/components/accordion-new/index.d.ts

@@ -0,0 +1,3 @@
+import AccordionNew from './Accordion';
+import { AccordionProps, AnimatedIcon, Animations, ItemListProps, rotate45, rotate90, rotate180 } from './types';
+export { AccordionNew, AccordionProps, Animations, AnimatedIcon, ItemListProps, rotate45, rotate90, rotate180 };

package/dist/components/accordion-new/types.d.ts

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactChild } from 'react';
+import { IconProps } from '../icon';
+export declare const rotate45 = "rotate45";
+export declare const rotate90 = "rotate90";
+export declare const rotate180 = "rotate180";
+export declare type Animations = typeof rotate45 | typeof rotate90 | typeof rotate180;
+export interface AnimatedIcon extends Omit<IconProps, 'rotation'> {
+    animation?: Animations;
+    changeColor?: boolean;
+}
+export interface AccordionProps {
+    multipleOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: IconProps;
+    divider?: ReactChild;
+    items: ItemListProps[];
+    style?: {
+        header?: Record<string, unknown>;
+        content?: Record<string, unknown>;
+    };
+}
+export interface ItemListProps {
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    defaultOpen?: boolean;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionItemProps {
+    index: number;
+    header: React.ReactChild;
+    content: React.ReactChild;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    open: boolean;
+    toggleOpen: (index: number) => void;
+    leftIcon?: AnimatedIcon;
+    rightIcon?: AnimatedIcon;
+}
+export interface AccordionIconProps {
+    iconProps: AnimatedIcon;
+    open: boolean;
+}
+export interface MappedProps {
+    animation: string;
+    iconColor: string;
+}
+export interface IconContainerProps {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+}

package/dist/components/accordion-new/utils.d.ts

@@ -0,0 +1,10 @@
+import { DefaultTheme } from 'styled-components';
+import { Animations, MappedProps } from './types';
+interface MapParams {
+    animation?: Animations;
+    changeColor?: boolean;
+    open: boolean;
+    theme: DefaultTheme;
+}
+export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => MappedProps;
+export {};

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

@@ -10,7 +10,7 @@ interface Props {
     }>;
     showBodyAtFirstRender?: boolean;
 }
-export declare type TAccordion = React.FunctionComponent<Props>;
+export type TAccordion = React.FunctionComponent<Props>;
 export interface UnstyledAccordionProps extends Props {
 }
 export interface UnstyledAccordionState {

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/avatar/types.d.ts

@@ -2,7 +2,7 @@ import { MouseEvent } from 'react';
 import { CSSObject } from 'styled-components';
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export declare type AvatarProps = {
+export type AvatarProps = {
     backgroundColor?: paletteColor;
     className?: string;
     icon?: IconProps;
@@ -15,6 +15,6 @@ export declare type AvatarProps = {
     text?: string;
     textColor?: paletteColor;
 };
-export declare type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
+export type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
     textLenght: number;
 };

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

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

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

@@ -17,10 +17,10 @@ export declare enum BadgeType {
     WARNING = "warning",
     SUCCESS = "success"
 }
-export declare type BadgeParams = 'color' | 'backgroundColor';
-export declare type BadgeParts = {
+export type BadgeParams = 'color' | 'backgroundColor';
+export type BadgeParts = {
     [key in BadgeParams]: paletteColor;
 };
-export declare type BadgePalette = {
+export type BadgePalette = {
     [key in BadgeType]: BadgeParts;
 };

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

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

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { BannerProps } from './types';
-export declare const Template: Story<BannerProps>;
+export declare const Template: StoryFn<BannerProps>;
 declare const BannerStories: Meta<BannerProps>;
 export default BannerStories;

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 {
@@ -14,7 +15,7 @@ export declare enum BannerType {
     WARNING = "warning",
     SUCCESS = "success"
 }
-export declare type BannerPalette = {
+export type BannerPalette = {
     [key in BannerType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { ButtonProps } from '../index';
-export declare const Template: Story<ButtonProps>;
+export declare const Template: StoryFn<ButtonProps>;
 declare const ButtonStories: Meta<ButtonProps>;
 export default ButtonStories;

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

@@ -1,15 +1,15 @@
 import { paletteColor } from '../../../styles/types';
 import { buttonColors, buttonParts, buttonSizes, buttonTypes } from './types';
-export declare type ButtonParts = {
+export type ButtonParts = {
     [k in buttonParts]: paletteColor;
 };
-declare type ButtonMappedNormalColors = {
+type ButtonMappedNormalColors = {
     [key in buttonColors]: ButtonParts;
 };
 interface ButtonMappedColors extends ButtonMappedNormalColors {
     disabled: ButtonParts;
 }
-declare type ButtonMappedTypes = {
+type ButtonMappedTypes = {
     [k in buttonTypes]: ButtonMappedColors;
 };
 export interface ButtonPalette extends ButtonMappedTypes {

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/buttons/button/types.d.ts

@@ -1,15 +1,15 @@
 import { MouseEventHandler } from 'react';
 import { ButtonParts } from './buttonPalette';
 export declare const buttonSizesArray: readonly ["large", "medium"];
-export declare type buttonSizes = typeof buttonSizesArray[number];
+export type buttonSizes = typeof buttonSizesArray[number];
 export declare const buttonTypesArray: readonly ["primary", "secondary", "text"];
-export declare type buttonTypes = typeof buttonTypesArray[number];
+export type buttonTypes = typeof buttonTypesArray[number];
 export declare const buttonColorsArray: readonly ["blue", "red", "green", "grey", "yellow"];
-export declare type buttonColors = typeof buttonColorsArray[number];
+export type buttonColors = typeof buttonColorsArray[number];
 export declare const buttonDisableColorArray: readonly ["disabled"];
-export declare type buttonDisableColor = typeof buttonDisableColorArray[number];
+export type buttonDisableColor = typeof buttonDisableColorArray[number];
 export declare const buttonPartsArray: readonly ["normal", "hover", "active", "text", "textHover"];
-export declare type buttonParts = typeof buttonPartsArray[number];
+export type buttonParts = typeof buttonPartsArray[number];
 export interface WrapperProps {
     isDisabled: boolean;
     fullWidth?: boolean;

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

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

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

@@ -1,15 +1,15 @@
 import { paletteColor } from '../../../styles/types';
 import { iconButtonColors, iconButtonParts, iconButtonTypes } from './types';
-export declare type IconButtonParts = {
+export type IconButtonParts = {
     [key in iconButtonParts]: paletteColor;
 };
-declare type IconButtonMappedNormalColors = {
+type IconButtonMappedNormalColors = {
     [key in iconButtonColors]: IconButtonParts;
 };
 interface IconButtonMappedColors extends IconButtonMappedNormalColors {
     disabled: IconButtonParts;
 }
-declare type IconButtonMappedTypes = {
+type IconButtonMappedTypes = {
     [k in iconButtonTypes]: IconButtonMappedColors;
 };
 export interface IconButtonPalette extends IconButtonMappedTypes {

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

@@ -1,8 +1,8 @@
 export declare const iconButtonTypesArray: readonly ["primary", "secondary"];
-export declare type iconButtonTypes = typeof iconButtonTypesArray[number];
+export type iconButtonTypes = typeof iconButtonTypesArray[number];
 export declare const iconButtonColorsArray: readonly ["blue", "red", "green", "yellow"];
-export declare type iconButtonColors = typeof iconButtonColorsArray[number];
+export type iconButtonColors = typeof iconButtonColorsArray[number];
 export declare const iconButtonDisableColorArray: readonly ["disabled"];
-export declare type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
+export type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
 export declare const iconButtonPartsArray: readonly ["normal", "hover"];
-export declare type iconButtonParts = typeof iconButtonPartsArray[number];
+export type iconButtonParts = typeof iconButtonPartsArray[number];

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

@@ -4,6 +4,6 @@ import { IconButtonParts } from './iconButtonPalette';
 interface GetIconButtonColorsParams extends WrapperProps {
     theme: DefaultTheme;
 }
-declare type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
+type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
 export declare const getIconButtonColors: getIconButtonColorsType;
 export {};

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

@@ -1,5 +1,5 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { CardProps } from './types';
-export declare const CardExample: Story<CardProps>;
+export declare const CardExample: StoryFn<CardProps>;
 declare const CardStories: Meta<CardProps>;
 export default CardStories;

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

@@ -17,24 +17,24 @@ export declare enum CardElevation {
     LOW = 1,
     HIGH = 2
 }
-export declare type StyledCardProps = {
+export type StyledCardProps = {
     color?: CardColor;
     elevation?: CardElevation;
     type?: CardType;
 };
-export declare type CardProps = StyledCardProps & {
+export type CardProps = StyledCardProps & {
     children: React.ReactNode | React.ReactNode[];
     className?: string;
     style?: CSSProperties;
 };
-declare type CardPaletteAttributes = {
+type CardPaletteAttributes = {
     background: paletteColor;
     border: paletteColor;
 };
-declare type CardPaletteTypes = {
+type CardPaletteTypes = {
     [k in CardType]: CardPaletteAttributes;
 };
-export declare type CardPalette = {
+export type CardPalette = {
     [k in CardColor]: CardPaletteTypes;
 };
 export {};

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

@@ -0,0 +1,15 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    error?: string;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

package/dist/components/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
+export default Input;

package/dist/components/checkbox/components/Label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
+export default Label;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

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

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

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

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

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

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { ChipProps } from './types';
-export declare const Template: Story<ChipProps>;
-export declare const WithIcon: Story<ChipProps>;
+export declare const Template: StoryFn<ChipProps>;
+export declare const WithIcon: StoryFn<ChipProps>;
 declare const ChipStories: Meta<ChipProps>;
 export default ChipStories;

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/chip/types.d.ts

@@ -15,7 +15,7 @@ export interface ChipProps {
     leftIcon?: IconProps;
     closeAction?: () => void;
 }
-export declare type ChipPalette = {
+export type ChipPalette = {
     [key in ChipType]: {
         color: paletteColor;
         backgroundColor: paletteColor;

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;
@@ -9,7 +10,7 @@ export declare enum CircularProgressBarType {
     WARNING = "warning",
     ERROR = "error"
 }
-export declare type CircularProgressBarPalette = {
+export type CircularProgressBarPalette = {
     [key in CircularProgressBarType]: {
         path: paletteColor;
         trail: 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/drawer/utils.d.ts

@@ -1 +1 @@
-export declare const showHandler: (show?: boolean | undefined) => import("styled-components").FlattenSimpleInterpolation | undefined;
+export declare const showHandler: (show?: boolean) => import("styled-components").FlattenSimpleInterpolation | undefined;

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;