Skip to content

pantoken / packages/core/src / defineToken

Funktion: defineToken()

defineToken(input): Token

Beta

Erstellt ein vollständig ausgeformtes Token aus teilweise vorliegenden Eingaben und setzt standardmäßig inherits und syntax.

Parameter

input

TokenInput

Rückgabe

Token

Beispiele

Syntax aus einem konkreten Wert erkennen

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

defineToken({ name: "--instui-color-x", value: "#0374B5" });
// → { name: "--instui-color-x", syntax: "<color>", inherits: true, value: "#0374B5" }

Ein einzelner var()-Wert speichert refersTo; ein light-dark() setzt themed

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

defineToken({ name: "--instui-brand", value: "var(--instui-color-background-brand)" });
// → syntax "*", refersTo: "--instui-color-background-brand"

defineToken({ name: "--instui-bg", value: "light-dark(#fff, #000)" });
// → syntax "*", themed: true