pantoken / packages/core/src / cssSyntaxForValue

Funktion: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Ermittelt die CSS @property syntax, unter der ein konkretes Token registriert werden sollte. Tokens Studio types bilden nicht 1:1 die CSS-Syntax ab, daher wird der Wert untersucht. Gibt "*" (universal) für alles zurück, was kein einzelnes, rechnerisch unabhängiges typisiertes Token ist.

Parameter ​

value ​

string

Ein konkreter Wert (kein var() / light-dark()).

Rückgabe ​

string

Der Syntax-Deskriptor @property.

Beispiele ​

Typisierte Einzeltoken-Werte

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

cssSyntaxForValue("#03893D"); // → "<color>"
cssSyntaxForValue("2px");     // → "<length>"
cssSyntaxForValue("50%");     // → "<percentage>"
cssSyntaxForValue("400");     // → "<integer>"

Schriftbezogene Einheiten und komplexe Werte fallen auf 'universal' zurück

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

cssSyntaxForValue("1rem");                     // → "*" (rem isn't computationally independent)
cssSyntaxForValue("Lato, Helvetica, sans-serif"); // → "*"
cssSyntaxForValue("currentColor");             // → "*"