pantoken-root / packages/core/src / modifyExpression

Funkcija: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-izražena različica applyModify: enaka matematika, vendar se uporabi na base ob risanju namesto na heks vrednosti ob gradnji, zato izvor var(--instui-…) var(--instui-…) preživi v slogovnem listu in nadaljuje sledenje temu, na kar se ta žeton razreši (vključno z light-dark() parom, in katerokoli runtime ponovnim usmeritvijo primitiva, iz katerega izhaja)).

Relativna sintaksa barv razreši l na lestvici 0–100 tako v hsl() kot v lch(), in izpuščeni alfa-kanal podeduje izvorni — kar ustreza applyModify-ovemu premostitvenemu alfa-kanalu.

Parametri ​

base ​

string

Osnovna barva (literalna vrednost, var(--token) ali rezultat ugnezdenega pomožnega izraza).

modify ​

TokenModify

Barvni prostor, v katerem modifikator deluje (npr. "hsl").

Vrne ​

string

Izraz color-mix().

Primer ​

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