@pedidopago/ui 1.6.1 → 1.6.2

package/dist/@types/index.d.ts

@@ -1,7 +1,7 @@
-import { ExtendThemeProps } from '../shared/theme/theme.types';
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        colorMode: 'light' | 'dark';
-    };
-};
+import { ExtendThemeProps } from '../shared/theme/theme.types';
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        colorMode: 'light' | 'dark';
+    };
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Alert/alert.test.d.ts

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

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { AlertProps } from './types';
-declare const Alert: FC<AlertProps>;
-export default Alert;
+import { FC } from 'react';
+import { AlertProps } from './types';
+declare const Alert: FC<AlertProps>;
+export default Alert;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,25 +1,25 @@
-/// <reference types="react" />
-import { IStyledAlert } from './types';
-export declare const StyledAlertContainer: 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 StyledAlertWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledAlert, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledIconBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledAlert & {
-    havePadding: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledColumn: 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 StyledCloseIcon: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { IStyledAlert } from './types';
+export declare const StyledAlertContainer: 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 StyledAlertWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledAlert, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledAlert & {
+    havePadding: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledColumn: 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 StyledCloseIcon: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,45 +1,45 @@
-import { ReactNode } from 'react';
-import { ExtendThemeProps } from 'src';
-import { IconName } from '../Icon/types';
-export declare type AlertProps = {
-    /**
-     * The icon of the alert.
-     * @default 'info'
-     */
-    icon?: IconName;
-    /**
-     * The variantion of the alert component style
-     * @default 'filled'
-     */
-    variant?: 'outlined' | 'filled' | 'closable';
-    /**
-     * The type of the alert component
-     * @default 'default'
-     */
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
-    /**
-     * The message of the alert
-     */
-    content?: ReactNode;
-    /**
-     * The title of the alert
-     */
-    title?: string;
-    /**
-     * Sets a max width to alert
-     */
-    maxWidth?: number;
-    /**
-     * Provides a callback that is called when the close button is clicked.
-     * @description This props are available when variant is set to 'closable'
-     */
-    onClose?: () => void;
-};
-export declare type IStyledAlert = {
-    maxWidth?: number;
-    variant?: 'outlined' | 'filled' | 'closable';
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
-    theme?: ExtendThemeProps;
-    haveContent?: boolean;
-};
+import { ReactNode } from 'react';
+import { ExtendThemeProps } from 'src';
+import { IconName } from '../Icon/types';
+export declare type AlertProps = {
+    /**
+     * The icon of the alert.
+     * @default 'info'
+     */
+    icon?: IconName;
+    /**
+     * The variantion of the alert component style
+     * @default 'filled'
+     */
+    variant?: 'outlined' | 'filled' | 'closable';
+    /**
+     * The type of the alert component
+     * @default 'default'
+     */
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
+    /**
+     * The message of the alert
+     */
+    content?: ReactNode;
+    /**
+     * The title of the alert
+     */
+    title?: string;
+    /**
+     * Sets a max width to alert
+     */
+    maxWidth?: number;
+    /**
+     * Provides a callback that is called when the close button is clicked.
+     * @description This props are available when variant is set to 'closable'
+     */
+    onClose?: () => void;
+};
+export declare type IStyledAlert = {
+    maxWidth?: number;
+    variant?: 'outlined' | 'filled' | 'closable';
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical' | 'informative';
+    theme?: ExtendThemeProps;
+    haveContent?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Avatar/avatar.test.d.ts

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

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IAvatarComponent } from './types';
-declare const Avatar: FC<IAvatarComponent>;
-export default Avatar;
+import { FC } from 'react';
+import { IAvatarComponent } from './types';
+declare const Avatar: FC<IAvatarComponent>;
+export default Avatar;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { GenericAvatarStyled } from './types';
-export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const AvatarInitials: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarInformation: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AvatarSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericAvatarStyled & {
-    circle?: boolean | undefined;
-    description?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericAvatarStyled } from './types';
+export declare const AvatarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const AvatarInitials: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarInformation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AvatarSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericAvatarStyled & {
+    circle?: boolean | undefined;
+    description?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,16 +1,16 @@
-import { ExtendThemeProps, GlobalColorsProps } from 'src';
-export declare type IAvatarComponent = {
-    name: string;
-    src?: string;
-    information?: string;
-    boxColor?: GlobalColorsProps | (string & {});
-    size?: 'small' | 'medium' | 'large';
-    isLoading?: boolean;
-};
-export declare type GenericAvatarStyled = {
-    boxColor?: GlobalColorsProps | (string & {});
-    theme?: {
-        size: 'small' | 'medium' | 'large';
-    } & ExtendThemeProps;
-};
+import { ExtendThemeProps, GlobalColorsProps } from 'src';
+export declare type IAvatarComponent = {
+    name: string;
+    src?: string;
+    information?: string;
+    boxColor?: GlobalColorsProps | (string & {});
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+};
+export declare type GenericAvatarStyled = {
+    boxColor?: GlobalColorsProps | (string & {});
+    theme?: {
+        size: 'small' | 'medium' | 'large';
+    } & ExtendThemeProps;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Badge/badge.test.d.ts

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

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

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IBadgeProps } from './types';
-declare const Badge: FC<IBadgeProps>;
-export default Badge;
+import { FC } from 'react';
+import { IBadgeProps } from './types';
+declare const Badge: FC<IBadgeProps>;
+export default Badge;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { BadgeStyledProps } from './types';
-export declare const BadgeContainer: 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 BadgeCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BadgeStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const BadgeSkeleton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    circle?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { BadgeStyledProps } from './types';
+export declare const BadgeContainer: 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 BadgeCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BadgeStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BadgeSkeleton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    circle?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,12 +1,12 @@
-import { ReactNode } from 'react';
-declare type BadgeTypes = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'informative' | 'success' | 'success_secondary' | 'warning' | 'warning_secondary' | 'error' | 'critical';
-export declare type IBadgeProps = {
-    type: BadgeTypes;
-    isLoading?: boolean;
-    children: ReactNode;
-};
-export declare type BadgeStyledProps = {
-    type: BadgeTypes;
-};
-export {};
+import { ReactNode } from 'react';
+declare type BadgeTypes = 'primary' | 'secondary' | 'tertiary' | 'neutral' | 'informative' | 'success' | 'success_secondary' | 'warning' | 'warning_secondary' | 'error' | 'critical';
+export declare type IBadgeProps = {
+    type: BadgeTypes;
+    isLoading?: boolean;
+    children: ReactNode;
+};
+export declare type BadgeStyledProps = {
+    type: BadgeTypes;
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Button/Button.test.d.ts

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

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from 'react';
-import { ButtonProps } from './types';
-export default function Button({ children, leftIcon, rightIcon, variant, bgColor, size, fullWidth, textColor, type, iconColor, ...props }: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
+import { ButtonHTMLAttributes } from 'react';
+import { ButtonProps } from './types';
+export default function Button({ children, leftIcon, rightIcon, variant, bgColor, size, fullWidth, textColor, type, iconColor, ...props }: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ButtonProps } from './types';
-export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const IconContainer: 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 IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { ButtonProps } from './types';
+export declare const ButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const IconContainer: 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 IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,93 +1,93 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from '../../shared/theme';
-declare type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
-declare type buttonColor = GlobalColorsProps | (string & {});
-declare type responsivePattern<T = any> = {
-    base?: T;
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-};
-declare type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface ButtonProps {
-    /**
-     * The button's properties change making it not clickable and changing it's color.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    disabled?: boolean;
-    /**
-     * The icon to be displayed on the left side of the button.
-     * This property takes priority when rightIcon is passed too.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    leftIcon?: IconName;
-    /**
-     * The icon to be displayed on the right side of the button.
-     * This property has no priority and will **not** be rendered
-     * when leftIcon is passed.
-     *
-     * @default ''
-     * @type IconName
-     * @memberof ButtonProps
-     */
-    rightIcon?: IconName;
-    /**
-     * The button height changes based on the string passed to this prop
-     *
-     * @default 'md'
-     * @type sizeOptions
-     * @memberof ButtonProps
-     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-     */
-    size?: sizeOptions;
-    /**
-     * The button's type, it can be ghost, solid, outline or link.
-     *
-     * @default 'solid'
-     * @example 'solid' | 'outline' | 'ghost' | 'link'
-     * @type buttonVariant
-     * @memberof ButtonProps
-     */
-    variant?: buttonVariant;
-    /**
-     * The button's color, should be passed as a string.
-     *
-     * @default 'primary'
-     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
-     * @type buttonColor
-     * @memberof ButtonProps
-     */
-    bgColor?: buttonColor;
-    iconColor?: GlobalColorsProps | string;
-    /**
-     * Property that makes the button take 100% of the width of the parent component.
-     *
-     * @default false
-     * @example true
-     * @example { base: true, sm: false', md: false }
-     * @example { base: 'md', md: 'xl' }
-     * @type boolean | responsivePattern<boolean>
-     * @memberof ButtonProps
-     */
-    fullWidth?: boolean | responsivePattern<boolean>;
-    /**
-     * The color text of the button.
-     *
-     * @default 'white'
-     * @example 'white' | 'black'
-     * @type string
-     * @memberof ButtonProps
-     */
-    textColor?: buttonColor;
-}
-export {};
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from '../../shared/theme';
+declare type buttonVariant = 'outline' | 'solid' | 'ghost' | 'link';
+declare type buttonColor = GlobalColorsProps | (string & {});
+declare type responsivePattern<T = any> = {
+    base?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+declare type sizeOptions = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface ButtonProps {
+    /**
+     * The button's properties change making it not clickable and changing it's color.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    disabled?: boolean;
+    /**
+     * The icon to be displayed on the left side of the button.
+     * This property takes priority when rightIcon is passed too.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    leftIcon?: IconName;
+    /**
+     * The icon to be displayed on the right side of the button.
+     * This property has no priority and will **not** be rendered
+     * when leftIcon is passed.
+     *
+     * @default ''
+     * @type IconName
+     * @memberof ButtonProps
+     */
+    rightIcon?: IconName;
+    /**
+     * The button height changes based on the string passed to this prop
+     *
+     * @default 'md'
+     * @type sizeOptions
+     * @memberof ButtonProps
+     * @example 'xs' | 'sm' | 'md' | 'lg' | 'xl'
+     */
+    size?: sizeOptions;
+    /**
+     * The button's type, it can be ghost, solid, outline or link.
+     *
+     * @default 'solid'
+     * @example 'solid' | 'outline' | 'ghost' | 'link'
+     * @type buttonVariant
+     * @memberof ButtonProps
+     */
+    variant?: buttonVariant;
+    /**
+     * The button's color, should be passed as a string.
+     *
+     * @default 'primary'
+     * @example 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark'
+     * @type buttonColor
+     * @memberof ButtonProps
+     */
+    bgColor?: buttonColor;
+    iconColor?: GlobalColorsProps | string;
+    /**
+     * Property that makes the button take 100% of the width of the parent component.
+     *
+     * @default false
+     * @example true
+     * @example { base: true, sm: false', md: false }
+     * @example { base: 'md', md: 'xl' }
+     * @type boolean | responsivePattern<boolean>
+     * @memberof ButtonProps
+     */
+    fullWidth?: boolean | responsivePattern<boolean>;
+    /**
+     * The color text of the button.
+     *
+     * @default 'white'
+     * @example 'white' | 'black'
+     * @type string
+     * @memberof ButtonProps
+     */
+    textColor?: buttonColor;
+}
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Card/card.test.d.ts

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { CardProps } from './types';
-export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
+/// <reference types="react" />
+import { CardProps } from './types';
+export declare function Card({ cardPadding, borderRadius, variant, boxShadow, bgColor, children, ...rest }: CardProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { BodyCardProps } from './types';
-export declare const CardBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { BodyCardProps } from './types';
+export declare const CardBody: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BodyCardProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map