pantoken-root / packages/core/src / modifyExpression

تابع: modifyExpression() ​

modifyExpression(base, modify): string

بتا

شکل عبارت CSS از applyModify: همان محاسبات، اما روی base در زمان نقاشی اعمال می‌شود نه روی یک هگز در زمان ساخت، بنابراین منشأ var(--instui-…) به داخل stylesheet منتقل می‌شود و همواره دنبال می‌کند هر آنچه آن توکن به آن تبدیل می‌شود (شامل یک جفت 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))"