pantoken-root / packages/core/src / modifyExpression

Fušla: modifyExpression() ​

modifyExpression(base, modify): string

Behta

CSS-expression-forma applyModify: sama máhttašmat, muhto čuovvut leat dohkket dásis base maŋemus čuovgit nu go hex build-aija, dan dihtii var(--instui-…) alku vuoigŋašuvvon stylesheetain ja dálkkáčuođa eará mii dan token bargá (muhto ovddas light-dark() pairan, ja manná runtime mii boađe dálle primitiiva re-pointingin). runtime re-pointing of the primitive it derives from).

Relatiivalaš fárusaš syntax ráhkadusa l 0–100 skála dábálaš dálkkas ovttas hsl() ja lch(), ja váhttudeapmi alpha-kanála dahká alku vuoigŋaš — mis leat fillean applyModify alpha-passthrough.

Parametera ​

base ​

string

Boarjagi sáhttu (lávvut, var(--token), vai nidjiheapmi dálkkasvuohtaresulta).

modify ​

TokenModify

Fárguvuohta mii modifikáhtta bargá sis (muhto: "hsl").

Gullii / Gávdnat ​

string

color-mix()-expressiija.

Example ​

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