@pedidopago/ui 1.5.14 → 1.5.15

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

@@ -1,19 +1,19 @@
-import { GlobalColorsProps } from '../../shared/theme';
-import { DatePickerProps } from '../DatePicker/types';
-import { InputAlertTypes } from '../Input/types';
-export declare type ValueDate = Date | [Date, Date] | number | [number, number];
-export interface DateInputProps extends DatePickerProps {
-    onChange?: (value: ValueDate) => void;
-    label?: string;
-    placeholder?: string;
-    helperText?: string;
-    alert?: InputAlertTypes;
-    disabled?: boolean;
-    locales?: string | string[];
-    localeOptions?: Intl.DateTimeFormatOptions;
-    minDate?: Date | number;
-    maxDate?: Date | number;
-    disableWeekendDays?: boolean;
-    iconColor?: GlobalColorsProps | (string & {});
-}
+import { GlobalColorsProps } from '../../shared/theme';
+import { DatePickerProps } from '../DatePicker/types';
+import { InputAlertTypes } from '../Input/types';
+export declare type ValueDate = Date | [Date, Date] | number | [number, number];
+export interface DateInputProps extends DatePickerProps {
+    onChange?: (value: ValueDate) => void;
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    alert?: InputAlertTypes;
+    disabled?: boolean;
+    locales?: string | string[];
+    localeOptions?: Intl.DateTimeFormatOptions;
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    disableWeekendDays?: boolean;
+    iconColor?: GlobalColorsProps | (string & {});
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DatePicker/components/DatePickerContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DatePickerContentProps } from '../types';
-export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, }: DatePickerContentProps) => JSX.Element;
+/// <reference types="react" />
+import { DatePickerContentProps } from '../types';
+export declare const DatePickerContent: ({ type, date: dateProp, startDate, endDate, isInTheRange, maxDate, minDate, handleChange, handleMouseOver, handleChangeDate, variant, enableYearPicker, handleToggleYearPicker, hideNextMonthButton, hidePrevMonthButton, disableWeekendDays, showSelectedDate, }: DatePickerContentProps) => JSX.Element;
 //# sourceMappingURL=DatePickerContent.d.ts.map

package/dist/components/DatePicker/components/DateYearPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateYearPickerProps } from '../types';
-export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, }: DateYearPickerProps) => JSX.Element;
+/// <reference types="react" />
+import { DateYearPickerProps } from '../types';
+export declare const DateYearPicker: ({ date, handleChangeDate, maxDate, minDate, }: DateYearPickerProps) => JSX.Element;
 //# sourceMappingURL=DateYearPicker.d.ts.map

package/dist/components/DatePicker/datepicker.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=datepicker.test.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DatePickerProps } from './types';
-declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
-export default DatePicker;
+/// <reference types="react" />
+import { DatePickerProps } from './types';
+declare const DatePicker: ({ value, onChange, minDate: minDateProp, maxDate: maxDateProp, variant, color, type, disableWeekendDays, isFirstClickDateInput, setIsFirstClickDateInput, enableYearPicker, }: DatePickerProps) => JSX.Element;
+export default DatePicker;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/styles.d.ts

