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() 中解析，且 省略的 alpha 通道继承自源 — 与 applyModify 的 alpha 透传相匹配。

参数

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