pantoken-root / packages/core/src / modifyExpression

Funzione: modifyExpression() ​

modifyExpression(base, modify): string

Beta

La forma in espressione CSS di applyModify: stessa matematica, ma applicata a base al momento della pittura anziché a un esadecimale in fase di build, così un'origine var(--instui-…) sopravvive nel foglio di stile e continua a tracciare qualunque valore a cui quel token venga risolto (inclusa una light-dark() coppia, e qualsiasi ripuntamento a runtime della primitiva da cui deriva)).

La sintassi colore relativa risolve l sulla scala 0–100 sia in hsl() che in lch(), e un canale alfa omesso eredita quello dell'origine — corrispondente al pass-through alfa di applyModify.

Parametri ​

base ​

string

Il colore di base (letterale, var(--token), o il risultato di un helper annidato).

modify ​

TokenModify

Lo spazio colore in cui opera il modificatore (es. "hsl").

Restituisce ​

string

Un'espressione color-mix().

Esempio ​

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