pantoken-root / packages/core/src / modifyExpression

Fungsi: modifyExpression() ​

modifyExpression(base, modify): string

Beta

Bentuk ekspresi CSS bagi applyModify: matematik yang sama, tetapi diterapkan kepada base pada masa pengecatan bukannya kepada heks pada masa binaan, jadi var(--instui-…) asal kekal dalam helaian gaya dan terus menjejaki apa jua yang token itu selesaikan kepada (termasuk light-dark() pasangan, dan sebarang penetapan semula semasa runtime terhadap primitif yang ia berpunca daripadanya).

Sintaks warna relatif menyelesaikan l pada skala 0–100 dalam kedua-dua hsl() dan lch(), dan saluran alfa yang diabaikan mewarisi asalnya — sepadan dengan applyModify's laluan alfa.

Parameter ​

base ​

string

Warna asas (literal, var(--token), atau hasil pembantu bersarang).

modify ​

TokenModify

Ruang warna tempat pengubah berfungsi (contohnya "hsl").

Mengembalikan ​

string

Satu ungkapan color-mix().

Contoh ​

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

modifyExpression("var(--x)", { type: "alpha", value: 0.2, space: "hsl" });
// → "color-mix(in srgb, var(--x) 20%, transparent)"
modifyExpression("var(--x)", { type: "darken", value: 0.1, space: "hsl" });
// → "hsl(from var(--x) h s calc(l * 0.9))"
modifyExpression("var(--x)", { type: "lighten", value: 0.1, space: "hsl" });
// → "hsl(from var(--x) h s calc(l + (100 - l) * 0.1))"