pantoken-root / packages/core/src / modifyExpression

Funktio: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-lausekemuoto applyModify: samat laskutoimitukset, mutta sovelletaan base maalausvaiheessa sen sijaan, että sitä muunnettaisiin heksiksi rakennusaikana, joten var(--instui-…)-alkuperä säilyy tyylitaulukossa ja jatkaa sen seuraamista, mihin tuo token ratkaistaan (mukaan lukien light-dark()-pari, sekä mikä tahansa primitiivin ajonaikainen uudelleosoitus)).

Suhteellinen värisyntaksi ratkaisee l arvon 0–100-asteikolla sekä hsl():ssa että lch(), ja jätetty alfa-kanava perii alkuperäisen — vastaten applyModify-funktion alfa-läpäisyä.

Parametrit ​

base ​

string

Perusväri (literal-arvo, var(--token) tai sisäkkäisen apufunktion tulos).

modify ​

TokenModify

Väriavaruus, jossa muokkaaja toimii (esim. "hsl").

Palauttaa ​

string

color-mix()-lauseke.

Esimerkki ​

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