pantoken / packages/core/src / cssSyntaxForValue

Funktion: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Identifiera de CSS @property syntax som en konkret token bör registreras under. Tokens Studio types matchar inte 1:1 mot CSS-syntax, så värdet inspekteras. Returnerar "*" (universell) för allt som inte är en enda, beräkningsmässigt oberoende typad token.

Parametrar ​

value ​

string

Ett konkret värde (ingen var() / light-dark()).

Returnerar ​

string

Syntaxbeskrivningen för @property.

Exempel ​

Typade enkla tokenvärden

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

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

Teckensnittsrelaterade enheter och komplexa värden faller tillbaka till universell

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

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