Skip to content

pantoken / 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 });  // → "#404040"
applyModify("#808080", { type: "lighten", value: 0.5 }); // → "#c0c0c0"
applyModify("#ffffff", { type: "alpha", value: 0.5 });   // → "#ffffff80"

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

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

applyModify("var(--x)", { type: "darken", value: 0.1 });        // → undefined
applyModify("#fff", { type: "mix", value: 0.5, color: "#000" }); // → undefined