@weasel-js/theme 1.11.1 → 1.13.0-rc.0

package/dist/{definition-CSeERbSL.d.ts → definition-wsEi-XBr.d.ts}

@@ -65,7 +65,7 @@ interface BakedTheme {
     readonly tokens: Readonly<Record<string, Varying<RawToken>>>;
     /** Each ramp this definition declares → its step names in order, which the tokens alone do not keep. */
     readonly ramps?: Readonly<Record<string, readonly string[]>>;
-    readonly tones?: SerializableColorList;
+    readonly tints?: SerializableColorList;
 }
 /** Derive `definition` at every selection and fold the results into one record of tokens with no rules left. */
 declare function bake(definition: ThemeDefinition, lookup?: Lookup): BakedTheme;
@@ -74,7 +74,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-on-sunken' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-code-constant' | '--wzl-code-keyword' | '--wzl-code-name' | '--wzl-code-number' | '--wzl-code-property' | '--wzl-code-string' | '--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-gloss' | '--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-dot-size' | '--wzl-handle-dot-size-sm' | '--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-scrim' | '--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-popover' | '--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-drag' | '--wzl-z-hud' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-popover' | '--wzl-z-toast' | '--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-on-sunken' | '--wzl-border-strong' | '--wzl-border-w' | '--wzl-checker-a' | '--wzl-checker-b' | '--wzl-checker-size' | '--wzl-code-constant' | '--wzl-code-keyword' | '--wzl-code-name' | '--wzl-code-number' | '--wzl-code-property' | '--wzl-code-string' | '--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-gloss' | '--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-dot-size' | '--wzl-handle-dot-size-sm' | '--wzl-handle-size' | '--wzl-handle-size-lg' | '--wzl-handle-size-sm' | '--wzl-icon-button-size' | '--wzl-info' | '--wzl-info-base' | '--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-tint-mix' | '--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-radius-lg' | '--wzl-radius-md' | '--wzl-radius-pill' | '--wzl-radius-sm' | '--wzl-scrim' | '--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-clarify-border-width' | '--wzl-stance-clarify-nested-radius' | '--wzl-stance-clarify-nested-surface' | '--wzl-stance-clarify-radius' | '--wzl-stance-clarify-tint-mix' | '--wzl-stance-debug-border-style' | '--wzl-stance-debug-title-case' | '--wzl-stance-debug-title-font' | '--wzl-stance-preview-pad' | '--wzl-stance-preview-title-case' | '--wzl-stance-preview-title-inset' | '--wzl-stance-preview-title-size' | '--wzl-success' | '--wzl-success-base' | '--wzl-surface' | '--wzl-surface-hover' | '--wzl-surface-popover' | '--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-drag' | '--wzl-z-hud' | '--wzl-z-modal' | '--wzl-z-overlay' | '--wzl-z-popover' | '--wzl-z-toast' | '--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. */
@@ -182,7 +182,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -192,11 +192,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#e6e7e9";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#181a1e";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#181a1e";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
@@ -207,31 +207,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#5b63c9";
-                readonly '--wzl-stance-notice-tone': "#5b63c9";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#8c94ee";
-                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "10px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(230, 231, 233, 0.12)";
                 readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent': "#5b63c9";
                 readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#8c94ee";
                 readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
@@ -369,7 +364,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -379,11 +374,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#e6e7e9";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#181a1e";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#181a1e";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
@@ -394,31 +389,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#5b63c9";
-                readonly '--wzl-stance-notice-tone': "#5b63c9";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#8c94ee";
-                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "12px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(230, 231, 233, 0.12)";
                 readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent': "#5b63c9";
                 readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#8c94ee";
                 readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
@@ -556,7 +546,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -566,11 +556,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#e6e7e9";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#181a1e";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#181a1e";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(230, 231, 233, 0.1)";
@@ -581,31 +571,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#5b63c9";
-                readonly '--wzl-stance-notice-tone': "#5b63c9";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#8c94ee";
-                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "14px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(230, 231, 233, 0.12)";
                 readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent': "#5b63c9";
                 readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#8c94ee";
                 readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
@@ -743,7 +728,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -753,11 +738,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#0e0f12";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#f5f5f6";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#f5f5f6";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
@@ -768,31 +753,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#4338ca";
-                readonly '--wzl-stance-notice-tone': "#4338ca";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#4338ca";
-                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "10px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(14, 15, 18, 0.12)";
                 readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent': "#4338ca";
                 readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#6366f1";
                 readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
