pantoken-root / packages/core/src / modifyExpression

함수: modifyExpression() ​

modifyExpression(base, modify): string

베타

의 CSS 표현식 형태: applyModify — 같은 수식이지만, 페인트 시점에 base에 적용되며 빌드 시점에 16진수로 변환되는 대신, var(--instui-…) 같은 원점이 스타일시트에 남아 해당 토큰이 무엇으로 해석되든 계속 추적합니다(예: light-dark() 쌍을 포함하고, 파생된 원시값의 런타임 재지정도 포함합니다)).

상대 색상 문법은 l를 hsl() 및 lch() 양쪽에서 0–100 척도로 해석하며, 생략된 알파 채널은 원점의 값을 상속합니다 — 이는 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))"