pantoken / packages/core/src / applyModify

Συνάρτηση: applyModify() ​

applyModify(value, modify): string | undefined

Βήτα

Εφαρμόστε ένα Tokens Studio TokenModify σε ένα συγκεκριμένο χρώμα σε μορφή hex.

Παράμετροι ​

value ​

string

modify ​

TokenModify

Επιστρέφει ​

string | undefined

Το τροποποιημένο χρώμα, ή undefined όταν value δεν είναι χρώμα σε μορφή hex (ώστε ο καλών να μπορεί να καταφύγει στη διατήρηση του τροποποιητή ως μεταδεδομένα).

Παραδείγματα ​

Σκοτείνετε, φωτίστε και προσθέστε alpha

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"

Η μη-hex είσοδος και η ανάμειξη επιστρέφουν 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