@weasel-js/theme 1.7.3 → 1.8.1

package/dist/{definition-DxvV2RH3.d.ts → definition-BQHKxPoy.d.ts}

@@ -72,7 +72,7 @@ declare function bakeChain(definition: ThemeDefinition, lookup?: Lookup): BakedT
 
 /** Every design token the built-in themes declare, spelled as the CSS
  *  custom property it becomes. */
-type TokenName = '--wzl-accent' | '--wzl-accent-base' | '--wzl-accent-fg' | '--wzl-accent-hover' | '--wzl-accent-soft' | '--wzl-accent-strong' | '--wzl-backdrop' | '--wzl-border' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-control-h' | '--wzl-control-h-sm' | '--wzl-control-h-xs' | '--wzl-curve-color' | '--wzl-curve-width' | '--wzl-danger' | '--wzl-danger-base' | '--wzl-ease-in-cubic' | '--wzl-ease-in-out-cubic' | '--wzl-ease-out-back' | '--wzl-ease-out-cubic' | '--wzl-fg' | '--wzl-fg-inverse' | '--wzl-fg-muted' | '--wzl-fg-on-accent' | '--wzl-fg-subtle' | '--wzl-field-pad-x' | '--wzl-focus-ring' | '--wzl-font-body' | '--wzl-font-display' | '--wzl-font-mono' | '--wzl-font-numeric' | '--wzl-font-size' | '--wzl-font-size-2xs' | '--wzl-font-size-lg' | '--wzl-font-size-md' | '--wzl-font-size-sm' | '--wzl-font-size-xl' | '--wzl-font-size-xs' | '--wzl-font-ui' | '--wzl-font-weight-bold' | '--wzl-font-weight-light' | '--wzl-font-weight-medium' | '--wzl-font-weight-normal' | '--wzl-glass-blur' | '--wzl-glass-tint' | '--wzl-gray-100' | '--wzl-gray-200' | '--wzl-gray-300' | '--wzl-gray-400' | '--wzl-gray-50' | '--wzl-gray-500' | '--wzl-gray-600' | '--wzl-gray-700' | '--wzl-gray-800' | '--wzl-gray-900' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-leading' | '--wzl-leading-snug' | '--wzl-leading-tight' | '--wzl-line' | '--wzl-line-strong' | '--wzl-line-subtle' | '--wzl-line-width' | '--wzl-motion-fast' | '--wzl-motion-medium' | '--wzl-panel-blur' | '--wzl-panel-border-color' | '--wzl-panel-border-style' | '--wzl-panel-border-width' | '--wzl-panel-pad' | '--wzl-panel-radius' | '--wzl-panel-surface' | '--wzl-panel-title-case' | '--wzl-panel-title-color' | '--wzl-panel-title-font' | '--wzl-panel-title-inset' | '--wzl-panel-title-size' | '--wzl-panel-title-tracking' | '--wzl-panel-title-weight' | '--wzl-panel-tone-mix' | '--wzl-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-secondary' | '--wzl-secondary-base' | '--wzl-secondary-fg' | '--wzl-secondary-soft' | '--wzl-secondary-strong' | '--wzl-shadow' | '--wzl-slider-thumb-mix' | '--wzl-slider-thumb-size' | '--wzl-slider-thumb-slop' | '--wzl-slider-track-h' | '--wzl-slider-track-mix' | '--wzl-slider-track-slop' | '--wzl-space-1' | '--wzl-space-2' | '--wzl-space-3' | '--wzl-space-4' | '--wzl-space-5' | '--wzl-space-6' | '--wzl-space-7' | '--wzl-space-8' | '--wzl-space-lg' | '--wzl-space-md' | '--wzl-space-sm' | '--wzl-space-xs' | '--wzl-stance-advanced-title-color' | '--wzl-stance-aside-blur' | '--wzl-stance-aside-border-color' | '--wzl-stance-aside-surface' | '--wzl-stance-aside-title-color' | '--wzl-stance-danger-border-color' | '--wzl-stance-danger-title-color' | '--wzl-stance-danger-tone' | '--wzl-stance-debug-border-style' | '--wzl-stance-debug-title-case' | '--wzl-stance-debug-title-font' | '--wzl-stance-important-border-color' | '--wzl-stance-important-title-color' | '--wzl-stance-notice-tone' | '--wzl-stance-notice-tone-mix' | '--wzl-stance-preview-pad' | '--wzl-stance-preview-title-case' | '--wzl-stance-preview-title-inset' | '--wzl-stance-preview-title-size' | '--wzl-stance-scope-border-width' | '--wzl-stance-scope-nested-radius' | '--wzl-stance-scope-nested-surface' | '--wzl-stance-scope-radius' | '--wzl-stance-scope-tone-mix' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-pressed' | '--wzl-surface-raised' | '--wzl-surface-sunken' | '--wzl-swatch-amber' | '--wzl-swatch-blue' | '--wzl-swatch-citron' | '--wzl-swatch-fuchsia' | '--wzl-swatch-green' | '--wzl-swatch-red' | '--wzl-swatch-rose' | '--wzl-swatch-sky' | '--wzl-swatch-teal' | '--wzl-swatch-violet' | '--wzl-tb-height' | '--wzl-tracking-none' | '--wzl-tracking-wide' | '--wzl-tracking-wider' | '--wzl-warning' | '--wzl-warning-base' | '--wzl-workspace-line' | '--wzl-workspace-surface' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-toolbar';
+type TokenName = '--wzl-accent' | '--wzl-accent-base' | '--wzl-accent-fg' | '--wzl-accent-hover' | '--wzl-accent-soft' | '--wzl-accent-strong' | '--wzl-backdrop' | '--wzl-border' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-control-h' | '--wzl-control-h-sm' | '--wzl-control-h-xs' | '--wzl-curve-color' | '--wzl-curve-width' | '--wzl-danger' | '--wzl-danger-base' | '--wzl-ease-in-cubic' | '--wzl-ease-in-out-cubic' | '--wzl-ease-out-back' | '--wzl-ease-out-cubic' | '--wzl-fg' | '--wzl-fg-inverse' | '--wzl-fg-muted' | '--wzl-fg-muted-on-accent' | '--wzl-fg-on-accent' | '--wzl-fg-subtle' | '--wzl-fg-subtle-on-accent' | '--wzl-field-pad-x' | '--wzl-focus-ring' | '--wzl-font-body' | '--wzl-font-display' | '--wzl-font-mono' | '--wzl-font-numeric' | '--wzl-font-size' | '--wzl-font-size-2xs' | '--wzl-font-size-lg' | '--wzl-font-size-md' | '--wzl-font-size-sm' | '--wzl-font-size-xl' | '--wzl-font-size-xs' | '--wzl-font-ui' | '--wzl-font-weight-bold' | '--wzl-font-weight-light' | '--wzl-font-weight-medium' | '--wzl-font-weight-normal' | '--wzl-glass-blur' | '--wzl-glass-tint' | '--wzl-gray-100' | '--wzl-gray-200' | '--wzl-gray-300' | '--wzl-gray-400' | '--wzl-gray-50' | '--wzl-gray-500' | '--wzl-gray-600' | '--wzl-gray-700' | '--wzl-gray-800' | '--wzl-gray-900' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-leading' | '--wzl-leading-snug' | '--wzl-leading-tight' | '--wzl-line' | '--wzl-line-strong' | '--wzl-line-subtle' | '--wzl-line-width' | '--wzl-motion-fast' | '--wzl-motion-medium' | '--wzl-panel-blur' | '--wzl-panel-border-color' | '--wzl-panel-border-style' | '--wzl-panel-border-width' | '--wzl-panel-pad' | '--wzl-panel-radius' | '--wzl-panel-surface' | '--wzl-panel-title-case' | '--wzl-panel-title-color' | '--wzl-panel-title-font' | '--wzl-panel-title-inset' | '--wzl-panel-title-size' | '--wzl-panel-title-tracking' | '--wzl-panel-title-weight' | '--wzl-panel-tone-mix' | '--wzl-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-secondary' | '--wzl-secondary-base' | '--wzl-secondary-fg' | '--wzl-secondary-soft' | '--wzl-secondary-strong' | '--wzl-shadow' | '--wzl-slider-thumb-mix' | '--wzl-slider-thumb-size' | '--wzl-slider-thumb-slop' | '--wzl-slider-track-h' | '--wzl-slider-track-mix' | '--wzl-slider-track-slop' | '--wzl-space-1' | '--wzl-space-2' | '--wzl-space-3' | '--wzl-space-4' | '--wzl-space-5' | '--wzl-space-6' | '--wzl-space-7' | '--wzl-space-8' | '--wzl-space-lg' | '--wzl-space-md' | '--wzl-space-sm' | '--wzl-space-xs' | '--wzl-stance-advanced-title-color' | '--wzl-stance-aside-blur' | '--wzl-stance-aside-border-color' | '--wzl-stance-aside-surface' | '--wzl-stance-aside-title-color' | '--wzl-stance-danger-border-color' | '--wzl-stance-danger-title-color' | '--wzl-stance-danger-tone' | '--wzl-stance-debug-border-style' | '--wzl-stance-debug-title-case' | '--wzl-stance-debug-title-font' | '--wzl-stance-important-border-color' | '--wzl-stance-important-title-color' | '--wzl-stance-notice-tone' | '--wzl-stance-notice-tone-mix' | '--wzl-stance-preview-pad' | '--wzl-stance-preview-title-case' | '--wzl-stance-preview-title-inset' | '--wzl-stance-preview-title-size' | '--wzl-stance-scope-border-width' | '--wzl-stance-scope-nested-radius' | '--wzl-stance-scope-nested-surface' | '--wzl-stance-scope-radius' | '--wzl-stance-scope-tone-mix' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-pressed' | '--wzl-surface-raised' | '--wzl-surface-sunken' | '--wzl-swatch-amber' | '--wzl-swatch-blue' | '--wzl-swatch-citron' | '--wzl-swatch-fuchsia' | '--wzl-swatch-green' | '--wzl-swatch-red' | '--wzl-swatch-rose' | '--wzl-swatch-sky' | '--wzl-swatch-teal' | '--wzl-swatch-violet' | '--wzl-tb-height' | '--wzl-tracking-none' | '--wzl-tracking-wide' | '--wzl-tracking-wider' | '--wzl-warning' | '--wzl-warning-base' | '--wzl-workspace-line' | '--wzl-workspace-surface' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-toolbar';
 /** A built-in theme with its aliases already collapsed: every selection
  *  (keyed `mode=dark`, axes in declaration order) maps every token name to
  *  a final CSS value. */
