pantoken-root / packages/core/src / modifyExpression

Funksjon: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-uttrykksformen av applyModify: samme regnestykke, men brukt på base ved paint-tid i stedet for på en hex ved byggetid, så en var(--instui-…)-opprinnelse overlever inn i stylesheetet og fortsetter å spore hva enn den token løser seg til (inkludert et light-dark()-par, og enhver runtime-ompekning av det primitive den stammer fra)).

Relativ fargesyntaks tolker l på en 0–100-skala i både hsl() og lch(), og en utelatt alfakanal arver opprinnelsens — i samsvar med applyModify's alpha passthrough.

Parametere ​

base ​

string

Basisfargen (bokstavelig, var(--token), eller resultat fra en nestet hjelpefunksjon).

modify ​

TokenModify

Fargerommet modifikatoren opererer i (f.eks. "hsl").

Returnerer ​

string

Et color-mix()-uttrykk.

Eksempel ​

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