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