@weasel-js/theme 1.7.0 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/NOTICE +2 -1
  2. package/dist/{chunk-C3S4A65R.js → chunk-AN5JVL2S.js} +2 -2
  3. package/dist/chunk-AN5JVL2S.js.map +1 -0
  4. package/dist/{chunk-3KMZGDV5.js → chunk-HO2AM2OB.js} +186 -138
  5. package/dist/chunk-HO2AM2OB.js.map +1 -0
  6. package/dist/{chunk-EINHFDWI.js → chunk-Z675UQ26.js} +2 -2
  7. package/dist/{chunk-EINHFDWI.js.map → chunk-Z675UQ26.js.map} +1 -1
  8. package/dist/{definition-Dqt5o6LR.d.ts → definition-DxvV2RH3.d.ts} +135 -85
  9. package/dist/engine.d.ts +52 -5
  10. package/dist/engine.js +9 -3
  11. package/dist/engine.js.map +1 -1
  12. package/dist/faces.css +9 -1
  13. package/dist/index.d.ts +4 -2
  14. package/dist/index.js +23 -19
  15. package/dist/index.js.map +1 -1
  16. package/dist/numeric.module.css +7 -0
  17. package/dist/react.d.ts +1 -1
  18. package/dist/react.js +3 -3
  19. package/dist/tokens.css +37 -31
  20. package/fonts/README.md +27 -3
  21. package/fonts/oswald-tabular-digits.woff2 +0 -0
  22. package/package.json +4 -3
  23. package/dist/chunk-3KMZGDV5.js.map +0 -1
  24. package/dist/chunk-C3S4A65R.js.map +0 -1
