Skip to content
CodeAtlas UI sketchbook

Changelog · latest

@codeatlasdev/ui 0.4.0

@codeatlasdev/[email protected]npmGitHub releaseFor agents

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

Release 0.4.0Three sketchbook pages stacked and slightly fanned, the front one tabbed with the version number and shaded with pencil hatching in the corner.0.4.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

- Brand themes and brand slot.
  
  - `caThemeHandle(options)` and `caThemePlugin(options)` accept `ThemeOptions`: `defaultPreset`, `defaultScheme` and `presets`, brand presets generated from one hex color and inlined in `<head>`. Before this, the init script always fell back to `amber`/`dark` and overrode `data-preset` set in `app.html`.
  - `colorScheme` starts from the configured defaults instead of hardcoded `amber`/`dark`.
  - `PresetId` accepts custom ids; `BuiltinPresetId` lists the eight shipped presets.
  - Charts use the brand hex as the first series color for brand presets (they fell back to amber).
  - `hexToOklch` and `brandPresetCSS`/`themeHead`/`themeScript` exported for custom setups.
  - `tokensToCSS` dark block now includes the neutral outline/glass/scrim tokens, so generated presets no longer inherit light-mode outlines in dark mode.
  - `AuthLayout` panel mixes brand with neutrals in OKLab: in OKLCH the hue swung toward 0° (blue brands rendered purple).
  - `AuthLayout` brand panel now hides below 768px (the override lost to the scoped rule); `AuthCard` footer links use the brand color.
  - `ThemeToggle`: light/dark button for the AppShell rail, SSR-safe icon.
  - `brand` snippet for the logo in `AppShellLayout` (top of the Rail and mobile header; `MobileHeader` gains `leading`) and in `AuthLayout`. Both default to the previous "CA" text mark.