pantoken-root / packages/core/src / modifyExpression

Functie: modifyExpression() ​

modifyExpression(base, modify): string

Bèta

De CSS-expressievorm van applyModify: dezelfde wiskunde, maar toegepast op base tijdens het painten in plaats van naar een hex tijdens buildtijd, dus een var(--instui-…) oorsprong blijft behouden in de stylesheet en blijft volgen waar dat token naar verwijst (inclusief een light-dark() paar, en elke runtime hertoewijzing van het primitief waaruit het is afgeleid)).

Relatieve kleursyntaxis lost l op de schaal 0–100 op in zowel hsl() als lch(), en een weggelaten alfakanaal erft dat van de oorsprong — overeenkomend met de alpha-passthrough van applyModify.

Parameters ​

base ​

string

De basiskleur (letterlijk, var(--token), of een genest resultaat van een helper).

modify ​

TokenModify

De kleuromgeving waarin de modifier werkt (bijv. "hsl").

Retourneert ​

string

Een color-mix()-expressie.

Voorbeeld ​

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