@esperanca-ui/componentes 2.2.0 → 2.8.2
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/COMPONENTS.md +10 -1
- package/README.md +3 -0
- package/dist/componentes-esperanca.es.js +6600 -6078
- package/dist/componentes-esperanca.es.js.map +1 -1
- package/dist/componentes-esperanca.umd.js +51 -51
- package/dist/componentes-esperanca.umd.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.d.ts +2 -1
- package/dist/components/TaskCalendar/TaskCalendar.d.ts +57 -0
- package/dist/components/TaskCard/TaskCard.d.ts +30 -0
- package/dist/components/TaskPriorityBadge/TaskPriorityBadge.d.ts +14 -0
- package/dist/components/TaskStatusBadge/TaskStatusBadge.d.ts +21 -0
- package/dist/index.d.ts +9 -0
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/COMPONENTS.md
CHANGED
|
@@ -77,6 +77,11 @@ export function TopQuickActions() {
|
|
|
77
77
|
|
|
78
78
|
- `Background` entrega a superficie e os patterns. Blobs borrados, cards glass e outros adornos dos exemplos continuam sendo estilos da aplicacao consumidora.
|
|
79
79
|
- `PageHeader` aceita qualquer `actions`, mas o layout do grupo de acoes continua sendo responsabilidade do app.
|
|
80
|
+
- `Sidebar` agora expõe `surface="default" | "soft" | "glass"` como API publica para definir a superficie do menu lateral.
|
|
81
|
+
- `TaskStatusBadge` e `TaskPriorityBadge` foram pensados como blocos base para agenda, cards de tarefa, timeline e Gantt.
|
|
82
|
+
- Ambos aceitam presets prontos e tambem `name` + `colors` para cenarios customizados sem criar outro componente.
|
|
83
|
+
- `TaskCard` e um wrapper de alto nivel sobre `Card`, herdando as mesmas variantes (`elevated`, `outlined`, `filled`, `glass`) e props visuais como `interactive`, `glassOpacity` e `glassBlur`.
|
|
84
|
+
- `TaskCalendar` usa o mesmo contrato visual do `Card` e agora suporta `month`, `week` e `day`. No mes as tarefas ficam pequenas como badges; em semana e dia o padrao vira card com mais contexto.
|
|
80
85
|
|
|
81
86
|
## Componentes Publicos
|
|
82
87
|
|
|
@@ -98,7 +103,11 @@ export function TopQuickActions() {
|
|
|
98
103
|
| `Portal` | `import { Portal } from '@esperanca-ui/componentes'` | `<Portal><div>Overlay</div></Portal>` |
|
|
99
104
|
| `Radio` | `import { Radio } from '@esperanca-ui/componentes'` | `<Radio label="Opcao A" />` |
|
|
100
105
|
| `RadioGroup` | `import { RadioGroup } from '@esperanca-ui/componentes'` | `<RadioGroup name="status" options={[...]} />` |
|
|
101
|
-
| `Sidebar` | `import { Sidebar } from '@esperanca-ui/componentes'` | `<Sidebar sections={[...]} />` |
|
|
106
|
+
| `Sidebar` | `import { Sidebar } from '@esperanca-ui/componentes'` | `<Sidebar sections={[...]} surface="glass" />` |
|
|
107
|
+
| `TaskStatusBadge` | `import { TaskStatusBadge } from '@esperanca-ui/componentes'` | `<TaskStatusBadge status="in_progress" />` |
|
|
108
|
+
| `TaskPriorityBadge` | `import { TaskPriorityBadge } from '@esperanca-ui/componentes'` | `<TaskPriorityBadge priority="high" />` |
|
|
109
|
+
| `TaskCard` | `import { TaskCard } from '@esperanca-ui/componentes'` | `<TaskCard title="Revisar agenda" status="in_progress" />` |
|
|
110
|
+
| `TaskCalendar` | `import { TaskCalendar } from '@esperanca-ui/componentes'` | `<TaskCalendar tasks={tasks} defaultDate="2026-03-01" showViewSwitcher />` |
|
|
102
111
|
| `DataTable` | `import { DataTable } from '@esperanca-ui/componentes'` | `<DataTable columns={columns} data={data} />` |
|
|
103
112
|
| `Textarea` | `import { Textarea } from '@esperanca-ui/componentes'` | `<Textarea label="Descricao" />` |
|
|
104
113
|
| `ThemeProvider` | `import { ThemeProvider } from '@esperanca-ui/componentes'` | `<ThemeProvider defaultTheme="system"><App /></ThemeProvider>` |
|
package/README.md
CHANGED
|
@@ -109,6 +109,8 @@ import { DataTable, Sidebar, FormSidebar, Input, ComboBox, Checkbox, Radio, Radi
|
|
|
109
109
|
import '@esperanca-ui/componentes/style.css';
|
|
110
110
|
```
|
|
111
111
|
|
|
112
|
+
Tambem inclui componentes para gestao de projetos, como `TaskStatusBadge`, `TaskPriorityBadge`, `TaskCard` e `TaskCalendar`.
|
|
113
|
+
|
|
112
114
|
## Quick Actions de Topo
|
|
113
115
|
|
|
114
116
|
O CSS publico tambem inclui classes `esp-*` para acoes rapidas com `Button`, como `esp-quick-action`, `esp-quick-action-expand`, `esp-quick-action-outline`, `esp-quick-action-soft` e `esp-quick-action-glass`.
|
|
@@ -125,4 +127,5 @@ npm run build-storybook
|
|
|
125
127
|
- Wiki tecnica: `docs/wiki-componentes-react.md`
|
|
126
128
|
- Funcoes/exports: `docs/functions.md`
|
|
127
129
|
- Componentes: `docs/components.md`
|
|
130
|
+
- Roadmap de gestao de projetos: `docs/componentes-gestao-projetos.md`
|
|
128
131
|
- Tutorial de instalacao em outro projeto: `docs/tutorial-instalacao-pacote-npm-gitlab.md`
|