@codeatlasdev/ui 0.5.0

@codeatlasdev/[email protected]npm GitHub release For agents

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

Upgrade

Published under the latest dist-tag.

bun

bun add @codeatlasdev/[email protected]

npm

npm install @codeatlasdev/[email protected]

pnpm

pnpm add @codeatlasdev/[email protected]

yarn

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

- AppShell (mobile): one compact sticky header. New `mobileHeaderActions` snippet on `AppShellLayout` renders at the header's trailing edge (switchers, account menu), so apps no longer need a second bar under the header. The header pads for `env(safe-area-inset-top)`; `BottomNav` extends its background through `env(safe-area-inset-bottom)` over an opaque base (no dark band above Safari's toolbar), uses equal shrinkable columns with ellipsised 10px labels so five items fit at 320px, and has 44px touch targets. Apps must set `viewport-fit=cover` in their viewport meta for the insets to apply.
  
  Theme: new `--ca-brand-fill` / `--ca-brand-fill-hover` tokens in every static theme and in generated brand presets. `--ca-brand-contrast` text on `--ca-brand-fill` is at least WCAG AA (4.5:1): white is preferred, the fill is darkened (hue and chroma kept) when needed, and ink text is used only for very light brands. `generatePreset` now picks the text colour by real contrast instead of an L threshold; Button/IconButton filled, Badge brand, active Tabs, Pagination, Checkbox, Stepper and the nav badge now use the fill tokens. Disabled filled Button keeps the AA pair at 0.6 opacity.
  
  New `Lightbox` component: full-screen image viewer (`bind:open`, `src`, `alt`, `onclose`) with focus trap/restore, Escape, backdrop and close-button dismissal, safe-area insets and reduced-motion support.