@weasel-js/theme 1.6.1 → 1.7.1

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 (23) 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-4EIPTWJA.js → chunk-CKB2MZRY.js} +289 -225
  5. package/dist/chunk-CKB2MZRY.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-DLdTdFWs.d.ts → definition-ChUj0lSz.d.ts} +195 -157
  9. package/dist/engine.d.ts +52 -5
  10. package/dist/engine.js +10 -4
  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 +34 -32
  15. package/dist/index.js.map +1 -1
  16. package/dist/react.d.ts +1 -1
  17. package/dist/react.js +3 -3
  18. package/dist/tokens.css +55 -35
  19. package/fonts/README.md +24 -3
  20. package/fonts/oswald-tabular-digits.woff2 +0 -0
  21. package/package.json +2 -2
  22. package/dist/chunk-4EIPTWJA.js.map +0 -1
  23. package/dist/chunk-C3S4A65R.js.map +0 -1
package/dist/{definition-DLdTdFWs.d.ts → definition-ChUj0lSz.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-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';
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. */
@@ -113,9 +119,9 @@ declare const THEMES: {
113
119
  readonly '--wzl-gray-700': "#25272c";
114
120
  readonly '--wzl-gray-800': "#181a1e";
115
121
  readonly '--wzl-gray-900': "#0e0f12";
116
- readonly '--wzl-accent-soft': "#1d1454";
117
- readonly '--wzl-accent-base': "#2e1f7a";
118
- readonly '--wzl-accent-strong': "#5841b8";
122
+ readonly '--wzl-accent-soft': "#262a66";
123
+ readonly '--wzl-accent-base': "#5b63c9";
124
+ readonly '--wzl-accent-strong': "#8c94ee";
119
125
  readonly '--wzl-secondary-soft': "#704e09";
120
126
  readonly '--wzl-secondary-base': "#dc9d15";
121
127
  readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -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";
@@ -151,7 +157,7 @@ declare const THEMES: {
151
157
  readonly '--wzl-fg-subtle': "#6f737b";
152
158
  readonly '--wzl-border': "#25272c";
153
159
  readonly '--wzl-border-strong': "#6f737b";
154
- readonly '--wzl-accent-fg': "#5841b8";
160
+ readonly '--wzl-accent-fg': "#8c94ee";
155
161
  readonly '--wzl-secondary-fg': "#dc9d15";
156
162
  readonly '--wzl-fg-inverse': "#0e0f12";
157
163
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -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";
@@ -194,13 +200,13 @@ declare const THEMES: {
194
200
  readonly '--wzl-stance-danger-tone': "#d94a3f";
195
201
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
196
202
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
197
- readonly '--wzl-accent': "#2e1f7a";
198
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
203
+ readonly '--wzl-accent': "#5b63c9";
204
+ readonly '--wzl-stance-notice-tone': "#5b63c9";
199
205
  readonly '--wzl-stance-notice-tone-mix': "8%";
200
- readonly '--wzl-stance-important-border-color': "#5841b8";
201
- readonly '--wzl-stance-important-title-color': "#5841b8";
206
+ readonly '--wzl-stance-important-border-color': "#8c94ee";
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";
@@ -208,13 +214,13 @@ declare const THEMES: {
208
214
  readonly '--wzl-fg-on-accent': "#f5f5f6";
209
215
  readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
210
216
  readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
211
- readonly '--wzl-curve-color': "#5841b8";
212
- readonly '--wzl-accent-hover': "#5841b8";
217
+ readonly '--wzl-curve-color': "#8c94ee";
218
+ readonly '--wzl-accent-hover': "#8c94ee";
213
219
  readonly '--wzl-secondary': "#dc9d15";
214
220
  readonly '--wzl-warning': "#d99a3f";
215
221
  readonly '--wzl-success': "#2ec27e";
216
- readonly '--wzl-focus-ring': "#5841b8";
217
- readonly '--wzl-glass-tint': "#2e1f7a";
222
+ readonly '--wzl-focus-ring': "#8c94ee";
223
+ readonly '--wzl-glass-tint': "#5b63c9";
218
224
  readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
219
225
  readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
220
226
  readonly '--wzl-radius-sm': "3px";
@@ -223,11 +229,11 @@ 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";
233
239
  readonly '--wzl-slider-track-mix': "18%";
@@ -241,7 +247,7 @@ declare const THEMES: {
241
247
  readonly '--wzl-workspace-surface': "#0e0f12";
242
248
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
243
249
  readonly '--wzl-field-pad-x': "8px";
244
- readonly '--wzl-font-size': "11px";
250
+ readonly '--wzl-font-size': "13px";
245
251
  readonly '--wzl-tracking-none': "0";
246
252
  readonly '--wzl-tracking-wide': "0.06em";
247
253
  readonly '--wzl-tracking-wider': "0.08em";
@@ -259,6 +265,7 @@ declare const THEMES: {
259
265
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
260
266
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
261
267
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
268
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
262
269
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
263
270
  readonly '--wzl-font-weight-normal': "300";
264
271
  readonly '--wzl-font-weight-medium': "350";
@@ -279,9 +286,9 @@ declare const THEMES: {
279
286
  readonly '--wzl-gray-700': "#25272c";
280
287
  readonly '--wzl-gray-800': "#181a1e";
281
288
  readonly '--wzl-gray-900': "#0e0f12";
282
- readonly '--wzl-accent-soft': "#1d1454";
283
- readonly '--wzl-accent-base': "#2e1f7a";
284
- readonly '--wzl-accent-strong': "#5841b8";
289
+ readonly '--wzl-accent-soft': "#262a66";
290
+ readonly '--wzl-accent-base': "#5b63c9";
291
+ readonly '--wzl-accent-strong': "#8c94ee";
285
292
  readonly '--wzl-secondary-soft': "#704e09";
286
293
  readonly '--wzl-secondary-base': "#dc9d15";
287
294
  readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -295,12 +302,12 @@ declare const THEMES: {
295
302
  readonly '--wzl-swatch-citron': "#d5d23a";
296
303
  readonly '--wzl-swatch-rose': "#fa4590";
297
304
  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";
305
+ readonly '--wzl-font-size-2xs': "10px";
306
+ readonly '--wzl-font-size-xs': "12px";
307
+ readonly '--wzl-font-size-sm': "13px";
308
+ readonly '--wzl-font-size-md': "15px";
309
+ readonly '--wzl-font-size-lg': "18px";
310
+ readonly '--wzl-font-size-xl': "23px";
304
311
  readonly '--wzl-space-1': "2px";
305
312
  readonly '--wzl-space-2': "4px";
306
313
  readonly '--wzl-space-3': "6px";
@@ -317,7 +324,7 @@ declare const THEMES: {
317
324
  readonly '--wzl-fg-subtle': "#6f737b";
318
325
  readonly '--wzl-border': "#25272c";
319
326
  readonly '--wzl-border-strong': "#6f737b";
320
- readonly '--wzl-accent-fg': "#5841b8";
327
+ readonly '--wzl-accent-fg': "#8c94ee";
321
328
  readonly '--wzl-secondary-fg': "#dc9d15";
322
329
  readonly '--wzl-fg-inverse': "#0e0f12";
323
330
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -335,7 +342,7 @@ declare const THEMES: {
335
342
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
336
343
  readonly '--wzl-font-weight-light': "200";
337
344
  readonly '--wzl-panel-title-weight': "200";
338
- readonly '--wzl-panel-title-size': "16px";
345
+ readonly '--wzl-panel-title-size': "18px";
339
346
  readonly '--wzl-panel-title-case': "none";
340
347
  readonly '--wzl-panel-title-tracking': "0.01em";
341
348
  readonly '--wzl-panel-title-color': "#e6e7e9";
@@ -360,13 +367,13 @@ declare const THEMES: {
360
367
  readonly '--wzl-stance-danger-tone': "#d94a3f";
361
368
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
362
369
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
363
- readonly '--wzl-accent': "#2e1f7a";
364
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
370
+ readonly '--wzl-accent': "#5b63c9";
371
+ readonly '--wzl-stance-notice-tone': "#5b63c9";
365
372
  readonly '--wzl-stance-notice-tone-mix': "8%";
366
- readonly '--wzl-stance-important-border-color': "#5841b8";
367
- readonly '--wzl-stance-important-title-color': "#5841b8";
373
+ readonly '--wzl-stance-important-border-color': "#8c94ee";
374
+ readonly '--wzl-stance-important-title-color': "#8c94ee";
368
375
  readonly '--wzl-stance-preview-pad': "0";
369
- readonly '--wzl-stance-preview-title-size': "10px";
376
+ readonly '--wzl-stance-preview-title-size': "12px";
370
377
  readonly '--wzl-stance-preview-title-case': "none";
371
378
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
372
379
  readonly '--wzl-warning-base': "#d99a3f";
@@ -374,13 +381,13 @@ declare const THEMES: {
374
381
  readonly '--wzl-fg-on-accent': "#f5f5f6";
375
382
  readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
376
383
  readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
377
- readonly '--wzl-curve-color': "#5841b8";
378
- readonly '--wzl-accent-hover': "#5841b8";
384
+ readonly '--wzl-curve-color': "#8c94ee";
385
+ readonly '--wzl-accent-hover': "#8c94ee";
379
386
  readonly '--wzl-secondary': "#dc9d15";
380
387
  readonly '--wzl-warning': "#d99a3f";
381
388
  readonly '--wzl-success': "#2ec27e";
382
- readonly '--wzl-focus-ring': "#5841b8";
383
- readonly '--wzl-glass-tint': "#2e1f7a";
389
+ readonly '--wzl-focus-ring': "#8c94ee";
390
+ readonly '--wzl-glass-tint': "#5b63c9";
384
391
  readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
385
392
  readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
386
393
  readonly '--wzl-radius-sm': "3px";
@@ -389,11 +396,11 @@ declare const THEMES: {
389
396
  readonly '--wzl-border-w': "1px";
390
397
  readonly '--wzl-line-width': "2px";
391
398
  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";
399
+ readonly '--wzl-tb-height': "32px";
400
+ readonly '--wzl-control-h-xs': "22px";
401
+ readonly '--wzl-control-h-sm': "24px";
402
+ readonly '--wzl-control-h': "28px";
403
+ readonly '--wzl-icon-button-size': "26px";
397
404
  readonly '--wzl-slider-track-h': "4px";
398
405
  readonly '--wzl-slider-thumb-size': "8px";
399
406
  readonly '--wzl-slider-track-mix': "18%";
@@ -407,7 +414,7 @@ declare const THEMES: {
407
414
  readonly '--wzl-workspace-surface': "#0e0f12";
408
415
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
409
416
  readonly '--wzl-field-pad-x': "8px";
410
- readonly '--wzl-font-size': "13px";
417
+ readonly '--wzl-font-size': "15px";
411
418
  readonly '--wzl-tracking-none': "0";
412
419
  readonly '--wzl-tracking-wide': "0.06em";
413
420
  readonly '--wzl-tracking-wider': "0.08em";
@@ -425,6 +432,7 @@ declare const THEMES: {
425
432
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
426
433
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
427
434
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
435
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
428
436
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
429
437
  readonly '--wzl-font-weight-normal': "300";
430
438
  readonly '--wzl-font-weight-medium': "350";
@@ -445,9 +453,9 @@ declare const THEMES: {
445
453
  readonly '--wzl-gray-700': "#25272c";
446
454
  readonly '--wzl-gray-800': "#181a1e";
447
455
  readonly '--wzl-gray-900': "#0e0f12";
448
- readonly '--wzl-accent-soft': "#1d1454";
449
- readonly '--wzl-accent-base': "#2e1f7a";
450
- readonly '--wzl-accent-strong': "#5841b8";
456
+ readonly '--wzl-accent-soft': "#262a66";
457
+ readonly '--wzl-accent-base': "#5b63c9";
458
+ readonly '--wzl-accent-strong': "#8c94ee";
451
459
  readonly '--wzl-secondary-soft': "#704e09";
452
460
  readonly '--wzl-secondary-base': "#dc9d15";
453
461
  readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -461,12 +469,12 @@ declare const THEMES: {
461
469
  readonly '--wzl-swatch-citron': "#d5d23a";
462
470
  readonly '--wzl-swatch-rose': "#fa4590";
463
471
  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";
472
+ readonly '--wzl-font-size-2xs': "12px";
473
+ readonly '--wzl-font-size-xs': "14px";
474
+ readonly '--wzl-font-size-sm': "15px";
475
+ readonly '--wzl-font-size-md': "18px";
476
+ readonly '--wzl-font-size-lg': "22px";
477
+ readonly '--wzl-font-size-xl': "28px";
470
478
  readonly '--wzl-space-1': "2px";
471
479
  readonly '--wzl-space-2': "4px";
472
480
  readonly '--wzl-space-3': "6px";
@@ -483,7 +491,7 @@ declare const THEMES: {
483
491
  readonly '--wzl-fg-subtle': "#6f737b";
484
492
  readonly '--wzl-border': "#25272c";
485
493
  readonly '--wzl-border-strong': "#6f737b";
486
- readonly '--wzl-accent-fg': "#5841b8";
494
+ readonly '--wzl-accent-fg': "#8c94ee";
487
495
  readonly '--wzl-secondary-fg': "#dc9d15";
488
496
  readonly '--wzl-fg-inverse': "#0e0f12";
489
497
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -501,7 +509,7 @@ declare const THEMES: {
501
509
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
502
510
  readonly '--wzl-font-weight-light': "200";
503
511
  readonly '--wzl-panel-title-weight': "200";
504
- readonly '--wzl-panel-title-size': "18px";
512
+ readonly '--wzl-panel-title-size': "22px";
505
513
  readonly '--wzl-panel-title-case': "none";
506
514
  readonly '--wzl-panel-title-tracking': "0.01em";
507
515
  readonly '--wzl-panel-title-color': "#e6e7e9";
@@ -526,13 +534,13 @@ declare const THEMES: {
526
534
  readonly '--wzl-stance-danger-tone': "#d94a3f";
527
535
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
528
536
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
529
- readonly '--wzl-accent': "#2e1f7a";
530
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
537
+ readonly '--wzl-accent': "#5b63c9";
538
+ readonly '--wzl-stance-notice-tone': "#5b63c9";
531
539
  readonly '--wzl-stance-notice-tone-mix': "8%";
532
- readonly '--wzl-stance-important-border-color': "#5841b8";
533
- readonly '--wzl-stance-important-title-color': "#5841b8";
540
+ readonly '--wzl-stance-important-border-color': "#8c94ee";
541
+ readonly '--wzl-stance-important-title-color': "#8c94ee";
534
542
  readonly '--wzl-stance-preview-pad': "0";
535
- readonly '--wzl-stance-preview-title-size': "12px";
543
+ readonly '--wzl-stance-preview-title-size': "14px";
536
544
  readonly '--wzl-stance-preview-title-case': "none";
537
545
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
538
546
  readonly '--wzl-warning-base': "#d99a3f";
@@ -540,13 +548,13 @@ declare const THEMES: {
540
548
  readonly '--wzl-fg-on-accent': "#f5f5f6";
541
549
  readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
542
550
  readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
543
- readonly '--wzl-curve-color': "#5841b8";
544
- readonly '--wzl-accent-hover': "#5841b8";
551
+ readonly '--wzl-curve-color': "#8c94ee";
552
+ readonly '--wzl-accent-hover': "#8c94ee";
545
553
  readonly '--wzl-secondary': "#dc9d15";
546
554
  readonly '--wzl-warning': "#d99a3f";
547
555
  readonly '--wzl-success': "#2ec27e";
548
- readonly '--wzl-focus-ring': "#5841b8";
549
- readonly '--wzl-glass-tint': "#2e1f7a";
556
+ readonly '--wzl-focus-ring': "#8c94ee";
557
+ readonly '--wzl-glass-tint': "#5b63c9";
550
558
  readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
551
559
  readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
552
560
  readonly '--wzl-radius-sm': "3px";
@@ -555,11 +563,11 @@ declare const THEMES: {
555
563
  readonly '--wzl-border-w': "1px";
556
564
  readonly '--wzl-line-width': "2px";
557
565
  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";
566
+ readonly '--wzl-tb-height': "38px";
567
+ readonly '--wzl-control-h-xs': "26px";
568
+ readonly '--wzl-control-h-sm': "28px";
569
+ readonly '--wzl-control-h': "34px";
570
+ readonly '--wzl-icon-button-size': "32px";
563
571
  readonly '--wzl-slider-track-h': "4px";
564
572
  readonly '--wzl-slider-thumb-size': "8px";
565
573
  readonly '--wzl-slider-track-mix': "18%";
@@ -573,7 +581,7 @@ declare const THEMES: {
573
581
  readonly '--wzl-workspace-surface': "#0e0f12";
574
582
  readonly '--wzl-workspace-line': "rgba(230, 231, 233, 0.1)";
575
583
  readonly '--wzl-field-pad-x': "8px";
576
- readonly '--wzl-font-size': "15px";
584
+ readonly '--wzl-font-size': "18px";
577
585
  readonly '--wzl-tracking-none': "0";
578
586
  readonly '--wzl-tracking-wide': "0.06em";
579
587
  readonly '--wzl-tracking-wider': "0.08em";
@@ -591,6 +599,7 @@ declare const THEMES: {
591
599
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
592
600
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
593
601
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
602
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
594
603
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
595
604
  readonly '--wzl-font-weight-normal': "300";
596
605
  readonly '--wzl-font-weight-medium': "350";
@@ -611,9 +620,9 @@ declare const THEMES: {
611
620
  readonly '--wzl-gray-700': "#25272c";
612
621
  readonly '--wzl-gray-800': "#181a1e";
613
622
  readonly '--wzl-gray-900': "#0e0f12";
614
- readonly '--wzl-accent-soft': "#1d1454";
615
- readonly '--wzl-accent-base': "#2e1f7a";
616
- readonly '--wzl-accent-strong': "#5841b8";
623
+ readonly '--wzl-accent-soft': "#312e81";
624
+ readonly '--wzl-accent-base': "#4338ca";
625
+ readonly '--wzl-accent-strong': "#6366f1";
617
626
  readonly '--wzl-secondary-soft': "#016458";
618
627
  readonly '--wzl-secondary-base': "#3ee1cb";
619
628
  readonly '--wzl-secondary-strong': "#94e3d5";
@@ -627,12 +636,12 @@ declare const THEMES: {
627
636
  readonly '--wzl-swatch-citron': "#d5d23a";
628
637
  readonly '--wzl-swatch-rose': "#fa4590";
629
638
  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";
639
+ readonly '--wzl-font-size-2xs': "9px";
640
+ readonly '--wzl-font-size-xs': "10px";
641
+ readonly '--wzl-font-size-sm': "11px";
642
+ readonly '--wzl-font-size-md': "13px";
643
+ readonly '--wzl-font-size-lg': "16px";
644
+ readonly '--wzl-font-size-xl': "20px";
636
645
  readonly '--wzl-space-1': "2px";
637
646
  readonly '--wzl-space-2': "4px";
638
647
  readonly '--wzl-space-3': "6px";
@@ -649,7 +658,7 @@ declare const THEMES: {
649
658
  readonly '--wzl-fg-subtle': "#4d5058";
650
659
  readonly '--wzl-border': "#c9cbcf";
651
660
  readonly '--wzl-border-strong': "#4d5058";
652
- readonly '--wzl-accent-fg': "#2e1f7a";
661
+ readonly '--wzl-accent-fg': "#4338ca";
653
662
  readonly '--wzl-secondary-fg': "#016458";
654
663
  readonly '--wzl-fg-inverse': "#f5f5f6";
655
664
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -667,7 +676,7 @@ declare const THEMES: {
667
676
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
668
677
  readonly '--wzl-font-weight-light': "200";
669
678
  readonly '--wzl-panel-title-weight': "200";
670
- readonly '--wzl-panel-title-size': "14px";
679
+ readonly '--wzl-panel-title-size': "16px";
671
680
  readonly '--wzl-panel-title-case': "none";
672
681
  readonly '--wzl-panel-title-tracking': "0.01em";
673
682
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -692,13 +701,13 @@ declare const THEMES: {
692
701
  readonly '--wzl-stance-danger-tone': "#d94a3f";
693
702
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
694
703
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
695
- readonly '--wzl-accent': "#2e1f7a";
696
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
704
+ readonly '--wzl-accent': "#4338ca";
705
+ readonly '--wzl-stance-notice-tone': "#4338ca";
697
706
  readonly '--wzl-stance-notice-tone-mix': "8%";
698
- readonly '--wzl-stance-important-border-color': "#2e1f7a";
699
- readonly '--wzl-stance-important-title-color': "#2e1f7a";
707
+ readonly '--wzl-stance-important-border-color': "#4338ca";
708
+ readonly '--wzl-stance-important-title-color': "#4338ca";
700
709
  readonly '--wzl-stance-preview-pad': "0";
701
- readonly '--wzl-stance-preview-title-size': "8px";
710
+ readonly '--wzl-stance-preview-title-size': "10px";
702
711
  readonly '--wzl-stance-preview-title-case': "none";
703
712
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
704
713
  readonly '--wzl-warning-base': "#d99a3f";
@@ -706,13 +715,13 @@ declare const THEMES: {
706
715
  readonly '--wzl-fg-on-accent': "#f5f5f6";
707
716
  readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
708
717
  readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
709
- readonly '--wzl-curve-color': "#5841b8";
710
- readonly '--wzl-accent-hover': "#5841b8";
718
+ readonly '--wzl-curve-color': "#6366f1";
719
+ readonly '--wzl-accent-hover': "#6366f1";
711
720
  readonly '--wzl-secondary': "#3ee1cb";
712
721
  readonly '--wzl-warning': "#d99a3f";
713
722
  readonly '--wzl-success': "#2ec27e";
714
- readonly '--wzl-focus-ring': "#5841b8";
715
- readonly '--wzl-glass-tint': "#2e1f7a";
723
+ readonly '--wzl-focus-ring': "#6366f1";
724
+ readonly '--wzl-glass-tint': "#4338ca";
716
725
  readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
717
726
  readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
718
727
  readonly '--wzl-radius-sm': "3px";
@@ -721,11 +730,11 @@ declare const THEMES: {
721
730
  readonly '--wzl-border-w': "1px";
722
731
  readonly '--wzl-line-width': "2px";
723
732
  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";
733
+ readonly '--wzl-tb-height': "28px";
734
+ readonly '--wzl-control-h-xs': "18px";
735
+ readonly '--wzl-control-h-sm': "20px";
736
+ readonly '--wzl-control-h': "24px";
737
+ readonly '--wzl-icon-button-size': "22px";
729
738
  readonly '--wzl-slider-track-h': "4px";
730
739
  readonly '--wzl-slider-thumb-size': "8px";
731
740
  readonly '--wzl-slider-track-mix': "18%";
@@ -739,7 +748,7 @@ declare const THEMES: {
739
748
  readonly '--wzl-workspace-surface': "#c9cbcf";
740
749
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
741
750
  readonly '--wzl-field-pad-x': "8px";
742
- readonly '--wzl-font-size': "11px";
751
+ readonly '--wzl-font-size': "13px";
743
752
  readonly '--wzl-tracking-none': "0";
744
753
  readonly '--wzl-tracking-wide': "0.06em";
745
754
  readonly '--wzl-tracking-wider': "0.08em";
@@ -757,6 +766,7 @@ declare const THEMES: {
757
766
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
758
767
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
759
768
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
769
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
760
770
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
761
771
  readonly '--wzl-font-weight-normal': "300";
762
772
  readonly '--wzl-font-weight-medium': "350";
@@ -777,9 +787,9 @@ declare const THEMES: {
777
787
  readonly '--wzl-gray-700': "#25272c";
778
788
  readonly '--wzl-gray-800': "#181a1e";
779
789
  readonly '--wzl-gray-900': "#0e0f12";
780
- readonly '--wzl-accent-soft': "#1d1454";
781
- readonly '--wzl-accent-base': "#2e1f7a";
782
- readonly '--wzl-accent-strong': "#5841b8";
790
+ readonly '--wzl-accent-soft': "#312e81";
791
+ readonly '--wzl-accent-base': "#4338ca";
792
+ readonly '--wzl-accent-strong': "#6366f1";
783
793
  readonly '--wzl-secondary-soft': "#016458";
784
794
  readonly '--wzl-secondary-base': "#3ee1cb";
785
795
  readonly '--wzl-secondary-strong': "#94e3d5";
@@ -793,12 +803,12 @@ declare const THEMES: {
793
803
  readonly '--wzl-swatch-citron': "#d5d23a";
794
804
  readonly '--wzl-swatch-rose': "#fa4590";
795
805
  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";
806
+ readonly '--wzl-font-size-2xs': "10px";
807
+ readonly '--wzl-font-size-xs': "12px";
808
+ readonly '--wzl-font-size-sm': "13px";
809
+ readonly '--wzl-font-size-md': "15px";
810
+ readonly '--wzl-font-size-lg': "18px";
811
+ readonly '--wzl-font-size-xl': "23px";
802
812
  readonly '--wzl-space-1': "2px";
803
813
  readonly '--wzl-space-2': "4px";
804
814
  readonly '--wzl-space-3': "6px";
@@ -815,7 +825,7 @@ declare const THEMES: {
815
825
  readonly '--wzl-fg-subtle': "#4d5058";
816
826
  readonly '--wzl-border': "#c9cbcf";
817
827
  readonly '--wzl-border-strong': "#4d5058";
818
- readonly '--wzl-accent-fg': "#2e1f7a";
828
+ readonly '--wzl-accent-fg': "#4338ca";
819
829
  readonly '--wzl-secondary-fg': "#016458";
820
830
  readonly '--wzl-fg-inverse': "#f5f5f6";
821
831
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -833,7 +843,7 @@ declare const THEMES: {
833
843
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
834
844
  readonly '--wzl-font-weight-light': "200";
835
845
  readonly '--wzl-panel-title-weight': "200";
836
- readonly '--wzl-panel-title-size': "16px";
846
+ readonly '--wzl-panel-title-size': "18px";
837
847
  readonly '--wzl-panel-title-case': "none";
838
848
  readonly '--wzl-panel-title-tracking': "0.01em";
839
849
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -858,13 +868,13 @@ declare const THEMES: {
858
868
  readonly '--wzl-stance-danger-tone': "#d94a3f";
859
869
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
860
870
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
861
- readonly '--wzl-accent': "#2e1f7a";
862
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
871
+ readonly '--wzl-accent': "#4338ca";
872
+ readonly '--wzl-stance-notice-tone': "#4338ca";
863
873
  readonly '--wzl-stance-notice-tone-mix': "8%";
864
- readonly '--wzl-stance-important-border-color': "#2e1f7a";
865
- readonly '--wzl-stance-important-title-color': "#2e1f7a";
874
+ readonly '--wzl-stance-important-border-color': "#4338ca";
875
+ readonly '--wzl-stance-important-title-color': "#4338ca";
866
876
  readonly '--wzl-stance-preview-pad': "0";
867
- readonly '--wzl-stance-preview-title-size': "10px";
877
+ readonly '--wzl-stance-preview-title-size': "12px";
868
878
  readonly '--wzl-stance-preview-title-case': "none";
869
879
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
870
880
  readonly '--wzl-warning-base': "#d99a3f";
@@ -872,13 +882,13 @@ declare const THEMES: {
872
882
  readonly '--wzl-fg-on-accent': "#f5f5f6";
873
883
  readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
874
884
  readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
875
- readonly '--wzl-curve-color': "#5841b8";
876
- readonly '--wzl-accent-hover': "#5841b8";
885
+ readonly '--wzl-curve-color': "#6366f1";
886
+ readonly '--wzl-accent-hover': "#6366f1";
877
887
  readonly '--wzl-secondary': "#3ee1cb";
878
888
  readonly '--wzl-warning': "#d99a3f";
879
889
  readonly '--wzl-success': "#2ec27e";
880
- readonly '--wzl-focus-ring': "#5841b8";
881
- readonly '--wzl-glass-tint': "#2e1f7a";
890
+ readonly '--wzl-focus-ring': "#6366f1";
891
+ readonly '--wzl-glass-tint': "#4338ca";
882
892
  readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
883
893
  readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
884
894
  readonly '--wzl-radius-sm': "3px";
@@ -887,11 +897,11 @@ declare const THEMES: {
887
897
  readonly '--wzl-border-w': "1px";
888
898
  readonly '--wzl-line-width': "2px";
889
899
  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";
900
+ readonly '--wzl-tb-height': "32px";
901
+ readonly '--wzl-control-h-xs': "22px";
902
+ readonly '--wzl-control-h-sm': "24px";
903
+ readonly '--wzl-control-h': "28px";
904
+ readonly '--wzl-icon-button-size': "26px";
895
905
  readonly '--wzl-slider-track-h': "4px";
896
906
  readonly '--wzl-slider-thumb-size': "8px";
897
907
  readonly '--wzl-slider-track-mix': "18%";
@@ -905,7 +915,7 @@ declare const THEMES: {
905
915
  readonly '--wzl-workspace-surface': "#c9cbcf";
906
916
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
907
917
  readonly '--wzl-field-pad-x': "8px";
908
- readonly '--wzl-font-size': "13px";
918
+ readonly '--wzl-font-size': "15px";
909
919
  readonly '--wzl-tracking-none': "0";
910
920
  readonly '--wzl-tracking-wide': "0.06em";
911
921
  readonly '--wzl-tracking-wider': "0.08em";
@@ -923,6 +933,7 @@ declare const THEMES: {
923
933
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
924
934
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
925
935
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
936
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
926
937
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
927
938
  readonly '--wzl-font-weight-normal': "300";
928
939
  readonly '--wzl-font-weight-medium': "350";
@@ -943,9 +954,9 @@ declare const THEMES: {
943
954
  readonly '--wzl-gray-700': "#25272c";
944
955
  readonly '--wzl-gray-800': "#181a1e";
945
956
  readonly '--wzl-gray-900': "#0e0f12";
946
- readonly '--wzl-accent-soft': "#1d1454";
947
- readonly '--wzl-accent-base': "#2e1f7a";
948
- readonly '--wzl-accent-strong': "#5841b8";
957
+ readonly '--wzl-accent-soft': "#312e81";
958
+ readonly '--wzl-accent-base': "#4338ca";
959
+ readonly '--wzl-accent-strong': "#6366f1";
949
960
  readonly '--wzl-secondary-soft': "#016458";
950
961
  readonly '--wzl-secondary-base': "#3ee1cb";
951
962
  readonly '--wzl-secondary-strong': "#94e3d5";
@@ -959,12 +970,12 @@ declare const THEMES: {
959
970
  readonly '--wzl-swatch-citron': "#d5d23a";
960
971
  readonly '--wzl-swatch-rose': "#fa4590";
961
972
  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";
973
+ readonly '--wzl-font-size-2xs': "12px";
974
+ readonly '--wzl-font-size-xs': "14px";
975
+ readonly '--wzl-font-size-sm': "15px";
976
+ readonly '--wzl-font-size-md': "18px";
977
+ readonly '--wzl-font-size-lg': "22px";
978
+ readonly '--wzl-font-size-xl': "28px";
968
979
  readonly '--wzl-space-1': "2px";
969
980
  readonly '--wzl-space-2': "4px";
970
981
  readonly '--wzl-space-3': "6px";
@@ -981,7 +992,7 @@ declare const THEMES: {
981
992
  readonly '--wzl-fg-subtle': "#4d5058";
982
993
  readonly '--wzl-border': "#c9cbcf";
983
994
  readonly '--wzl-border-strong': "#4d5058";
984
- readonly '--wzl-accent-fg': "#2e1f7a";
995
+ readonly '--wzl-accent-fg': "#4338ca";
985
996
  readonly '--wzl-secondary-fg': "#016458";
986
997
  readonly '--wzl-fg-inverse': "#f5f5f6";
987
998
  readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -999,7 +1010,7 @@ declare const THEMES: {
999
1010
  readonly '--wzl-panel-title-font': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
1000
1011
  readonly '--wzl-font-weight-light': "200";
1001
1012
  readonly '--wzl-panel-title-weight': "200";
1002
- readonly '--wzl-panel-title-size': "18px";
1013
+ readonly '--wzl-panel-title-size': "22px";
1003
1014
  readonly '--wzl-panel-title-case': "none";
1004
1015
  readonly '--wzl-panel-title-tracking': "0.01em";
1005
1016
  readonly '--wzl-panel-title-color': "#0e0f12";
@@ -1024,13 +1035,13 @@ declare const THEMES: {
1024
1035
  readonly '--wzl-stance-danger-tone': "#d94a3f";
1025
1036
  readonly '--wzl-stance-danger-border-color': "#d94a3f";
1026
1037
  readonly '--wzl-stance-danger-title-color': "#d94a3f";
1027
- readonly '--wzl-accent': "#2e1f7a";
1028
- readonly '--wzl-stance-notice-tone': "#2e1f7a";
1038
+ readonly '--wzl-accent': "#4338ca";
1039
+ readonly '--wzl-stance-notice-tone': "#4338ca";
1029
1040
  readonly '--wzl-stance-notice-tone-mix': "8%";
1030
- readonly '--wzl-stance-important-border-color': "#2e1f7a";
1031
- readonly '--wzl-stance-important-title-color': "#2e1f7a";
1041
+ readonly '--wzl-stance-important-border-color': "#4338ca";
1042
+ readonly '--wzl-stance-important-title-color': "#4338ca";
1032
1043
  readonly '--wzl-stance-preview-pad': "0";
1033
- readonly '--wzl-stance-preview-title-size': "12px";
1044
+ readonly '--wzl-stance-preview-title-size': "14px";
1034
1045
  readonly '--wzl-stance-preview-title-case': "none";
1035
1046
  readonly '--wzl-stance-preview-title-inset': "6px 10px 0";
1036
1047
  readonly '--wzl-warning-base': "#d99a3f";
@@ -1038,13 +1049,13 @@ declare const THEMES: {
1038
1049
  readonly '--wzl-fg-on-accent': "#f5f5f6";
1039
1050
  readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
1040
1051
  readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
1041
- readonly '--wzl-curve-color': "#5841b8";
1042
- readonly '--wzl-accent-hover': "#5841b8";
1052
+ readonly '--wzl-curve-color': "#6366f1";
1053
+ readonly '--wzl-accent-hover': "#6366f1";
1043
1054
  readonly '--wzl-secondary': "#3ee1cb";
1044
1055
  readonly '--wzl-warning': "#d99a3f";
1045
1056
  readonly '--wzl-success': "#2ec27e";
1046
- readonly '--wzl-focus-ring': "#5841b8";
1047
- readonly '--wzl-glass-tint': "#2e1f7a";
1057
+ readonly '--wzl-focus-ring': "#6366f1";
1058
+ readonly '--wzl-glass-tint': "#4338ca";
1048
1059
  readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
1049
1060
  readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
1050
1061
  readonly '--wzl-radius-sm': "3px";
@@ -1053,11 +1064,11 @@ declare const THEMES: {
1053
1064
  readonly '--wzl-border-w': "1px";
1054
1065
  readonly '--wzl-line-width': "2px";
1055
1066
  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";
1067
+ readonly '--wzl-tb-height': "38px";
1068
+ readonly '--wzl-control-h-xs': "26px";
1069
+ readonly '--wzl-control-h-sm': "28px";
1070
+ readonly '--wzl-control-h': "34px";
1071
+ readonly '--wzl-icon-button-size': "32px";
1061
1072
  readonly '--wzl-slider-track-h': "4px";
1062
1073
  readonly '--wzl-slider-thumb-size': "8px";
1063
1074
  readonly '--wzl-slider-track-mix': "18%";
@@ -1071,7 +1082,7 @@ declare const THEMES: {
1071
1082
  readonly '--wzl-workspace-surface': "#c9cbcf";
1072
1083
  readonly '--wzl-workspace-line': "rgba(14, 15, 18, 0.1)";
1073
1084
  readonly '--wzl-field-pad-x': "8px";
1074
- readonly '--wzl-font-size': "15px";
1085
+ readonly '--wzl-font-size': "18px";
1075
1086
  readonly '--wzl-tracking-none': "0";
1076
1087
  readonly '--wzl-tracking-wide': "0.06em";
1077
1088
  readonly '--wzl-tracking-wider': "0.08em";
@@ -1089,6 +1100,7 @@ declare const THEMES: {
1089
1100
  readonly '--wzl-ease-in-out-cubic': "cubic-bezier(0.65, 0, 0.35, 1)";
1090
1101
  readonly '--wzl-ease-out-back': "cubic-bezier(0.34, 1.56, 0.64, 1)";
1091
1102
  readonly '--wzl-font-ui': "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif";
1103
+ readonly '--wzl-font-numeric': "'Oswald Tabular', var(--wzl-font-ui)";
1092
1104
  readonly '--wzl-font-body': "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif";
1093
1105
  readonly '--wzl-font-weight-normal': "300";
1094
1106
  readonly '--wzl-font-weight-medium': "350";
@@ -1190,14 +1202,17 @@ declare function colorCount(list: ColorList, ctx?: ColorContext): number | undef
1190
1202
 
1191
1203
  /** A number, or `{seeds.name}`. */
1192
1204
  type NumberParam = Varying<number | string>;
1205
+ /** A pin with its metadata. `type` defaults to that of the token it replaces. */
1193
1206
  interface PinObject {
1194
1207
  readonly value: TokenValue;
1195
1208
  readonly type?: string;
1196
1209
  readonly description?: string;
1210
+ /** Render the referenced color at this alpha, 0–1. */
1197
1211
  readonly alpha?: number;
1198
1212
  }
1199
1213
  /** A bare value or `{ value, type?, description?, alpha? }`. The value may be a `{token}` reference. */
1200
1214
  type PinValue = TokenValue | PinObject;
1215
+ /** A ramp that walks lightness between two ends at one hue, or between anchor colors. */
1201
1216
  interface LightnessRampDef {
1202
1217
  readonly kind: 'lightness';
1203
1218
  readonly steps: Varying<readonly string[]>;
@@ -1220,6 +1235,7 @@ interface LightnessRampDef {
1220
1235
  readonly description?: string;
1221
1236
  readonly describe?: Readonly<Record<string, string>>;
1222
1237
  }
1238
+ /** A ramp of distinct hues from the palette generator, one per step. */
1223
1239
  interface CategoricalRampDef {
1224
1240
  readonly kind: 'categorical';
1225
1241
  readonly steps: Varying<readonly string[]>;
@@ -1234,7 +1250,12 @@ interface CategoricalRampDef {
1234
1250
  readonly description?: string;
1235
1251
  readonly describe?: Readonly<Record<string, string>>;
1236
1252
  }
1253
+ /** A named color ramp: each step becomes a token `<ramp>-<step>`. */
1237
1254
  type RampDef = LightnessRampDef | CategoricalRampDef;
1255
+ /**
1256
+ * A named dimension scale in whole px: each step becomes a token `<scale>-<step>`. Give exactly one of `step`,
1257
+ * `ratio` or `factors`.
1258
+ */
1238
1259
  interface ScaleDef {
1239
1260
  readonly steps: Varying<readonly string[]>;
1240
1261
  readonly base: NumberParam;
@@ -1256,15 +1277,24 @@ interface SemanticCommon {
1256
1277
  readonly against: readonly string[];
1257
1278
  };
1258
1279
  }
1280
+ /** A named step of a ramp. */
1259
1281
  type StepRule = SemanticCommon & {
1260
1282
  readonly ramp: string;
1261
1283
  readonly step: Varying<string>;
1262
1284
  };
1285
+ /**
1286
+ * `offset` steps from wherever `from` lands on its ramp. `away` moves toward the ramp's farther end; `lighter` and
1287
+ * `darker` read which end is which from the ramp's colors.
1288
+ */
1263
1289
  type OffsetRule = SemanticCommon & {
1264
1290
  readonly from: string;
1265
1291
  readonly offset: number;
1266
1292
  readonly dir: 'lighter' | 'darker' | 'away';
1267
1293
  };
1294
+ /**
1295
+ * The step of `ramp` nearest the surfaces that clears WCAG `contrast.min` against every token in `against`. When no
1296
+ * step does, the best one is used and a `contrast-unmet` issue reported.
1297
+ */
1268
1298
  type ContrastRule = SemanticCommon & {
1269
1299
  readonly ramp: string;
1270
1300
  readonly contrast: {
@@ -1272,14 +1302,22 @@ type ContrastRule = SemanticCommon & {
1272
1302
  readonly against: readonly string[];
1273
1303
  };
1274
1304
  };
1305
+ /** An alias of another token, optionally at an alpha. */
1275
1306
  type RefRule = SemanticCommon & {
1276
1307
  readonly ref: string;
1277
1308
  readonly alpha?: number;
1278
1309
  };
1310
+ /** A fixed value. */
1279
1311
  type LiteralRule = SemanticCommon & {
1280
1312
  readonly value: TokenValue;
1281
1313
  };
1314
+ /** How a semantic token derives its value. */
1282
1315
  type SemanticRule = StepRule | OffsetRule | ContrastRule | RefRule | LiteralRule;
1316
+ /**
1317
+ * A layered theme as authored. Seeds feed the layers after them; ramps, scales, semantics and components each
1318
+ * produce their own tokens, and naming one token twice among them is an issue. A pin replaces the token of its name,
1319
+ * or adds one.
1320
+ */
1283
1321
  interface ThemeDefinition {
1284
1322
  readonly name: string;
1285
1323
  /** Another definition's name. Absent or null: extends nothing. */