feat(01-design-tokens-rams-foundation-02): rendered component sheet — all mockup-derived families via token package

- sheet.html: typography specimen (all 13 scale entries), buttons, inputs, chips (CONGESTION / CRASH / BLOCK / POLICE RADAR), telemetry card (SEC-04 // SPEED), maneuver banner, checkbox + two-way toggle
- consumes built dist/rams.css only; markup uses component classes, no utility soup; inline SVG icons (no icon-font CDN, D-16); shell consumes --shell-bg/--shell-on-surface slots (D-04)
- package.json: sheet script (build + open hint)
- real-browser computed-style audit: 41/41 checks render from tokens; woff2 fonts verified loaded
This commit is contained in:
araharah-executor
2026-10-22 07:52:56 +08:00
parent 84066fde65
commit e95f4043b9
2 changed files with 246 additions and 1 deletions
+2 -1
View File
@@ -10,6 +10,7 @@
},
"scripts": {
"build": "tailwindcss -i ./src/theme.css -o ./dist/rams.css --minify",
"send": "mkdir -p dist/fonts && cp -r fonts/geist fonts/space-grotesk dist/fonts/"
"send": "mkdir -p dist/fonts && cp -r fonts/geist fonts/space-grotesk dist/fonts/",
"sheet": "npm run build && echo 'open theme/src/sheet.html in browser ( Consumes theme/dist/rams.css )'"
}
}