@fattureincloud/fic-design-system 0.17.6 → 0.18.0

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

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
+export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
+    render(): JSX.Element;
+}
+declare const Chip: TChip;
+export default Chip;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chip } from '.';
+export declare const Normal: () => JSX.Element;
+declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
+export default ChipStories;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ChipsProps } from '../types';
+export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, 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/chips/index.d.ts

@@ -0,0 +1,2 @@
+import Chip from './chips';
+export { Chip };

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ChipsProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    closeAction?: () => void;
+}
+export declare type TChip = React.FunctionComponent<ChipsProps>;
+export interface UnstyledChipProps extends ChipsProps {
+}
+export interface UnstyledChipState {
+}

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

@@ -13,4 +13,13 @@ export declare const InnerCircle: import("styled-components").StyledComponent<"c
     type: CircularProgressBarType;
 }, never>;
 export declare const TextContainer: import("styled-components").StyledComponent<"div", 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 Subtitle: 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>;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface Props {
+    show?: boolean;
+    title?: string;
+    renderHeader?: () => JSX.Element;
+    renderFooter?: () => JSX.Element;
+    actionClose?: () => void;
+}
+export declare type TDrawer = React.FunctionComponent<Props>;
+export interface UnstyledDrawerProps extends Props {
+}
+export interface UnstyledDrawerState {
+}
+export {};

package/dist/components/ficFeatures/components/feature/styled.d.ts

@@ -2,5 +2,14 @@
 export declare const FeatureContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const PlansWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FeatureNameAndDesc: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FeatureTitle: 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 FeatureTitle: 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 PlanContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export default Input;

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
+export default MonthPicker;

package/dist/components/form/fileUploader/fileTypes.d.ts

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

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { CustomTexts, FileUploaderTexts, statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: CustomTexts | undefined) => FileUploaderTexts;
+export default useTexts;

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

@@ -0,0 +1,4 @@
+import { PlaceholderProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default Placeholder;

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

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents<IsMulti extends boolean = false> = Required<Required<SelectProps<IsMulti>>['components']>;
+export declare type OptionProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Option']>;
+export declare type PlaceholderProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Placeholder']>;
+export declare type ControlProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Control']>;
+export declare type MenuListProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['MenuList']>;
+export declare type DropdownIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['DropdownIndicator']>>;
+export declare type ClearIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['ClearIndicator']>>;
+export {};

package/dist/components/gridCard/GridCard.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
-import { GridCardProps } from './types';
-declare const _default: React.ForwardRefExoticComponent<GridCardProps & React.RefAttributes<HTMLDivElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("../card").CardProps, "children"> & {
+    items: import("./types").GridCardItem[];
+    maxElementsPerRow?: number | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export default _default;

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

@@ -1,8 +1,9 @@
+import { CardProps } from 'components/card';
 import { ReactNode } from 'react';
 import { ComponentType } from '../../common/types';
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export declare type GridCardProps = {
+export declare type GridCardProps = Omit<CardProps, 'children'> & {
     items: GridCardItem[];
     maxElementsPerRow?: number;
 };

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

@@ -0,0 +1,23 @@
+import React from 'react';
+interface Props {
+    options: Array<{
+        key: number;
+        label: string;
+    }>;
+    value: number;
+    onClick: (option: {
+        key: number;
+        label: string;
+    }) => void;
+    isDisabled?: boolean;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+    optionsSpacing?: number;
+    style?: React.CSSProperties;
+    inline?: boolean;
+}
+export declare const RadioButtonGroup: (props: Props) => JSX.Element;
+export {};

package/dist/components/groupRadioButton/radio-group.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { RadioButtonGroup } from '.';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonGroupStories: Meta<ComponentProps<typeof RadioButtonGroup>>;
+export default RadioButtonGroupStories;

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { InlineMessagesProps, 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, {}, never>;
+export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
+export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
+export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,2 @@
+import InlineMessage from './inlineMessages';
+export { InlineMessage };

package/dist/components/inlineMessages/inlineMessages.d.ts

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { InlineMessagesProps } from './types';
+export declare const Colors: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+declare const InlineMessageStories: Meta<InlineMessagesProps>;
+export default InlineMessageStories;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IconProps } from '../icon';
+export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export interface InlineMessagesProps {
+    icon?: IconProps;
+    renderIcon?: () => JSX.Element;
+    title?: string;
+    content?: string;
+    size?: 'medium' | 'large';
+    type?: MessageType;
+    renderTitle?: () => JSX.Element;
+    renderContent?: () => JSX.Element;
+    onClose?: () => void;
+    closeIcon?: IconProps;
+    renderCloseIcon?: () => JSX.Element;
+    componentStyle?: InlineMessageStyle;
+}
+export interface InlineMessageStyle {
+    root?: Record<string, unknown>;
+    icon?: Record<string, unknown>;
+    contentWrapper?: Record<string, unknown>;
+    title?: Record<string, unknown>;
+    content?: Record<string, unknown>;
+}
+export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
+}
+export interface StyledContentProps {
+    margin: boolean;
+}

package/dist/components/inputText/components/icons.d.ts

@@ -0,0 +1,8 @@
+import { EInputSize } from '../typings/enums';
+interface IconProps {
+    size?: EInputSize;
+    hasAction: boolean;
+}
+export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/components/inputText/components/inputContainer.d.ts

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

package/dist/components/inputText/components/messages.d.ts

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

package/dist/components/inputText/components/wrapperTextArea.d.ts

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

package/dist/components/inputText/icons.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../icon';
+export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+}, "primary" | "secondary">;
+export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+} & {
+    isValid?: boolean | undefined;
+}, "primary" | "secondary">;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputTextPropsInterface } from './typings/inputText';
+export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

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

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

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { InputTextStylingPropsInterface } from './typings/inputText';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -0,0 +1,6 @@
+export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum EInputSize {
+    medium = "medium",
+    large = "large"
+}
+export declare enum EInputTags {
+    textarea = "textarea",
+    input = "input"
+}
+export declare enum EInputTypes {
+    password = "password",
+    text = "text",
+    number = "number"
+}
+export declare enum EInputErrorTypes {
+    generic = "generic",
+    wordcount = "wordcount"
+}