@@ -1,78 +1,78 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isExtended: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    enableYearPicker?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isHidden?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isRange?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isPrevNextMonth?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    isToday?: boolean | undefined;
-    isInTheRange?: boolean | undefined;
-    isEndDateOfRange?: boolean | undefined;
-    isStartDateOfRange?: boolean | undefined;
-    isFirstDayOfMonth?: boolean | undefined;
-    isLastDayOfMonth?: boolean | undefined;
-    isTheSameDate?: boolean | undefined;
-    disabled?: boolean | undefined;
-    showSelectedDate?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    isSelected?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const DatePickerContentContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isExtended: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    enableYearPicker?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerHeaderButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isHidden?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DatePickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DatePickerBodyTable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export declare const DatePickerTableRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isRange?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const DatePickerTableCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isPrevNextMonth?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isToday?: boolean | undefined;
+    isInTheRange?: boolean | undefined;
+    isEndDateOfRange?: boolean | undefined;
+    isStartDateOfRange?: boolean | undefined;
+    isFirstDayOfMonth?: boolean | undefined;
+    isLastDayOfMonth?: boolean | undefined;
+    isTheSameDate?: boolean | undefined;
+    disabled?: boolean | undefined;
+    showSelectedDate?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const DatePickerTableCellSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DateYearPickerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DateYearPickerCell: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,70 +1,70 @@
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-import { ValueDate } from '../DateInput/types';
-export declare type DatePickerProps = {
-    /**
-     * Sets the date picker's type.
-     * @default 'date'
-     */
-    type?: 'date' | 'range';
-    /**
-     * Sets the date container type.
-     * @default 'compact'
-     */
-    variant?: 'compact' | 'extended';
-    /**
-     * Sets the date picker's current/initial value.
-     */
-    value?: ValueDate;
-    /**
-     * Sets the date picker's minimum month and year.
-     * @summary To set the minimum date, the date needs to be the first day of the month.
-     */
-    minDate?: Date | number | string;
-    /**
-     * Sets the date picker's maximum month and year.
-     * @summary To set the maximum date, the date needs to be the first day of the month.
-     */
-    maxDate?: Date | number | string;
-    /**
-     * Callback function that is called when the date picker's value changes.
-     * @param {Date} date - The new date.
-     */
-    onChange?: (date: Date | [Date, Date]) => void;
-    color?: GlobalColorsProps | (string & {});
-    disableWeekendDays?: boolean;
-    setIsFirstClickDateInput?: (prev: boolean) => void;
-    isFirstClickDateInput?: boolean;
-    enableYearPicker?: boolean;
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorSelected: GlobalColorsProps | (string & {});
-    };
-};
-export declare type DatePickerContentProps = {
-    variant?: 'compact' | 'extended';
-    startDate: Date | null;
-    date: Date | null;
-    endDate: Date | null;
-    isInTheRange: (currentDate: Date) => boolean;
-    handleMouseOver: (currentDate: Date) => void;
-    handleChange: (newDate: Date) => void;
-    handleChangeDate: (newDate: Date) => void;
-    handleToggleYearPicker?: () => void;
-    enableYearPicker?: boolean;
-    minDate?: Date;
-    maxDate?: Date;
-    showSelectedDate?: boolean;
-    type?: 'date' | 'range';
-    color?: 'primary' | 'secondary' | 'tertiary';
-    hideNextMonthButton?: boolean;
-    hidePrevMonthButton?: boolean;
-    disableWeekendDays?: boolean;
-};
-export declare type DateYearPickerProps = {
-    date: Date;
-    handleChangeDate: (newDate: Date) => void;
-    minDate: Date | number | string;
-    maxDate: Date | number | string;
-};
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+import { ValueDate } from '../DateInput/types';
+export declare type DatePickerProps = {
+    /**
+     * Sets the date picker's type.
+     * @default 'date'
+     */
+    type?: 'date' | 'range';
+    /**
+     * Sets the date container type.
+     * @default 'compact'
+     */
+    variant?: 'compact' | 'extended';
+    /**
+     * Sets the date picker's current/initial value.
+     */
+    value?: ValueDate;
+    /**
+     * Sets the date picker's minimum month and year.
+     * @summary To set the minimum date, the date needs to be the first day of the month.
+     */
+    minDate?: Date | number | string;
+    /**
+     * Sets the date picker's maximum month and year.
+     * @summary To set the maximum date, the date needs to be the first day of the month.
+     */
+    maxDate?: Date | number | string;
+    /**
+     * Callback function that is called when the date picker's value changes.
+     * @param {Date} date - The new date.
+     */
+    onChange?: (date: Date | [Date, Date]) => void;
+    color?: GlobalColorsProps | (string & {});
+    disableWeekendDays?: boolean;
+    setIsFirstClickDateInput?: (prev: boolean) => void;
+    isFirstClickDateInput?: boolean;
+    enableYearPicker?: boolean;
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorSelected: GlobalColorsProps | (string & {});
+    };
+};
+export declare type DatePickerContentProps = {
+    variant?: 'compact' | 'extended';
+    startDate: Date | null;
+    date: Date | null;
+    endDate: Date | null;
+    isInTheRange: (currentDate: Date) => boolean;
+    handleMouseOver: (currentDate: Date) => void;
+    handleChange: (newDate: Date) => void;
+    handleChangeDate: (newDate: Date) => void;
+    handleToggleYearPicker?: () => void;
+    enableYearPicker?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    showSelectedDate?: boolean;
+    type?: 'date' | 'range';
+    color?: 'primary' | 'secondary' | 'tertiary';
+    hideNextMonthButton?: boolean;
+    hidePrevMonthButton?: boolean;
+    disableWeekendDays?: boolean;
+};
+export declare type DateYearPickerProps = {
+    date: Date;
+    handleChangeDate: (newDate: Date) => void;
+    minDate: Date | number | string;
+    maxDate: Date | number | string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/DatePicker/utils/getMonthName.d.ts

@@ -1,2 +1,2 @@
-export declare const getMonthName: (month: number) => string;
+export declare const getMonthName: (month: number) => string;
 //# sourceMappingURL=getMonthName.d.ts.map

package/dist/components/Dialog/dialog-example.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export default function DialogExample(props: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export default function DialogExample(props: IDialogProps): JSX.Element;
 //# sourceMappingURL=dialog-example.d.ts.map

package/dist/components/Dialog/dialog.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=dialog.test.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/styles.d.ts

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isMobile: boolean;
-    illustration: boolean;
-    backgroundColor: string;
-    contentColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    secondaryButtonColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isMobile: boolean;
+    illustration: boolean;
+    backgroundColor: string;
+    contentColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    secondaryButtonColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,31 +1,31 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from './../../shared/theme/theme.types';
-export interface DialogButton {
-    /** The label visible in the button. */
-    label: string;
-    /** The handler called once the button is clicked. */
-    handler: () => void;
-}
-export interface IDialogProps {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
-    illustration?: IconName;
-    /** Optional. The title displayed in the Dialog. */
-    title?: string;
-    /** The message displayed in the Dialog. */
-    message: string;
-    /** Optional.  The color of the background */
-    backgroundColor?: GlobalColorsProps | (string & {});
-    /** Optional. The color of the content */
-    contentColor?: GlobalColorsProps | (string & {});
-    /** Optional. If a close button is displayed in the Dialog. */
-    closeButton?: boolean;
-    /** Optional. The data for a confirmation button in the Dialog. */
-    confirmationButton?: DialogButton;
-    /** Optional. The data for a cancel button in the Dialog. */
-    cancelButton?: DialogButton;
-    /** Handler called once the Modal is triggered to close. */
-    onClose: () => void;
-}
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from './../../shared/theme/theme.types';
+export interface DialogButton {
+    /** The label visible in the button. */
+    label: string;
+    /** The handler called once the button is clicked. */
+    handler: () => void;
+}
+export interface IDialogProps {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
+    illustration?: IconName;
+    /** Optional. The title displayed in the Dialog. */
+    title?: string;
+    /** The message displayed in the Dialog. */
+    message: string;
+    /** Optional.  The color of the background */
+    backgroundColor?: GlobalColorsProps | (string & {});
+    /** Optional. The color of the content */
+    contentColor?: GlobalColorsProps | (string & {});
+    /** Optional. If a close button is displayed in the Dialog. */
+    closeButton?: boolean;
+    /** Optional. The data for a confirmation button in the Dialog. */
+    confirmationButton?: DialogButton;
+    /** Optional. The data for a cancel button in the Dialog. */
+    cancelButton?: DialogButton;
+    /** Handler called once the Modal is triggered to close. */
+    onClose: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Dropzone/dropzone.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=dropzone.test.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DropzoneProps } from './types';
-declare const Dropzone: ({ multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
-export default Dropzone;
+/// <reference types="react" />
+import { DropzoneProps } from './types';
+declare const Dropzone: ({ icon, title, disabledButton, buttonText, alert, helperText, multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
+export default Dropzone;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,gHAUX,aAAa,gBA0Nf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,4KAgBX,aAAa,gBA2Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Dropzone/index.js

@@ -21,7 +21,7 @@ var _generateUUID = require("../../utils/generateUUID");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
+var _excluded = ["icon", "title", "disabledButton", "buttonText", "alert", "helperText", "multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -56,7 +56,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var Dropzone = function Dropzone(_ref) {
-  var multiple = _ref.multiple,
+  var icon = _ref.icon,
+      title = _ref.title,
+      _ref$disabledButton = _ref.disabledButton,
+      disabledButton = _ref$disabledButton === void 0 ? false : _ref$disabledButton,
+      buttonText = _ref.buttonText,
+      alert = _ref.alert,
+      helperText = _ref.helperText,
+      multiple = _ref.multiple,
       onChange = _ref.onChange,
       onDropAccepted = _ref.onDropAccepted,
       onDropRejected = _ref.onDropRejected,
@@ -186,7 +193,8 @@ var Dropzone = function Dropzone(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneContainer, _objectSpread(_objectSpread({
     isDraggingOver: isDragging,
     haveItems: acceptedFiles.length > 0,
-    isDisabled: disabled
+    isDisabled: disabled,
+    alert: alert
   }, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneInput, {
       ref: fileInputRef,
@@ -235,8 +243,7 @@ var Dropzone = function Dropzone(_ref) {
                   name: file.type.split('/').includes('pdf') ? 'pdf' : file.type.split('/').includes('csv') ? 'csv' : file.type.split('/').includes('xls') ? 'xls' : 'file',
                   size: "30",
                   color: "neutral.black"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
-                  isFileName: true,
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneFilename, {
                   children: file.name
                 })]
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneRemoveButton, {
@@ -286,17 +293,28 @@ var Dropzone = function Dropzone(_ref) {
               ease: 'easeInOut',
               delay: 0.2
             },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneIcon, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                name: "arrow-up-circle",
-                size: 48,
-                color: "neutral.neutral5"
-              })
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+              name: icon || 'arrow-up-circle',
+              size: 48,
+              color: "neutral.neutral5"
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneButton, {
-            children: "Selecionar um arquivo"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
-            children: "ou solte um arquivo aqui"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
+            direction: "column",
+            alignItems: "center",
+            children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
+              fontWeight: "600",
+              fontSize: "xs",
+              alert: alert,
+              children: title
+            }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
+              fontSize: "xxs",
+              textAlign: "center",
+              color: "neutral.neutral2",
+              alert: alert,
+              children: helperText || 'ou solte um arquivo aqui'
+            })]
+          }), !disabledButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneButton, {
+            children: [buttonText || 'Selecionar um arquivo', " "]
           })]
         })
       })