pantoken-root / packages/core/src / modifyExpression

Fonksyon: modifyExpression() ​

modifyExpression(base, modify): string

Beta

Fòm CSS-ekspresyon applyModify: menm matematik la, men aplike sou base pandan faz penti a olye pou aplike sou yon hex pandan tan konstriksyon an, kidonk yon orijin var(--instui-…) tankou var(--instui-…) siviv nan fich stil la epi li kontinye swiv nenpòt sa token sa a rezoud a (ki gen ladan yon pè light-dark(), epi nenpòt re-adrèsman primitive a pandan ekzekisyon an).

Sentaks koulè relatif la rezoud l sou echèl 0–100 nan tou de hsl() ak lch(), epi yon chanèl alfa ki sote a eritye sa orijin nan — sa matche ak pasaj alfa applyModify applyModify la.

Paramèt ​

base ​

string

Koulè baz la (literal, var(--token), oswa rezilta yon èd anndan).

modify ​

TokenModify

Espas koulè kote modifikatè a opere (pa egzanp "hsl").

Retounen ​

string

Yon ekspresyon color-mix().

Egzanp ​

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