package/dist/{chunk-EINHFDWI.js → chunk-Z675UQ26.js} RENAMED
@@ -8,5 +8,5 @@ function overrideKey(axes, selection) {
8
8
  var ALPHA_EXT = "com.weasel.alpha";
9
9
 
10
10
  export { ALPHA_EXT, AXES_EXT, overrideKey };
11
- //# sourceMappingURL=chunk-EINHFDWI.js.map
12
- //# sourceMappingURL=chunk-EINHFDWI.js.map
11
+ //# sourceMappingURL=chunk-Z675UQ26.js.map
12
+ //# sourceMappingURL=chunk-Z675UQ26.js.map
package/dist/{chunk-EINHFDWI.js.map → chunk-Z675UQ26.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/dtcg/axesExtension.ts","../src/dtcg/types.ts"],"names":[],"mappings":";AAGO,IAAM,QAAA,GAAW;AAwBjB,SAAS,WAAA,CAAY,MAAgB,SAAA,EAA8B;AACxE,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CACpB,MAAA,CAAO,CAAC,CAAA,KAAM,SAAA,CAAU,CAAC,CAAA,KAAM,MAAA,IAAa,SAAA,CAAU,CAAC,CAAA,KAAM,IAAA,CAAK,CAAC,CAAA,CAAE,OAAO,CAAA,CAC5E,GAAA,CAAI,CAAC,MAAM,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,SAAA,CAAU,CAAC,CAAC,CAAA,CAAE,CAAA,CACjC,KAAK,GAAG,CAAA;AACb;;;AC/BO,IAAM,SAAA,GAAY","file":"chunk-EINHFDWI.js","sourcesContent":["import type { AxisDefs, Selection } from '../axes.ts';\n\n/** The `$extensions` key on a DTCG export's root that carries every axis besides mode. */\nexport const AXES_EXT = 'com.weasel.axes';\n\n/** The token groups of one layer: plain values, and values per mode. */\nexport interface DtcgLayer {\n readonly primitives: Record<string, Record<string, unknown>>;\n readonly modes: Record<string, Record<string, Record<string, unknown>>>;\n}\n\n/**\n * What `toDTCG` writes under `$extensions[\"com.weasel.axes\"]`.\n *\n * - `axes`: every axis the theme resolves with, mode included.\n * - `varies`: token name → the non-mode axes its value depends on.\n * - `overrides`: a layer per combination of non-default values, keyed like\n * `selectionKey` but naming only the axes off their default\n * (`density=compact`, `contrast=high,density=roomy` in axis order).\n */\nexport interface DtcgAxesExtension {\n readonly axes: AxisDefs;\n readonly varies: Record<string, readonly string[]>;\n readonly overrides: Record<string, DtcgLayer>;\n}\n\n/** The override key for a selection: its non-default values, axes in declaration order. `''` is the plain groups. */\nexport function overrideKey(axes: AxisDefs, selection: Selection): string {\n return Object.keys(axes)\n .filter((a) => selection[a] !== undefined && selection[a] !== axes[a].default)\n .map((a) => `${a}=${selection[a]}`)\n .join(',');\n}\n","/** The one `$extensions` key this kit defines. */\nexport const ALPHA_EXT = 'com.weasel.alpha';\n\nexport type TokenValue = string | number | readonly (string | number)[];\n\n/**\n * A single design token as authored, before aliases are resolved: a DTCG-shaped\n * `{ type, value }` pair where `value` may still be a `{ref}` to another token.\n */\nexport interface RawToken {\n readonly type: string;\n readonly value: TokenValue;\n /** Render the referenced color at this alpha, 0–1. */\n readonly alpha?: number | undefined;\n readonly description?: string | undefined;\n}\n\n/** A token graph flattened to one level, keyed by token name (no `--wzl-`\n * prefix). Still unresolved — see `ResolvedTokenMap` for the output side. */\nexport type FlatTokens = Record<string, RawToken>;\n\n/** A resolved theme: every token name mapped to its final CSS-ready string.\n * Named ...Map, not ...Tokens, to stay distinct from hud's public `ResolvedTokens`. */\nexport type ResolvedTokenMap = Record<string, string>;\n"]}
1
+ {"version":3,"sources":["../src/dtcg/axesExtension.ts","../src/dtcg/types.ts"],"names":[],"mappings":";AAGO,IAAM,QAAA,GAAW;AAwBjB,SAAS,WAAA,CAAY,MAAgB,SAAA,EAA8B;AACxE,EAAA,OAAO,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CACpB,MAAA,CAAO,CAAC,CAAA,KAAM,SAAA,CAAU,CAAC,CAAA,KAAM,MAAA,IAAa,SAAA,CAAU,CAAC,CAAA,KAAM,IAAA,CAAK,CAAC,CAAA,CAAE,OAAO,CAAA,CAC5E,GAAA,CAAI,CAAC,MAAM,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,SAAA,CAAU,CAAC,CAAC,CAAA,CAAE,CAAA,CACjC,KAAK,GAAG,CAAA;AACb;;;AC/BO,IAAM,SAAA,GAAY","file":"chunk-Z675UQ26.js","sourcesContent":["import type { AxisDefs, Selection } from '../axes.ts';\n\n/** The `$extensions` key on a DTCG export's root that carries every axis besides mode. */\nexport const AXES_EXT = 'com.weasel.axes';\n\n/** The token groups of one layer: plain values, and values per mode. */\nexport interface DtcgLayer {\n readonly primitives: Record<string, Record<string, unknown>>;\n readonly modes: Record<string, Record<string, Record<string, unknown>>>;\n}\n\n/**\n * What `toDTCG` writes under `$extensions[\"com.weasel.axes\"]`.\n *\n * - `axes`: every axis the theme resolves with, mode included.\n * - `varies`: token name → the non-mode axes its value depends on.\n * - `overrides`: a layer per combination of non-default values, keyed like\n * `selectionKey` but naming only the axes off their default\n * (`density=compact`, `contrast=high,density=roomy` in axis order).\n */\nexport interface DtcgAxesExtension {\n readonly axes: AxisDefs;\n readonly varies: Record<string, readonly string[]>;\n readonly overrides: Record<string, DtcgLayer>;\n}\n\n/** The override key for a selection: its non-default values, axes in declaration order. `''` is the plain groups. */\nexport function overrideKey(axes: AxisDefs, selection: Selection): string {\n return Object.keys(axes)\n .filter((a) => selection[a] !== undefined && selection[a] !== axes[a].default)\n .map((a) => `${a}=${selection[a]}`)\n .join(',');\n}\n","/** The one `$extensions` key this kit defines. */\nexport const ALPHA_EXT = 'com.weasel.alpha';\n\n/** A token's value as authored: a string (which may be a `{ref}`), a number, or a list of those, such as a font stack. */\nexport type TokenValue = string | number | readonly (string | number)[];\n\n/**\n * A single design token as authored, before aliases are resolved: a DTCG-shaped\n * `{ type, value }` pair where `value` may still be a `{ref}` to another token.\n */\nexport interface RawToken {\n readonly type: string;\n readonly value: TokenValue;\n /** Render the referenced color at this alpha, 0–1. */\n readonly alpha?: number | undefined;\n readonly description?: string | undefined;\n}\n\n/** A token graph flattened to one level, keyed by token name (no `--wzl-`\n * prefix). Still unresolved — see `ResolvedTokenMap` for the output side. */\nexport type FlatTokens = Record<string, RawToken>;\n\n/** A resolved theme: every token name mapped to its final CSS-ready string.\n * Named ...Map, not ...Tokens, to stay distinct from hud's public `ResolvedTokens`. */\nexport type ResolvedTokenMap = Record<string, string>;\n"]}
package/dist/{definition-Dqt5o6LR.d.ts → definition-DxvV2RH3.d.ts} RENAMED
@@ -2,6 +2,7 @@
2
2
  interface AxisValue {
3
3
  readonly scheme?: 'dark' | 'light';
4
4
  }
5
+ /** One variant dimension of a theme, such as `mode` or `density`. `default` must name one of `values`. */
5
6
  interface AxisDef {
6
7
  readonly default: string;
7
8
  readonly values: Readonly<Record<string, AxisValue>>;
@@ -15,14 +16,18 @@ interface ByAxis<T> {
15
16
  readonly by: string;
16
17
  readonly [axisValue: string]: Varying<T> | string;
17
18
  }
19
+ /** A value that is either the same everywhere or chosen per axis value. */
18
20
  type Varying<T> = T | ByAxis<T>;
21
+ /** Whether `v` is a {@link ByAxis} value. */
19
22
  declare function isByAxis(v: unknown): v is ByAxis<unknown>;
20
23
  /** Every axis given a known value; anything missing or unknown takes its default. */
21
24
  declare function fullSelection(axes: AxisDefs, selection?: Selection): Selection;
25
+ /** Every full combination of axis values, the first axis varying slowest. */
22
26
  declare function enumerateSelections(axes: AxisDefs): Selection[];
23
27
  /** `mode=dark,density=compact`, axes in declaration order. */
24
28
  declare function selectionKey(axes: AxisDefs, selection: Selection): string;
25
29
 
30
+ /** A token's value as authored: a string (which may be a `{ref}`), a number, or a list of those, such as a font stack. */
26
31
  type TokenValue = string | number | readonly (string | number)[];
27
32
  /**
28
33
  * A single design token as authored, before aliases are resolved: a DTCG-shaped
@@ -39,6 +44,7 @@ interface RawToken {
39
44
  * prefix). Still unresolved — see `ResolvedTokenMap` for the output side. */
40
45
  type FlatTokens = Record<string, RawToken>;
41
46
 
47
+ /** Finds a definition by name, for resolving `extends`. */
42
48
  type Lookup = (name: string) => ThemeDefinition | undefined;
43
49
  /** The definition with its whole `extends` chain folded in, child entries winning. */
44
50
  declare function mergeChain(def: ThemeDefinition, lookup?: Lookup, seen?: ReadonlySet<string>): ThemeDefinition;
@@ -66,7 +72,7 @@ declare function bakeChain(definition: ThemeDefinition, lookup?: Lookup): BakedT
66
72
 
67
73
  /** Every design token the built-in themes declare, spelled as the CSS
68
74
  * custom property it becomes. */
69
- 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-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-track-h' | '--wzl-slider-track-mix' | '--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';
75
+ 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';
70
76
  /** A built-in theme with its aliases already collapsed: every selection
71
77
  * (keyed `mode=dark`, axes in declaration order) maps every token name to
72
78
  * a final CSS value. */
@@ -129,12 +135,12 @@ declare const THEMES: {
129
135
  readonly '--wzl-swatch-citron': "#d5d23a";
130
136
  readonly '--wzl-swatch-rose': "#fa4590";
131
137
  readonly '--wzl-swatch-violet': "#955cf9";
132
- readonly '--wzl-font-size-2xs': "7px";
133
- readonly '--wzl-font-size-xs': "8px";
134
- readonly '--wzl-font-size-sm': "9px";
135
- readonly '--wzl-font-size-md': "11px";
136
- readonly '--wzl-font-size-lg': "14px";
137
- readonly '--wzl-font-size-xl': "17px";
138
+ readonly '--wzl-font-size-2xs': "9px";
139
+ readonly '--wzl-font-size-xs': "10px";
140
+ readonly '--wzl-font-size-sm': "11px";
141
+ readonly '--wzl-font-size-md': "13px";
142
+ readonly '--wzl-font-size-lg': "16px";
143
+ readonly '--wzl-font-size-xl': "20px";
138
144
  readonly '--wzl-space-1': "2px";
139
145
  readonly '--wzl-space-2': "4px";
140
146
  readonly '--wzl-space-3': "6px";
@@ -169,7 +175,7 @@ declare const THEMES: {
169
175
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
170
176
  readonly '--wzl-font-weight-light': "200";
171
177
  readonly '--wzl-panel-title-weight': "200";
172
- readonly '--wzl-panel-title-size': "14px";
178
+ readonly '--wzl-panel-title-size': "16px";
173
179
  readonly '--wzl-panel-title-case': "none";
174
180
  readonly '--wzl-panel-title-tracking': "0.01em";
175
181
  readonly '--wzl-panel-title-color': "#e6e7e9";
@@ -200,7 +206,7 @@ declare const THEMES: {
200
206
  readonly '--wzl-stance-important-border-color': "#8c94ee";
201
207
  readonly '--wzl-stance-important-title-color': "#8c94ee";
202
208
  readonly '--wzl-stance-preview-pad': "0";
203
- readonly '--wzl-stance-preview-title-size': "8px";
209
+ readonly '--wzl-stance-preview-title-size': "10px";
204
210
  readonly '--wzl-stance-preview-title-case': "none";
205
211
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
206
212
  readonly '--wzl-warning-base': "#d99a3f";
@@ -223,13 +229,15 @@ declare const THEMES: {
223
229
  readonly '--wzl-border-w': "1px";
224
230
  readonly '--wzl-line-width': "2px";
225
231
  readonly '--wzl-curve-width': "3px";
226
- readonly '--wzl-tb-height': "24px";
227
- readonly '--wzl-control-h-xs': "16px";
228
- readonly '--wzl-control-h-sm': "18px";
229
- readonly '--wzl-control-h': "20px";
230
- readonly '--wzl-icon-button-size': "20px";
232
+ readonly '--wzl-tb-height': "28px";
233
+ readonly '--wzl-control-h-xs': "18px";
234
+ readonly '--wzl-control-h-sm': "20px";
235
+ readonly '--wzl-control-h': "24px";
236
+ readonly '--wzl-icon-button-size': "22px";
231
237
  readonly '--wzl-slider-track-h': "4px";
232
238
  readonly '--wzl-slider-thumb-size': "8px";
239
+ readonly '--wzl-slider-track-slop': "6px";
240
+ readonly '--wzl-slider-thumb-slop': "6px";
233
241
  readonly '--wzl-slider-track-mix': "18%";
234
242
  readonly '--wzl-slider-thumb-mix': "70%";
235
243
  readonly '--wzl-handle-size': "9px";
@@ -241,7 +249,7 @@ declare const THEMES: {
241
249
  readonly '--wzl-workspace-surface': "#0e0f12";
242
250
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
243
251
  readonly '--wzl-field-pad-x': "8px";
244
- readonly '--wzl-font-size': "11px";
252
+ readonly '--wzl-font-size': "13px";
245
253
  readonly '--wzl-tracking-none': "0";
246
254
  readonly '--wzl-tracking-wide': "0.06em";
247
255
  readonly '--wzl-tracking-wider': "0.08em";
@@ -259,6 +267,7 @@ declare const THEMES: {
259
267
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
260
268
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
261
269
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
270
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
262
271
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
263
272
  readonly '--wzl-font-weight-normal': "300";
264
273
  readonly '--wzl-font-weight-medium': "350";
@@ -295,12 +304,12 @@ declare const THEMES: {
295
304
  readonly '--wzl-swatch-citron': "#d5d23a";
296
305
  readonly '--wzl-swatch-rose': "#fa4590";
297
306
  readonly '--wzl-swatch-violet': "#955cf9";
298
- readonly '--wzl-font-size-2xs': "9px";
299
- readonly '--wzl-font-size-xs': "10px";
300
- readonly '--wzl-font-size-sm': "11px";
301
- readonly '--wzl-font-size-md': "13px";
302
- readonly '--wzl-font-size-lg': "16px";
303
- readonly '--wzl-font-size-xl': "20px";
307
+ readonly '--wzl-font-size-2xs': "10px";
308
+ readonly '--wzl-font-size-xs': "12px";
309
+ readonly '--wzl-font-size-sm': "13px";
310
+ readonly '--wzl-font-size-md': "15px";
311
+ readonly '--wzl-font-size-lg': "18px";
312
+ readonly '--wzl-font-size-xl': "23px";
304
313
  readonly '--wzl-space-1': "2px";
305
314
  readonly '--wzl-space-2': "4px";
306
315
  readonly '--wzl-space-3': "6px";
@@ -335,7 +344,7 @@ declare const THEMES: {
335
344
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
336
345
  readonly '--wzl-font-weight-light': "200";
337
346
  readonly '--wzl-panel-title-weight': "200";
338
- readonly '--wzl-panel-title-size': "16px";
347
+ readonly '--wzl-panel-title-size': "18px";
339
348
  readonly '--wzl-panel-title-case': "none";
340
349
  readonly '--wzl-panel-title-tracking': "0.01em";
341
350
  readonly '--wzl-panel-title-color': "#e6e7e9";
@@ -366,7 +375,7 @@ declare const THEMES: {
366
375
  readonly '--wzl-stance-important-border-color': "#8c94ee";
367
376
  readonly '--wzl-stance-important-title-color': "#8c94ee";
368
377
  readonly '--wzl-stance-preview-pad': "0";
369
- readonly '--wzl-stance-preview-title-size': "10px";
378
+ readonly '--wzl-stance-preview-title-size': "12px";
370
379
  readonly '--wzl-stance-preview-title-case': "none";
371
380
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
372
381
  readonly '--wzl-warning-base': "#d99a3f";
@@ -389,13 +398,15 @@ declare const THEMES: {
389
398
  readonly '--wzl-border-w': "1px";
390
399
  readonly '--wzl-line-width': "2px";
391
400
  readonly '--wzl-curve-width': "3px";
392
- readonly '--wzl-tb-height': "28px";
393
- readonly '--wzl-control-h-xs': "18px";
394
- readonly '--wzl-control-h-sm': "20px";
395
- readonly '--wzl-control-h': "24px";
396
- readonly '--wzl-icon-button-size': "22px";
401
+ readonly '--wzl-tb-height': "32px";
402
+ readonly '--wzl-control-h-xs': "22px";
403
+ readonly '--wzl-control-h-sm': "24px";
404
+ readonly '--wzl-control-h': "28px";
405
+ readonly '--wzl-icon-button-size': "26px";
397
406
  readonly '--wzl-slider-track-h': "4px";
398
407
  readonly '--wzl-slider-thumb-size': "8px";
408
+ readonly '--wzl-slider-track-slop': "6px";
409
+ readonly '--wzl-slider-thumb-slop': "6px";
399
410
  readonly '--wzl-slider-track-mix': "18%";
400
411
  readonly '--wzl-slider-thumb-mix': "70%";
401
412
  readonly '--wzl-handle-size': "9px";
@@ -407,7 +418,7 @@ declare const THEMES: {
407
418
  readonly '--wzl-workspace-surface': "#0e0f12";
408
419
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
409
420
  readonly '--wzl-field-pad-x': "8px";
410
- readonly '--wzl-font-size': "13px";
421
+ readonly '--wzl-font-size': "15px";
411
422
  readonly '--wzl-tracking-none': "0";
412
423
  readonly '--wzl-tracking-wide': "0.06em";
413
424
  readonly '--wzl-tracking-wider': "0.08em";
@@ -425,6 +436,7 @@ declare const THEMES: {
425
436
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
426
437
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
427
438
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
439
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
428
440
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
429
441
  readonly '--wzl-font-weight-normal': "300";
430
442
  readonly '--wzl-font-weight-medium': "350";
@@ -461,12 +473,12 @@ declare const THEMES: {
461
473
  readonly '--wzl-swatch-citron': "#d5d23a";
462
474
  readonly '--wzl-swatch-rose': "#fa4590";
463
475
  readonly '--wzl-swatch-violet': "#955cf9";
464
- readonly '--wzl-font-size-2xs': "10px";
465
- readonly '--wzl-font-size-xs': "12px";
466
- readonly '--wzl-font-size-sm': "13px";
467
- readonly '--wzl-font-size-md': "15px";
468
- readonly '--wzl-font-size-lg': "18px";
469
- readonly '--wzl-font-size-xl': "23px";
476
+ readonly '--wzl-font-size-2xs': "12px";
477
+ readonly '--wzl-font-size-xs': "14px";
478
+ readonly '--wzl-font-size-sm': "15px";
479
+ readonly '--wzl-font-size-md': "18px";
480
+ readonly '--wzl-font-size-lg': "22px";
481
+ readonly '--wzl-font-size-xl': "28px";
470
482
  readonly '--wzl-space-1': "2px";
471
483
  readonly '--wzl-space-2': "4px";
472
484
  readonly '--wzl-space-3': "6px";
@@ -501,7 +513,7 @@ declare const THEMES: {
501
513
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
502
514
  readonly '--wzl-font-weight-light': "200";
503
515
  readonly '--wzl-panel-title-weight': "200";
504
- readonly '--wzl-panel-title-size': "18px";
516
+ readonly '--wzl-panel-title-size': "22px";
505
517
  readonly '--wzl-panel-title-case': "none";
506
518
  readonly '--wzl-panel-title-tracking': "0.01em";
507
519
  readonly '--wzl-panel-title-color': "#e6e7e9";
@@ -532,7 +544,7 @@ declare const THEMES: {
532
544
  readonly '--wzl-stance-important-border-color': "#8c94ee";
533
545
  readonly '--wzl-stance-important-title-color': "#8c94ee";
534
546
  readonly '--wzl-stance-preview-pad': "0";
535
- readonly '--wzl-stance-preview-title-size': "12px";
547
+ readonly '--wzl-stance-preview-title-size': "14px";
536
548
  readonly '--wzl-stance-preview-title-case': "none";
537
549
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
538
550
  readonly '--wzl-warning-base': "#d99a3f";
@@ -555,13 +567,15 @@ declare const THEMES: {
555
567
  readonly '--wzl-border-w': "1px";
556
568
  readonly '--wzl-line-width': "2px";
557
569
  readonly '--wzl-curve-width': "3px";
558
- readonly '--wzl-tb-height': "32px";
559
- readonly '--wzl-control-h-xs': "22px";
560
- readonly '--wzl-control-h-sm': "24px";
561
- readonly '--wzl-control-h': "28px";
562
- readonly '--wzl-icon-button-size': "26px";
570
+ readonly '--wzl-tb-height': "38px";
571
+ readonly '--wzl-control-h-xs': "26px";
572
+ readonly '--wzl-control-h-sm': "28px";
573
+ readonly '--wzl-control-h': "34px";
574
+ readonly '--wzl-icon-button-size': "32px";
563
575
  readonly '--wzl-slider-track-h': "4px";
564
576
  readonly '--wzl-slider-thumb-size': "8px";
577
+ readonly '--wzl-slider-track-slop': "6px";
578
+ readonly '--wzl-slider-thumb-slop': "6px";
565
579
  readonly '--wzl-slider-track-mix': "18%";
566
580
  readonly '--wzl-slider-thumb-mix': "70%";
567
581
  readonly '--wzl-handle-size': "9px";
@@ -573,7 +587,7 @@ declare const THEMES: {
573
587
  readonly '--wzl-workspace-surface': "#0e0f12";
574
588
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
575
589
  readonly '--wzl-field-pad-x': "8px";
576
- readonly '--wzl-font-size': "15px";
590
+ readonly '--wzl-font-size': "18px";
577
591
  readonly '--wzl-tracking-none': "0";
578
592
  readonly '--wzl-tracking-wide': "0.06em";
579
593
  readonly '--wzl-tracking-wider': "0.08em";
@@ -591,6 +605,7 @@ declare const THEMES: {
591
605
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
592
606
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
593
607
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
608
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
594
609
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
595
610
  readonly '--wzl-font-weight-normal': "300";
596
611
  readonly '--wzl-font-weight-medium': "350";
@@ -627,12 +642,12 @@ declare const THEMES: {
627
642
  readonly '--wzl-swatch-citron': "#d5d23a";
628
643
  readonly '--wzl-swatch-rose': "#fa4590";
629
644
  readonly '--wzl-swatch-violet': "#955cf9";
630
- readonly '--wzl-font-size-2xs': "7px";
631
- readonly '--wzl-font-size-xs': "8px";
632
- readonly '--wzl-font-size-sm': "9px";
633
- readonly '--wzl-font-size-md': "11px";
634
- readonly '--wzl-font-size-lg': "14px";
635
- readonly '--wzl-font-size-xl': "17px";
645
+ readonly '--wzl-font-size-2xs': "9px";
646
+ readonly '--wzl-font-size-xs': "10px";
647
+ readonly '--wzl-font-size-sm': "11px";
648
+ readonly '--wzl-font-size-md': "13px";
649
+ readonly '--wzl-font-size-lg': "16px";
650
+ readonly '--wzl-font-size-xl': "20px";
636
651
  readonly '--wzl-space-1': "2px";
637
652
  readonly '--wzl-space-2': "4px";
638
653
  readonly '--wzl-space-3': "6px";
@@ -667,7 +682,7 @@ declare const THEMES: {
667
682
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
668
683
  readonly '--wzl-font-weight-light': "200";
669
684
  readonly '--wzl-panel-title-weight': "200";
670
- readonly '--wzl-panel-title-size': "14px";
685
+ readonly '--wzl-panel-title-size': "16px";
671
686
  readonly '--wzl-panel-title-case': "none";
672
687
  readonly '--wzl-panel-title-tracking': "0.01em";
673
688
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -698,7 +713,7 @@ declare const THEMES: {
698
713
  readonly '--wzl-stance-important-border-color': "#4338ca";
699
714
  readonly '--wzl-stance-important-title-color': "#4338ca";
700
715
  readonly '--wzl-stance-preview-pad': "0";
701
- readonly '--wzl-stance-preview-title-size': "8px";
716
+ readonly '--wzl-stance-preview-title-size': "10px";
702
717
  readonly '--wzl-stance-preview-title-case': "none";
703
718
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
704
719
  readonly '--wzl-warning-base': "#d99a3f";
@@ -721,13 +736,15 @@ declare const THEMES: {
721
736
  readonly '--wzl-border-w': "1px";
722
737
  readonly '--wzl-line-width': "2px";
723
738
  readonly '--wzl-curve-width': "3px";
724
- readonly '--wzl-tb-height': "24px";
725
- readonly '--wzl-control-h-xs': "16px";
726
- readonly '--wzl-control-h-sm': "18px";
727
- readonly '--wzl-control-h': "20px";
728
- readonly '--wzl-icon-button-size': "20px";
739
+ readonly '--wzl-tb-height': "28px";
740
+ readonly '--wzl-control-h-xs': "18px";
741
+ readonly '--wzl-control-h-sm': "20px";
742
+ readonly '--wzl-control-h': "24px";
743
+ readonly '--wzl-icon-button-size': "22px";
729
744
  readonly '--wzl-slider-track-h': "4px";
730
745
  readonly '--wzl-slider-thumb-size': "8px";
746
+ readonly '--wzl-slider-track-slop': "6px";
747
+ readonly '--wzl-slider-thumb-slop': "6px";
731
748
  readonly '--wzl-slider-track-mix': "18%";
732
749
  readonly '--wzl-slider-thumb-mix': "70%";
733
750
  readonly '--wzl-handle-size': "9px";
@@ -739,7 +756,7 @@ declare const THEMES: {
739
756
  readonly '--wzl-workspace-surface': "#c9cbcf";
740
757
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
741
758
  readonly '--wzl-field-pad-x': "8px";
742
- readonly '--wzl-font-size': "11px";
759
+ readonly '--wzl-font-size': "13px";
743
760
  readonly '--wzl-tracking-none': "0";
744
761
  readonly '--wzl-tracking-wide': "0.06em";
745
762
  readonly '--wzl-tracking-wider': "0.08em";
@@ -757,6 +774,7 @@ declare const THEMES: {
757
774
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
758
775
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
759
776
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
777
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
760
778
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
761
779
  readonly '--wzl-font-weight-normal': "300";
762
780
  readonly '--wzl-font-weight-medium': "350";
@@ -793,12 +811,12 @@ declare const THEMES: {
793
811
  readonly '--wzl-swatch-citron': "#d5d23a";
794
812
  readonly '--wzl-swatch-rose': "#fa4590";
795
813
  readonly '--wzl-swatch-violet': "#955cf9";
796
- readonly '--wzl-font-size-2xs': "9px";
797
- readonly '--wzl-font-size-xs': "10px";
798
- readonly '--wzl-font-size-sm': "11px";
799
- readonly '--wzl-font-size-md': "13px";
800
- readonly '--wzl-font-size-lg': "16px";
801
- readonly '--wzl-font-size-xl': "20px";
814
+ readonly '--wzl-font-size-2xs': "10px";
815
+ readonly '--wzl-font-size-xs': "12px";
816
+ readonly '--wzl-font-size-sm': "13px";
817
+ readonly '--wzl-font-size-md': "15px";
818
+ readonly '--wzl-font-size-lg': "18px";
819
+ readonly '--wzl-font-size-xl': "23px";
802
820
  readonly '--wzl-space-1': "2px";
803
821
  readonly '--wzl-space-2': "4px";
804
822
  readonly '--wzl-space-3': "6px";
@@ -833,7 +851,7 @@ declare const THEMES: {
833
851
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
834
852
  readonly '--wzl-font-weight-light': "200";
835
853
  readonly '--wzl-panel-title-weight': "200";
836
- readonly '--wzl-panel-title-size': "16px";
854
+ readonly '--wzl-panel-title-size': "18px";
837
855
  readonly '--wzl-panel-title-case': "none";
838
856
  readonly '--wzl-panel-title-tracking': "0.01em";
839
857
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -864,7 +882,7 @@ declare const THEMES: {
864
882
  readonly '--wzl-stance-important-border-color': "#4338ca";
865
883
  readonly '--wzl-stance-important-title-color': "#4338ca";
866
884
  readonly '--wzl-stance-preview-pad': "0";
867
- readonly '--wzl-stance-preview-title-size': "10px";
885
+ readonly '--wzl-stance-preview-title-size': "12px";
868
886
  readonly '--wzl-stance-preview-title-case': "none";
869
887
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
870
888
  readonly '--wzl-warning-base': "#d99a3f";
@@ -887,13 +905,15 @@ declare const THEMES: {
887
905
  readonly '--wzl-border-w': "1px";
888
906
  readonly '--wzl-line-width': "2px";
889
907
  readonly '--wzl-curve-width': "3px";
890
- readonly '--wzl-tb-height': "28px";
891
- readonly '--wzl-control-h-xs': "18px";
892
- readonly '--wzl-control-h-sm': "20px";
893
- readonly '--wzl-control-h': "24px";
894
- readonly '--wzl-icon-button-size': "22px";
908
+ readonly '--wzl-tb-height': "32px";
909
+ readonly '--wzl-control-h-xs': "22px";
910
+ readonly '--wzl-control-h-sm': "24px";
911
+ readonly '--wzl-control-h': "28px";
912
+ readonly '--wzl-icon-button-size': "26px";
895
913
  readonly '--wzl-slider-track-h': "4px";
896
914
  readonly '--wzl-slider-thumb-size': "8px";
915
+ readonly '--wzl-slider-track-slop': "6px";
916
+ readonly '--wzl-slider-thumb-slop': "6px";
897
917
  readonly '--wzl-slider-track-mix': "18%";
898
918
  readonly '--wzl-slider-thumb-mix': "70%";
899
919
  readonly '--wzl-handle-size': "9px";
@@ -905,7 +925,7 @@ declare const THEMES: {
905
925
  readonly '--wzl-workspace-surface': "#c9cbcf";
906
926
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
907
927
  readonly '--wzl-field-pad-x': "8px";
908
- readonly '--wzl-font-size': "13px";
928
+ readonly '--wzl-font-size': "15px";
909
929
  readonly '--wzl-tracking-none': "0";
910
930
  readonly '--wzl-tracking-wide': "0.06em";
911
931
  readonly '--wzl-tracking-wider': "0.08em";
@@ -923,6 +943,7 @@ declare const THEMES: {
923
943
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
924
944
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
925
945
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
946
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
926
947
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
927
948
  readonly '--wzl-font-weight-normal': "300";
928
949
  readonly '--wzl-font-weight-medium': "350";
@@ -959,12 +980,12 @@ declare const THEMES: {
959
980
  readonly '--wzl-swatch-citron': "#d5d23a";
960
981
  readonly '--wzl-swatch-rose': "#fa4590";
961
982
  readonly '--wzl-swatch-violet': "#955cf9";
962
- readonly '--wzl-font-size-2xs': "10px";
963
- readonly '--wzl-font-size-xs': "12px";
964
- readonly '--wzl-font-size-sm': "13px";
965
- readonly '--wzl-font-size-md': "15px";
966
- readonly '--wzl-font-size-lg': "18px";
967
- readonly '--wzl-font-size-xl': "23px";
983
+ readonly '--wzl-font-size-2xs': "12px";
984
+ readonly '--wzl-font-size-xs': "14px";
985
+ readonly '--wzl-font-size-sm': "15px";
986
+ readonly '--wzl-font-size-md': "18px";
987
+ readonly '--wzl-font-size-lg': "22px";
988
+ readonly '--wzl-font-size-xl': "28px";
968
989
  readonly '--wzl-space-1': "2px";
969
990
  readonly '--wzl-space-2': "4px";
970
991
  readonly '--wzl-space-3': "6px";
@@ -999,7 +1020,7 @@ declare const THEMES: {
999
1020
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
1000
1021
  readonly '--wzl-font-weight-light': "200";
1001
1022
  readonly '--wzl-panel-title-weight': "200";
1002
- readonly '--wzl-panel-title-size': "18px";
1023
+ readonly '--wzl-panel-title-size': "22px";
1003
1024
  readonly '--wzl-panel-title-case': "none";
1004
1025
  readonly '--wzl-panel-title-tracking': "0.01em";
1005
1026
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -1030,7 +1051,7 @@ declare const THEMES: {
1030
1051
  readonly '--wzl-stance-important-border-color': "#4338ca";
1031
1052
  readonly '--wzl-stance-important-title-color': "#4338ca";
1032
1053
  readonly '--wzl-stance-preview-pad': "0";
1033
- readonly '--wzl-stance-preview-title-size': "12px";
1054
+ readonly '--wzl-stance-preview-title-size': "14px";
1034
1055
  readonly '--wzl-stance-preview-title-case': "none";
1035
1056
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
1036
1057
  readonly '--wzl-warning-base': "#d99a3f";
@@ -1053,13 +1074,15 @@ declare const THEMES: {
1053
1074
  readonly '--wzl-border-w': "1px";
1054
1075
  readonly '--wzl-line-width': "2px";
1055
1076
  readonly '--wzl-curve-width': "3px";
1056
- readonly '--wzl-tb-height': "32px";
1057
- readonly '--wzl-control-h-xs': "22px";
1058
- readonly '--wzl-control-h-sm': "24px";
1059
- readonly '--wzl-control-h': "28px";
1060
- readonly '--wzl-icon-button-size': "26px";
1077
+ readonly '--wzl-tb-height': "38px";
1078
+ readonly '--wzl-control-h-xs': "26px";
1079
+ readonly '--wzl-control-h-sm': "28px";
1080
+ readonly '--wzl-control-h': "34px";
1081
+ readonly '--wzl-icon-button-size': "32px";
1061
1082
  readonly '--wzl-slider-track-h': "4px";
1062
1083
  readonly '--wzl-slider-thumb-size': "8px";
1084
+ readonly '--wzl-slider-track-slop': "6px";
1085
+ readonly '--wzl-slider-thumb-slop': "6px";
1063
1086
  readonly '--wzl-slider-track-mix': "18%";
1064
1087
  readonly '--wzl-slider-thumb-mix': "70%";
1065
1088
  readonly '--wzl-handle-size': "9px";
@@ -1071,7 +1094,7 @@ declare const THEMES: {
1071
1094
  readonly '--wzl-workspace-surface': "#c9cbcf";
1072
1095
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
1073
1096
  readonly '--wzl-field-pad-x': "8px";
1074
- readonly '--wzl-font-size': "15px";
1097
+ readonly '--wzl-font-size': "18px";
1075
1098
  readonly '--wzl-tracking-none': "0";
1076
1099
  readonly '--wzl-tracking-wide': "0.06em";
1077
1100
  readonly '--wzl-tracking-wider': "0.08em";
@@ -1089,6 +1112,7 @@ declare const THEMES: {
1089
1112
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
1090
1113
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
1091
1114
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
1115
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
1092
1116
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
1093
1117
  readonly '--wzl-font-weight-normal': "300";
1094
1118
  readonly '--wzl-font-weight-medium': "350";
@@ -1190,14 +1214,17 @@ declare function colorCount(list: ColorList, ctx?: ColorContext): number | undef
1190
1214
 
1191
1215
  /** A number, or `{seeds.name}`. */
1192
1216
  type NumberParam = Varying<number | string>;
1217
+ /** A pin with its metadata. `type` defaults to that of the token it replaces. */
1193
1218
  interface PinObject {
1194
1219
  readonly value: TokenValue;
1195
1220
  readonly type?: string;
1196
1221
  readonly description?: string;
1222
+ /** Render the referenced color at this alpha, 0–1. */
1197
1223
  readonly alpha?: number;
1198
1224
  }
1199
1225
  /** A bare value or `{ value, type?, description?, alpha? }`. The value may be a `{token}` reference. */
1200
1226
  type PinValue = TokenValue | PinObject;
1227
+ /** A ramp that walks lightness between two ends at one hue, or between anchor colors. */
1201
1228
  interface LightnessRampDef {
1202
1229
  readonly kind: 'lightness';
1203
1230
  readonly steps: Varying<readonly string[]>;
@@ -1220,6 +1247,7 @@ interface LightnessRampDef {
1220
1247
  readonly description?: string;
1221
1248
  readonly describe?: Readonly<Record<string, string>>;
1222
1249
  }
1250
+ /** A ramp of distinct hues from the palette generator, one per step. */
1223
1251
  interface CategoricalRampDef {
1224
1252
  readonly kind: 'categorical';
1225
1253
  readonly steps: Varying<readonly string[]>;
@@ -1234,7 +1262,12 @@ interface CategoricalRampDef {
1234
1262
  readonly description?: string;
1235
1263
  readonly describe?: Readonly<Record<string, string>>;
1236
1264
  }
1265
+ /** A named color ramp: each step becomes a token `<ramp>-<step>`. */
1237
1266
  type RampDef = LightnessRampDef | CategoricalRampDef;
1267
+ /**
1268
+ * A named dimension scale in whole px: each step becomes a token `<scale>-<step>`. Give exactly one of `step`,
1269
+ * `ratio` or `factors`.
1270
+ */
1238
1271
  interface ScaleDef {
1239
1272
  readonly steps: Varying<readonly string[]>;
1240
1273
  readonly base: NumberParam;
@@ -1256,15 +1289,24 @@ interface SemanticCommon {
1256
1289
  readonly against: readonly string[];
1257
1290
  };
1258
1291
  }
1292
+ /** A named step of a ramp. */
1259
1293
  type StepRule = SemanticCommon & {
1260
1294
  readonly ramp: string;
1261
1295
  readonly step: Varying<string>;
1262
1296
  };
1297
+ /**
1298
+ * `offset` steps from wherever `from` lands on its ramp. `away` moves toward the ramp's farther end; `lighter` and
1299
+ * `darker` read which end is which from the ramp's colors.
1300
+ */
1263
1301
  type OffsetRule = SemanticCommon & {
1264
1302
  readonly from: string;
1265
1303
  readonly offset: number;
1266
1304
  readonly dir: 'lighter' | 'darker' | 'away';
1267
1305
  };
1306
+ /**
1307
+ * The step of `ramp` nearest the surfaces that clears WCAG `contrast.min` against every token in `against`. When no
1308
+ * step does, the best one is used and a `contrast-unmet` issue reported.
1309
+ */
1268
1310
  type ContrastRule = SemanticCommon & {
1269
1311
  readonly ramp: string;
1270
1312
  readonly contrast: {
@@ -1272,14 +1314,22 @@ type ContrastRule = SemanticCommon & {
1272
1314
  readonly against: readonly string[];
1273
1315
  };
1274
1316
  };
1317
+ /** An alias of another token, optionally at an alpha. */
1275
1318
  type RefRule = SemanticCommon & {
1276
1319
  readonly ref: string;
1277
1320
  readonly alpha?: number;
1278
1321
  };
1322
+ /** A fixed value. */
1279
1323
  type LiteralRule = SemanticCommon & {
1280
1324
  readonly value: TokenValue;
1281
1325
  };
1326
+ /** How a semantic token derives its value. */
1282
1327
  type SemanticRule = StepRule | OffsetRule | ContrastRule | RefRule | LiteralRule;
1328
+ /**
1329
+ * A layered theme as authored. Seeds feed the layers after them; ramps, scales, semantics and components each
1330
+ * produce their own tokens, and naming one token twice among them is an issue. A pin replaces the token of its name,
1331
+ * or adds one.
1332
+ */
1283
1333
  interface ThemeDefinition {
1284
1334
  readonly name: string;
1285
1335
  /** Another definition's name. Absent or null: extends nothing. */