pantoken-root / packages/core/src / applyModify

함수: applyModify() ​

applyModify(value, modify): string | undefined

베타

Tokens Studio의 TokenModify를 구체적인 16진수 색상에 적용합니다.

매개변수 ​

value ​

string

modify ​

TokenModify

반환값 ​

string | undefined

변경된 색상, 또는 undefined when value이 16진수 색상이 아닌 경우 (호출자가 수정을 메타데이터로 보존하도록 폴백할 수 있게).

예제들 ​

어둡게, 밝게, 알파 추가

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"

비-16진수 입력과 mix는 undefined 반환(메타데이터로 보존)

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

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