pantoken-root / packages/core/src / modifyExpression

Funktion: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-uttrycksformen av applyModify: samma matematik, men tillämpad på base vid renderingen istället för på en hexkod vid byggtid, så att en var(--instui-…)-ursprung överlever in i stylesheeten och fortsätter spåra vad den tokenen resolves till (inklusive ett light-dark()-par, och eventuell körningstidens ompekning av primitivet den härstammar från).

Relativ färgsyntax tolkar l på skalan 0–100 i både hsl() och lch(), och en utelämnad alfakanal ärver ursprungets — vilket matchar applyModify's alfagenomströmning.

Parametrar ​

base ​

string

Basfärgen (bokstavligt värde, var(--token) eller ett inbäddat hjälpresultat).

modify ​

TokenModify

Färgrymden som modifieraren verkar i (t.ex. "hsl").

Returnerar ​

string

Ett color-mix()-uttryck.

Exempel ​

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