pantoken-root / packages/core/src / modifyExpression

Fonksiyon: modifyExpression() ​

modifyExpression(base, modify): string

Beta

applyModify'in CSS-ifadeli biçimi: aynı matematik, ancak boya zamanında base üzerine uygulanır build zamanında bir hexe uygulanmak yerine, bu yüzden var(--instui-…) kaynağı stil tablosuna kadar korunur ve o token'ın neye karşılık geldiğini izlemeye devam eder (bir light-dark() çiftini içermek dahil, ve türediği ilkelin herhangi bir çalışma zamanı yeniden yönlendirmesi).)

Bağıl renk sözdizimi, hem l içinde l'yi 0–100 ölçeğinde çözer ve hem hsl() içinde çözer, ve atlanan bir alfa kanalı kökenininkinı devralır — applyModify'ın alfa geçirgenliğine karşılık gelir.

Parametreler ​

base ​

string

Temel renk (literal, var(--token) veya iç içe geçmiş bir yardımcı sonucu).

modify ​

TokenModify

Değiştiricinin çalıştığı renk uzayı (örn. "hsl").

Döndürür ​

string

Bir color-mix() ifadesi.

Örnek ​

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