Skip to content

Changelog · latest

@codeatlasdev/ui 0.6.0

0 changes. This release has no written post; the list below is generated from the changelog.

Release 0.6.0Three sketchbook pages stacked and slightly fanned, the front one tabbed with the version number and shaded with pencil hatching in the corner.0.6.0

Upgrade

Published under the latest dist-tag.

bun
bash
bun add @codeatlasdev/[email protected]
npm
bash
npm install @codeatlasdev/[email protected]
pnpm
bash
pnpm add @codeatlasdev/[email protected]
yarn
bash
yarn add @codeatlasdev/[email protected]

Then run your checks. Moving between majors? bunx @codeatlasdev/ui migrate --from <major> --to <major> lists what to change, and agents get the same data from the MCP tool get_migration. The migration notes per major are inUpgrading.

Changesets

### Minor Changes

- Docs primitives for developer documentation sites, mobile-first.
  
  - `DocsShell`: page frame with sticky glass header (brand, section tabs, search, theme), sidebar + "Nesta página" rail on desktop, and ONE compact header on phones (safe-area insets, 44px targets) whose menu opens a bottom `Sheet` with a section switcher and the sidebar tree. The page index becomes an inline disclosure on small screens. ⌘K / Ctrl+K / `/` open search; skip link included. Props: `sections`, `active`, `groups`, `pathname`, `headings`, `searchIndex`, `onnavigate`, `brand`, `actions`, `menuFooter`.
  - `DocsNav` (sidebar tree with `MethodBadge`), `TableOfContents` (`variant="rail" | "inline"`, scrollspy), `DocsSearch` (dialog on desktop, full-height sheet with a 16px input on phones; accepts entries or an async loader) and the `searchDocs` ranking helper.
  - `CodeTabs` / `CodeTab`: language tabs with keyboard support, 44px targets, scrollable strip, copy button, and preference sync across groups (`sync` key, persisted in localStorage; first paint always renders the first tab so SSR hydrates cleanly).
  - `Callout` (note, tip, caution, danger; built on `Alert`), `Steps`, `LinkCard`, `CardGrid`, `MethodBadge`.
  - `.ca-prose` typography in `global.css`: headings with balanced wrapping, links, inline code that wraps, tables in `.ca-table-wrap` (scrollable, focusable), shiki dual-theme code blocks in `.ca-code`, tight mobile spacing, reduced motion.
  - Showcase: Navigation / Docs.