@ffid-br/tailor-ui 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -0
- package/dist/index.es.js +392 -294
- package/dist/index.umd.js +1 -1
- package/dist/style.css +33 -0
- package/dist/types/components/AgenteMascote.d.ts +34 -0
- package/dist/types/components/EquipeDock.d.ts +23 -0
- package/dist/types/index.d.ts +4 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -79,6 +79,26 @@ Lockup: wordmark com 21px de arte e o nome do produto em 18px semibold (tailor-i
|
|
|
79
79
|
|
|
80
80
|
`logoTailor` e `logoTailorBranco` também são exportados (data URI) para outros usos.
|
|
81
81
|
|
|
82
|
+
### `AgenteMascote`
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
<AgenteMascote agente="desk" nome="Alfred" estado="esperando" selo={4} />
|
|
86
|
+
<AgenteMascote agente="pm" nome="PM" estado="desligado" mostrarEstado celula={6} />
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
Personagem 8x8 de cada agente (`desk`, `pergunte`, `pm`, `diretor`), com um único ponto verde. `estado`: `analisando`, `esperando`, `feito` (padrão), `subiu`, `desligado`. O estado vai no rótulo acessível e, com `mostrarEstado`, aparece como ponto quadrado + texto. `celula` é o lado de cada quadradinho em px (padrão 4). Anima em degraus; com menos movimento, para.
|
|
90
|
+
|
|
91
|
+
### `EquipeDock`
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
<EquipeDock agentes={[
|
|
95
|
+
{ chave: 'desk', nome: 'Alfred', estado: 'esperando', selo: 4, conteudo: <FeedDoDesk /> },
|
|
96
|
+
{ chave: 'pergunte', nome: 'Pergunte' }, // sem conteúdo: "Em breve."
|
|
97
|
+
]} />
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
Botão fixo no canto com o mascote do primeiro agente e a soma dos selos. Abre um painel com uma aba por agente.
|
|
101
|
+
|
|
82
102
|
### `TailorSidebar`
|
|
83
103
|
|
|
84
104
|
Barra lateral padrão do accounts, CRM, BI e Pilot. **Uma lista de itens desenha as duas formas**: a barra fixa a partir do breakpoint (expandida com 288px ou recolhida em trilho de 80px, só ícones) e a gaveta no celular. O app não mantém mais uma nav para o `<aside>` e outra para o drawer.
|
|
@@ -233,6 +253,9 @@ npm run build # dist/: index.es.js, index.umd.js, types/, style.css, theme.cs
|
|
|
233
253
|
|
|
234
254
|
## Mudanças
|
|
235
255
|
|
|
256
|
+
### 0.4.0
|
|
257
|
+
- `AgenteMascote` e `EquipeDock`: mascotes 8x8 dos agentes e o painel da equipe (QD-0426).
|
|
258
|
+
|
|
236
259
|
### 0.2.0
|
|
237
260
|
- `TailorSidebar`: barra lateral padrão (marca, seletor de contas + apps, grupos, badges, subitens, trilho recolhido, gaveta no celular com a mesma lista, superfície `auto`/`clara`/`escura`, `renderLink` para o roteador).
|
|
238
261
|
- `TailorUserMenu`: menu do usuário para o rodapé, com conteúdo livre (tema) e ações.
|