跳到主要内容

Toast variant 背景透明修复（WEB-1208）

版本： 0.8.0 · 类型： 🐛 Bug Fix

WEB-1208

问题​

连续快速触发多个 Toast 时，新旧内容重叠、旧内容以半透明重影残留，标题 / 描述 / 按钮文案互相叠加，难以辨认。

根因：info / success / warning / error variant 背景引用了已废弃的 token 名 --Template-Community-Icon-*。这组 token 在早前的 design:sync 中已重命名为 --Accent-*，废弃名在生成的 CSS 里不再存在（值为空）。color-mix() 只要有一个未定义、无 fallback 的变量就整体失效，背景退化为 transparent，于是所有 Toast 背景透明、堆叠时下方内容透出叠字。

变更文件​

  • packages/design/src/components/Toast/styles.ts

变更​

  • info：--Template-Community-Icon-Sky → --Accent-Sky
  • success：--Template-Community-Icon-Moss → --Accent-Lime
  • warning：--Template-Community-Icon-Mustard → --Accent-Mustard
  • error：--Template-Community-Icon-Coral → --Accent-Coral

info / warning / error 与 Figma 组件实际绑定值（#008BD1 / #987600 / #C74C41）完全一致；success 旧的 Moss 已在 Figma 标记 deprecated 且未导出到正式 token，改用新 Accent 调色板的 Lime。

影响​

  • 纯视觉修复，无 API 变更。Toast variant 背景恢复不透明。