@@ -153,8 +153,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
-                readonly '--wzl-fg-muted': "#9ea1a8";
-                readonly '--wzl-fg-subtle': "#6f737b";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.98)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.96)";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
                 readonly '--wzl-accent-fg': "#8c94ee";
@@ -189,8 +191,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#6f737b";
-                readonly '--wzl-stance-advanced-title-color': "#6f737b";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.54)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -322,8 +324,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
-                readonly '--wzl-fg-muted': "#9ea1a8";
-                readonly '--wzl-fg-subtle': "#6f737b";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.98)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.96)";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
                 readonly '--wzl-accent-fg': "#8c94ee";
@@ -358,8 +362,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#6f737b";
-                readonly '--wzl-stance-advanced-title-color': "#6f737b";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.54)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -491,8 +495,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#25272c";
                 readonly '--wzl-surface-sunken': "#0e0f12";
                 readonly '--wzl-fg': "#e6e7e9";
-                readonly '--wzl-fg-muted': "#9ea1a8";
-                readonly '--wzl-fg-subtle': "#6f737b";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.7)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.98)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.96)";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
                 readonly '--wzl-accent-fg': "#8c94ee";
@@ -527,8 +533,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#6f737b";
-                readonly '--wzl-stance-advanced-title-color': "#6f737b";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.54)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.54)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -660,8 +666,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
-                readonly '--wzl-fg-muted': "#383b42";
-                readonly '--wzl-fg-subtle': "#4d5058";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.73)";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
                 readonly '--wzl-accent-fg': "#4338ca";
