plataforma-fundacao-componentes 2.20.21 → 2.20.25

package/README.md

@@ -1,27 +1,37 @@
 # plataforma-fundacao-componentes
 
-> Made with create-react-library
+> feito com create-react-library
 
 [![NPM](https://img.shields.io/npm/v/plataforma-fundacao-componentes.svg)](https://www.npmjs.com/package/plataforma-fundacao-componentes) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 
-## Install
+## Instalar
 
 ```bash
 npm install --save plataforma-fundacao-componentes
 ```
 
-## Usage
+## Usar
 
-```tsx
-import React, { Component } from 'react'
+Dois passos para utilizar os componentes
+
+## 1) Importar o CSS no HOC da sua ferramenta
 
-import MyComponent from 'plataforma-fundacao-componentes'
+```tsx
 import 'plataforma-fundacao-componentes/dist/index.css'
+```
+
+`*HOC: High Order Component: importamos no App.tsx ou App.jsx, mas também pode ser importado no index.tsx ou index.jsx`
+
+## 2) Importar o componente e utilizar :P
+
+```tsx
+import React from 'react'
+import { Button } from 'plataforma-fundacao-componentes'
 
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
+expord default function Example() {
+  return (<Button onClick={() => {
+    console.log('clicou')
+    }}>Clique</Button>)
 }
 ```
 

package/dist/components/button/Button.stories.d.ts

@@ -4,7 +4,9 @@ declare namespace _default {
 }
 export default _default;
 export function Primary(): JSX.Element;
+export function PrimaryLight(): JSX.Element;
 export function PrimaryDisabled(): JSX.Element;
+export function PrimaryLightDisabled(): JSX.Element;
 export function PrimaryLoading(): JSX.Element;
 export function Secondary(): JSX.Element;
 export function SecondaryWhiteBackground(): JSX.Element;

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

@@ -5,6 +5,7 @@ declare namespace _default {
 export default _default;
 export function Primary(): JSX.Element;
 export function Dark(): JSX.Element;
+export function Classic(): JSX.Element;
 export function DisabledOn(): JSX.Element;
 export function DisabledOff(): JSX.Element;
 import Checkbox from "./Checkbox";

package/dist/components/etiqueta/Etiqueta.stories.d.ts

@@ -5,7 +5,7 @@ declare namespace _default {
         export namespace theme {
             export const control: {
                 type: string;
-                options: string[];
+                options: readonly ["programas", "em-edicao", "em-revisao", "em-aprovacao", "finalizado", "aprovado", "reprovado", "cancelado"];
             };
         }
     }