pantoken-root / packages/core/src / modifyExpression

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

modifyExpression(base, modify): string

Βήτα

Η μορφή έκφρασης CSS του applyModify: ίδια μαθηματικά, αλλά εφαρμόζεται στο base κατά το paint time και όχι σε ένα hex κατά το build time, έτσι μια var(--instui-…) προέλευση επιβιώνει στο stylesheet και συνεχίζει να παρακολουθεί ό,τι επιλύει αυτό το token (συμπεριλαμβανομένου ενός light-dark() ζεύγους, και οποιασδήποτε runtime επανακατεύθυνσης του πρωτογενούς από το οποίο προέρχεται)).

Η σύνταξη σχετικών χρωμάτων επιλύει το l στην κλίμακα 0–100 τόσο στο hsl() όσο και στο lch(), και ένα παραλειφθέν κανάλι alpha κληρονομεί εκείνο της προέλευσης — ταιριάζοντας με την περαιτέρω μεταβίβαση alpha του applyModify.

Παράμετροι ​

base ​

string

Το βασικό χρώμα (κυριολεκτικό, var(--token), ή αποτέλεσμα εμφωλευμένου βοηθητικού).

modify ​

TokenModify

Ο χρωματικός χώρος στον οποίο λειτουργεί ο τροποποιητής (π.χ. "hsl").

Επιστρέφει ​

string

Μια έκφραση color-mix().

Παράδειγμα ​

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