rootandClaude Opus 5.5
09a2adb637
- 材质统一边光:slab / float / pill / pill-selected / seg-thumb / chrome-side 改为左上亮右下暗的 1px 边光 + 外侧暗线;新增 lens / field / chip 参数与 pg-float-modal - 主按钮:转动光谱环改为静态左上光谱高光,悬停沿边扫过一小段;次按钮同为 lens 玻璃 - Input / Textarea / SelectTrigger 挂 .field-glass,原生下拉与实体选择器同步;对话框按钮行 gap-3 - 提示条改 pg-float(状态色只在图标、展开不叠放);新增 GlassTooltip 接管 title 提示 - 触屏判断 input-modality.ts、touch / hover 自定义变体;animate-pg-pop 改 backwards;scroll-fade-end - 控制台外壳:侧栏无硬分隔线、折叠开关进标志行;顶栏去磨砂,右侧控件收进玻璃胶囊 - 登录页居中单卡 auth-card;详情头图「订阅」改回普通主按钮,删除 pill-solid;发现页海报角标改 glass-chip-media - 引入 simple-liquid-glass(liquid-surface.tsx);更新 docs/design 三份规范与 CHANGELOG Co-Authored-By: Claude Opus 5.5 <[email protected]> Claude-Session: https://claude.ai/code/session_01Cxwgnn2pbzQ7rXv3rq7fei
68 lines
1.1 KiB
TypeScript
68 lines
1.1 KiB
TypeScript
// 由 scripts/gen-design-tokens.mjs 从 app/app.css 生成,不要手改;改了 app.css 跑 deno task gen:tokens
|
|
export const DESIGN_TOKENS = {
|
|
"fontSizes": [
|
|
"micro",
|
|
"label",
|
|
"meta",
|
|
"caption",
|
|
"body",
|
|
"control",
|
|
"lead",
|
|
"lead-lg",
|
|
"title-xs",
|
|
"title-sm",
|
|
"title",
|
|
"title-lg",
|
|
"headline-xs",
|
|
"headline-sm",
|
|
"headline",
|
|
"headline-lg",
|
|
"display-xs",
|
|
"display-sm",
|
|
"display",
|
|
"display-lg",
|
|
"display-xl",
|
|
"hero-stream",
|
|
"hero-stream-sm",
|
|
"hero-stream-md",
|
|
"detail-title",
|
|
"notfound-code",
|
|
"pricing-hero",
|
|
"pricing-title",
|
|
"landing-hero",
|
|
"landing-platforms-title",
|
|
"landing-immersive-title",
|
|
"landing-service-hero",
|
|
"landing-service-title",
|
|
"landing-service-title-lg",
|
|
"landing-service-sub"
|
|
],
|
|
"eases": [
|
|
"standard",
|
|
"spring",
|
|
"spring-soft",
|
|
"sheet",
|
|
"pop"
|
|
],
|
|
"radii": [
|
|
"sm",
|
|
"md",
|
|
"lg",
|
|
"xl",
|
|
"2xl",
|
|
"3xl",
|
|
"4xl",
|
|
"tight",
|
|
"drawer",
|
|
"slab"
|
|
],
|
|
"durations": [
|
|
"micro",
|
|
"base",
|
|
"layout",
|
|
"slow",
|
|
"hero",
|
|
"cinematic"
|
|
]
|
|
} as const;
|