fix(design): the lab draws with the primitives' own classes, not a height-ladder copy; DESIGN no longer claims accent-color tints the colour well (E28)

This commit is contained in:
2026-09-25 17:15:03 +02:00
parent e13d93a3ed
commit 29abf609f3
4 changed files with 22 additions and 27 deletions
+2 -12
View File
@@ -1,17 +1,7 @@
// The decided values the lab's reference renderings share (batches A and B, 2026-09-24). The colour
// rules are real now (E28 S3a): each constant below names the index.css utility or token that holds
// it, so the lab renders what the app ships. The height ladder moves into ui/Button in S3b.
/** B1 compact ladder: explicit heights, so one toolbar row lines up at 28. */
export const H = {
md: "h-8 px-3 text-sm gap-1.5",
sm: "h-7 px-2.5 text-sm gap-1.5",
xs: "h-6 px-2 text-xs gap-1",
iconSm: "w-7 h-7",
icon: "w-8 h-8",
field: "h-8",
bar: "h-7",
} as const;
// it, so the lab renders what the app ships. The height ladder lives in the primitives (ui/buttonStyles,
// ui/fieldStyles), and a lab drawing takes their classes (F31).
/** A4: the input edge, ≥ 3:1 against the page in every scheme and mode (index.css --edge-strong). */
export const STRONG = "var(--edge-strong)";