pantoken-root / packages/core/src / modifyExpression

関数: modifyExpression()

modifyExpression(base, modify): string

ベータ

applyModify: 同じ計算ですが、ペイント時にbaseに適用され、ビルド時に16進色に適用されるのではありません。そのため、var(--instui-…)の由来はスタイルシート内に残り、 そのトークンが解決するもの（light-dark() のペアを含む）を追跡し続け、派生元プリミティブのランタイムでの再指向も反映します)。

相対色表記は、l を hsl() と lch() の両方で 0–100 スケールとして解決し、 アルファチャンネルを省略すると元の値を継承します — これは applyModify のアルファ透過動作と一致します。

パラメーター

base

string

基準色（リテラル、var(--token)、またはネストされたヘルパーの結果）。

modify

TokenModify

修飾子が作用するカラースペース（例："hsl"）。

戻り値

string

color-mix() 式。

例

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