Componentes primitivos
Storybook embedado
Catálogo visual completo está no Storybook. Cada componente tem múltiplas stories, theme switcher (singularidade/integras × light/dark) e Intensity selector (sober/brand/magenta).
Categorias
Foundations
- Color — paleta brand, escalas, gradient
- Typography — Plus Jakarta Sans + JetBrains Mono, scale, weights
- Spacing — escala 4px, radius, shadow
- Motion — durations, easings
- Iconography — Lucide subset + custom ss:*
- Logos — todas as variantes por brand
Vaadin core
- Inputs — text-field, password, integer, number, text-area, combo-box, select, date-picker, checkbox
- Actions — button (primary/secondary/tertiary/danger/success), menu-bar
- Display — avatar, badge, icon, progress-bar
- Layout — vertical/horizontal-layout, split-layout, tabs
- Overlay — dialog, notification, tooltip, popover
Roadmap
- 🚧 Singularidade UI components (BoundFormPanel, ProfileEditCard, AvatarUploadField, AddressField, PhoneField, TaxIdField, EulaAcceptancePanel) — depende da Fase 3 (vaadin-bindings)
- 🚧 Patterns (login flow, CRUD page, empty state, onboarding wizard) — Fase 4 v2