Changelog · latest
@codeatlasdev/ui 0.5.1
0 changes. This release has no written post; the list below is generated from the changelog.
Upgrade
Published under the latest dist-tag.
bun
npm
pnpm
yarn
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.