pantoken-root / packages/core/src / modifyExpression

Funksjon: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-uttrykksforma av applyModify: dei same operasjonane, men brukt på base ved paint-tid i staden for på ein hex ved byggjetid, så ei var(--instui-…)-opprinnelse overlever inn i stilarket og held fram med å spore kva den tokenen løysar seg til (inkludert eit light-dark()-par, og kvar som helst runtime-ompeiking av primitivet ho er avleia frå)).

Relativ fargesyntaks løyser l på skalaen 0–100 i både hsl() og lch(), og ein utelate alpha-kanal arvar opphavets — som stemmer med applyModify sin alpha-gjennomføring.

Parametrar ​

base ​

string

Basefargen (bokstaveleg, var(--token), eller eit resultat frå ein nestla hjelpefunksjon).

modify ​

TokenModify

Fargerommet modifikatoren verkar i (t.d. "hsl").

Returnerer ​

string

Eit color-mix() uttrykk.

Døme ​

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