pantoken / packages/core/src / referenceToVarName

関数: referenceToVarName() ​

referenceToVarName(reference): string

ベータ

Tokens Studio の参照本体（{…} の中のテキスト）を、その参照先トークンの CSS カスタムプロパティ名にマッピングします。 先頭の semantic. はセマンティックレイヤーをプリミティブから区別します。

パラメーター ​

reference ​

string

戻り値 ​

string

例 ​

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

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