pantoken / packages/core/src / cssSyntaxForValue

Función: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Detecta el CSS @property syntax bajo el cual debería registrarse un token concreto. Los type de Tokens Studio no se mapean 1:1 con la sintaxis CSS, por lo que se inspecciona el valor. Devuelve "*" (universal) para cualquier cosa que no sea un token tipado único y computacionalmente independiente.

Parámetros ​

value ​

string

Un valor concreto (sin var() / light-dark()).

Devuelve ​

string

El descriptor de sintaxis @property.

Ejemplos ​

Valores tipados de un solo token

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

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

Las unidades relativas a la fuente y los valores complejos vuelven al universal

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

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