shawn
0de9b6e66e
- core/table-core: Headless 表格内核（排序/筛选/分页/选择插件 + 冒烟 9 项） - core/frame: signal/computed/effect + hyperscript 微框架（零依赖） - skin/ui: 16 个 DOM 组件（含自绘 select、滑动指示条 tabs、行选择 dataTable、form 表单校验） - design/tokens: --ua-* 设计令牌（light/dark） - tools/cli: ua 命令行（index/list/info/docs/style/mcp）+ MCP 注册表服务 - apps: demo 演示站（esbuild 单文件）+ docs 双轨文档（人类版 + llms-full.txt）
33 lines
1.2 KiB
JSON
33 lines
1.2 KiB
JSON
{
|
|
"name": "@ui-arch/tokens",
|
|
"type": "design-tokens",
|
|
"description": "Single source of design tokens. Skin packages consume CSS variables only - hardcoded colors inside skins are forbidden. Dark theme overrides values under [data-theme='dark'], never names.",
|
|
"tags": [
|
|
"tokens",
|
|
"theme",
|
|
"css-variables"
|
|
],
|
|
"api": {
|
|
"entry": "tokens.css",
|
|
"exports": [
|
|
"tokens.css: import '@ui-arch/tokens/tokens.css' once at app root",
|
|
"tokens.json: programmatic access for tools and agents"
|
|
],
|
|
"keyTypes": [
|
|
"--ua-color-*",
|
|
"--ua-space-*",
|
|
"--ua-radius-*"
|
|
]
|
|
},
|
|
"usage": "import '@ui-arch/tokens/tokens.css'; then use var(--ua-color-accent) etc. in any skin package",
|
|
"docs": {
|
|
"intro": "设计令牌唯一来源：CSS 变量 --ua-* + 同名 JSON。皮肤只允许消费变量，禁止硬编码颜色；暗色只换值不换名。",
|
|
"steps": [
|
|
"引入：在应用入口 import '@ui-arch/tokens/tokens.css'",
|
|
"消费：组件样式一律 var(--ua-color-accent) 这类变量，不写死色值",
|
|
"暗色：根元素设 data-theme=dark，变量值自动切换",
|
|
"扩展：新令牌先同时加进 tokens.css 与 tokens.json，再重新生成文档站"
|
|
]
|
|
}
|
|
}
|