pantoken / packages/utils/src / tokenUtilitiesCss

Funció: tokenUtilitiesCss() ​

tokenUtilitiesCss(groups, options?): string

Beta

Construeix classes d'utilitat dirigides per tokens: una classe per token, aplicant-la a la seva propietat CSS natural. La cua --instui- del token és el nom de la classe, així que --instui-font-weight-body-strong sota la propietat font-weight produeix .<prefix>-font-weight-body-strong { font-weight: var(--instui-font-weight-body-strong); }. Utilitza-la per a cada família "un token → una propietat" (font-family/weight, line-height, border-radius, border-width, opacity, box-shadow). El color i l'espaiat mantenen els seus propis constructors — un token es mapeja a diverses propietats allà. Passa els noms de tokens per propietat (p. ex. filtrats de @pantoken/tokens).

Paràmetres ​

groups ​

només lectura TokenUtilityGroup[]

un TokenUtilityGroup per propietat CSS.

options? ​

UtilityOptions = {}

UtilityOptions.

Retorna ​

string

La cadena CSS.