pantoken-root / packages/core/src / modifyExpression

Funktion: modifyExpression() ​

modifyExpression(base, modify): string

Beta

CSS-udtryksformen af applyModify: samme udregning, men anvendt på base ved paint-tid i stedet for på en hex ved byggetid, så en var(--instui-…) oprindelse overlever ind i stylesheetet og fortsætter med at spore, hvad den token løser til (inklusive et light-dark() par, og enhver runtime-ompegning af den primitive, den er afledt fra)).

Relativ farvesyntaks fortolker l på skalaen 0–100 i både hsl() og lch(), og en udeladt alpha-kanal arver oprindelsens — svarende til applyModify's alpha-gennemgang.

Parametre ​

base ​

string

Basisfarven (bogstavelig, var(--token), eller et indlejret hjælperesultat).

modify ​

TokenModify

Det farverum, som modifikatoren opererer i (f.eks. "hsl").

Returnerer ​

string

Et color-mix() udtryk.

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