@pedidopago/ui 1.3.29 → 1.4.0

package/README.md

@@ -1,93 +1,93 @@
-<h1 align="center">
-  <img src="https://user-images.githubusercontent.com/75874462/145101826-9244932f-7072-4727-9124-8c26620ad786.png" alt="Logo"/>
-  <br/>
-</h1>
-
-<div align="center">
-  <img src="https://img.shields.io/badge/React-v17.0.2-1DD195?style=for-the-badge&logo=react&link=http://google.com" />
-  <img src="https://img.shields.io/badge/Emotion-v11.3.0-1DD195?style=for-the-badge&logo=styled-components" />
-  <img src="https://img.shields.io/badge/Storybook-v6.3.7-1DD195?style=for-the-badge&logo=storybook" />
-  <img src="https://img.shields.io/badge/React Testing Library-v11.1.0-1DD195?style=for-the-badge&logo=testinglibrary" />
-  <img src="https://img.shields.io/badge/FrameMotion-v4.1.17-1DD195?style=for-the-badge&logo=framer" />
-  <img src="https://img.shields.io/badge/Typescript-v4.3.5-1DD195?style=for-the-badge&logo=typescript" />
-</div>
-
-<p align="center">
-  <a href="#iniciar-">Iniciar&nbsp;</a> | &nbsp;
-  <a href="#estrutura-de-codigo-">Estrutura de codigo&nbsp;</a> | &nbsp;
-  <a href="#roadmap-">Roadmap&nbsp;</a> | &nbsp;
-  <a href="#contribuir-">Contribuir&nbsp;</a> 
-</p>
-
-## Iniciar 🚀
-  
-  ### Requisitos:
-  - [Nodejs](https://github.com/nodejs/node)
-  - [Yarn](https://github.com/yarnpkg/yarn)
-
-  ### Instalação:
-
-  1. Clone o Repositorio
-  
-  ``` bash
-  git clone git@github.com:pedidopago/pedidopago-ui.git 
-  ```
-
-  2. Instalar as dependencias:
-  
-  ```bash 
-  yarn
-  ```
-
-  ### Executar o projeto localmente:
-  
-  Iniciar o projeto com o storybook:
-  
-  ```bash 
-  yarn storybook
-  ```
-
-  Para executar os testes use o script: 
-  
-  ```bash
-  yarn test
-  ```
-
-  > Para mais detalhes dos scripts considere consultar o package.json na raiz do projeto.
-
-  #### 📌 Ira precisar tambem das variaveis de ambiente `CHROMATIC_PROJECT_TOKEN` e `SKIP_PREFLIGHT_CHECK`.
-
-
-## Estrutura de codigo
-
-
-
-> Ao entrar no projeto sempre entre em `packages/pedidopago-ui` para trabalhar/executar os scripts
-
-## Roadmap 🌐
-
-- [ ] Mudar a estrutura de pastas
-
-- [ ] Sessão de novos componentes
-
-- [ ] Atualização de pacotes
-
-- [ ] Incrementação dos testes
-
-- [ ] Melhorias na documentação
-
-- [ ] Adicionar license
-
-## Contribuir 💡
-
-1. Crie uma branch apartir da **`dev`** com o prefixo **`lib`-[número da issue]-[nome da issue]**.
-exemplo:
-```bash
- git checkout -b lib-99-buttom
-```
-2. Desenvolver
-
-3. Criar a pull request
- - Número da issue no inicio da pr.
- - Descritivo com pontos importantes do que foi feito.
- - Print dos tests no terminal e video de apresentação que pode ser feito via [loom](https://www.loom.com/).
+<h1 align="center">
+  <img src="https://user-images.githubusercontent.com/75874462/145101826-9244932f-7072-4727-9124-8c26620ad786.png" alt="Logo"/>
+  <br/>
+</h1>
+
+<div align="center">
+  <img src="https://img.shields.io/badge/React-v17.0.2-1DD195?style=for-the-badge&logo=react&link=http://google.com" />
+  <img src="https://img.shields.io/badge/Emotion-v11.3.0-1DD195?style=for-the-badge&logo=styled-components" />
+  <img src="https://img.shields.io/badge/Storybook-v6.3.7-1DD195?style=for-the-badge&logo=storybook" />
+  <img src="https://img.shields.io/badge/React Testing Library-v11.1.0-1DD195?style=for-the-badge&logo=testinglibrary" />
+  <img src="https://img.shields.io/badge/FrameMotion-v4.1.17-1DD195?style=for-the-badge&logo=framer" />
+  <img src="https://img.shields.io/badge/Typescript-v4.3.5-1DD195?style=for-the-badge&logo=typescript" />
+</div>
+
+<p align="center">
+  <a href="#iniciar-">Iniciar&nbsp;</a> | &nbsp;
+  <a href="#estrutura-de-codigo-">Estrutura de codigo&nbsp;</a> | &nbsp;
+  <a href="#roadmap-">Roadmap&nbsp;</a> | &nbsp;
+  <a href="#contribuir-">Contribuir&nbsp;</a> 
+</p>
+
+## Iniciar 🚀
+  
+  ### Requisitos:
+  - [Nodejs](https://github.com/nodejs/node)
+  - [Yarn](https://github.com/yarnpkg/yarn)
+
+  ### Instalação:
+
+  1. Clone o Repositorio
+  
+  ``` bash
+  git clone git@github.com:pedidopago/pedidopago-ui.git 
+  ```
+
+  2. Instalar as dependencias:
+  
+  ```bash 
+  yarn
+  ```
+
+  ### Executar o projeto localmente:
+  
+  Iniciar o projeto com o storybook:
+  
+  ```bash 
+  yarn storybook
+  ```
+
+  Para executar os testes use o script: 
+  
+  ```bash
+  yarn test
+  ```
+
+  > Para mais detalhes dos scripts considere consultar o package.json na raiz do projeto.
+
+  #### 📌 Ira precisar tambem das variaveis de ambiente `CHROMATIC_PROJECT_TOKEN` e `SKIP_PREFLIGHT_CHECK`.
+
+
+## Estrutura de codigo
+
+
+
+> Ao entrar no projeto sempre entre em `packages/pedidopago-ui` para trabalhar/executar os scripts
+
+## Roadmap 🌐
+
+- [ ] Mudar a estrutura de pastas
+
+- [ ] Sessão de novos componentes
+
+- [ ] Atualização de pacotes
+
+- [ ] Incrementação dos testes
+
+- [ ] Melhorias na documentação
+
+- [ ] Adicionar license
+
+## Contribuir 💡
+
+1. Crie uma branch apartir da **`dev`** com o prefixo **`lib`-[número da issue]-[nome da issue]**.
+exemplo:
+```bash
+ git checkout -b lib-99-buttom
+```
+2. Desenvolver
+
+3. Criar a pull request
+ - Número da issue no inicio da pr.
+ - Descritivo com pontos importantes do que foi feito.
+ - Print dos tests no terminal e video de apresentação que pode ser feito via [loom](https://www.loom.com/).

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