Files
open-claude-ui/code-examples
Caho1 8c5036620b fix(cds): close undefined token references and realign motion presets with client 2.42304.2
Token closure (code-examples/cds-theme.css)
- Define the five `--cds-dur-*` tokens (60ms/.12s/.2s/.3s/.45s) extracted from
  `c6a992d55-sXiDGMFQ.css`. Undefined, `transition: transform var(--cds-dur-slow)
  var(--cds-btn-spring)` was dropped wholesale by the browser and computed to
  `all 0s`, so `.cds-btn-squish` never sprang back. Measured before/after:
  `all / 0s` -> `transform / 0.45s`.
- Add `--cds-bg-neutral` and `--cds-bg-neutral-hover` (`.cds-root`, aliases of
  `--cds-alpha-1/2`) so the user-bubble background chain resolves.
- Add the `--cds-fill-accent` alias chain down to `--cds-blue-450: #2a78d6`.
- Re-declare the bubble chain inside the dark block. `:root` resolves its own
  `var()` bindings, so overriding `--cds-alpha-*` alone left dark bubbles at the
  light value; dark is now `rgba(255,255,255,.05)`.
- `SegmentedControl` drops hard-coded `duration-120` for `var(--cds-dur-snap)`.

Scroll-edge fade (rewritten to the shipped implementation)
- Replace the local 8-stop/`animation-range: 0 48px` variant with the client's
  three-layer model: `*-raw` carries geometry, `*-on` and `*-active` gate
  visibility, and `--cds-scroll-fade-{top,bottom,left,right}` are the product.
  Mask is the 15-stop gradient with the client's exact alpha ladder.
- Drop 17 duplicate `@property` declarations that shadowed the section above.

Motion presets (code-examples/ClaudeMotionPresets.ts, AGENTS.md)
- Correct `Observed use` from the bundle: 600/30 drives the mic/voice bar,
  320/28 is a drag-release rebound (not an entrance), 1200/80/0.1 is the
  `file_viewer` panel width. Exported constants are unchanged.
- Document `SPRING_GENTLE` as project-local: no client release contains
  380/18, and `duration .32 / bounce .15` resolves to 244/26.6/zeta 0.85.
- Add the three client presets missing from this matrix (420/28, 260/16,
  300/35) and record the v1.28 vs 2.42304.2 call-site drift.

docs/v2 gains 4.4 (spring matrix and the linear()/duration-token coupling).
docs/v1 is untouched: it is the v1.28 record, and the call-site drift is a
newer-release fact rather than an error in that volume.
2026-10-20 21:54:28 +08:00
..