pantoken-root / packages/core/src / applyModify

Függvény: applyModify() ​

applyModify(value, modify): string | undefined

Béta

Alkalmazza a Tokens Studio TokenModify modulját egy konkrét hex szín alkalmazásához.

Paraméterek ​

value ​

string

modify ​

TokenModify

Visszatérési érték ​

string | undefined

A módosított szín, vagy undefined amikor value nem hex szín (így a hívó visszaeshet a módosító metaadataként való megőrzésére).

Példák ​

Sötétítés, világosítás és alfa hozzáadása

ts
import { applyModify } from "@pantoken/core";

applyModify("#808080", { type: "darken", value: 0.5, space: "hsl" });  // → "#404040"
applyModify("#808080", { type: "lighten", value: 0.5, space: "hsl" }); // → "#c0c0c0"
applyModify("#808080", { type: "lighten", value: 0.5, space: "lch" }); // → "#bdbdbd"
applyModify("#ffffff", { type: "alpha", value: 0.5, space: "hsl" });   // → "#ffffff80"

Nem-hex bemenet és keverés megadja az undefined-et (megőrzés metaadataként)

ts
import { applyModify } from "@pantoken/core";

applyModify("var(--x)", { type: "darken", value: 0.1, space: "hsl" }); // → undefined