iter(g328): 语义三色淡底补令牌并纳入表面阶梯

This commit is contained in:
HIsheR
2026-10-27 01:58:02 +08:00
parent 04433ee19f
commit 2d93480fbf
7 changed files with 50 additions and 16 deletions
+9
View File
@@ -3338,6 +3338,15 @@
"motivation": "步骤条只有 done/current/upcoming 三态,某步校验失败时只能把 active 退回去,于是「失败」和「还没走到」长得一模一样——用户看不出是卡住了还是失败了;另外 clickable 时只有圆点能点,标题文字点不动,手指落在文字上是空操作。",
"acceptance": "① StepperItem 增可选 status: 'error':该步红点 + 感叹号 + 标题标红,优先级高于进度态、不进 done 也不占 current、不参与回跳;② 失败符号带 role=img + aria-label「第 N 步失败:xx」,读屏不读孤立感叹号;③ clickable 时整个步骤条可点(圆点按钮 + 标题文字),点按钮与点文字各只触发一次 onChange;④ 样式只消费 --ua-*(danger 色 / alpha-soft 淡底 / weight-semibold),audit:visual 计数不涨;⑤ manifest props/步骤与演示同步,npm run check 全绿。",
"notes": ""
},
{
"id": "g328",
"domain": "visual",
"status": "open",
"title": "语义三色淡底补令牌:同一组件里 info 与其余三色不再两套口径",
"motivation": "accent 有 --ua-color-tint-accent(亮 10% / 暗 14%),语义三色却没有对应令牌,15 处淡底全靠手写 color-mix:同一组 toast / tag 里 info 走令牌(透明叠加)、success / warning / danger 走「与页面底混色」(不透明),四种语义档的底其实两套口径;手写浓度也无法被门禁守住——accent 那档被 audit:surface 抓到过暗色几乎看不见,语义三色同样没有栅栏。",
"acceptance": "① tokens.css 新增 --ua-color-tint-danger / -success / -warning(亮色 var(--ua-alpha-soft),暗色 14%,与 accent 分档同构),tokens.json 同步三键(verify 的名字与值双源校验要过);② ui.css 15 处手写语义淡底(含与页面底混色的 6 处)统一换成令牌,四种语义档只剩一套口径;③ audit:surface 阶梯新增「表面 → 危险/成功/警告淡底」三档(阈值 1.04),四套主题全部实测达标;④ audit:visual 混色浓度计数不涨;⑤ npm run check 全绿。",
"notes": ""
}
]
}