Skip to content

pantoken / packages/utils/src / tokenUtilitiesCss

ฟังก์ชัน: tokenUtilitiesCss()

tokenUtilitiesCss(groups, options?): string

เบต้า

Build token-driven utility classes: one class per token, applying it to its natural CSS property. The token's --instui- tail is the class name, so --instui-font-weight-body-strong under property font-weight yields .<prefix>-font-weight-body-strong { font-weight: var(--instui-font-weight-body-strong); }. Use it for every "one token → one property" family (font-family/weight, line-height, border-radius, border-width, opacity, box-shadow). Colour and spacing keep their own builders — one token maps to several properties there. Pass the token names per property (e.g. filtered from @pantoken/tokens).

พารามิเตอร์

groups

อ่านอย่างเดียว TokenUtilityGroup[]

หนึ่ง TokenUtilityGroup ต่อคุณสมบัติของ CSS

options?

UtilityOptions = {}

UtilityOptions.

คืนค่า

string

สตริง CSS.