pantoken-root / packages/core/src / modifyExpression

Fungsi: modifyExpression() ​

modifyExpression(base, modify): string

Beta

Bentuk ekspresi-CSS dari applyModify: matematika yang sama, tetapi diterapkan ke base pada saat paint , bukan ke hex pada saat build, sehingga sebuah origin var(--instui-…) bertahan ke dalam stylesheet dan terus melacak apa pun yang diselesaikan token itu (termasuk sebuah pasangan light-dark(), dan setiap pengalihan titik-rujuk runtime dari primitif yang diturunkannya)).

Sintaks warna relatif menyelesaikan l pada skala 0–100 baik di hsl() maupun lch(), dan saluran alpha yang dihilangkan mewarisi alpha dari origin — sesuai denganapplyModify.

Parameter ​

base ​

string

Warna dasar (literal, var(--token), atau hasil helper bersarang).

modify ​

TokenModify

Ruang warna tempat modifier beroperasi (mis. "hsl").

Mengembalikan ​

string

Sebuah ekspresi 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))"