pantoken / packages/core/src / cssSyntaxForValue

Fonction: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Bêta

Détecte les CSS @property syntax sous lesquels un token concret devrait s’enregistrer. Les type de Tokens Studio ne correspondent pas 1:1 à la syntaxe CSS, donc la valeur est inspectée. Retourne "*" (universel) pour tout ce qui n'est pas un seul token typé et calculatoirement indépendant.

Paramètres ​

value ​

string

Une valeur concrète (pas de var() / light-dark()).

Retourne ​

string

Le descripteur de syntaxe @property.

Exemples ​

Valeurs à token unique typées

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

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

Les unités relatives à la police et les valeurs complexes reviennent à universel

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

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