@fattureincloud/fic-design-system 0.4.24 → 0.4.27

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

@@ -20,6 +20,8 @@ export interface ModalPropsInterface {
     height?: number;
     bottomAttachment?: () => ReactNode;
     topAttachment?: () => ReactNode;
+    portalClassName?: string;
+    hideOverlay?: boolean;
     className?: string;
     onAfterOpen?: (obj?: {
         overlayEl: Element;

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

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

package/dist/components/toast/components/{toastContent.d.ts → 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;

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

@@ -0,0 +1,50 @@
+import { paletteColor } from 'index';
+import React, { ReactNode } from 'react';
+import { ToastPosition } from 'react-toastify/dist/types';
+import { IconProps } from '../icon';
+export declare type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
+export declare enum ToastType {
+    STANDARD = "standard",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    SUCCESS = "success"
+}
+export declare const typeMap: Record<ToastType, ToastLibraryType>;
+export interface ToastProps {
+    type?: ToastType;
+    content?: ReactNode;
+    icon?: IconProps;
+    actionLabel?: string;
+    onActionClick?: () => void;
+    autoClose?: false;
+}
+export interface ToastContentProps {
+    title: ReactNode;
+    content?: ReactNode;
+    icon: IconProps;
+    actionLabel?: string;
+    onActionClick?: () => void;
+    type?: ToastType;
+}
+export interface ToastInterface {
+    Container: React.FC<ToastContainerProps>;
+    show: (title: ReactNode, options: ToastProps) => string | undefined;
+    dismiss: (toastId: string | undefined) => void;
+    success: (title: ReactNode, options?: ToastProps) => string | undefined;
+    error: (title: ReactNode, options?: ToastProps) => string | undefined;
+    info: (title: ReactNode, options?: ToastProps) => string | undefined;
+    warning: (title: ReactNode, options?: ToastProps) => string | undefined;
+    standard: (title: ReactNode, options?: ToastProps) => string | undefined;
+}
+export interface ToastContainerProps {
+    position: ToastPosition;
+}
+export declare type ToastColor = {
+    title: paletteColor;
+    content: paletteColor;
+    background: paletteColor;
+};
+export declare type ToastPalette = {
+    [k in ToastType]: ToastColor;
+};

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

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

package/dist/index.d.ts

@@ -8,18 +8,19 @@ import { Chip } from './components/chips';
 import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
-import { Checkbox, CheckboxPalette, CheckboxProps, checkboxStatus, useCheckboxValue } from './components/form/checkbox';
+import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
 import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
 import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
+import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
+import { RadioGroup, RadioGroupProps } from './components/form/radioGroup';
 import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList, GroupType, ItemType } from './components/groupedList';
-import { RadioButtonGroup } from './components/groupRadioButton';
 import { Icon, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
-import { InlineMessage } from './components/inlineMessages';
+import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
 import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
 import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
@@ -28,16 +29,15 @@ import { ModalBody } from './components/modals/modalStyled';
 import { PageEmptySet } from './components/pageEmptySet';
 import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
-import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
 import { ShortcutTip, Tip } from './components/tip';
-import { Toast, ToastProps } from './components/toast';
+import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };