@celke/kole-react 0.5.0 → 0.6.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.
Files changed (69) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +968 -638
  3. package/dist/components/Avaliacao/Avaliacao.d.ts +1 -1
  4. package/dist/components/Avatar/GrupoAvatares.d.ts +16 -0
  5. package/dist/components/BlocoCodigo/BlocoCodigo.d.ts +15 -0
  6. package/dist/components/BotaoFechar/BotaoFechar.d.ts +1 -1
  7. package/dist/components/Busca/Busca.d.ts +1 -1
  8. package/dist/components/Calendario/Calendario.d.ts +100 -0
  9. package/dist/components/Calendario/MiniCalendario.d.ts +27 -0
  10. package/dist/components/Calendario/datasCalendario.d.ts +27 -0
  11. package/dist/components/Calendario/repetirEvento.d.ts +26 -0
  12. package/dist/components/Campo/Campo.d.ts +1 -0
  13. package/dist/components/CampoBusca/CampoBusca.d.ts +1 -1
  14. package/dist/components/CampoBusca/CampoCidade.d.ts +1 -1
  15. package/dist/components/CampoMensagem/CampoMensagem.d.ts +20 -1
  16. package/dist/components/Carregando/Carregando.d.ts +1 -1
  17. package/dist/components/ChatFlutuante/ChatFlutuante.d.ts +31 -0
  18. package/dist/components/Conversa/Conversa.d.ts +1 -1
  19. package/dist/components/Estrutura/Estrutura.d.ts +13 -2
  20. package/dist/components/Form/Form.d.ts +1 -1
  21. package/dist/components/Girador/Girador.d.ts +1 -1
  22. package/dist/components/Grafico/GraficoRosca.d.ts +31 -0
  23. package/dist/components/Grafico/MolduraGrafico.d.ts +36 -1
  24. package/dist/components/Grafico/escalas.d.ts +3 -0
  25. package/dist/components/InicioConversa/InicioConversa.d.ts +29 -0
  26. package/dist/components/Kanban/CartaoKanban.d.ts +35 -0
  27. package/dist/components/Kanban/Kanban.d.ts +62 -0
  28. package/dist/components/Kanban/Pecas.d.ts +30 -0
  29. package/dist/components/Kanban/tipos.d.ts +35 -0
  30. package/dist/components/ListaCards/ListaCards.d.ts +1 -1
  31. package/dist/components/ListaConversas/ListaConversas.d.ts +40 -0
  32. package/dist/components/ListaTarefas/ListaTarefas.d.ts +52 -0
  33. package/dist/components/Mensagem/Mensagem.d.ts +1 -1
  34. package/dist/components/NavegadorPeriodo/NavegadorPeriodo.d.ts +28 -0
  35. package/dist/components/Picklist/Picklist.d.ts +1 -1
  36. package/dist/components/Preferencias/Preferencias.d.ts +25 -2
  37. package/dist/components/QuadroArrastavel/QuadroArrastavel.d.ts +59 -6
  38. package/dist/components/Referencias/Referencias.d.ts +1 -1
  39. package/dist/components/SeletorContexto/SeletorContexto.d.ts +32 -0
  40. package/dist/components/SeletorIdioma/Bandeira.d.ts +10 -0
  41. package/dist/components/SeletorIdioma/SeletorIdioma.d.ts +23 -0
  42. package/dist/components/Site/CampoPesquisa.d.ts +1 -1
  43. package/dist/components/Site/CardPlano.d.ts +1 -1
  44. package/dist/components/Site/Newsletter.d.ts +1 -1
  45. package/dist/components/Site/SumarioPagina.d.ts +1 -1
  46. package/dist/components/Tabela/Tabela.d.ts +1 -1
  47. package/dist/components/TelaLogin/TelaLogin.d.ts +1 -1
  48. package/dist/components/Valor/Valor.d.ts +53 -0
  49. package/dist/estilos.css +1 -1
  50. package/dist/i18n/contexto.d.ts +15 -0
  51. package/dist/i18n/en.d.ts +3 -0
  52. package/dist/i18n/es.d.ts +3 -0
  53. package/dist/i18n/idiomas.d.ts +41 -0
  54. package/dist/i18n/pt-BR.d.ts +545 -0
  55. package/dist/i18n/textos.d.ts +17 -0
  56. package/dist/index.d.ts +30 -2
  57. package/dist/index.js +8861 -3938
  58. package/dist/index.js.map +1 -1
  59. package/dist/tailwind.css +96 -96
  60. package/dist/tokens.css +489 -489
  61. package/dist/utils/dinheiro.d.ts +49 -0
  62. package/dist/utils/entidade.d.ts +3 -2
  63. package/dist/utils/periodo.d.ts +36 -0
  64. package/dist/utils/senha.d.ts +2 -1
  65. package/dist/utils/tempo.d.ts +32 -0
  66. package/dist/utils/texto.d.ts +12 -5
  67. package/dist/utils/tiposCampo.d.ts +3 -1
  68. package/dist/utils/validadores.d.ts +4 -2
  69. package/package.json +93 -91
