@fattureincloud/fic-design-system 0.4.26 → 0.4.27

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## v0.4.27 - 24/08/2022
+
+### 💥 Breaking
+
+- RadioButton replaced with Radio
+- RadioButtonGroup replaced with RadioGroup
+
+### 🚀 Added
+
+- RadioGroup selection handled
+- Radio palette
+- InlineMessage palette
+- InlineMessage action button
+
+### 🐛 Bug Fix
+
+- Fix Toast icon graphical appearance
+
+### 💅 Enhancement
+
+- InlineMessageType and ToastType exported enums
+
 ## v0.4.26 - 16/08/2022
 
 - Aggiunte props `emptyState` e `isDisabled` in Dropdown

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

@@ -0,0 +1,3 @@
+import { LabelProps, MappedLabelProps } from '../types/label';
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & LabelProps, keyof MappedLabelProps>;
+export default Label;

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/components/form/checkbox/Checkbox.d.ts

@@ -1,16 +1,14 @@
-import { ChangeEvent, InputHTMLAttributes } from 'react';
-import { InputHelperProps } from '../inputHelper';
-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;
-    helper?: InputHelperProps;
-    className?: string;
-    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
-}
-export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
-    value: CheckboxImplProps['value'] | boolean;
-}
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+/**
+ * Component Props:
+ * @param {string} className To support styled-components customization
+ * @param {boolean} disabled Checkbox interaction disabled
+ * @param {InputHelperProps} helper Render an error form box when necessary
+ * @param {boolean} large Improve Checkbox size
+ * @param {function} onClick Callback called on component click
+ * @param {string} text Component label text
+ * @param {CheckboxStatus} value Checkbox status
+ */
 declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

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

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

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

@@ -1,16 +1,3 @@
-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;
-    };
-};
+import { CheckboxPalette } from './types';
 declare const checkboxPalette: CheckboxPalette;
 export default checkboxPalette;

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

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

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

@@ -1,5 +1,4 @@
-import Checkbox, { CheckboxProps } from './Checkbox';
-import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
-import useCheckboxValue from './hooks/useCheckboxValue';
-import { checkboxStatus } from './types';
-export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette, checkboxStatus };
+export { default as Checkbox } from './Checkbox';
+export { default as checkboxPalette } from './checkboxPalette';
+export { default as useCheckboxValue } from './hooks/useCheckboxValue';
+export { CheckboxProps, CheckboxStatus, CheckboxPalette } from './types';

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

@@ -0,0 +1,3 @@
+import { CheckboxInputProps, CheckboxStyles } from './types';
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export default Input;

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

@@ -1,7 +1,21 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
 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';