@@ -930,7 +910,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -940,11 +920,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#0e0f12";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#f5f5f6";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#f5f5f6";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
@@ -955,31 +935,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#4338ca";
-                readonly '--wzl-stance-notice-tone': "#4338ca";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#4338ca";
-                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "12px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(14, 15, 18, 0.12)";
                 readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent': "#4338ca";
                 readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#6366f1";
                 readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
@@ -1117,7 +1092,7 @@ declare const THEMES: {
                 readonly '--wzl-panel-pad': "14px 16px";
                 readonly '--wzl-glass-blur': "3px";
                 readonly '--wzl-panel-blur': "3px";
-                readonly '--wzl-panel-tone-mix': "14%";
+                readonly '--wzl-panel-tint-mix': "14%";
                 readonly '--wzl-font-display': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
                 readonly '--wzl-font-weight-light': "200";
@@ -1127,11 +1102,11 @@ declare const THEMES: {
                 readonly '--wzl-panel-title-tracking': "0.01em";
                 readonly '--wzl-panel-title-color': "#0e0f12";
                 readonly '--wzl-panel-title-inset': "0";
-                readonly '--wzl-stance-scope-border-width': "0";
-                readonly '--wzl-stance-scope-radius': "8px";
-                readonly '--wzl-stance-scope-tone-mix': "22%";
-                readonly '--wzl-stance-scope-nested-radius': "6px";
-                readonly '--wzl-stance-scope-nested-surface': "#f5f5f6";
+                readonly '--wzl-stance-clarify-border-width': "0";
+                readonly '--wzl-stance-clarify-radius': "8px";
+                readonly '--wzl-stance-clarify-tint-mix': "22%";
+                readonly '--wzl-stance-clarify-nested-radius': "6px";
+                readonly '--wzl-stance-clarify-nested-surface': "#f5f5f6";
                 readonly '--wzl-stance-aside-surface': "transparent";
                 readonly '--wzl-line-subtle': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-stance-aside-border-color': "rgba(14, 15, 18, 0.1)";
@@ -1142,31 +1117,26 @@ declare const THEMES: {
                 readonly '--wzl-font-mono': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-font': "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
                 readonly '--wzl-stance-debug-title-case': "none";
-                readonly '--wzl-danger-base': "#d94a3f";
-                readonly '--wzl-danger': "#d94a3f";
-                readonly '--wzl-stance-danger-tone': "#d94a3f";
-                readonly '--wzl-stance-danger-border-color': "#d94a3f";
-                readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#4338ca";
-                readonly '--wzl-stance-notice-tone': "#4338ca";
-                readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#4338ca";
-                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "14px";
                 readonly '--wzl-stance-preview-title-case': "none";
                 readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
+                readonly '--wzl-danger-base': "#d94a3f";
                 readonly '--wzl-warning-base': "#d99a3f";
                 readonly '--wzl-success-base': "#2ec27e";
+                readonly '--wzl-info-base': "#7ab8d4";
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
                 readonly '--wzl-border-on-sunken': "rgba(14, 15, 18, 0.12)";
                 readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent': "#4338ca";
                 readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
+                readonly '--wzl-danger': "#d94a3f";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
+                readonly '--wzl-info': "#7ab8d4";
                 readonly '--wzl-focus-ring': "#6366f1";
                 readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
@@ -1253,8 +1223,8 @@ interface Theme {
     readonly tokens: Readonly<Record<string, Varying<RawToken>>>;
     /** Ramp name → step names in order, for the ramps this theme declares itself. */
     readonly ramps?: Readonly<Record<string, readonly string[]>>;
-    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one. */
-    readonly tones?: SerializableColorList;
+    /** The colors a `tint` index picks from. Absent: the nearest theme it extends that has one. */
+    readonly tints?: SerializableColorList;
 }
 /** What `defineTheme` accepts: a definition whose `extends` is a `Theme`, holding pins and components only. */
 type ThemeInput = Omit<ThemeDefinition, 'extends'> & {
@@ -1310,17 +1280,17 @@ interface ColorContext {
     readonly theme: Theme;
     readonly resolved: ResolvedTheme;
 }
-/** What a `ColorSource` resolves against under a theme. `useTones()`'s value is one. */
+/** What a `ColorSource` resolves against under a theme. `useTints()`'s value is one. */
 interface ColorSourceContext extends ColorContext {
-    /** The list `{ ref: 'tone' }` indexes. Absent: the theme's own. */
-    readonly tones?: ColorList;
+    /** The list `{ ref: 'tint' }` indexes. Absent: the theme's own. */
+    readonly tints?: ColorList;
     /** Names answered before the theme's. */
     readonly palette?: Palette;
 }
 /** A ramp's step names, from the nearest theme in the chain that declares it. */
 declare function rampSteps(theme: Theme, ramp: string): readonly string[];
-/** The tone list a theme declares, from the nearest theme in its chain that has one. */
-declare function themeTones(theme: Theme): ColorList;
+/** The tint list a theme declares, from the nearest theme in its chain that has one. */
+declare function themeTints(theme: Theme): ColorList;
 /** How many distinct colors `list` holds before it wraps; `undefined` for a function, which never does. */
 declare function colorCount(list: ColorList, ctx?: ColorContext): number | undefined;
 
@@ -1455,8 +1425,8 @@ interface ThemeDefinition {
     readonly semantics?: Readonly<Record<string, Varying<SemanticRule>>>;
     readonly components?: Readonly<Record<string, Varying<PinValue>>>;
     readonly pins?: Readonly<Record<string, Varying<PinValue>>>;
-    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one, else the swatch ramp. */
-    readonly tones?: SerializableColorList;
+    /** The colors a `tint` index picks from. Absent: the nearest theme it extends that has one, else the swatch ramp. */
+    readonly tints?: SerializableColorList;
 }
 
-export { themeTones as $, type AxisDefs as A, type BakedTheme as B, type CategoricalRampDef as C, type RampColors as D, type SerializableColorList as E, type FlatTokens as F, type GeneratedColors as G, THEMES as H, THEME_SOURCES as I, type ThemeInput as J, colorCount as K, type Lookup as L, defineTheme as M, type NumberParam as N, type OffsetRule as O, type PinObject as P, enumerateSelections as Q, type RawToken as R, type Selection as S, type ThemeDefinition as T, fullSelection as U, type Varying as V, isByAxis as W, rampSteps as X, resolveTheme as Y, selectionKey as Z, themeAxes as _, type Theme as a, weaselTheme as a0, type ContrastRule as b, type LightnessRampDef as c, type LiteralRule as d, type PinValue as e, type RampDef as f, type RefRule as g, type ScaleDef as h, type SemanticCommon as i, type SemanticRule as j, type StepRule as k, bake as l, bakeChain as m, mergeChain as n, type ColorList as o, type ColorSourceContext as p, type TokenName as q, type ResolvedTheme as r, type TokenValue as s, type AxisDef as t, type AxisValue as u, BAKED_THEMES as v, type ByAxis as w, type ColorContext as x, type ColorListItem as y, type GeneratedTheme as z };
+export { themeTints as $, type AxisDefs as A, type BakedTheme as B, type CategoricalRampDef as C, type RampColors as D, type SerializableColorList as E, type FlatTokens as F, type GeneratedColors as G, THEMES as H, THEME_SOURCES as I, type ThemeInput as J, colorCount as K, type Lookup as L, defineTheme as M, type NumberParam as N, type OffsetRule as O, type PinObject as P, enumerateSelections as Q, type RawToken as R, type Selection as S, type ThemeDefinition as T, fullSelection as U, type Varying as V, isByAxis as W, rampSteps as X, resolveTheme as Y, selectionKey as Z, themeAxes as _, type Theme as a, weaselTheme as a0, type ContrastRule as b, type LightnessRampDef as c, type LiteralRule as d, type PinValue as e, type RampDef as f, type RefRule as g, type ScaleDef as h, type SemanticCommon as i, type SemanticRule as j, type StepRule as k, bake as l, bakeChain as m, mergeChain as n, type ColorList as o, type ColorSourceContext as p, type TokenName as q, type ResolvedTheme as r, type TokenValue as s, type AxisDef as t, type AxisValue as u, BAKED_THEMES as v, type ByAxis as w, type ColorContext as x, type ColorListItem as y, type GeneratedTheme as z };

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-CSeERbSL.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 SemanticCommon, j as SemanticRule, k as StepRule, l as bake, m as bakeChain, n as mergeChain } from './definition-CSeERbSL.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-wsEi-XBr.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 SemanticCommon, j as SemanticRule, k as StepRule, l as bake, m as bakeChain, n as mergeChain } from './definition-wsEi-XBr.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

@@ -70,8 +70,8 @@ function mergeChain(def, lookup, seen = /* @__PURE__ */ new Set()) {
   const own = Object.entries(def.pins ?? {}).map(([name, v]) => [name, fillFromParent(v, parentPins[name], axes)]);
   out.pins = { ...Object.fromEntries(inherited), ...Object.fromEntries(own) };
   out.axes = axes;
-  out.tones = def.tones ?? parent.tones;
-  if (out.tones === void 0) delete out.tones;
+  out.tints = def.tints ?? parent.tints;
+  if (out.tints === void 0) delete out.tints;
   return out;
 }
 
@@ -988,7 +988,7 @@ function bakeOver(definition, merged, above, lookup) {
     axes,
     tokens,
     ...Object.keys(ramps).length > 0 ? { ramps } : {},
-    ...definition.tones !== void 0 ? { tones: definition.tones } : {}
+    ...definition.tints !== void 0 ? { tints: definition.tints } : {}
   };
 }
 
@@ -1255,7 +1255,7 @@ var TOKEN_HOOKS = [
     name: "titlebar-surface",
     type: "color",
     value: "var(--_edge)",
-    description: "Background of the strip a `titlebar` frame carries its title in: a color, a gradient, or stripes. Unset, the frame\u2019s edge color. A frame that names a tone paints the tone instead."
+    description: "Background of the strip a `titlebar` frame carries its title in: a color, a gradient, or stripes. Unset, the frame\u2019s edge color. A frame that names a tint paints the tint instead."
   },
   {
     name: "titlebar-fg",
@@ -1339,37 +1339,37 @@ var TOKEN_HOOKS = [
     name: "button-surface",
     type: "color",
     value: "var(--btn-glass)",
-    description: "Background of a secondary Button. Unset, neutral glass mixed from the surfaces."
+    description: "Background of a solid Button. Unset, neutral glass mixed from the surfaces."
   },
   {
     name: "button-pressed-surface",
     type: "color",
     value: "var(--btn-glass-pressed)",
-    description: "Background of a secondary Button while it is held down."
+    description: "Background of a solid Button while it is held down."
   },
   {
-    name: "button-primary-surface",
+    name: "button-confirm-surface",
     type: "color",
     value: "var(--btn-glass)",
-    description: "Background of a primary Button. Unset, glass tinted with --wzl-accent."
+    description: "Background of a confirm Button. Unset, glass tinted with --wzl-accent."
   },
   {
-    name: "button-primary-pressed-surface",
+    name: "button-confirm-pressed-surface",
     type: "color",
     value: "var(--btn-glass-pressed)",
-    description: "Background of a primary Button while it is held down."
+    description: "Background of a confirm Button while it is held down."
   },
   {
-    name: "button-primary-fg",
+    name: "button-confirm-fg",
     type: "color",
     value: "var(--wzl-fg-on-accent)",
-    description: "Text color of a primary Button, for a theme whose --wzl-button-primary-surface is not an accent fill."
+    description: "Text color of a confirm Button, for a theme whose --wzl-button-confirm-surface is not an accent fill."
   },
   {
-    name: "button-primary-bevel",
+    name: "button-confirm-bevel",
     type: "shadow",
     value: "var(--wzl-bevel-raised)",
-    description: "Box shadow of a primary Button, where it differs from --wzl-bevel-raised: the heavier frame of a default button."
+    description: "Box shadow of a confirm Button, where it differs from --wzl-bevel-raised: the heavier frame of a default button."
   },
   {
     name: "button-gloss",
@@ -1381,7 +1381,7 @@ var TOKEN_HOOKS = [
     name: "button-text-shadow",
     type: "shadow",
     value: "var(--btn-engraving)",
-    description: "Text shadow of a primary or secondary Button\u2019s label. Unset, an engraving stamp under the glyphs in dark mode."
+    description: "Text shadow of a Button\u2019s label. Unset, an engraving stamp under the glyphs in dark mode."
   },
   {
     name: "detail-figure-min-width",
@@ -1592,6 +1592,12 @@ var TOKEN_HOOKS = [
     type: "string",
     value: "center",
     description: "How a PropertyPanel\u2019s title row lines its actions up with the title: center, or baseline for actions that are text."
+  },
+  {
+    name: "entered-group",
+    type: "color",
+    value: "#a48bd4",
+    description: "Color of the dashed frame a canvas draws around the group it is working inside. Read off the canvas element, so it can be set on it or anything above it."
   }
 ];