pantoken-root / packages/core/src / modifyExpression

फंक्शन: modifyExpression() ​

modifyExpression(base, modify): string

बीटा

CSS-एक्सप्रेशन रूप applyModify: वही गणित, पर यह base पर पेंट समय में लागू होता है बिल्ड समय पर किसी हेक्स पर नहीं, इसलिए var(--instui-…) स्रोत स्टाइलशीट में जीवित रहता है और उस टोकन के जो भी मान निकलते हैं उन्हें ट्रैक करना जारी रखता है (जिसमें light-dark() जोड़ी शामिल है, और उस प्रिमिटिव के किसी भी रनटाइम पुनर्निर्देशन से जो यह व्युत्पन्न होता है)).

सापेक्ष रंग सिंटैक्स l को 0–100 स्केल पर दोनों hsl() और lch() में सुलझाता है, और छोड़ा गया अल्फा चैनल स्रोत का वर्ती ग्रहण करता है — यह 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))"