文档

Utility 对照表

共用的 utility 对照表与实用示例。

分组命名空间

工具类分组表
分组	工具类键名	说明
General paint	`bg`, `background-color`, `fg`, `color`, `accent-color`, `fill`	Use palette steps and hue aliases for broad paint decisions.
Surfaces	`surface`	Use surface roles for panels, cards, overlays, and inverse blocks.
线条角色	`b`, `bt`, `br`, `bb`, `bl`, `border-color`, `outline-color`, `stroke`	Use line roles for borders, dividers, outlines, and strokes.

变量来源

命名空间	使用项目
`color-*`	`accent-` `b-` `bb-` `bg-` `bl-` `br-` 再显示 13 个键名 `bt-` `bx-` `bxe-` `bxs-` `by-` `bye-` `bys-` `caret-` `fg-` `fill-` `outline-` `stroke-` `text-fill-color-`

使用于色彩指南.

用法与接口

NamespaceUtilityTable 将 token 命名空间关联到接受该命名空间的 utility keys。分组有说明时，表格会保留原 Guide 分开的“分组”“Utility keys”和“说明”列。优化后的共用样式使用细致分隔线与一致的阅读节奏。窄屏幕上，表格只在自身可通过键盘聚焦的区域内滚动，页面宽度保持固定。

<NamespaceUtilityTable groups={[  { label: 'Surfaces', namespace: 'color-surface',    keys: ['surface'], description: 'Panels, cards and overlays.' }]} />

请提供面向读者的分组名称，以及来自 manifest 的源 keys；namespace 或 namespaces 会过滤不支持的 keys。没有说明时，表格使用两列。这是文档阅读辅助，应放在示例的测量布局之外。实际用法请参阅色彩、间距、排版及 Utility 表查看页。