pantoken / packages/core/src / cssSyntaxForValue

Функция: cssSyntaxForValue() ​

cssSyntaxForValue(value): string

Бета

Определяет, под каким CSS @property syntax должен регистрироваться конкретный токен. Tokens Studio types не соответствуют синтаксису CSS 1:1, поэтому значение анализируется. Возвращает "*" (универсальный) для всего, что не является одиночным, вычислительно-независимым типизированным токеном.

Параметры ​

value ​

string

Конкретное значение (без var() / light-dark()).

Возвращаемое значение ​

string

Дескриптор синтаксиса @property.

Примеры ​

Типизированные значения одиночных токенов

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

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

Единицы, зависящие от шрифта, и сложные значения переходят к универсальному

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

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