@weasel-js/theme 1.7.0 → 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-3KMZGDV5.js → chunk-CKB2MZRY.js} +154 -138
  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-Dqt5o6LR.d.ts → definition-ChUj0lSz.d.ts} +123 -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 +21 -19
  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 +33 -31
  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-3KMZGDV5.js.map +0 -1
  23. package/dist/chunk-C3S4A65R.js.map +0 -1
package/dist/{chunk-3KMZGDV5.js → chunk-CKB2MZRY.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-C3S4A65R.js';
1
+ import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-AN5JVL2S.js';
2
2
 
3
3
  // src/generated/themes.ts
4
4
  var THEMES = {
@@ -33,12 +33,12 @@ var THEMES = {
33
33
  "--wzl-swatch-citron": "#d5d23a",
34
34
  "--wzl-swatch-rose": "#fa4590",
35
35
  "--wzl-swatch-violet": "#955cf9",
36
- "--wzl-font-size-2xs": "7px",
37
- "--wzl-font-size-xs": "8px",
38
- "--wzl-font-size-sm": "9px",
39
- "--wzl-font-size-md": "11px",
40
- "--wzl-font-size-lg": "14px",
41
- "--wzl-font-size-xl": "17px",
36
+ "--wzl-font-size-2xs": "9px",
37
+ "--wzl-font-size-xs": "10px",
38
+ "--wzl-font-size-sm": "11px",
39
+ "--wzl-font-size-md": "13px",
40
+ "--wzl-font-size-lg": "16px",
41
+ "--wzl-font-size-xl": "20px",
42
42
  "--wzl-space-1": "2px",
43
43
  "--wzl-space-2": "4px",
44
44
  "--wzl-space-3": "6px",
@@ -73,7 +73,7 @@ var THEMES = {
73
73
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
74
74
  "--wzl-font-weight-light": "200",
75
75
  "--wzl-panel-title-weight": "200",
76
- "--wzl-panel-title-size": "14px",
76
+ "--wzl-panel-title-size": "16px",
77
77
  "--wzl-panel-title-case": "none",
78
78
  "--wzl-panel-title-tracking": "0.01em",
79
79
  "--wzl-panel-title-color": "#e6e7e9",
@@ -104,7 +104,7 @@ var THEMES = {
104
104
  "--wzl-stance-important-border-color": "#8c94ee",
105
105
  "--wzl-stance-important-title-color": "#8c94ee",
106
106
  "--wzl-stance-preview-pad": "0",
107
- "--wzl-stance-preview-title-size": "8px",
107
+ "--wzl-stance-preview-title-size": "10px",
108
108
  "--wzl-stance-preview-title-case": "none",
109
109
  "--wzl-stance-preview-title-inset": "6px 10px 0",
110
110
  "--wzl-warning-base": "#d99a3f",
@@ -127,11 +127,11 @@ var THEMES = {
127
127
  "--wzl-border-w": "1px",
128
128
  "--wzl-line-width": "2px",
129
129
  "--wzl-curve-width": "3px",
130
- "--wzl-tb-height": "24px",
131
- "--wzl-control-h-xs": "16px",
132
- "--wzl-control-h-sm": "18px",
133
- "--wzl-control-h": "20px",
134
- "--wzl-icon-button-size": "20px",
130
+ "--wzl-tb-height": "28px",
131
+ "--wzl-control-h-xs": "18px",
132
+ "--wzl-control-h-sm": "20px",
133
+ "--wzl-control-h": "24px",
134
+ "--wzl-icon-button-size": "22px",
135
135
  "--wzl-slider-track-h": "4px",
136
136
  "--wzl-slider-thumb-size": "8px",
137
137
  "--wzl-slider-track-mix": "18%",
@@ -145,7 +145,7 @@ var THEMES = {
145
145
  "--wzl-workspace-surface": "#0e0f12",
146
146
  "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
147
147
  "--wzl-field-pad-x": "8px",
148
- "--wzl-font-size": "11px",
148
+ "--wzl-font-size": "13px",
149
149
  "--wzl-tracking-none": "0",
150
150
  "--wzl-tracking-wide": "0.06em",
151
151
  "--wzl-tracking-wider": "0.08em",
@@ -163,6 +163,7 @@ var THEMES = {
163
163
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
164
164
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
165
165
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
166
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
166
167
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
167
168
  "--wzl-font-weight-normal": "300",
168
169
  "--wzl-font-weight-medium": "350",
@@ -199,12 +200,12 @@ var THEMES = {
199
200
  "--wzl-swatch-citron": "#d5d23a",
200
201
  "--wzl-swatch-rose": "#fa4590",
201
202
  "--wzl-swatch-violet": "#955cf9",
202
- "--wzl-font-size-2xs": "9px",
203
- "--wzl-font-size-xs": "10px",
204
- "--wzl-font-size-sm": "11px",
205
- "--wzl-font-size-md": "13px",
206
- "--wzl-font-size-lg": "16px",
207
- "--wzl-font-size-xl": "20px",
203
+ "--wzl-font-size-2xs": "10px",
204
+ "--wzl-font-size-xs": "12px",
205
+ "--wzl-font-size-sm": "13px",
206
+ "--wzl-font-size-md": "15px",
207
+ "--wzl-font-size-lg": "18px",
208
+ "--wzl-font-size-xl": "23px",
208
209
  "--wzl-space-1": "2px",
209
210
  "--wzl-space-2": "4px",
210
211
  "--wzl-space-3": "6px",
@@ -239,7 +240,7 @@ var THEMES = {
239
240
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
240
241
  "--wzl-font-weight-light": "200",
241
242
  "--wzl-panel-title-weight": "200",
242
- "--wzl-panel-title-size": "16px",
243
+ "--wzl-panel-title-size": "18px",
243
244
  "--wzl-panel-title-case": "none",
244
245
  "--wzl-panel-title-tracking": "0.01em",
245
246
  "--wzl-panel-title-color": "#e6e7e9",
@@ -270,7 +271,7 @@ var THEMES = {
270
271
  "--wzl-stance-important-border-color": "#8c94ee",
271
272
  "--wzl-stance-important-title-color": "#8c94ee",
272
273
  "--wzl-stance-preview-pad": "0",
273
- "--wzl-stance-preview-title-size": "10px",
274
+ "--wzl-stance-preview-title-size": "12px",
274
275
  "--wzl-stance-preview-title-case": "none",
275
276
  "--wzl-stance-preview-title-inset": "6px 10px 0",
276
277
  "--wzl-warning-base": "#d99a3f",
@@ -293,11 +294,11 @@ var THEMES = {
293
294
  "--wzl-border-w": "1px",
294
295
  "--wzl-line-width": "2px",
295
296
  "--wzl-curve-width": "3px",
296
- "--wzl-tb-height": "28px",
297
- "--wzl-control-h-xs": "18px",
298
- "--wzl-control-h-sm": "20px",
299
- "--wzl-control-h": "24px",
300
- "--wzl-icon-button-size": "22px",
297
+ "--wzl-tb-height": "32px",
298
+ "--wzl-control-h-xs": "22px",
299
+ "--wzl-control-h-sm": "24px",
300
+ "--wzl-control-h": "28px",
301
+ "--wzl-icon-button-size": "26px",
301
302
  "--wzl-slider-track-h": "4px",
302
303
  "--wzl-slider-thumb-size": "8px",
303
304
  "--wzl-slider-track-mix": "18%",
@@ -311,7 +312,7 @@ var THEMES = {
311
312
  "--wzl-workspace-surface": "#0e0f12",
312
313
  "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
313
314
  "--wzl-field-pad-x": "8px",
314
- "--wzl-font-size": "13px",
315
+ "--wzl-font-size": "15px",
315
316
  "--wzl-tracking-none": "0",
316
317
  "--wzl-tracking-wide": "0.06em",
317
318
  "--wzl-tracking-wider": "0.08em",
@@ -329,6 +330,7 @@ var THEMES = {
329
330
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
330
331
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
331
332
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
333
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
332
334
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
333
335
  "--wzl-font-weight-normal": "300",
334
336
  "--wzl-font-weight-medium": "350",
@@ -365,12 +367,12 @@ var THEMES = {
365
367
  "--wzl-swatch-citron": "#d5d23a",
366
368
  "--wzl-swatch-rose": "#fa4590",
367
369
  "--wzl-swatch-violet": "#955cf9",
368
- "--wzl-font-size-2xs": "10px",
369
- "--wzl-font-size-xs": "12px",
370
- "--wzl-font-size-sm": "13px",
371
- "--wzl-font-size-md": "15px",
372
- "--wzl-font-size-lg": "18px",
373
- "--wzl-font-size-xl": "23px",
370
+ "--wzl-font-size-2xs": "12px",
371
+ "--wzl-font-size-xs": "14px",
372
+ "--wzl-font-size-sm": "15px",
373
+ "--wzl-font-size-md": "18px",
374
+ "--wzl-font-size-lg": "22px",
375
+ "--wzl-font-size-xl": "28px",
374
376
  "--wzl-space-1": "2px",
375
377
  "--wzl-space-2": "4px",
376
378
  "--wzl-space-3": "6px",
@@ -405,7 +407,7 @@ var THEMES = {
405
407
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
406
408
  "--wzl-font-weight-light": "200",
407
409
  "--wzl-panel-title-weight": "200",
408
- "--wzl-panel-title-size": "18px",
410
+ "--wzl-panel-title-size": "22px",
409
411
  "--wzl-panel-title-case": "none",
410
412
  "--wzl-panel-title-tracking": "0.01em",
411
413
  "--wzl-panel-title-color": "#e6e7e9",
@@ -436,7 +438,7 @@ var THEMES = {
436
438
  "--wzl-stance-important-border-color": "#8c94ee",
437
439
  "--wzl-stance-important-title-color": "#8c94ee",
438
440
  "--wzl-stance-preview-pad": "0",
439
- "--wzl-stance-preview-title-size": "12px",
441
+ "--wzl-stance-preview-title-size": "14px",
440
442
  "--wzl-stance-preview-title-case": "none",
441
443
  "--wzl-stance-preview-title-inset": "6px 10px 0",
442
444
  "--wzl-warning-base": "#d99a3f",
@@ -459,11 +461,11 @@ var THEMES = {
459
461
  "--wzl-border-w": "1px",
460
462
  "--wzl-line-width": "2px",
461
463
  "--wzl-curve-width": "3px",
462
- "--wzl-tb-height": "32px",
463
- "--wzl-control-h-xs": "22px",
464
- "--wzl-control-h-sm": "24px",
465
- "--wzl-control-h": "28px",
466
- "--wzl-icon-button-size": "26px",
464
+ "--wzl-tb-height": "38px",
465
+ "--wzl-control-h-xs": "26px",
466
+ "--wzl-control-h-sm": "28px",
467
+ "--wzl-control-h": "34px",
468
+ "--wzl-icon-button-size": "32px",
467
469
  "--wzl-slider-track-h": "4px",
468
470
  "--wzl-slider-thumb-size": "8px",
469
471
  "--wzl-slider-track-mix": "18%",
@@ -477,7 +479,7 @@ var THEMES = {
477
479
  "--wzl-workspace-surface": "#0e0f12",
478
480
  "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
479
481
  "--wzl-field-pad-x": "8px",
480
- "--wzl-font-size": "15px",
482
+ "--wzl-font-size": "18px",
481
483
  "--wzl-tracking-none": "0",
482
484
  "--wzl-tracking-wide": "0.06em",
483
485
  "--wzl-tracking-wider": "0.08em",
@@ -495,6 +497,7 @@ var THEMES = {
495
497
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
496
498
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
497
499
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
500
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
498
501
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
499
502
  "--wzl-font-weight-normal": "300",
500
503
  "--wzl-font-weight-medium": "350",
@@ -531,12 +534,12 @@ var THEMES = {
531
534
  "--wzl-swatch-citron": "#d5d23a",
532
535
  "--wzl-swatch-rose": "#fa4590",
533
536
  "--wzl-swatch-violet": "#955cf9",
534
- "--wzl-font-size-2xs": "7px",
535
- "--wzl-font-size-xs": "8px",
536
- "--wzl-font-size-sm": "9px",
537
- "--wzl-font-size-md": "11px",
538
- "--wzl-font-size-lg": "14px",
539
- "--wzl-font-size-xl": "17px",
537
+ "--wzl-font-size-2xs": "9px",
538
+ "--wzl-font-size-xs": "10px",
539
+ "--wzl-font-size-sm": "11px",
540
+ "--wzl-font-size-md": "13px",
541
+ "--wzl-font-size-lg": "16px",
542
+ "--wzl-font-size-xl": "20px",
540
543
  "--wzl-space-1": "2px",
541
544
  "--wzl-space-2": "4px",
542
545
  "--wzl-space-3": "6px",
@@ -571,7 +574,7 @@ var THEMES = {
571
574
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
572
575
  "--wzl-font-weight-light": "200",
573
576
  "--wzl-panel-title-weight": "200",
574
- "--wzl-panel-title-size": "14px",
577
+ "--wzl-panel-title-size": "16px",
575
578
  "--wzl-panel-title-case": "none",
576
579
  "--wzl-panel-title-tracking": "0.01em",
577
580
  "--wzl-panel-title-color": "#0e0f12",
@@ -602,7 +605,7 @@ var THEMES = {
602
605
  "--wzl-stance-important-border-color": "#4338ca",
603
606
  "--wzl-stance-important-title-color": "#4338ca",
604
607
  "--wzl-stance-preview-pad": "0",
605
- "--wzl-stance-preview-title-size": "8px",
608
+ "--wzl-stance-preview-title-size": "10px",
606
609
  "--wzl-stance-preview-title-case": "none",
607
610
  "--wzl-stance-preview-title-inset": "6px 10px 0",
608
611
  "--wzl-warning-base": "#d99a3f",
@@ -625,11 +628,11 @@ var THEMES = {
625
628
  "--wzl-border-w": "1px",
626
629
  "--wzl-line-width": "2px",
627
630
  "--wzl-curve-width": "3px",
628
- "--wzl-tb-height": "24px",
629
- "--wzl-control-h-xs": "16px",
630
- "--wzl-control-h-sm": "18px",
631
- "--wzl-control-h": "20px",
632
- "--wzl-icon-button-size": "20px",
631
+ "--wzl-tb-height": "28px",
632
+ "--wzl-control-h-xs": "18px",
633
+ "--wzl-control-h-sm": "20px",
634
+ "--wzl-control-h": "24px",
635
+ "--wzl-icon-button-size": "22px",
633
636
  "--wzl-slider-track-h": "4px",
634
637
  "--wzl-slider-thumb-size": "8px",
635
638
  "--wzl-slider-track-mix": "18%",
@@ -643,7 +646,7 @@ var THEMES = {
643
646
  "--wzl-workspace-surface": "#c9cbcf",
644
647
  "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
645
648
  "--wzl-field-pad-x": "8px",
646
- "--wzl-font-size": "11px",
649
+ "--wzl-font-size": "13px",
647
650
  "--wzl-tracking-none": "0",
648
651
  "--wzl-tracking-wide": "0.06em",
649
652
  "--wzl-tracking-wider": "0.08em",
@@ -661,6 +664,7 @@ var THEMES = {
661
664
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
662
665
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
663
666
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
667
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
664
668
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
665
669
  "--wzl-font-weight-normal": "300",
666
670
  "--wzl-font-weight-medium": "350",
@@ -697,12 +701,12 @@ var THEMES = {
697
701
  "--wzl-swatch-citron": "#d5d23a",
698
702
  "--wzl-swatch-rose": "#fa4590",
699
703
  "--wzl-swatch-violet": "#955cf9",
700
- "--wzl-font-size-2xs": "9px",
701
- "--wzl-font-size-xs": "10px",
702
- "--wzl-font-size-sm": "11px",
703
- "--wzl-font-size-md": "13px",
704
- "--wzl-font-size-lg": "16px",
705
- "--wzl-font-size-xl": "20px",
704
+ "--wzl-font-size-2xs": "10px",
705
+ "--wzl-font-size-xs": "12px",
706
+ "--wzl-font-size-sm": "13px",
707
+ "--wzl-font-size-md": "15px",
708
+ "--wzl-font-size-lg": "18px",
709
+ "--wzl-font-size-xl": "23px",
706
710
  "--wzl-space-1": "2px",
707
711
  "--wzl-space-2": "4px",
708
712
  "--wzl-space-3": "6px",
@@ -737,7 +741,7 @@ var THEMES = {
737
741
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
738
742
  "--wzl-font-weight-light": "200",
739
743
  "--wzl-panel-title-weight": "200",
740
- "--wzl-panel-title-size": "16px",
744
+ "--wzl-panel-title-size": "18px",
741
745
  "--wzl-panel-title-case": "none",
742
746
  "--wzl-panel-title-tracking": "0.01em",
743
747
  "--wzl-panel-title-color": "#0e0f12",
@@ -768,7 +772,7 @@ var THEMES = {
768
772
  "--wzl-stance-important-border-color": "#4338ca",
769
773
  "--wzl-stance-important-title-color": "#4338ca",
770
774
  "--wzl-stance-preview-pad": "0",
771
- "--wzl-stance-preview-title-size": "10px",
775
+ "--wzl-stance-preview-title-size": "12px",
772
776
  "--wzl-stance-preview-title-case": "none",
773
777
  "--wzl-stance-preview-title-inset": "6px 10px 0",
774
778
  "--wzl-warning-base": "#d99a3f",
@@ -791,11 +795,11 @@ var THEMES = {
791
795
  "--wzl-border-w": "1px",
792
796
  "--wzl-line-width": "2px",
793
797
  "--wzl-curve-width": "3px",
794
- "--wzl-tb-height": "28px",
795
- "--wzl-control-h-xs": "18px",
796
- "--wzl-control-h-sm": "20px",
797
- "--wzl-control-h": "24px",
798
- "--wzl-icon-button-size": "22px",
798
+ "--wzl-tb-height": "32px",
799
+ "--wzl-control-h-xs": "22px",
800
+ "--wzl-control-h-sm": "24px",
801
+ "--wzl-control-h": "28px",
802
+ "--wzl-icon-button-size": "26px",
799
803
  "--wzl-slider-track-h": "4px",
800
804
  "--wzl-slider-thumb-size": "8px",
801
805
  "--wzl-slider-track-mix": "18%",
@@ -809,7 +813,7 @@ var THEMES = {
809
813
  "--wzl-workspace-surface": "#c9cbcf",
810
814
  "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
811
815
  "--wzl-field-pad-x": "8px",
812
- "--wzl-font-size": "13px",
816
+ "--wzl-font-size": "15px",
813
817
  "--wzl-tracking-none": "0",
814
818
  "--wzl-tracking-wide": "0.06em",
815
819
  "--wzl-tracking-wider": "0.08em",
@@ -827,6 +831,7 @@ var THEMES = {
827
831
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
828
832
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
829
833
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
834
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
830
835
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
831
836
  "--wzl-font-weight-normal": "300",
832
837
  "--wzl-font-weight-medium": "350",
@@ -863,12 +868,12 @@ var THEMES = {
863
868
  "--wzl-swatch-citron": "#d5d23a",
864
869
  "--wzl-swatch-rose": "#fa4590",
865
870
  "--wzl-swatch-violet": "#955cf9",
866
- "--wzl-font-size-2xs": "10px",
867
- "--wzl-font-size-xs": "12px",
868
- "--wzl-font-size-sm": "13px",
869
- "--wzl-font-size-md": "15px",
870
- "--wzl-font-size-lg": "18px",
871
- "--wzl-font-size-xl": "23px",
871
+ "--wzl-font-size-2xs": "12px",
872
+ "--wzl-font-size-xs": "14px",
873
+ "--wzl-font-size-sm": "15px",
874
+ "--wzl-font-size-md": "18px",
875
+ "--wzl-font-size-lg": "22px",
876
+ "--wzl-font-size-xl": "28px",
872
877
  "--wzl-space-1": "2px",
873
878
  "--wzl-space-2": "4px",
874
879
  "--wzl-space-3": "6px",
@@ -903,7 +908,7 @@ var THEMES = {
903
908
  "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
904
909
  "--wzl-font-weight-light": "200",
905
910
  "--wzl-panel-title-weight": "200",
906
- "--wzl-panel-title-size": "18px",
911
+ "--wzl-panel-title-size": "22px",
907
912
  "--wzl-panel-title-case": "none",
908
913
  "--wzl-panel-title-tracking": "0.01em",
909
914
  "--wzl-panel-title-color": "#0e0f12",
@@ -934,7 +939,7 @@ var THEMES = {
934
939
  "--wzl-stance-important-border-color": "#4338ca",
935
940
  "--wzl-stance-important-title-color": "#4338ca",
936
941
  "--wzl-stance-preview-pad": "0",
937
- "--wzl-stance-preview-title-size": "12px",
942
+ "--wzl-stance-preview-title-size": "14px",
938
943
  "--wzl-stance-preview-title-case": "none",
939
944
  "--wzl-stance-preview-title-inset": "6px 10px 0",
940
945
  "--wzl-warning-base": "#d99a3f",
@@ -957,11 +962,11 @@ var THEMES = {
957
962
  "--wzl-border-w": "1px",
958
963
  "--wzl-line-width": "2px",
959
964
  "--wzl-curve-width": "3px",
960
- "--wzl-tb-height": "32px",
961
- "--wzl-control-h-xs": "22px",
962
- "--wzl-control-h-sm": "24px",
963
- "--wzl-control-h": "28px",
964
- "--wzl-icon-button-size": "26px",
965
+ "--wzl-tb-height": "38px",
966
+ "--wzl-control-h-xs": "26px",
967
+ "--wzl-control-h-sm": "28px",
968
+ "--wzl-control-h": "34px",
969
+ "--wzl-icon-button-size": "32px",
965
970
  "--wzl-slider-track-h": "4px",
966
971
  "--wzl-slider-thumb-size": "8px",
967
972
  "--wzl-slider-track-mix": "18%",
@@ -975,7 +980,7 @@ var THEMES = {
975
980
  "--wzl-workspace-surface": "#c9cbcf",
976
981
  "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
977
982
  "--wzl-field-pad-x": "8px",
978
- "--wzl-font-size": "15px",
983
+ "--wzl-font-size": "18px",
979
984
  "--wzl-tracking-none": "0",
980
985
  "--wzl-tracking-wide": "0.06em",
981
986
  "--wzl-tracking-wider": "0.08em",
@@ -993,6 +998,7 @@ var THEMES = {
993
998
  "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
994
999
  "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
995
1000
  "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
1001
+ "--wzl-font-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
996
1002
  "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
997
1003
  "--wzl-font-weight-normal": "300",
998
1004
  "--wzl-font-weight-medium": "350",
@@ -1032,9 +1038,9 @@ var THEME_SOURCES = {
1032
1038
  "seeds": {
1033
1039
  "ui-base": {
1034
1040
  "by": "density",
1035
- "compact": 11,
1036
- "comfortable": 13,
1037
- "roomy": 15
1041
+ "compact": 13,
1042
+ "comfortable": 15,
1043
+ "roomy": 18
1038
1044
  }
1039
1045
  },
1040
1046
  "ramps": {
@@ -1718,17 +1724,17 @@ var THEME_SOURCES = {
1718
1724
  "tb-height": {
1719
1725
  "by": "density",
1720
1726
  "compact": {
1721
- "value": "24px",
1727
+ "value": "28px",
1722
1728
  "type": "dimension",
1723
1729
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
1724
1730
  },
1725
1731
  "comfortable": {
1726
- "value": "28px",
1732
+ "value": "32px",
1727
1733
  "type": "dimension",
1728
1734
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
1729
1735
  },
1730
1736
  "roomy": {
1731
- "value": "32px",
1737
+ "value": "38px",
1732
1738
  "type": "dimension",
1733
1739
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
1734
1740
  }
@@ -1736,17 +1742,17 @@ var THEME_SOURCES = {
1736
1742
  "control-h-xs": {
1737
1743
  "by": "density",
1738
1744
  "compact": {
1739
- "value": "16px",
1745
+ "value": "18px",
1740
1746
  "type": "dimension",
1741
1747
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
1742
1748
  },
1743
1749
  "comfortable": {
1744
- "value": "18px",
1750
+ "value": "22px",
1745
1751
  "type": "dimension",
1746
1752
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
1747
1753
  },
1748
1754
  "roomy": {
1749
- "value": "22px",
1755
+ "value": "26px",
1750
1756
  "type": "dimension",
1751
1757
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
1752
1758
  }
@@ -1754,17 +1760,17 @@ var THEME_SOURCES = {
1754
1760
  "control-h-sm": {
1755
1761
  "by": "density",
1756
1762
  "compact": {
1757
- "value": "18px",
1763
+ "value": "20px",
1758
1764
  "type": "dimension",
1759
1765
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
1760
1766
  },
1761
1767
  "comfortable": {
1762
- "value": "20px",
1768
+ "value": "24px",
1763
1769
  "type": "dimension",
1764
1770
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
1765
1771
  },
1766
1772
  "roomy": {
1767
- "value": "24px",
1773
+ "value": "28px",
1768
1774
  "type": "dimension",
1769
1775
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
1770
1776
  }
@@ -1772,17 +1778,17 @@ var THEME_SOURCES = {
1772
1778
  "control-h": {
1773
1779
  "by": "density",
1774
1780
  "compact": {
1775
- "value": "20px",
1781
+ "value": "24px",
1776
1782
  "type": "dimension",
1777
1783
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
1778
1784
  },
1779
1785
  "comfortable": {
1780
- "value": "24px",
1786
+ "value": "28px",
1781
1787
  "type": "dimension",
1782
1788
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
1783
1789
  },
1784
1790
  "roomy": {
1785
- "value": "28px",
1791
+ "value": "34px",
1786
1792
  "type": "dimension",
1787
1793
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
1788
1794
  }
@@ -1790,17 +1796,17 @@ var THEME_SOURCES = {
1790
1796
  "icon-button-size": {
1791
1797
  "by": "density",
1792
1798
  "compact": {
1793
- "value": "20px",
1799
+ "value": "22px",
1794
1800
  "type": "dimension",
1795
1801
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
1796
1802
  },
1797
1803
  "comfortable": {
1798
- "value": "22px",
1804
+ "value": "26px",
1799
1805
  "type": "dimension",
1800
1806
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
1801
1807
  },
1802
1808
  "roomy": {
1803
- "value": "26px",
1809
+ "value": "32px",
1804
1810
  "type": "dimension",
1805
1811
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
1806
1812
  }
@@ -1983,6 +1989,11 @@ var THEME_SOURCES = {
1983
1989
  "type": "fontFamily",
1984
1990
  "description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
1985
1991
  },
1992
+ "font-numeric": {
1993
+ "value": "'Oswald Tabular', var(--wzl-font-ui)",
1994
+ "type": "fontFamily",
1995
+ "description": "The UI face with equal-width digits, for numbers read down a column or updated in place. Oswald Tabular carries only 0-9 and the figure space (U+2007); every other character falls through to the UI face."
1996
+ },
1986
1997
  "font-display": {
1987
1998
  "value": [
1988
1999
  "Oswald",
@@ -2234,17 +2245,17 @@ var BAKED_THEMES = {
2234
2245
  "by": "density",
2235
2246
  "compact": {
2236
2247
  "type": "dimension",
2237
- "value": "7px",
2248
+ "value": "9px",
2238
2249
  "description": "Shortcut keys and index badges. The floor for chrome text."
2239
2250
  },
2240
2251
  "comfortable": {
2241
2252
  "type": "dimension",
2242
- "value": "9px",
2253
+ "value": "10px",
2243
2254
  "description": "Shortcut keys and index badges. The floor for chrome text."
2244
2255
  },
2245
2256
  "roomy": {
2246
2257
  "type": "dimension",
2247
- "value": "10px",
2258
+ "value": "12px",
2248
2259
  "description": "Shortcut keys and index badges. The floor for chrome text."
2249
2260
  }
2250
2261
  },
@@ -2252,17 +2263,17 @@ var BAKED_THEMES = {
2252
2263
  "by": "density",
2253
2264
  "compact": {
2254
2265
  "type": "dimension",
2255
- "value": "8px",
2266
+ "value": "10px",
2256
2267
  "description": "Tool-button labels under an icon."
2257
2268
  },
2258
2269
  "comfortable": {
2259
2270
  "type": "dimension",
2260
- "value": "10px",
2271
+ "value": "12px",
2261
2272
  "description": "Tool-button labels under an icon."
2262
2273
  },
2263
2274
  "roomy": {
2264
2275
  "type": "dimension",
2265
- "value": "12px",
2276
+ "value": "14px",
2266
2277
  "description": "Tool-button labels under an icon."
2267
2278
  }
2268
2279
  },
@@ -2270,17 +2281,17 @@ var BAKED_THEMES = {
2270
2281
  "by": "density",
2271
2282
  "compact": {
2272
2283
  "type": "dimension",
2273
- "value": "9px",
2284
+ "value": "11px",
2274
2285
  "description": "Chrome labels, status readouts, section headings."
2275
2286
  },
2276
2287
  "comfortable": {
2277
2288
  "type": "dimension",
2278
- "value": "11px",
2289
+ "value": "13px",
2279
2290
  "description": "Chrome labels, status readouts, section headings."
2280
2291
  },
2281
2292
  "roomy": {
2282
2293
  "type": "dimension",
2283
- "value": "13px",
2294
+ "value": "15px",
2284
2295
  "description": "Chrome labels, status readouts, section headings."
2285
2296
  }
2286
2297
  },
@@ -2288,17 +2299,17 @@ var BAKED_THEMES = {
2288
2299
  "by": "density",
2289
2300
  "compact": {
2290
2301
  "type": "dimension",
2291
- "value": "11px",
2302
+ "value": "13px",
2292
2303
  "description": "Controls and body text."
2293
2304
  },
2294
2305
  "comfortable": {
2295
2306
  "type": "dimension",
2296
- "value": "13px",
2307
+ "value": "15px",
2297
2308
  "description": "Controls and body text."
2298
2309
  },
2299
2310
  "roomy": {
2300
2311
  "type": "dimension",
2301
- "value": "15px",
2312
+ "value": "18px",
2302
2313
  "description": "Controls and body text."
2303
2314
  }
2304
2315
  },
@@ -2306,17 +2317,17 @@ var BAKED_THEMES = {
2306
2317
  "by": "density",
2307
2318
  "compact": {
2308
2319
  "type": "dimension",
2309
- "value": "14px",
2320
+ "value": "16px",
2310
2321
  "description": "Panel and dialog titles."
2311
2322
  },
2312
2323
  "comfortable": {
2313
2324
  "type": "dimension",
2314
- "value": "16px",
2325
+ "value": "18px",
2315
2326
  "description": "Panel and dialog titles."
2316
2327
  },
2317
2328
  "roomy": {
2318
2329
  "type": "dimension",
2319
- "value": "18px",
2330
+ "value": "22px",
2320
2331
  "description": "Panel and dialog titles."
2321
2332
  }
2322
2333
  },
@@ -2324,17 +2335,17 @@ var BAKED_THEMES = {
2324
2335
  "by": "density",
2325
2336
  "compact": {
2326
2337
  "type": "dimension",
2327
- "value": "17px",
2338
+ "value": "20px",
2328
2339
  "description": "The largest chrome text \u2014 a lab or app title."
2329
2340
  },
2330
2341
  "comfortable": {
2331
2342
  "type": "dimension",
2332
- "value": "20px",
2343
+ "value": "23px",
2333
2344
  "description": "The largest chrome text \u2014 a lab or app title."
2334
2345
  },
2335
2346
  "roomy": {
2336
2347
  "type": "dimension",
2337
- "value": "23px",
2348
+ "value": "28px",
2338
2349
  "description": "The largest chrome text \u2014 a lab or app title."
2339
2350
  }
2340
2351
  },
@@ -2790,17 +2801,17 @@ var BAKED_THEMES = {
2790
2801
  "by": "density",
2791
2802
  "compact": {
2792
2803
  "type": "dimension",
2793
- "value": "24px",
2804
+ "value": "28px",
2794
2805
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
2795
2806
  },
2796
2807
  "comfortable": {
2797
2808
  "type": "dimension",
2798
- "value": "28px",
2809
+ "value": "32px",
2799
2810
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
2800
2811
  },
2801
2812
  "roomy": {
2802
2813
  "type": "dimension",
2803
- "value": "32px",
2814
+ "value": "38px",
2804
2815
  "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
2805
2816
  }
2806
2817
  },
@@ -2808,17 +2819,17 @@ var BAKED_THEMES = {
2808
2819
  "by": "density",
2809
2820
  "compact": {
2810
2821
  "type": "dimension",
2811
- "value": "16px",
2822
+ "value": "18px",
2812
2823
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
2813
2824
  },
2814
2825
  "comfortable": {
2815
2826
  "type": "dimension",
2816
- "value": "18px",
2827
+ "value": "22px",
2817
2828
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
2818
2829
  },
2819
2830
  "roomy": {
2820
2831
  "type": "dimension",
2821
- "value": "22px",
2832
+ "value": "26px",
2822
2833
  "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
2823
2834
  }
2824
2835
  },
@@ -2826,17 +2837,17 @@ var BAKED_THEMES = {
2826
2837
  "by": "density",
2827
2838
  "compact": {
2828
2839
  "type": "dimension",
2829
- "value": "18px",
2840
+ "value": "20px",
2830
2841
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
2831
2842
  },
2832
2843
  "comfortable": {
2833
2844
  "type": "dimension",
2834
- "value": "20px",
2845
+ "value": "24px",
2835
2846
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
2836
2847
  },
2837
2848
  "roomy": {
2838
2849
  "type": "dimension",
2839
- "value": "24px",
2850
+ "value": "28px",
2840
2851
  "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
2841
2852
  }
2842
2853
  },
@@ -2844,17 +2855,17 @@ var BAKED_THEMES = {
2844
2855
  "by": "density",
2845
2856
  "compact": {
2846
2857
  "type": "dimension",
2847
- "value": "20px",
2858
+ "value": "24px",
2848
2859
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
2849
2860
  },
2850
2861
  "comfortable": {
2851
2862
  "type": "dimension",
2852
- "value": "24px",
2863
+ "value": "28px",
2853
2864
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
2854
2865
  },
2855
2866
  "roomy": {
2856
2867
  "type": "dimension",
2857
- "value": "28px",
2868
+ "value": "34px",
2858
2869
  "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
2859
2870
  }
2860
2871
  },
@@ -2862,17 +2873,17 @@ var BAKED_THEMES = {
2862
2873
  "by": "density",
2863
2874
  "compact": {
2864
2875
  "type": "dimension",
2865
- "value": "20px",
2876
+ "value": "22px",
2866
2877
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
2867
2878
  },
2868
2879
  "comfortable": {
2869
2880
  "type": "dimension",
2870
- "value": "22px",
2881
+ "value": "26px",
2871
2882
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
2872
2883
  },
2873
2884
  "roomy": {
2874
2885
  "type": "dimension",
2875
- "value": "26px",
2886
+ "value": "32px",
2876
2887
  "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
2877
2888
  }
2878
2889
  },
@@ -3054,6 +3065,11 @@ var BAKED_THEMES = {
3054
3065
  ],
3055
3066
  "description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
3056
3067
  },
3068
+ "font-numeric": {
3069
+ "type": "fontFamily",
3070
+ "value": "'Oswald Tabular', var(--wzl-font-ui)",
3071
+ "description": "The UI face with equal-width digits, for numbers read down a column or updated in place. Oswald Tabular carries only 0-9 and the figure space (U+2007); every other character falls through to the UI face."
3072
+ },
3057
3073
  "font-display": {
3058
3074
  "type": "fontFamily",
3059
3075
  "value": [
@@ -3299,5 +3315,5 @@ function colorCount(list, ctx = defaultContext()) {
3299
3315
  }
3300
3316
 
3301
3317
  export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme };
3302
- //# sourceMappingURL=chunk-3KMZGDV5.js.map
3303
- //# sourceMappingURL=chunk-3KMZGDV5.js.map
3318
+ //# sourceMappingURL=chunk-CKB2MZRY.js.map
3319
+ //# sourceMappingURL=chunk-CKB2MZRY.js.map