pantoken / packages/core/src / cssSyntaxForValue

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

cssSyntaxForValue(value): string

Бета

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

Параметри ​

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");             // → "*"