@@ -696,8 +704,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#4d5058";
-                readonly '--wzl-stance-advanced-title-color': "#4d5058";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.64)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -829,8 +837,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
-                readonly '--wzl-fg-muted': "#383b42";
-                readonly '--wzl-fg-subtle': "#4d5058";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.73)";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
                 readonly '--wzl-accent-fg': "#4338ca";
@@ -865,8 +875,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#4d5058";
-                readonly '--wzl-stance-advanced-title-color': "#4d5058";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.64)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
@@ -998,8 +1008,10 @@ declare const THEMES: {
                 readonly '--wzl-surface-raised': "#e6e7e9";
                 readonly '--wzl-surface-sunken': "#c9cbcf";
                 readonly '--wzl-fg': "#0e0f12";
-                readonly '--wzl-fg-muted': "#383b42";
-                readonly '--wzl-fg-subtle': "#4d5058";
+                readonly '--wzl-fg-muted': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-fg-muted-on-accent': "rgb(from currentColor r g b / 0.78)";
+                readonly '--wzl-fg-subtle-on-accent': "rgb(from currentColor r g b / 0.73)";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
                 readonly '--wzl-accent-fg': "#4338ca";
@@ -1034,8 +1046,8 @@ declare const THEMES: {
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-blur': "0px";
-                readonly '--wzl-stance-aside-title-color': "#4d5058";
-                readonly '--wzl-stance-advanced-title-color': "#4d5058";
+                readonly '--wzl-stance-aside-title-color': "rgb(from currentColor r g b / 0.64)";
+                readonly '--wzl-stance-advanced-title-color': "rgb(from currentColor r g b / 0.64)";
                 readonly '--wzl-stance-debug-border-style': "dashed";
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";

package/dist/engine.d.ts

@@ -1,6 +1,6 @@
 import { OklchDeg, oklchDegToHex } from '@weasel-js/paint';
-import { T as ThemeDefinition, L as Lookup, F as FlatTokens, R as RawToken, S as Selection, B as BakedTheme, A as AxisDefs, a as Theme } from './definition-DxvV2RH3.js';
-export { C as CategoricalRampDef, b as ContrastRule, c as LightnessRampDef, d as LiteralRule, N as NumberParam, O as OffsetRule, P as PinObject, e as PinValue, f as RampDef, g as RefRule, h as ScaleDef, i as SemanticRule, j as StepRule, k as bake, l as bakeChain, m as mergeChain } from './definition-DxvV2RH3.js';
+import { T as ThemeDefinition, L as Lookup, F as FlatTokens, R as RawToken, S as Selection, B as BakedTheme, A as AxisDefs, a as Theme } from './definition-BQHKxPoy.js';
+export { C as CategoricalRampDef, b as ContrastRule, c as LightnessRampDef, d as LiteralRule, N as NumberParam, O as OffsetRule, P as PinObject, e as PinValue, f as RampDef, g as RefRule, h as ScaleDef, i as SemanticRule, j as StepRule, k as bake, l as bakeChain, m as mergeChain } from './definition-BQHKxPoy.js';
 
 /** A color in OKLCH: lightness 0–1, chroma, hue in degrees. paint's own type,
  *  under the name this engine has always called it. */

package/dist/engine.js

@@ -1,6 +1,6 @@
 import { overrideKey, AXES_EXT, ALPHA_EXT } from './chunk-Z675UQ26.js';
-import { mergeAxes, toLch, toHex, generate, DEFAULT_CONSTRAINTS, fullSelection, pick, enumerateSelections, resolveTokens, pickAll, themeAxes, selectionKey, isByAxis, contrast } from './chunk-AN5JVL2S.js';
-export { CHROMA_WEIGHT, DEFAULT_CONSTRAINTS, anchorFromHex, chromaCap, contrast, deltaE, floorDegrees, generate, hexToRgb, hueGap, hueName, luminance, toHex, toHexPreview, toLab, toLch, vividAt } from './chunk-AN5JVL2S.js';
+import { mergeAxes, toLch, toHex, generate, DEFAULT_CONSTRAINTS, fullSelection, pick, enumerateSelections, resolveTokens, pickAll, themeAxes, selectionKey, isByAxis, contrast } from './chunk-NUILKH2Z.js';
+export { CHROMA_WEIGHT, DEFAULT_CONSTRAINTS, anchorFromHex, chromaCap, contrast, deltaE, floorDegrees, generate, hexToRgb, hueGap, hueName, luminance, toHex, toHexPreview, toLab, toLch, vividAt } from './chunk-NUILKH2Z.js';
 
 // src/engine/steps.ts
 var stepList = (x) => Array.isArray(x) ? [...new Set(x.filter((s) => typeof s === "string"))] : [];

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { n as TokenName, o as ResolvedTheme, a as Theme, S as Selection, p as TokenValue } from './definition-DxvV2RH3.js';
-export { q as AxisDef, A as AxisDefs, r as AxisValue, s as BAKED_THEMES, B as BakedTheme, t as ByAxis, u as ColorContext, v as ColorList, F as FlatTokens, G as GeneratedColors, w as GeneratedTheme, P as PinObject, e as PinValue, x as RampColors, R as RawToken, y as SerializableColorList, z as THEMES, D as THEME_SOURCES, T as ThemeDefinition, E as ThemeInput, V as Varying, H as colorAt, I as colorCount, J as colorCssAt, K as defineTheme, M as enumerateSelections, Q as fullSelection, U as isByAxis, W as rampSteps, X as resolveTheme, Y as selectionKey, Z as themeAxes, _ as themeTones, $ as weaselTheme } from './definition-DxvV2RH3.js';
+import { n as TokenName, o as ResolvedTheme, a as Theme, S as Selection, p as TokenValue } from './definition-BQHKxPoy.js';
+export { q as AxisDef, A as AxisDefs, r as AxisValue, s as BAKED_THEMES, B as BakedTheme, t as ByAxis, u as ColorContext, v as ColorList, F as FlatTokens, G as GeneratedColors, w as GeneratedTheme, P as PinObject, e as PinValue, x as RampColors, R as RawToken, y as SerializableColorList, z as THEMES, D as THEME_SOURCES, T as ThemeDefinition, E as ThemeInput, V as Varying, H as colorAt, I as colorCount, J as colorCssAt, K as defineTheme, M as enumerateSelections, Q as fullSelection, U as isByAxis, W as rampSteps, X as resolveTheme, Y as selectionKey, Z as themeAxes, _ as themeTones, $ as weaselTheme } from './definition-BQHKxPoy.js';
 export { C as ColorMode, a as ColorModePreference, i as isColorModePreference } from './colorMode-CoklZomJ.js';
 
 /** One row of `TOKEN_MANIFEST`: a token, its DTCG type, the name-prefix
@@ -45,6 +45,17 @@ declare function tokenPx(name: TokenName, resolved?: ResolvedTheme): number;
  */
 declare function applyTheme(el: HTMLElement, theme: Theme, selection?: Selection): void;
 
+/**
+ * A resolved token value with `currentColor` taken to be `current`, for a surface drawn without the
+ * cascade — a canvas reading a resolved theme — where `currentColor` has nothing to resolve against.
+ * Pass the color of the text the value is drawn beside, usually `--wzl-fg`. A value that never
+ * mentions `currentColor` comes back unchanged.
+ *
+ * Flattens the forms the kit's themes write: bare `currentColor`, `rgb(from currentColor r g b / a)`
+ * and `color-mix(in <space>, currentColor p%, transparent)`. Throws on any other use of it.
+ */
+declare function resolveCurrentColor(value: string, current: string): string;
+
 interface DtcgDocument {
     name?: unknown;
     defaultMode?: unknown;
@@ -119,4 +130,4 @@ interface StanceLookup<S extends string> {
  */
 declare function resolveStanceSlots<S extends string>(tokens: Readonly<Record<string, string>>, base: Readonly<Record<S, string>>, { stance, nested, stanced }?: StanceLookup<S>): Record<S, string>;
 
-export { ResolvedTheme, STANCES, STANCE_SLOTS, Selection, type Stance, type StanceLookup, type StanceSlot, TOKEN_MANIFEST, Theme, type TokenManifestEntry, TokenName, TokenValue, applyTheme, loadDTCG, parseTokenValue, resolveStanceSlots, serializeTokenValue, stanceSlotNames, tokenPx };
+export { ResolvedTheme, STANCES, STANCE_SLOTS, Selection, type Stance, type StanceLookup, type StanceSlot, TOKEN_MANIFEST, Theme, type TokenManifestEntry, TokenName, TokenValue, applyTheme, loadDTCG, parseTokenValue, resolveCurrentColor, resolveStanceSlots, serializeTokenValue, stanceSlotNames, tokenPx };

package/dist/index.js

@@ -1,8 +1,8 @@
-import { weaselTheme } from './chunk-HO2AM2OB.js';
-export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme } from './chunk-HO2AM2OB.js';
+import { weaselTheme } from './chunk-VUNWK7T2.js';
+export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme } from './chunk-VUNWK7T2.js';
 import { AXES_EXT, overrideKey, ALPHA_EXT } from './chunk-Z675UQ26.js';
-import { themeAxes, mergeAxes } from './chunk-AN5JVL2S.js';
-export { enumerateSelections, fullSelection, isByAxis, parseTokenValue, resolveTheme, selectionKey, serializeTokenValue, themeAxes } from './chunk-AN5JVL2S.js';
+import { atAlpha, withAlpha, themeAxes, mergeAxes } from './chunk-NUILKH2Z.js';
+export { enumerateSelections, fullSelection, isByAxis, parseTokenValue, resolveTheme, selectionKey, serializeTokenValue, themeAxes } from './chunk-NUILKH2Z.js';
 
 // src/generated/manifest.ts
 var TOKEN_MANIFEST = [
@@ -50,8 +50,10 @@ var TOKEN_MANIFEST = [
   { name: "--wzl-surface-raised", type: "color", group: "surface", defaultValue: "#25272c", description: "", hook: false },
   { name: "--wzl-surface-sunken", type: "color", group: "surface", defaultValue: "#0e0f12", description: "", hook: false },
   { name: "--wzl-fg", type: "color", group: "fg", defaultValue: "#e6e7e9", description: "", hook: false },
-  { name: "--wzl-fg-muted", type: "color", group: "fg", defaultValue: "#9ea1a8", description: "", hook: false },
-  { name: "--wzl-fg-subtle", type: "color", group: "fg", defaultValue: "#6f737b", description: "", hook: false },
+  { name: "--wzl-fg-muted", type: "color", group: "fg", defaultValue: "rgb(from currentColor r g b / 0.7)", description: "Secondary text: the text color in effect where it is used, at reduced alpha, so it steps down from whatever text it sits beside on any surface. The alpha is absolute, so muted text nested in muted text stays one step down. Under fg it clears WCAG 4.5:1 on surface, surface-raised, and surface-sunken in both modes.", hook: false },
+  { name: "--wzl-fg-subtle", type: "color", group: "fg", defaultValue: "rgb(from currentColor r g b / 0.54)", description: "Tertiary text: a further step down from the text color in effect, by the same rule as fg-muted. Under fg it clears WCAG 4.5:1 on surface, surface-raised, and surface-sunken in both modes.", hook: false },
+  { name: "--wzl-fg-muted-on-accent", type: "color", group: "fg", defaultValue: "rgb(from currentColor r g b / 0.98)", description: "Secondary text on an accent fill. Every rule that sets --wzl-fg-on-accent text redirects --wzl-fg-muted here (npm run check:on-accent), because the general step falls below WCAG 4.5:1 on the accent. In dark mode that leaves almost no step to show.", hook: false },
+  { name: "--wzl-fg-subtle-on-accent", type: "color", group: "fg", defaultValue: "rgb(from currentColor r g b / 0.96)", description: "Tertiary text on an accent fill, redirected from --wzl-fg-subtle by the same rule as fg-muted-on-accent. Clears WCAG 4.5:1 on the accent in both modes.", hook: false },
   { name: "--wzl-border", type: "color", group: "border", defaultValue: "#25272c", description: "", hook: false },
   { name: "--wzl-border-strong", type: "color", group: "border", defaultValue: "#6f737b", description: "The line that has to be seen: a control's edge, a raised surface's outline. Clears WCAG 1.4.11's 3:1 against every surface in both modes.", hook: false },
   { name: "--wzl-accent-fg", type: "color", group: "accent", defaultValue: "#8c94ee", description: "Accent for foreground use \u2014 text, icons, selected labels drawn on a surface. accent is a fill; the midnight base is too dim to read as text on dark surfaces.", hook: false },
@@ -81,8 +83,8 @@ var TOKEN_MANIFEST = [
   { name: "--wzl-stance-aside-surface", type: "color", group: "stance", defaultValue: "transparent", description: "", hook: false },
   { name: "--wzl-stance-aside-border-color", type: "color", group: "stance", defaultValue: "rgba(230, 231, 233, 0.1)", description: "", hook: false },
   { name: "--wzl-stance-aside-blur", type: "dimension", group: "stance", defaultValue: "0px", description: "", hook: false },
-  { name: "--wzl-stance-aside-title-color", type: "color", group: "stance", defaultValue: "#6f737b", description: "", hook: false },
-  { name: "--wzl-stance-advanced-title-color", type: "color", group: "stance", defaultValue: "#6f737b", description: "", hook: false },
+  { name: "--wzl-stance-aside-title-color", type: "color", group: "stance", defaultValue: "rgb(from currentColor r g b / 0.54)", description: "", hook: false },
+  { name: "--wzl-stance-advanced-title-color", type: "color", group: "stance", defaultValue: "rgb(from currentColor r g b / 0.54)", description: "", hook: false },
   { name: "--wzl-stance-debug-border-style", type: "string", group: "stance", defaultValue: "dashed", description: "", hook: false },
   { name: "--wzl-stance-debug-title-font", type: "fontFamily", group: "stance", defaultValue: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", description: "", hook: false },
   { name: "--wzl-stance-debug-title-case", type: "string", group: "stance", defaultValue: "none", description: "", hook: false },
@@ -206,6 +208,22 @@ function tokenPx(name, resolved) {
   return Number(m[1]);
 }
 
+// src/currentColor.ts
+var NUMBER = String.raw`(\d*\.?\d+)(%?)`;
+var RELATIVE = new RegExp(String.raw`^rgb\(\s*from\s+currentcolor\s+r\s+g\s+b\s*/\s*${NUMBER}\s*\)$`, "i");
+var MIX = new RegExp(String.raw`^color-mix\(\s*in\s+[\w-]+\s*,\s*currentcolor\s+${NUMBER}\s*,\s*transparent\s*\)$`, "i");
+var fraction = (n, pct) => Number(n) / (pct ? 100 : 1);
+function resolveCurrentColor(value, current) {
+  const v = value.trim();
+  if (!/currentcolor/i.test(v)) return value;
+  if (/^currentcolor$/i.test(v)) return current;
+  const rel = RELATIVE.exec(v);
+  if (rel) return atAlpha(current, fraction(rel[1], rel[2]));
+  const mix = MIX.exec(v);
+  if (mix && mix[2] === "%") return withAlpha(current, fraction(mix[1], mix[2]));
+  throw new Error(`resolveCurrentColor: cannot flatten "${value}"`);
+}
+
 // src/dtcg/flatten.ts
 var isToken = (v) => typeof v === "object" && v !== null && "$value" in v;
 function flattenTokens(doc) {
@@ -355,6 +373,6 @@ function resolveStanceSlots(tokens, base, { stance, nested, stanced } = {}) {
   return out;
 }
 
-export { STANCES, STANCE_SLOTS, TOKEN_MANIFEST, loadDTCG, resolveStanceSlots, stanceSlotNames, tokenPx };
+export { STANCES, STANCE_SLOTS, TOKEN_MANIFEST, loadDTCG, resolveCurrentColor, resolveStanceSlots, stanceSlotNames, tokenPx };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map