@ffid-br/tailor-ui 0.2.0 → 0.3.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 +3 -3
- package/dist/index.es.js +316 -348
- package/dist/index.umd.js +1 -1
- package/dist/style.css +13 -11
- package/dist/types/components/TailorLoader.d.ts +4 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @ffid-br/tailor-ui
|
|
2
2
|
|
|
3
|
-
Primitivos de marca da Tailor.ia em React:
|
|
3
|
+
Primitivos de marca da Tailor.ia em React: o loader com o ponto verde e a malha Fibonacci, a abertura cinematográfica, o ponto com a malha Fibonacci, a transição login → app, o lockup do produto e a barra lateral padrão dos apps. Antes, cada app mantinha uma cópia desses componentes. Agora todos vêm deste pacote.
|
|
4
4
|
|
|
5
5
|
## Instalação
|
|
6
6
|
|
|
@@ -17,7 +17,7 @@ No CSS de entrada do app, logo depois de `@import "tailwindcss";`:
|
|
|
17
17
|
```css
|
|
18
18
|
@import "tailwindcss";
|
|
19
19
|
@import "@ffid-br/tailor-ui/theme.css"; /* tokens: tailor-green, tailor-ink, font-tailor... */
|
|
20
|
-
@import "@ffid-br/tailor-ui/style.css"; /* animações:
|
|
20
|
+
@import "@ffid-br/tailor-ui/style.css"; /* animações: loader, ponto, entrada */
|
|
21
21
|
@source "../node_modules/@ffid-br/tailor-ui/dist";
|
|
22
22
|
```
|
|
23
23
|
|
|
@@ -32,7 +32,7 @@ A fonte Raleway (e a Roboto, para números) é carregada pelo app.
|
|
|
32
32
|
### `TailorLoader`
|
|
33
33
|
|
|
34
34
|
```tsx
|
|
35
|
-
<TailorLoader /> {/* inline: "
|
|
35
|
+
<TailorLoader /> {/* inline: "Carregando..." */}
|
|
36
36
|
<TailorLoader variant="overlay" label="Entrando" /> {/* tela inteira, bloqueia a interação */}
|
|
37
37
|
<TailorLoader variant="compact" label="Salvando" /> {/* uma linha, para botão ou célula */}
|
|
38
38
|
<TailorLoader detail="3 de 5 contas" />
|