@ffid-br/tailor-ui 0.7.1 → 0.9.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 +5 -1
- package/dist/index.es.js +591 -548
- package/dist/index.umd.js +1 -1
- package/dist/style.css +40 -1
- package/dist/types/components/MascoteVetor.d.ts +11 -0
- package/dist/types/components/TailorBrand.d.ts +2 -0
- package/dist/types/components/TailorButton.d.ts +37 -0
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -99,7 +99,7 @@ Personagem 8x8 de cada agente (`desk`, `pergunte`, `pm`, `diretor`), com um úni
|
|
|
99
99
|
|
|
100
100
|
O companheiro animado: olha o cursor, pisca e muda de movimento por estado. Expressão só nos olhos, sem boca nem braços.
|
|
101
101
|
|
|
102
|
-
- Agentes: `desk`, `pergunte`, `pm`, `diretor` (também em pixel) e `sdr`, `cred`, `score`, `pilot`, `flow`, `bi`, `rh` (só vetor: saem em vetor mesmo sem `estilo`).
|
|
102
|
+
- Agentes: `desk`, `pergunte`, `pm`, `diretor` (também em pixel) e `sdr`, `cred`, `score`, `pilot`, `flow`, `bi`, `rh`, `cs` (só vetor: saem em vetor mesmo sem `estilo`).
|
|
103
103
|
- Estados: os cinco do pixel e mais `parado`, `cumprimentando`, `falando`, `erro`. No vetor, `analisando` pensa, `feito` fala, `subiu` comemora, `desligado` dorme.
|
|
104
104
|
- `expressao`: `neutro`, `feliz`, `piscando`, `surpreso`, `bravo`, `triste`, `desconfiado`, `sonolento`, `tonto`. Sem ela, vale o olhar do estado.
|
|
105
105
|
- `tema` veste acessório + objeto: `natal`, `pascoa`, `aniversario`, `halloween`, `copa`, `galaxia`, `premiacao`. Ou solto: `acessorio` (`gorro`, `orelhas`, `festa`, `bruxa`, `bone`, `capacete`, `coroa`) e `objeto` (`presente`, `ovo`, `bolo`, `abobora`, `bola`, `sabre`, `trofeu`).
|
|
@@ -288,6 +288,7 @@ Um jeito só em todo app:
|
|
|
288
288
|
| Tela ou bloco chegando | `<TailorSkeleton />` com `shape` `text`, `table`, `cards` ou `block` |
|
|
289
289
|
| Carregamento sem forma conhecida | `<TailorLoader />` |
|
|
290
290
|
| Campo obrigatório vazio ou inválido | `<TailorField label="Nome" required error="Preencha o nome."><input /></TailorField>`: borda e ponto vermelhos, mensagem ligada ao campo |
|
|
291
|
+
| Botão | `<TailorButton loading={saving} loadingText="Salvando" done={saved}>Salvar</TailorButton>` |
|
|
291
292
|
| Ícone girando num botão | `{saving ? <TailorLoader variant="dot" label="Salvando" /> : <SaveIcon />}` |
|
|
292
293
|
| Botão salvando | `<TailorLoader variant="compact" label="Salvando" />` dentro do botão |
|
|
293
294
|
| Formulário salvo | `<TailorLoader success label="Contato salvo" />` no lugar do formulário + `toast.success(...)` |
|
|
@@ -378,6 +379,9 @@ Página pública: https://ffid-br.github.io/tailor-ui/ (publicada pelo workflow
|
|
|
378
379
|
|
|
379
380
|
## Mudanças
|
|
380
381
|
|
|
382
|
+
### 0.8.0
|
|
383
|
+
- `TailorButton`: botão da marca (`primary`, `secondary`, `ghost`, `dark`, `danger`; `sm`/`md`/`lg`; só ícone). `loading` troca o ícone pelo ponto correndo e bloqueia o clique; `done` mostra o check. O primário segue `--tailor-brand-primary` e o texto `--tailor-brand-on-primary` (o `themeFromWhitelabel` escolhe preto ou branco pelo contraste).
|
|
384
|
+
|
|
381
385
|
### 0.7.1
|
|
382
386
|
- `TailorLoader variant="dot"`: só o ponto, do tamanho do ícone (1em), para trocar spinners dentro de botões. O rótulo vai para o leitor de tela.
|
|
383
387
|
|