@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 0.7.46

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 type TextProps = {
+export declare type TextProps = {
     bold?: boolean;
     centered?: boolean;
     children: React.ReactNode | React.ReactNode[] | undefined | null;
@@ -12,10 +12,10 @@ export type TextProps = {
     type?: 'date' | 'currency';
     style?: React.CSSProperties;
 };
-export type MapTextColorParams = {
+export declare type MapTextColorParams = {
     color?: TextProps['color'];
     theme: DefaultTheme;
 };
-export type MapTextColorReturn = {
+export declare 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, closeAction?: () => void) => void;
+declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent?: boolean | undefined, closeAction?: (() => void) | undefined) => void;
 export default useOutsideClick;

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
-type Callback = (index: number) => void;
-type ReturnType = [number, Dispatch<SetStateAction<number>>, boolean];
+declare type Callback = (index: number) => void;
+declare 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 type colorsPalette = {
+export declare 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 type DateFormat = typeof dateFormatsArray[number];
-export type DateFormats = [DateFormat, ...DateFormat[]];
+export declare type DateFormat = typeof dateFormatsArray[number];
+export declare type DateFormats = [DateFormat, ...DateFormat[]];

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

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

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 type AvatarProps = {
+export declare type AvatarProps = {
     backgroundColor?: paletteColor;
     className?: string;
     icon?: IconProps;
@@ -15,6 +15,6 @@ export type AvatarProps = {
     text?: string;
     textColor?: paletteColor;
 };
-export type AvatarContainerProps = Pick<AvatarProps, 'backgroundColor' | 'image' | 'onClick' | 'placeholder' | 'size' | 'textColor'> & {
+export declare 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, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import React from 'react';
 import { BadgeProps } from './';
-export declare const Template: StoryFn<BadgeProps>;
+export declare const Template: Story<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 type BadgeParams = 'color' | 'backgroundColor';
-export type BadgeParts = {
+export declare type BadgeParams = 'color' | 'backgroundColor';
+export declare type BadgeParts = {
     [key in BadgeParams]: paletteColor;
 };
-export type BadgePalette = {
+export declare type BadgePalette = {
     [key in BadgeType]: BadgeParts;
 };

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ButtonProps } from '../index';
-export declare const Template: StoryFn<ButtonProps>;
+export declare const Template: Story<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 type ButtonParts = {
+export declare type ButtonParts = {
     [k in buttonParts]: paletteColor;
 };
-type ButtonMappedNormalColors = {
+declare type ButtonMappedNormalColors = {
     [key in buttonColors]: ButtonParts;
 };
 interface ButtonMappedColors extends ButtonMappedNormalColors {
     disabled: ButtonParts;
 }
-type ButtonMappedTypes = {
+declare type ButtonMappedTypes = {
     [k in buttonTypes]: ButtonMappedColors;
 };
 export interface ButtonPalette extends ButtonMappedTypes {

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 type buttonSizes = typeof buttonSizesArray[number];
+export declare type buttonSizes = typeof buttonSizesArray[number];
 export declare const buttonTypesArray: readonly ["primary", "secondary", "text"];
-export type buttonTypes = typeof buttonTypesArray[number];
+export declare type buttonTypes = typeof buttonTypesArray[number];
 export declare const buttonColorsArray: readonly ["blue", "red", "green", "grey", "yellow"];
-export type buttonColors = typeof buttonColorsArray[number];
+export declare type buttonColors = typeof buttonColorsArray[number];
 export declare const buttonDisableColorArray: readonly ["disabled"];
-export type buttonDisableColor = typeof buttonDisableColorArray[number];
+export declare type buttonDisableColor = typeof buttonDisableColorArray[number];
 export declare const buttonPartsArray: readonly ["normal", "hover", "active", "text", "textHover"];
-export type buttonParts = typeof buttonPartsArray[number];
+export declare type buttonParts = typeof buttonPartsArray[number];
 export interface WrapperProps {
     isDisabled: boolean;
     fullWidth?: boolean;

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

@@ -1,6 +1,2 @@
-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 type IconButtonParts = {
+export declare type IconButtonParts = {
     [key in iconButtonParts]: paletteColor;
 };
-type IconButtonMappedNormalColors = {
+declare type IconButtonMappedNormalColors = {
     [key in iconButtonColors]: IconButtonParts;
 };
 interface IconButtonMappedColors extends IconButtonMappedNormalColors {
     disabled: IconButtonParts;
 }
-type IconButtonMappedTypes = {
+declare 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 type iconButtonTypes = typeof iconButtonTypesArray[number];
+export declare type iconButtonTypes = typeof iconButtonTypesArray[number];
 export declare const iconButtonColorsArray: readonly ["blue", "red", "green", "yellow"];
-export type iconButtonColors = typeof iconButtonColorsArray[number];
+export declare type iconButtonColors = typeof iconButtonColorsArray[number];
 export declare const iconButtonDisableColorArray: readonly ["disabled"];
-export type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
+export declare type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
 export declare const iconButtonPartsArray: readonly ["normal", "hover"];
-export type iconButtonParts = typeof iconButtonPartsArray[number];
+export declare 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;
 }
-type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
+declare 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, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { CardProps } from './types';
-export declare const CardExample: StoryFn<CardProps>;
+export declare const CardExample: Story<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 type StyledCardProps = {
+export declare type StyledCardProps = {
     color?: CardColor;
     elevation?: CardElevation;
     type?: CardType;
 };
-export type CardProps = StyledCardProps & {
+export declare type CardProps = StyledCardProps & {
     children: React.ReactNode | React.ReactNode[];
     className?: string;
     style?: CSSProperties;
 };
-type CardPaletteAttributes = {
+declare type CardPaletteAttributes = {
     background: paletteColor;
     border: paletteColor;
 };
-type CardPaletteTypes = {
+declare type CardPaletteTypes = {
     [k in CardType]: CardPaletteAttributes;
 };
-export type CardPalette = {
+export declare type CardPalette = {
     [k in CardColor]: CardPaletteTypes;
 };
 export {};

package/dist/components/chart/Chart.d.ts

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

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

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

package/dist/components/chart/components/ChartButton.d.ts

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

package/dist/components/chart/components/ChartIndicators.d.ts

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

package/dist/components/chart/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/chart/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Chart } from './Chart';
+export { ChartProps, Legend, ChartData, LegendItem } from './types';

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

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

package/dist/components/chart/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/chart/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 ChartTooltip: 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/chart/types.d.ts

@@ -0,0 +1,52 @@
+import { OrdinalColorScaleConfig } from '@nivo/colors/dist/types/scales/ordinalColorScale';
+import { DatumValue } from '@nivo/line';
+import { Serie } from '@nivo/line';
+import { ReactElement } from 'react';
+import { paletteColor } from '../../styles/types';
+import { DropdownItemProps, renderContentType } from '../dropdown';
+export declare type OrdinalColorScale = OrdinalColorScaleConfig & {
+    color: string;
+};
+export interface ChartData extends Serie {
+    prevTooltipLabel?: string;
+    afterTooltipLabel?: string;
+    color?: paletteColor;
+}
+export interface ChartProps {
+    data: ChartData[];
+    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/chart/utils.d.ts

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

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

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

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

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

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

@@ -10,7 +10,7 @@ export declare enum CircularProgressBarType {
     WARNING = "warning",
     ERROR = "error"
 }
-export type CircularProgressBarPalette = {
+export declare type CircularProgressBarPalette = {
     [key in CircularProgressBarType]: {
         path: paletteColor;
         trail: paletteColor;

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

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

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

@@ -4,7 +4,7 @@ import { DropdownItemType } from './types';
 interface ItemColors extends colorsPalette {
     hoverBackground: paletteColor;
 }
-type NotActiveItemPalette = {
+declare type NotActiveItemPalette = {
     [k in DropdownItemType]: ItemColors;
 };
 interface ItemPalette {

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

@@ -1,12 +1,12 @@
 import { Placement } from '@popperjs/core/lib/enums';
 import React, { CSSProperties, MouseEventHandler } from 'react';
 import { IconProps } from '../icon';
-export type TitleProps = {
+export declare type TitleProps = {
     text: string;
 };
-export type closeDropdownType = () => void;
-export type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
-export type DropdownProps = {
+export declare type closeDropdownType = () => void;
+export declare type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
+export declare type DropdownProps = {
     className?: string;
     title?: string;
     renderTrigger?: () => React.ReactNode;
@@ -28,7 +28,7 @@ export type DropdownProps = {
     offsetY?: number;
     forceClose?: boolean;
 };
-export type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
+export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {
     text: string | JSX.Element;
     className?: string;
@@ -38,10 +38,11 @@ export interface DropdownItemProps {
     onClick?: MouseEventHandler;
     maxWidth?: DropdownProps['maxWidth'];
     fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactNode;
+    children?: React.ReactChild;
     isDisabled?: boolean;
     type?: DropdownItemType;
     onMouseEnter?: () => void;
+    label?: string;
 }
 export interface UserListItemProps {
     img?: string;

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

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

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

@@ -27,12 +27,12 @@ export declare enum FloatingBadgeType {
     SUCCESS = "success",
     DISABLED = "disabled"
 }
-export type FloatingBadgeColors = {
+export declare type FloatingBadgeColors = {
     [key in FloatingBadgeType]: {
         color: paletteColor;
         backgroundColor: paletteColor;
     };
 };
-export type FloatingBadgePalette = FloatingBadgeColors & {
+export declare type FloatingBadgePalette = FloatingBadgeColors & {
     borderRadius: string | number;
 };

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

@@ -9,6 +9,7 @@ import { CheckboxProps } from './types';
  * @param {function} onClick Callback called on component click
  * @param {string} text Component label text
  * @param {CheckboxStatus} value Checkbox status
+ * @param {string} textColor To change label text color
  */
 declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { CheckboxProps } from './types';
-export declare const WithStatus: StoryFn<CheckboxProps>;
-export declare const WithBoolean: StoryFn<CheckboxProps>;
+export declare const WithStatus: Story<CheckboxProps>;
+export declare const WithBoolean: Story<CheckboxProps>;
 declare const CheckboxStories: Meta<CheckboxProps>;
 export default CheckboxStories;

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes, MouseEvent } from 'react';
+import { ChangeEvent, InputHTMLAttributes } from 'react';
 import { paletteColor } from '../../../styles/types';
 import { InputHelperProps } from '../inputHelper';
 import { LabelProps } from '../label';
@@ -32,16 +32,17 @@ export interface CheckboxInputProps {
     hasError: boolean;
 }
 export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
-    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
     text?: string;
     helper?: InputHelperProps;
     className?: string;
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    textColor?: paletteColor;
 }
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;
 }
-export type CheckboxPalette = {
+export declare type CheckboxPalette = {
     input: {
         [k in CheckboxState]: {
             [k in CheckboxStatus]: {

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

@@ -5,7 +5,7 @@ interface InputMapParams extends CheckboxInputProps {
     theme: DefaultTheme;
 }
 export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => CheckboxStyles;
-type StatusIconType = {
+declare type StatusIconType = {
     [k in CheckboxStatus]: IconProps['icon'] | null;
 };
 export declare const statusIcon: StatusIconType;