Skip to content

Changelog · latest

@codeatlasdev/ui 0.5.1

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

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

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

### Patch Changes

- Mobile polish.
  
  - Inputs no longer trigger Safari's focus zoom: TextField, TextArea, Select, NumberField, Combobox, CommandPalette and the DataTable search/page-size fields use `max(16px, var(--ca-font-size-body2))` under `(pointer: coarse), (max-width: 767px)`. `base.css` adds the same rule for raw `input, textarea, select` inside `.ca-app` and a `.ca-input-ios-safe` helper class. Zoom itself is never disabled.
  - New `Sheet` component: bottom sheet (`bind:open`, `title`, `description`, `onclose`, `children`, `footer`) with drag handle, safe-area padding, focus trap, Escape/backdrop close and reduced-motion support; centered dialog from 768px.
  - `AppShellLayout` gains `mobileTitle` snippet that replaces the plain page-title text in the mobile header (tappable session title, etc.).
  - `AppList`, `AppSettings`, `AppForm`, `PageShell`: inside `AppShellLayout` the h1 is visually hidden below 900px (kept for a11y) because the mobile header already shows the title; below 768px the actions wrap under the description, full-width.
  - `EmptyState` gains `variant="hero"`: larger brand-tinted icon tile with glow, bigger title, actions stacked full-width on mobile.
  - Button: disabled `filled` keeps the brand hue (AA fill + contrast text at 0.45 opacity) instead of looking muddy.
  - `AppSettings` (mobile): tabs in the horizontal strip were inheriting `width: 100%` and each filled the row; they now size to content, with a 36px touch target, scroll-snap and a trailing edge fade.
  - `AppList` / `useListState`: new `ofLabel` option (default `"of"`) for the word in the auto count and page info; pass `"de"` for pt-BR ("5 de 5"). On mobile the auto search field now fills the toolbar instead of keeping its 180px minimum.