package/dist/components/inputText/typings/inputText.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

package/dist/components/monthlyTab/components/month/styled.d.ts

@@ -2,7 +2,16 @@
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     selected: boolean;
 }, never>;
-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, {
+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, {
     selected: boolean;
     isCurrentMonth: boolean;
 }, never>;
@@ -11,5 +20,23 @@ export declare const PercentageLevel: import("styled-components").StyledComponen
     selected?: boolean | undefined;
 }, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Expenses: 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 Amount: 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 Expenses: 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 Amount: 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>;

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

@@ -2,4 +2,13 @@
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MonthSelectionArea: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@viselect/react/dist/SelectionArea").SelectionAreaProps>, import("styled-components").DefaultTheme, {}, never>;
 export declare const SelectAllButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../buttons").ButtonProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TutorialText: 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 TutorialText: 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>;

package/dist/components/newTable/components/action/favorite/Favorite.d.ts

@@ -0,0 +1,13 @@
+interface FavoriteProps {
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+}
+/**
+ * Component Props:
+ * @param {boolean} checked Used to set favorite icon status
+ * @param {boolean} disabled Disable the favorite icon
+ * @param {function} onChange Callback on favorite icon click
+ */
+declare const Favorite: ({ checked, onChange }: FavoriteProps) => JSX.Element;
+export default Favorite;

package/dist/components/newTable/components/action/favorite/index.d.ts

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

package/dist/components/newTable/components/action/favorite/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {
+    checked: boolean;
+}, never>;

package/dist/components/pagination/paginationStyledWrapper.d.ts

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

package/dist/components/progressbar/components/styledProgressbarWrapper.d.ts

@@ -0,0 +1,2 @@
+import { UnstyledProgressbarPropsInterface } from '../types';
+export declare const StyledProgressbarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledProgressbarPropsInterface, never>;

package/dist/components/radioButton/components/label.d.ts

@@ -0,0 +1,2 @@
+import { LabelInterface } from '../typings/radioButton';
+export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LabelInterface, never>;

package/dist/components/radioButton/components/radio.d.ts

@@ -0,0 +1,2 @@
+import { RadioInterface } from '../typings/radioButton';
+export declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioInterface, never>;

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

@@ -0,0 +1,2 @@
+import { TRadioButton } from './typings/radioButton';
+export declare const RadioButton: TRadioButton;

package/dist/components/radioButton/radio.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { RadioButtonInterface } from './typings/radioButton';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonStories: Meta<RadioButtonInterface>;
+export default RadioButtonStories;

package/dist/components/radioButton/typings/radioButton.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface RadioInterface {
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+}
+export interface RadioButtonInterface extends RadioInterface {
+    className?: string;
+    label: string;
+    inline?: boolean;
+    onClick: () => void;
+    optionsSpacing?: number;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+}
+export declare type TRadioButton = React.FunctionComponent<RadioButtonInterface>;