package/dist/tailwind.css CHANGED
@@ -1,96 +1,96 @@
1
- /* ============================================================
2
- Celke Kole — ponte com o Tailwind 4 (opcional).
3
- Importe no CSS do app, DEPOIS do Tailwind:
4
-
5
- @layer theme, base, kole, components, utilities;
6
- @import 'tailwindcss';
7
- @import '@celke/kole-react/tailwind.css';
8
-
9
- - `dark:` passa a seguir o tema do kole (<html data-theme>), não o do
10
- sistema — com `data-theme="system"`, segue o sistema.
11
- - Os tokens viram utilitários com o MESMO nome: --pri → bg-pri,
12
- --ink → text-ink, --border → border-border, --r-card → rounded-card.
13
- São `var(--token)`, então trocam de tema junto com o kole.
14
- ============================================================ */
15
-
16
- @custom-variant dark {
17
- &:where([data-theme='dark'], [data-theme='dark'] *, .theme-dark, .theme-dark *) {
18
- @slot;
19
- }
20
- @media (prefers-color-scheme: dark) {
21
- &:where([data-theme='system'], [data-theme='system'] *) {
22
- @slot;
23
- }
24
- }
25
- }
26
-
27
- @theme inline {
28
- /* superfícies e texto */
29
- --color-bg: var(--bg);
30
- --color-surface: var(--surface);
31
- --color-surf-2: var(--surf-2);
32
- --color-surf-3: var(--surf-3);
33
- --color-surf-raised: var(--surf-raised);
34
- --color-border: var(--border);
35
- --color-border-2: var(--border-2);
36
- --color-ink: var(--ink);
37
- --color-t2: var(--t2);
38
- --color-t3: var(--t3);
39
- --color-t4: var(--t4);
40
- --color-t5: var(--t5);
41
- --color-tdis: var(--tdis);
42
-
43
- /* marca e ação */
44
- --color-pri: var(--pri);
45
- --color-pri-bg: var(--pri-bg);
46
- --color-pri-bd: var(--pri-bd);
47
- --color-pri-ink: var(--pri-ink);
48
- --color-on-pri: var(--on-pri);
49
- --color-navy: var(--navy);
50
- --color-acento: var(--acento);
51
- --color-destaque-ink: var(--destaque-ink);
52
- --color-destaque-fg: var(--destaque-fg);
53
-
54
- /* severidades */
55
- --color-ok-fg: var(--ok-fg);
56
- --color-ok-bg: var(--ok-bg);
57
- --color-ok-bd: var(--ok-bd);
58
- --color-ok-solid: var(--ok-solid);
59
- --color-warn-fg: var(--warn-fg);
60
- --color-warn-bg: var(--warn-bg);
61
- --color-warn-bd: var(--warn-bd);
62
- --color-warn-solid: var(--warn-solid);
63
- --color-err-fg: var(--err-fg);
64
- --color-err-bg: var(--err-bg);
65
- --color-err-bd: var(--err-bd);
66
- --color-err-solid: var(--err-solid);
67
- --color-info-fg: var(--info-fg);
68
- --color-info-bg: var(--info-bg);
69
- --color-info-bd: var(--info-bd);
70
- --color-info-solid: var(--info-solid);
71
-
72
- /* raios */
73
- --radius-field: var(--r-field);
74
- --radius-btn: var(--r-btn);
75
- --radius-card: var(--r-card);
76
- --radius-dialog: var(--r-dialog);
77
- --radius-pill: var(--r-pill);
78
-
79
- /* site público: max-w-site, rounded-site, shadow-site, text-site-hero,
80
- text-site-escuro-t3 (texto sobre o marinho)… */
81
- --container-site: var(--site-largura);
82
- --radius-site: var(--r-site);
83
- --radius-site-2: var(--r-site-2);
84
- --shadow-site: var(--sombra-site);
85
- --text-site-hero: var(--fs-site-hero);
86
- --text-site-titulo: var(--fs-site-titulo);
87
- --text-site-secao: var(--fs-site-secao);
88
- --color-site-escuro-ink: var(--site-escuro-ink);
89
- --color-site-escuro-t2: var(--site-escuro-t2);
90
- --color-site-escuro-t3: var(--site-escuro-t3);
91
- --color-site-escuro-t4: var(--site-escuro-t4);
92
-
93
- /* fontes: o font-sans/font-mono do Tailwind viram as do kole */
94
- --font-sans: var(--font-ui);
95
- --font-mono: var(--lp-font-mono);
96
- }
1
+ /* ============================================================
2
+ Celke Kole — ponte com o Tailwind 4 (opcional).
3
+ Importe no CSS do app, DEPOIS do Tailwind:
4
+
5
+ @layer theme, base, kole, components, utilities;
6
+ @import 'tailwindcss';
7
+ @import '@celke/kole-react/tailwind.css';
8
+
9
+ - `dark:` passa a seguir o tema do kole (<html data-theme>), não o do
10
+ sistema — com `data-theme="system"`, segue o sistema.
11
+ - Os tokens viram utilitários com o MESMO nome: --pri → bg-pri,
12
+ --ink → text-ink, --border → border-border, --r-card → rounded-card.
13
+ São `var(--token)`, então trocam de tema junto com o kole.
14
+ ============================================================ */
15
+
16
+ @custom-variant dark {
17
+ &:where([data-theme='dark'], [data-theme='dark'] *, .theme-dark, .theme-dark *) {
18
+ @slot;
19
+ }
20
+ @media (prefers-color-scheme: dark) {
21
+ &:where([data-theme='system'], [data-theme='system'] *) {
22
+ @slot;
23
+ }
24
+ }
25
+ }
26
+
27
+ @theme inline {
28
+ /* superfícies e texto */
29
+ --color-bg: var(--bg);
30
+ --color-surface: var(--surface);
31
+ --color-surf-2: var(--surf-2);
32
+ --color-surf-3: var(--surf-3);
33
+ --color-surf-raised: var(--surf-raised);
34
+ --color-border: var(--border);
35
+ --color-border-2: var(--border-2);
36
+ --color-ink: var(--ink);
37
+ --color-t2: var(--t2);
38
+ --color-t3: var(--t3);
39
+ --color-t4: var(--t4);
40
+ --color-t5: var(--t5);
41
+ --color-tdis: var(--tdis);
42
+
43
+ /* marca e ação */
44
+ --color-pri: var(--pri);
45
+ --color-pri-bg: var(--pri-bg);
46
+ --color-pri-bd: var(--pri-bd);
47
+ --color-pri-ink: var(--pri-ink);
48
+ --color-on-pri: var(--on-pri);
49
+ --color-navy: var(--navy);
50
+ --color-acento: var(--acento);
51
+ --color-destaque-ink: var(--destaque-ink);
52
+ --color-destaque-fg: var(--destaque-fg);
53
+
54
+ /* severidades */
55
+ --color-ok-fg: var(--ok-fg);
56
+ --color-ok-bg: var(--ok-bg);
57
+ --color-ok-bd: var(--ok-bd);
58
+ --color-ok-solid: var(--ok-solid);
59
+ --color-warn-fg: var(--warn-fg);
60
+ --color-warn-bg: var(--warn-bg);
61
+ --color-warn-bd: var(--warn-bd);
62
+ --color-warn-solid: var(--warn-solid);
63
+ --color-err-fg: var(--err-fg);
64
+ --color-err-bg: var(--err-bg);
65
+ --color-err-bd: var(--err-bd);
66
+ --color-err-solid: var(--err-solid);
67
+ --color-info-fg: var(--info-fg);
68
+ --color-info-bg: var(--info-bg);
69
+ --color-info-bd: var(--info-bd);
70
+ --color-info-solid: var(--info-solid);
71
+
72
+ /* raios */
73
+ --radius-field: var(--r-field);
74
+ --radius-btn: var(--r-btn);
75
+ --radius-card: var(--r-card);
76
+ --radius-dialog: var(--r-dialog);
77
+ --radius-pill: var(--r-pill);
78
+
79
+ /* site público: max-w-site, rounded-site, shadow-site, text-site-hero,
80
+ text-site-escuro-t3 (texto sobre o marinho)… */
81
+ --container-site: var(--site-largura);
82
+ --radius-site: var(--r-site);
83
+ --radius-site-2: var(--r-site-2);
84
+ --shadow-site: var(--sombra-site);
85
+ --text-site-hero: var(--fs-site-hero);
86
+ --text-site-titulo: var(--fs-site-titulo);
87
+ --text-site-secao: var(--fs-site-secao);
88
+ --color-site-escuro-ink: var(--site-escuro-ink);
89
+ --color-site-escuro-t2: var(--site-escuro-t2);
90
+ --color-site-escuro-t3: var(--site-escuro-t3);
91
+ --color-site-escuro-t4: var(--site-escuro-t4);
92
+
93
+ /* fontes: o font-sans/font-mono do Tailwind viram as do kole */
94
+ --font-sans: var(--font-ui);
95
+ --font-mono: var(--lp-font-mono);
96
+ }