@fattureincloud/fic-design-system 0.17.6 → 0.18.0

package/dist/common/components/typography/Typography.d.ts

@@ -1,13 +1,101 @@
 import React from 'react';
-import { MapTextColorReturn, TextProps } from './types';
-export declare const Body: ({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element;
-export declare const TextImpl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MapTextColorReturn & TextProps, "color">;
-export declare const Title1: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title2: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title3: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title4: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title5: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Title6: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Headline: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const Caption: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const TableText: import("styled-components").StyledComponent<({ children, type, ...otherProps }: TextProps & React.HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title1: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title2: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title3: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title4: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title5: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Title6: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Headline: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const Caption: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TableText: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: React.ReactNode | React.ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

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 declare type TextProps = React.HTMLAttributes<HTMLDivElement> & {
     bold?: boolean;
     centered?: boolean;
     children: React.ReactNode | React.ReactNode[];

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

@@ -0,0 +1,12 @@
+import { paletteColor } from '../../styles/types';
+export interface LabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

package/dist/common/utils/label.d.ts

@@ -0,0 +1,5 @@
+import { DefaultTheme } from 'styled-components';
+import { LabelProps, MappedLabelProps } from '../types/label';
+export declare const getLabelStyle: ({ disabled, large, theme, hasError, }: LabelProps & {
+    theme: DefaultTheme;
+}) => MappedLabelProps;

package/dist/common/utils/stringUtils.d.ts

@@ -1,6 +1,6 @@
 export declare type UnitConfig = {
     side?: 'left' | 'right';
     symbol?: string;
-    locale?: Intl.LocalesArgument;
+    locale?: string;
 };
-export declare const withUnit: (number: number | string, { locale, side, symbol }: UnitConfig) => string;
+export declare const withUnit: (number: number | string, unit?: UnitConfig | undefined) => string;

package/dist/components/accordion/components/accordionItem/styled.d.ts

@@ -1,6 +1,15 @@
 /// <reference types="react" />
 import { AccordionHeaderProps } from '../../types';
-export declare const Header: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    bold?: boolean | undefined;
+    centered?: boolean | undefined;
+    children: import("react").ReactNode | import("react").ReactNode[];
+    clamp?: number | undefined;
+    className?: string | undefined;
+    color?: string | undefined;
+    type?: "date" | "currency" | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const HeaderContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, AccordionHeaderProps, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     contentHeight: number | undefined;

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

@@ -0,0 +1,9 @@
+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(): React.JSX.Element;
+}
+declare const Accordion: TAccordion;
+export default Accordion;

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

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import React, { ComponentProps } from 'react';
+import { TAccordion } from './types';
+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/accordions/components/styledAccordionWrapper.d.ts

@@ -0,0 +1 @@
+export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1 @@
+export { default as Accordion } from './accordions';

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface Props {
+    title?: string;
+    renderTitle?: () => JSX.Element;
+    renderBody: () => JSX.Element;
+    renderLateralActions?: JSX.Element;
+    lateralActions?: Array<{
+        icon: JSX.Element;
+        action: () => void;
+    }>;
+    showBodyAtFirstRender?: boolean;
+}
+export declare type TAccordion = React.FunctionComponent<Props>;
+export interface UnstyledAccordionProps extends Props {
+}
+export interface UnstyledAccordionState {
+    show: boolean;
+}
+export {};

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

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { bannerColorType } from './Banner';
+interface MappedColors {
+    bgColor: string;
+    textColor: string;
+}
+export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
+export {};

package/dist/components/carousel/components/common/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const FlexRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FlexColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/chart/areaChart/AreaChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const AreaChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default AreaChart;

package/dist/components/chart/barChart/BarChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const BarChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default BarChart;

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

@@ -1,7 +1,8 @@
 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>>;
+import { ChartProps } from './common/types';
+export declare const AreaChart: Story<ChartProps>;
+export declare const BarChart: Story<ChartProps>;
+export declare const LineChart: Story<ChartProps>;
+export declare const PieChart: Story<ChartProps>;
+declare const ChartStories: Meta<ChartProps>;
 export default ChartStories;

package/dist/components/chart/common/components/ChartEmptyState.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CommonChartProps } from '../types';
+declare const ChartEmptyState: ({ emptyStateMessage, height, renderEmptyState, width }: CommonChartProps) => JSX.Element;
+export declare const EmptyStateWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default ChartEmptyState;

package/dist/components/chart/common/components/Legend.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Legend: (params_0: boolean | undefined) => JSX.Element | null;
+export default Legend;

package/dist/components/chart/common/components/Tooltip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Tooltip: (params_0: boolean | undefined, params_1: ((value: number, name: string | number) => [string, string]) | undefined, params_2: ((value: string | number) => string) | undefined) => JSX.Element | null;
+export default Tooltip;

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare type ChartData = {
+    x: string | number;
+    y: number;
+};
+export declare type CommonChartProps = {
+    height?: number;
+    width?: number;
+    emptyStateMessage?: string;
+    renderEmptyState?: () => JSX.Element;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+};
+declare type RenderAxisProps = [string | number, number];
+export declare type ChartProps = CommonChartProps & {
+    data: {
+        name: string;
+        color?: string;
+        points: ChartData[];
+    }[];
+    formatTooltipLabel?: (value: string | number) => string;
+    formatTooltipValues?: (value: number, name: string | number) => [string, string];
+    renderXAxis?: (...params: RenderAxisProps) => string;
+};
+export {};

package/dist/components/chart/common/useChartData.d.ts

@@ -0,0 +1,6 @@
+import { ChartProps } from './types';
+/**
+ * This hook can be used to transform data into a suitable dataset array for AreaChart, LineChart and BarChart components
+ */
+declare const useChartData: (data: ChartProps['data'], type: 'line' | 'bar') => Record<string, string | number>[];
+export default useChartData;

package/dist/components/chart/common/utils.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../../../styles/theme';
+export declare const getLinesArray: (length: number) => string[];
+export declare const getBarsArray: (length: number) => string[];
+export declare const getRandomColors: (theme: Theme) => string[];

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ButtonText: 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 IndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IndicatorButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LegendItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled: boolean;
+}, never>;
+export declare const LegendSquare: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;
+export declare const LegendIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,2 +1,6 @@
-export { default as Chart } from './Chart';
-export { ChartProps, Legend, ChartData, LegendItem } from './types';
+export { default as AreaChart } from './areaChart/AreaChart';
+export { default as BarChart } from './barChart/BarChart';
+export { default as LineChart } from './lineChart/LineChart';
+export { default as PieChart } from './pieChart/PieChart';
+export { ChartProps } from './common/types';
+export { PieChartProps } from './pieChart/types';

package/dist/components/chart/lineChart/LineChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChartProps } from '../common/types';
+declare const LineChart: ({ data, emptyStateMessage, formatTooltipLabel, formatTooltipValues, height, renderEmptyState, renderXAxis, showLegend, showTooltip, width, }: ChartProps) => JSX.Element;
+export default LineChart;

package/dist/components/chart/pieChart/PieChart.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PieChartProps } from './types';
+declare const PieChart: ({ color, data, emptyStateMessage, formatLabel, gap, height, innerRadius, monochrome, outerRadius, renderEmptyState, showLabels, showLegend, showTooltip, width, }: PieChartProps) => JSX.Element;
+export default PieChart;

package/dist/components/chart/pieChart/types.d.ts

@@ -0,0 +1,27 @@
+import { CommonChartProps } from '../common/types';
+export declare type PieChartData = {
+    name: string;
+    value: number;
+    color?: string;
+};
+declare type FormatLabelProps = {
+    cx: number;
+    cy: number;
+    index: number;
+    innerRadius: number;
+    midAngle: number;
+    outerRadius: number;
+    percent: number;
+    value: number;
+};
+export declare type PieChartProps = CommonChartProps & {
+    color?: string;
+    data: PieChartData[];
+    formatLabel?: (props: FormatLabelProps) => string;
+    gap?: number;
+    innerRadius?: number;
+    monochrome?: boolean;
+    outerRadius?: number;
+    showLabels?: boolean;
+};
+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;
+}