pantoken / packages/core/src / cssSyntaxForValue

Função: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Beta

Detecta o CSS @property syntax sob o qual um token concreto deve ser registrado. Os type do Tokens Studio não mapeiam 1:1 para a sintaxe CSS, então o valor é inspecionado. Retorna "*" (universal) para qualquer coisa que não seja um token tipado único e computacionalmente independente.

Parâmetros ​

value ​

string

Um valor concreto (sem var() / light-dark()).

Retorna ​

string

O descritor de sintaxe @property.

Exemplos ​

Valores de token único tipados

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

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

Unidades relativas à fonte e valores complexos recaem para o universal

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

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