Pular para o conteúdo
A
Changelog

Novidades

Tudo que entrou em cada versão dos pacotes do Aura UI — direto dos changelogs publicados no npm.

  1. v0.3.1

    Mais recente

    Correções encontradas ao montar o novo site de docs (demos ao vivo de todos os componentes):

    • aura-ui-tailwind: as classes aura-* agora ficam em @layer components, então utilitários do Tailwind (rounded-*, shadow-*, bg-*, absolute…) passam a sobrescrevê-las; dark: segue a classe .dark e os temas escuros, não só o sistema operacional.
    • aura-ui-components, aura-ui-effects, aura-ui-native: correções de acessibilidade, layout e variantes listadas no site (Slider com várias alças e nome acessível, Skeleton com shimmer por padrão, anel gradiente do Avatar, OrbitingCircles que orbita de verdade, AnimatedBeam desenhando no React 19, PressableScale com o layout na área de toque, textos legíveis em gradientes claros, entre outras).
    • Todos os pacotes: homepage aponta para o site de docs (o repositório passa a ser privado).
    todos os pacotes

    Utilities de cor seguem data-theme aninhado

    • O preset passa a declarar as cores, sombras, raio, fonte e ease em @theme inline: bg-aura-primary, text-aura-surface-foreground, border-aura-border etc. viram hsl(var(--aura-*)) e resolvem o token no próprio elemento.
    • Antes elas apontavam para var(--color-aura-*), calculada uma vez no :root; um data-theme (ou .dark) num card, preview ou seção mudava os tokens --aura-*, mas botões e inputs continuavam com as cores do tema do <html>.
    • Tema no <html> continua igual. Quem usa var(--color-aura-*) direto no próprio CSS segue recebendo a variável no :root.
    aura-ui-tailwind
  2. v0.3.0

    Aura UI para React Native (aura-ui-native)

    • Novo pacote aura-ui-native: design system React Native sem dependências nativas (Expo Go e bare, RN ≥ 0.79). AuraProvider com os 33 temas do web (paletas geradas do CSS do core), modo claro/escuro/sistema, overrides de cores/raio/fontes e LinearGradient/BlurView plugáveis.
    • Layout por tokens (Box, VStack/HStack, Screen, Divider), Text/Heading, Button (9 variantes), Card, formulários (Input, Switch, Checkbox, RadioGroup, SegmentedControl, Chip, OTPInput, Select), exibição (Badge, Avatar, Alert, Progress, Skeleton, ListItem, EmptyState) e overlays (Dialog, BottomSheet, ActionSheet, Toast).
    • makeStyles/useStyles/useAura para estilos próprios que seguem o tema.
    • aura-ui-mcp: catálogo inclui os componentes nativos (category: "native", platform: "native") e get_setup ganha mode: "native".
    • Storybook: galeria "Native/\*" renderizada via react-native-web numa moldura de celular.
    todos os pacotes

    Temas escuros mantêm a própria superfície com .dark

    • Fix: ao escolher midnight, cyber, synthwave, matrix, volcano, grape, obsidian ou terminal pelo ThemeProvider, a classe .dark no <html> sobrescrevia --aura-surface, --aura-muted, --aura-border e os foregrounds do tema com o escuro genérico. Os blocos desses temas agora também casam com .dark[data-theme="…"] e vencem o .dark genérico; temas claros no modo escuro continuam iguais
    • registry/lib/themes.css sincronizado; teste novo resolve a cascata de data-theme + .dark no mesmo elemento
    aura-ui-core
  3. v0.2.1

    Links do npm e READMEs corrigidos

    • repository, homepage e bugs apontavam para github.com/aura-ui/aura-ui, que redireciona para outro projeto (ora-ui). Agora apontam para github.com/Adilson2902/aura-ui (homepage = pasta do pacote).
    • READMEs atualizados: aura-ui-components com o catálogo completo (73 componentes) e a instalação com tailwind.css; 33 temas no core/preset; bin aura-ui-cli; links para o repositório.
    • CLI: aura init não grava mais $schema: https://aura-ui.dev/schema.json (domínio inexistente); homepage do registry aponta para o GitHub.
    aura-ui-cliaura-ui-coreaura-ui-effectsaura-ui-tailwindaura-ui-threeaura-ui-components
  4. v0.2.0

    O registry é empacotado junto (registry/ no pacote) — antes aura add procurava a raiz do monorepo e falhava instalado do npm (e até no build local).

    aura-ui-cli

    Novo bin aura-ui-cli, para npx aura-ui-cli init funcionar; --version lê a versão do package.json.

    aura-ui-cli

    aura init gera só @import "aura-ui-tailwind" (o preset já inclui tokens/primitivas) e sugere npx aura-ui-cli add.

    aura-ui-cli

    Catálogo v3 — 22 componentes novos, overlays animados e APIs mais flexíveis

    • 22 novos componentes: AlertDialog, HoverCard, ContextMenu, Collapsible, Command/CommandDialog (cmdk), Combobox (simples/múltiplo), Drawer (arrastar p/ fechar), Field (label/descrição/erro com ARIA automático), InputGroup, InputOTP, NumberInput, FileUpload, Calendar (single/range, sem deps), DatePicker/DateRangePicker, ButtonGroup, AspectRatio, CopyButton, Typography (Heading/Text/InlineCode/Prose), Banner, Carousel (scroll-snap, sem deps), TestimonialCard/TestimonialGrid, LogoCloud (grid/marquee)
    • Core: animações de overlay por data-state (aura-overlay, aura-pop, aura-sheet, aura-expandable, aura-toast) com saída animada e prefers-reduced-motion
    • Fix: Dialog/Sheet/Popover/Menu/Select/Tooltip não animavam (classes animate-in de um plugin não instalado / transições que o Radix não espera); Accordion, Toggle gradient e Rating gradient usavam variantes Tailwind em classes CSS puras (ignoradas pelo Tailwind v4); seta do Tooltip era cortada; Toast semântico era transparente sobre a página
    • APIs: Button (loading, loadingText, leftIcon/rightIcon, fullWidth, tamanhos xs/xl/icon-sm/icon-lg, variantes accent/destructive/link); Card (padding, interactive, asChild, CardAction); size em Input/Select/Badge/Switch/Checkbox/Radio; Dialog/Sheet (size, showClose, closeLabel); Tabs (5 estilos + vertical); Accordion (4 estilos); Toast (6 posições, ações, toast.success/error/warning/info, pausa no hover); Avatar (shape, AvatarGroup); Checkbox indeterminado; RadioGroupCard; SimpleTooltip; SelectSeparator
    • Tailwind preset: aura-destructive-foreground, shadow-aura-4/shadow-aura-5
    • Registry/CLI: 40 arquivos do registry eram export * relativos ao monorepo (quebravam no aura add) — agora pnpm registry:sync gera cópias completas e deps reais (98 itens); arquivos lib vão p/ aliases.lib; aura add lista o pnpm add necessário
    aura-ui-cliaura-ui-coreaura-ui-tailwindaura-ui-components

    Catálogo v2 — 33 temas, 51 componentes e blocos de página

    • 33 temas data-theme (23 novos: amber, emerald, cherry, lavender, matrix, arctic, desert, volcano, grape, mint, steel, peach, indigo, lime, sakura, obsidian, solar, aqua, candy, mono, terminal, bubblegum, caramel) + AURA_DARK_THEMES, AURA_THEME_LABELS e isDarkTheme() no core
    • 15 novos componentes de página: Hero, Section/Container/SectionHeading, FeatureGrid/FeatureCard, PricingCard/PricingGrid, CallToAction, Footer, Sidebar/SidebarItem/AppShell, Steps, Timeline, Rating, TagsInput, Meter, CodeBlock, Blockquote, Toggle/ToggleGroup
    • Variantes ≥5 em tudo (limpas, 3D, animadas): Input/Textarea 7 (incl. 3d com bevel), Card 9, Table 6 (clean, striped, bordered, glass, 3d), Spinner 5 (dots, bars, pulse, gradient), Kbd 5, Separator 5, Avatar 5 anéis
    • Fix: themes.css agora é importado pelo preset (data-theme antes não tinha efeito); ThemeProvider usa conjunto dinâmico de temas escuros; ThemeSwitcher usa labels do core
    • Registry: 76 itens (61 → 76); Storybook: stories "Page Blocks" + "Theme Gallery"; testes de contrato (≥5 variantes, temas com bloco CSS completo)
    aura-ui-coreaura-ui-tailwindaura-ui-components

    Novo aura-ui-effects/tailwind.css com @source dos efeitos, para o Tailwind v4 gerar as classes quando instalado como pacote.

    aura-ui-effects

    preset.css importa o core por nome de pacote (aura-ui-core/styles/*) em vez de caminhos do monorepo (../../core/...) — antes o preset quebrava instalado do npm; aura-ui-core virou dependência.

    aura-ui-tailwind

    Removidos os @source relativos ao monorepo: cada pacote de componentes agora traz seu tailwind.css (@import "aura-ui-components/tailwind.css").

    aura-ui-tailwind

    Novo aura-ui-three/tailwind.css com @source do pacote.

    aura-ui-three

    aura-ui-core passou de peerDependency para dependency (é importado em runtime).

    aura-ui-three

    Novo aura-ui-components/tailwind.css com @source dos componentes, para o Tailwind v4 gerar as classes quando instalado como pacote.

    aura-ui-components