WORK-406
ID:WORK-406Status:pending

Generate Lumina token CSS from tokens.ts

Make tokens.ts the single source for Lumina's token CSS. Today tokens/base.css and tokens/dark.css are hand-authored mirrors of luminaTokens, kept in lockstep by token-config-coverage.test.ts — the file header even notes "a future build script that regenerates this file." Wire generateThemeStylesheet into the build so the mirror and its coverage test retire and drift becomes impossible.

Priority:mediumComplexity:moderateMilestone:v0.22.0Source:SPEC-094
claude/v0.22.0-theme-foundations View source

Criteria completion

Criteria completion: 0 of 4 (0%) checked; tracking started on Jun 12, no incremental history yet0%25%50%75%100%Jun 12Jun 15

Tracking started Jun 12 — check back for trends.

Relationships

Implements 1
Related 5
Branches 2
claude/v0.22.0-theme-foundations current pending
claude/work-406-generate-token-css donemain done
History 1
  1. df1ffa9
    Created (pending)by bjornolofandersson

Acceptance Criteria

  • tokens/base.css and tokens/dark.css are generated from tokens.ts via generateThemeStylesheet as a build step (committed artifact or build-time emit — decide in implementation).
  • The hand-maintained mirror is removed and token-config-coverage.test.ts is retired or replaced by the generation guarantee.
  • Generated output is byte-stable and matches the current tokens (including the typography tokens from WORK-404).
  • Theme-authoring docs updated: contributors edit tokens.ts, not the CSS mirror.

Dependencies

  • Sequenced after WORK-404, and practically after WORK-405 (since tokens.ts changes there).

References

  • SPEC-094 · generateThemeStylesheet in @refrakt-md/transform · packages/lumina/tokens/*.css · packages/lumina/test/token-config-coverage.test.ts.