Changelog

O que mudou no Camaleo, do mais novo para o mais antigo. Nada foi publicado no npm ainda; tudo abaixo leva até a 1.0.

1.0 — Não lançadaCopy Anchor Link

A 1.0 vai ser a primeira versão no npm. Ela está sendo terminada agora: o site de documentação (este), uma última passada na biblioteca e a preparação da publicação. Até lá, os pacotes estão em 0.0.0 e as entradas abaixo são a história do repositório.

Acabamento dos estilosCopy Anchor Link

30 out. 2026 · estilos

• material: abas verticais ganham o indicador na lateral em vez do sublinhado embaixo.
• glass: as linhas entre etapas futuras de um Stepper continuam visíveis no modo claro.
• neubrutalism: texto direto num Alert mantém 4,5:1.
• progressive: o item de perigo realçado de um menu escuro chega a 4,5:1 (era 4,43:1).
• O × do Drawer fica na linha do título em todos os estilos, também quando há descrição.
• O preenchimento do Slider fica centrado na trilha (estava 1 px fora no editorial, y2k, neumorphism e retro).
• retro: o AppShell ganha bisel de janela. neumorphism: sombra clara mais suave.

Menus, steppers, tabelas e maisCopy Anchor Link

30 out. 2026 · biblioteca

• Overlays. Itens de rádio e submenus no Menu e no ContextMenu, itens de checkbox no ContextMenu, e o Tab fecha o menu. O Toggletip não anuncia mais um diálogo. Um DrawerBody que rola recebe foco. Um Popover alto é limitado à tela. Os toasts mapeiam os tipos loading e error e respeitam o limit. O Ctrl+K não abre mais o CommandPalette a partir de outro campo de texto.
• Exibição. sentiment no StatDelta, para métricas em que cair é bom. EmptyStateTitle aceita as. O ProgressCircle anuncia o texto do valor. Novos TableCaption e TableFooter. Um card pode virar um link inteiro. O CodeBlock rola como região nomeada e realça comentários conforme a linguagem. O Carousel segue o padrão de abas.
• Navegação. O Stepper ganha activeStep, status de erro e um StepSeparator com estilo. Novo ToolbarInput, e Home/End nas barras de ferramentas. A lista de abas rola quando as abas não cabem. O AccordionTrigger aceita o nível do título. Novo BreadcrumbEllipsis.
• Estrutura do app. Novo AppShellBody, render no AppShellContent e no SidebarItem, Enter recolhe um painel do Splitter, o ScrollArea funciona só com max-height, o VisuallyHidden pode aparecer no foco.
• Formulários. Valores de RadioGroup e Slider tipados. O Slider passa o texto do valor aos thumbs e tem layout vertical. O NativeSelect entra no Field. O NumberField mostra teclado decimal para passos decimais. Os erros do OtpField chegam a todas as casas. O TagsInput não descarta mais uma tag repetida sem avisar o onValueChange. Checkbox e Rating põem o id no elemento focável.

Tokens que faltavam, slots estáveis e textos traduzidosCopy Anchor Link

30 out. 2026 · biblioteca

• Quatro tokens que os componentes usavam sem ninguém definir agora estão no tokens.css: --cml-border-subtle, --cml-item-hover, --cml-surface-subtle e --cml-motion-duration.
• O data-slot vem depois de {...props} em 183 lugares, então render={<Button />} mantém o slot e a aparência do botão.
• Novos MessagesProvider, useMessages, Message e os pacotes en e ptBR. Os textos embutidos de 23 componentes vêm dele; as props continuam vencendo. Veja Idiomas e RTL.

Uma página para cada componenteCopy Anchor Link

28–30 out. 2026 · docs

Cada componente ganhou a própria página, em inglês e português: playground, de 6 a 9 exemplos ao vivo, composições reais, pares de faz/não faz, props geradas dos tipos, styling hooks e notas de teclado. Foram feitas grupo a grupo, de ações e formulários até layout e estrutura do app.

Escrever as páginas achou e corrigiu bugs pelo caminho, entre eles: horários de 12 horas quebrando a hidratação, um Progress indeterminado que parecia concluído, painéis do NavigationMenu abrindo vazios, setas do CommandPalette seguindo a ordem errada, Stack dentro de Stack herdando o espaçamento do pai e o foco caindo no <body> na última página de uma Pagination.

O site de documentaçãoCopy Anchor Link

27–28 out. 2026 · docs

• Site bilíngue, com inglês na raiz e português em /pt-br.
• A barra "visualizar em": um estilo, um modo e uma marca para todos os previews, salvos entre visitas.
• Previews com aba de código que lê o próprio arquivo do exemplo, tabelas de props geradas dos tipos e um verificador de páginas que roda o axe em 4 estilos, nos dois modos, em três larguras e nos dois idiomas.
• O popup do Drawer envolvido na viewport, o que tirou um aviso do Base UI.

Formulários avançados, datas, dados e estrutura do appCopy Anchor Link

27 out. 2026 · biblioteca

• Formulário avançado: PasswordInput, SearchInput, InputGroup, OtpField, TagsInput, Dropzone com FileList, Rating, Chip e ErrorSummary.
• Datas, sobre React Aria: Calendar, RangeCalendar, DatePicker, DateRangePicker, DateField e TimeField, ligados ao Field.
• Exibição de dados: DataTable (TanStack Table), Stat, DataList, Timeline, EmptyState, ProgressCircle, Meter, Image, CodeBlock, TreeView e Carousel.
• Estrutura do app: Sidebar, AppShell, NavigationMenu, Menubar, ContextMenu, Toolbar, Stepper, CommandPalette, HoverCard, Toggletip e Splitter.

Mais nove estilosCopy Anchor Link

26–27 out. 2026 · estilos

• neubrutalism, retro e glass; depois swiss, progressive e clay; depois material, cupertino e y2k. Treze estilos no total, cada um em claro e escuro.
• A matriz de contraste aprendeu a medir texto sobre gradiente e vidro em pixels reais. Na primeira execução, pegou a aba do glass escuro com 4,36:1 numa marca ciano.

Os primeiros 50 componentesCopy Anchor Link

26 out. 2026 · biblioteca

Cerca de 50 componentes, em quatro grupos: ações e formulários, exibição e feedback (com os tons testados em 4,5:1), navegação e overlays, e as primitivas de layout (Box, Stack, Grid, Container, AspectRatio, ScrollArea, Portal, DirectionProvider). Cada um nos quatro primeiros estilos: minimal, neumorphism, retro-pixel e editorial.

O contrato de estiloCopy Anchor Link

26 out. 2026 · biblioteca

A ideia em que a biblioteca inteira se apoia, provada com quatro estilos o mais distantes possível: DOM fixo com nomes em data-slot, tokens em camadas de cascata (cml.tokens, cml.components, cml.style, cml.preferences), StyleProvider com ilhas aninhadas, e Button, Dialog e Tabs como primeiros componentes.

FundaçãoCopy Anchor Link

26 out. 2026 · ferramentas

O monorepo com pnpm e Turborepo: @camaleo/react, @camaleo/styles, Storybook, este app de docs e um app Next.js que confere a renderização no servidor.