pantoken-root / packages/core/src / modifyExpression

دالة: modifyExpression() ​

modifyExpression(base, modify): string

Beta

The CSS-expression form of applyModify: نفس العمليات الحسابية، لكنها تُطبَّق على base في وقت الطلاء بدلاً من أن تُطبَّق على تمثيل سداسي عشري أثناء وقت البناء، لذا فإن var(--instui-…) الأصل يبقى في ورقة الأنماط ويستمر في تتبُّع ما يحله ذلك الرمز إليه (بما في ذلك light-dark() زوجًا، وأي إعادة توجيه وقت التشغيل للأوليّة التي يستمدُّها منها)).

Relative colour syntax resolves l على مقياس 0–100 في كل من hsl() و lch(), وقناة ألفا المحذوفة ترث قيمة الأصل — موافِقة لعبور ألفا في applyModify.

Parameters ​

base ​

string

اللون الأساسي (حرفي، var(--token)، أو نتيجة مُعامل مُتداخل).

modify ​

TokenModify

فضاء الألوان الذي يعمل فيه المُعدِّل (مثال: "hsl").

Returns ​

string

تعبير لون نسبي من نوع hsl(from …).

Example ​

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