+import { InputHelperProps } from '../inputHelper';
+import { LabelProps } from '../label';
+export declare enum CheckboxStatus {
+    CHECKED = "checked",
+    UNCHECKED = "unchecked",
+    INDETERMINATE = "indeterminate"
+}
+declare enum CheckboxState {
+    NORMAL = "normal",
+    ERROR = "error"
+}
+declare enum CheckboxParts {
+    TICKCOLOR = "tickColor",
+    BACKGROUNDCOLOR = "backgroundColor",
+    BORDERCOLOR = "borderColor"
+}
 export interface CheckboxStyles {
     height: string;
     width: string;
@@ -11,9 +25,32 @@ export interface CheckboxStyles {
     cursor: string;
     opacity: number;
 }
-export interface MappedLabelProps {
-    fontSize: string;
-    cursor: string;
-    color: paletteColor;
-    opacity: number;
+export interface CheckboxInputProps {
+    value: CheckboxStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    helper?: InputHelperProps;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
 }
+export declare type CheckboxPalette = {
+    input: {
+        [k in CheckboxState]: {
+            [k in CheckboxStatus]: {
+                [k in CheckboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in CheckboxState]: paletteColor;
+    };
+};
+export {};

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

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

package/dist/components/form/common/components/ClickableWrapper.d.ts

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

package/dist/components/form/common/components/HiddenInput.d.ts

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

package/dist/components/form/inputText/InputText.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { LabelProps } from '../label';
 import { InputElementProps } from './types';
 export declare type InputTextProps = LabelProps & InputElementProps;
-declare const InputText: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
-export default InputText;
+declare const _default: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
+export default _default;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { RadioProps } from './types';
+/**
+ * Component Props:
+ * @param {string} className To support styled-components customization
+ * @param {boolean} disabled Radio interaction disabled
+ * @param {InputHelperProps} helper Render an error form box when necessary
+ * @param {boolean} large Improve Radio size
+ * @param {function} onClick Callback called on component click
+ * @param {string} text Component label text
+ * @param {boolean} value Radio status
+ */
+declare const Radio: ({ value, ...rest }: RadioProps) => JSX.Element;
+export default Radio;

package/dist/components/form/radio/hooks/useRadioValue.d.ts

@@ -0,0 +1,10 @@
+import { RadioStatus } from '../types';
+interface UseRadioValueReturn {
+    status: RadioStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    toggleRadio: () => void;
+}
+declare const useRadioValue: (initialValue?: RadioStatus | boolean) => UseRadioValueReturn;
+export default useRadioValue;

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

@@ -0,0 +1,4 @@
+export { default as useRadioValue } from './hooks/useRadioValue';
+export { default as Radio } from './Radio';
+export { default as radioPalette } from './radioPalette';
+export { RadioStatus, RadioProps, RadioPalette } from './types';

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { RadioInputProps, RadioStyles } from './types';
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioStyles & RadioInputProps, keyof RadioStyles>;
+export default Input;

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

@@ -0,0 +1,53 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { LabelProps } from '../../../common/types/label';
+import { paletteColor } from '../../../styles/types';
+import { InputHelperProps } from '../inputHelper';
+export declare enum RadioStatus {
+    CHECKED = "checked",
+    UNCHECKED = "unchecked"
+}
+declare enum RadioState {
+    NORMAL = "normal",
+    ERROR = "error"
+}
+declare enum RadioParts {
+    BACKGROUNDCOLOR = "backgroundColor",
+    BORDERCOLOR = "borderColor"
+}
+export interface RadioStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface RadioInputProps {
+    value: RadioStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+export interface RadioImplProps extends Omit<RadioInputProps, 'hasError'>, Omit<LabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    helper?: InputHelperProps;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface RadioProps extends Omit<RadioImplProps, 'value'> {
+    value: RadioImplProps['value'] | boolean;
+}
+export declare type RadioPalette = {
+    input: {
+        [k in RadioState]: {
+            [k in RadioStatus]: {
+                [k in RadioParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in RadioState]: paletteColor;
+    };
+};
+export {};

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

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { RadioInputProps, RadioStatus, RadioStyles } from './types';
+interface InputMapParams extends RadioInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => RadioStyles;
+export declare const convertToStatus: (value: boolean | RadioStatus) => RadioStatus;
+export {};

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { RadioGroupProps } from './types';
+/**
+ * Component Props:
+ * @param {string} className To support styled-components customization
+ * @param {InputHelperProps} helper Render an error form box when necessary
+ * @param {number} initialSelection Initial selected Radio index
+ * @param {boolean} inline Display Radios on the same row
+ * @param {function} onChange Callback called when selection changes
+ * @param {Omit<RadioProps, 'value' | 'onClick' | 'helper'>[]} options Radio list
+ * @param {keyof typeof spacing} spacing Gap between Radios
+ */
+export declare const RadioGroup: ({ onChange, helper, initialSelection, options, ...otherProps }: RadioGroupProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export { RadioGroup } from './RadioGroup';
+export { RadioGroupProps } from './types';

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

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { RadioGroupProps } from './types';
+export declare const WithStatus: Story<RadioGroupProps>;
+declare const RadioGrupStories: Meta<RadioGroupProps>;
+export default RadioGrupStories;

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { spacing } from '../../../styles/spacing';
+import { InputHelperProps } from '../inputHelper/InputHelper';
+import { RadioProps } from '../radio';
+export interface RadioGroupProps extends RadioGroupWrapperProps {
+    options: Omit<RadioProps, 'value' | 'onClick' | 'helper'>[];
+    initialSelection?: number;
+    onChange: (selected: number) => void;
+    helper?: InputHelperProps;
+}
+export interface RadioGroupWrapperProps {
+    className?: string;
+    style?: React.CSSProperties;
+    spacing?: keyof typeof spacing;
+    inline?: boolean;
+}

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { InlineMessageProps } from './types';
+/**
+ * Component Props:
+ * @param {IconProps} icon configuration of the left icon
+ * @param {() => JSX.Element} renderIcon used to render a custom component instead of the left icon
+ * @param {InlineMessageType} type inline message role
+ * @param {string} title text rendered as a title
+ * @param {string} content text rendered as a description
+ * @param {() => JSX.Element} renderTitle custom component rendered in place of the title
+ * @param {() => JSX.Element} renderContent custom component rendered in place of the description
+ * @param {IconProps} closeIcon configuration of the right icon
+ * @param {() => JSX.Element} renderCloseIcon used to render a custom component instead of the right icon
+ * @param {() => void} onClose action called on the right icon click
+ * @param {InlineMessageStyle} componentStyle to support styled-components customization
+ * @param {string} actionLabel text of the right action button
+ * @param {() => void} onActionClick action called on the right button click
+ * @param {'medium' | 'large'} size fake size support
+ *
+ */
+declare const InlineMessage: (props: InlineMessageProps) => JSX.Element;
+export default InlineMessage;

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

@@ -0,0 +1,3 @@
+export { default as InlineMessage } from './InlineMessage';
+export { InlineMessageProps, InlineMessagePalette, InlineMessageType } from './types';
+export { default as inlineMessagePalette } from './inlineMessagePalette';

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

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { InlineMessageProps } from './types';
+export declare const Standard: Story<InlineMessageProps>;
+declare const InlineMessageStories: Meta<InlineMessageProps>;
+export default InlineMessageStories;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { InlineMessageProps, InlineMessageType, StyledContentProps } from './types';
+export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type?: InlineMessageType | undefined;
+}, never>;
+export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessageProps, 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>;
+export declare const ActionButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,45 @@
+/// <reference types="react" />
+import { paletteColor } from '../../styles/types';
+import { IconProps } from '../icon';
+export declare enum InlineMessageType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export interface InlineMessageProps {
+    icon?: IconProps;
+    renderIcon?: () => JSX.Element;
+    title?: string;
+    content?: string;
+    size?: 'medium' | 'large';
+    type?: InlineMessageType;
+    renderTitle?: () => JSX.Element;
+    renderContent?: () => JSX.Element;
+    onClose?: () => void;
+    closeIcon?: IconProps;
+    renderCloseIcon?: () => JSX.Element;
+    componentStyle?: InlineMessageStyle;
+    actionLabel?: string;
+    onActionClick?: () => void;
+}
+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 StyledContentProps {
+    margin: boolean;
+}
+export declare type InlineMessageColor = {
+    title: paletteColor;
+    content: paletteColor;
+    background: paletteColor;
+    border?: paletteColor;
+};
+export declare type InlineMessagePalette = {
+    [k in InlineMessageType]: InlineMessageColor;
+};

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

@@ -0,0 +1,3 @@
+import { buttonColors } from '../buttons/button/types';
+import { InlineMessageType } from './types';
+export declare const typeToButtonColor: (type: InlineMessageType) => buttonColors;

package/dist/components/toast/Toast.d.ts

@@ -1,2 +1,2 @@
-import { ToastInterface } from './typings/toast';
+import { ToastInterface } from './types';
 export declare const Toast: ToastInterface;

package/dist/components/toast/components/ToastContent.d.ts

@@ -1,17 +1,14 @@
 /// <reference types="react" />
-export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isCentered: boolean;
-}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+import { ToastType } from '../types';
+export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ActionButton: import("styled-components").StyledComponent<({ className, color, fullWidth, href, iconLeft, iconRight, isDisabled, isLoading, onClick, size, target, text, type, }: import("../../buttons").ButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTitle: 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 StyledTitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledToast: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledActionLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    isCentered: boolean;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type: ToastType;
+}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    type: ToastType;
 }, never>;

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

@@ -1,2 +1,3 @@
 export { Toast } from './Toast';
-export { ToastInterface, ToastProps } from './typings/toast';
+export { ToastInterface, ToastProps, ToastPalette, ToastType } from './types';
+export { default as toastPalette } from './toastPalette';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ToastContainerProps } from './types';
+export declare const ToastContainer: import("styled-components").StyledComponent<import("react").FC<import("react-toastify").ToastContainerProps>, import("styled-components").DefaultTheme, {
+    hideProgressBar: true;
+    newestOnTop: true;
+    closeOnClick: false;
+    draggable: false;
+    rtl: false;
+} & ToastContainerProps, "draggable" | "rtl" | "closeOnClick" | "newestOnTop" | "hideProgressBar">;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { ToastProps } from './typings/toast';
-export declare const WithKnobs: () => JSX.Element;
+import { Meta, Story } from '@storybook/react';
+import { ToastProps } from './types';
+export declare const WithKnobs: Story<ToastProps>;
 declare const ToastStories: Meta<ToastProps>;
 export default ToastStories;

package/dist/components/toast/toastPalette.d.ts

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