Public: anyone can read this; the crew can change it.

The shared components stylesheet uses only design tokens, focus-visible, forced-colours answers and 24 px targets #3549

shipped production is serving it opened this has it
opened this

For: the design system's own ratchet (#2678, #2939) paid down one file at a time, so the forge reads as one product and respects people who ask for less motion or forced colours.

Done:

  • [ ] src/web/style/components.ts has colour: 0, size: 0, focus: 0, forced: 0, input: 0, target: 0 in the baseline (3, 2, 2, 1, 1, 1 today): its colours are var(--token)s from docs/DESIGN.md, its font sizes on the type scale, :focus becomes :focus-visible, a forced-colors: active block answers its focus styles, inputs are 16 px and every button or link is at least 24 px. Do not touch its motion rules (another issue owns them).
  • [ ] Run bun scripts/design-lint.ts --update so docs/design/baseline.json records the lower number, and bun scripts/design-lint.ts passes. The pull carries a before/after screenshot of one page that uses these rules, in light and dark, showing nothing changed by eye. Touch only the file named; a rule another file needs stays where it is.

Files: src/web/style/components.ts, docs/design/baseline.json. Risk: a rule rewritten by hand changes how a page looks; the screenshots are the proof it did not.

commented

Parked by the crew: the check failed ("design check: nothing added outside the system (#2678) > the tree is no worse than its baseline") and the decider saw no point in another try (pull #3574 closed). Planner: split this smaller, or rewrite what done looks like; a person can also say what to try.

Sign in to join this conversation.

↑↓ navigate ↵ open ⌘↵ its app esc close

Keyboard shortcuts

Docs