pantoken / packages/core/src / cssSyntaxForValue

Functie: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Bèta

Detecteer de CSS @property syntax waaronder een concreet token geregistreerd moet worden. Tokens Studio types mappen niet 1:1 naar CSS-syntaxis, dus de waarde wordt geïnspecteerd. Geeft "*" (universeel) terug voor alles wat geen enkel, computationeel-onafhankelijk getypt token is.

Parameters ​

value ​

string

Een concrete waarde (geen var() / light-dark()).

Retourneert ​

string

De @property syntaxisdescriptor.

Voorbeelden ​

Getypte enkel-tokenwaarden

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

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

Lettertype-relatieve eenheden en complexe waarden vallen terug op universeel

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

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