跳到主要内容

DialogTitle 字重对齐 Figma Modal（WEB-1193）

版本： 0.7.0 · 类型： 🐛 Bug Fix

WEB-1193

问题​

ui/dialog（packages/design/src/components/ui/dialog.tsx）的 DialogTitle 样式为 text-[18px] font-normal leading-(--Line-Height-H3) ...，即字重 400（font-normal）。而 Figma DS 的 Modal 组件（Plaud Web 4.0 Design System，节点 21231:6298，Size=Default）标题排版为 H3/Emphasized：18px / 24px / 字重 600（Semibold，token --Font-Weight-Emphasized）。

所有走结构化 Dialog title prop 的弹窗标题都比设计稿细一档。设计师在 AGT-551 中对照 Figma 指出，业务侧按约定不覆盖组件库样式，故在组件库统一修复。

改动文件​

  • packages/design/src/components/ui/dialog.tsx
  • packages/design/src/components/Dialog/DialogDesignSpec.md

改动内容​

  1. DialogTitle 的 font-normal 改为 font-semibold（600），对齐 Figma Modal H3/Emphasized（--Font-Weight-Emphasized = "Semibold"）。字号（18px）与行高（--Line-Height-H3，24px）不变。
  2. DialogDesignSpec.md 标题排版说明补充字重（600，对齐 Figma Modal H3/Emphasized）。
  3. 影响面：全部使用结构化 title prop 的弹窗（web4 /ask 下 rename / delete / edit / new 等 7+ 处及其他模块）标题字重统一变为 600，属预期的向设计稿收敛。DialogFixture.visual.tsx 早已按 600 绘制，本次修复使 ui/dialog 与其一致。