pantoken-root / packages/core/src / referenceToVarName

Funktion: referenceToVarName() ​

referenceToVarName(reference): string

Beta

Ordnet einen Tokens Studio-Referenzkörper (der Text innerhalb von {…}) dem Namen der CSS-Custom-Property des Tokens zu, auf das er zeigt. Ein führendes semantic. unterscheidet die semantische Ebene von den Primitiven.

Parameter ​

reference ​

string

Rückgabe ​

string

Beispiel ​

ts
import { referenceToVarName } from "@pantoken/core";

referenceToVarName("color.white");                  // → "--instui-primitive-color-white"
referenceToVarName("semantic.color.background.base"); // → "--instui-color-background-base"