跳到主要内容

DropdownMenu 级联子菜单箭头颜色改为 Grays/Gray-4（WEB-1183）

版本： 0.6.8 · 类型： 🐛 Bug Fix

WEB-1183

问题​

级联子菜单中，带二级菜单的菜单项（如 "More Options"）右侧的指示箭头需与设计规范对齐。WEB-1129 已将箭头图标替换为 icon_list_chevron_right（ListChevronRightIcon），但当时颜色统一成了 Labels/Primary（与前置图标一致）。设计规范要求箭头颜色为 labels-gray4（实体 token 为 Grays/Gray-4），需与前置图标颜色解耦。

改动文件​

  • packages/design/src/components/DropdownMenu/styles.ts
  • packages/design/src/components/DropdownMenu/DropdownMenu.tsx
  • packages/design/src/components/DropdownMenu/DropdownMenuDesignSpec.md
  • packages/design/src/components/DropdownMenu/__tests__/DropdownMenu.test.tsx

改动内容​

  1. 在 DropdownMenu/styles.ts 新增 DROPDOWN_SUB_ARROW_COLOR_CLASS = 'text-(--Grays-Gray-4)'，将级联箭头颜色从共用的 DROPDOWN_ICON_COLOR_CLASS（Labels/Primary）中拆出。
  2. DropdownMenuSubTrigger 的 ListChevronRightIcon 改用 DROPDOWN_SUB_ARROW_COLOR_CLASS；前置图标容器仍保持 Labels/Primary。
  3. 同步更新 DesignSpec 与单测断言（text-(--Grays-Gray-4)）。