@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.
- package/NOTICE +2 -1
- package/dist/{chunk-C3S4A65R.js → chunk-AN5JVL2S.js} +2 -2
- package/dist/chunk-AN5JVL2S.js.map +1 -0
- package/dist/{chunk-4EIPTWJA.js → chunk-CKB2MZRY.js} +289 -225
- package/dist/chunk-CKB2MZRY.js.map +1 -0
- package/dist/{chunk-EINHFDWI.js → chunk-Z675UQ26.js} +2 -2
- package/dist/{chunk-EINHFDWI.js.map → chunk-Z675UQ26.js.map} +1 -1
- package/dist/{definition-DLdTdFWs.d.ts → definition-ChUj0lSz.d.ts} +195 -157
- package/dist/engine.d.ts +52 -5
- package/dist/engine.js +10 -4
- package/dist/engine.js.map +1 -1
- package/dist/faces.css +9 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +34 -32
- package/dist/index.js.map +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +3 -3
- package/dist/tokens.css +55 -35
- package/fonts/README.md +24 -3
- package/fonts/oswald-tabular-digits.woff2 +0 -0
- package/package.json +2 -2
- package/dist/chunk-4EIPTWJA.js.map +0 -1
- package/dist/chunk-C3S4A65R.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-
|
|
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 = {
|
|
@@ -17,9 +17,9 @@ var THEMES = {
|
|
|
17
17
|
"--wzl-gray-700": "#25272c",
|
|
18
18
|
"--wzl-gray-800": "#181a1e",
|
|
19
19
|
"--wzl-gray-900": "#0e0f12",
|
|
20
|
-
"--wzl-accent-soft": "#
|
|
21
|
-
"--wzl-accent-base": "#
|
|
22
|
-
"--wzl-accent-strong": "#
|
|
20
|
+
"--wzl-accent-soft": "#262a66",
|
|
21
|
+
"--wzl-accent-base": "#5b63c9",
|
|
22
|
+
"--wzl-accent-strong": "#8c94ee",
|
|
23
23
|
"--wzl-secondary-soft": "#704e09",
|
|
24
24
|
"--wzl-secondary-base": "#dc9d15",
|
|
25
25
|
"--wzl-secondary-strong": "#f1cb8d",
|
|
@@ -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": "
|
|
37
|
-
"--wzl-font-size-xs": "
|
|
38
|
-
"--wzl-font-size-sm": "
|
|
39
|
-
"--wzl-font-size-md": "
|
|
40
|
-
"--wzl-font-size-lg": "
|
|
41
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -55,7 +55,7 @@ var THEMES = {
|
|
|
55
55
|
"--wzl-fg-subtle": "#6f737b",
|
|
56
56
|
"--wzl-border": "#25272c",
|
|
57
57
|
"--wzl-border-strong": "#6f737b",
|
|
58
|
-
"--wzl-accent-fg": "#
|
|
58
|
+
"--wzl-accent-fg": "#8c94ee",
|
|
59
59
|
"--wzl-secondary-fg": "#dc9d15",
|
|
60
60
|
"--wzl-fg-inverse": "#0e0f12",
|
|
61
61
|
"--wzl-shadow": "rgba(0, 0, 0, 0.6)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -98,13 +98,13 @@ var THEMES = {
|
|
|
98
98
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
99
99
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
100
100
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
101
|
-
"--wzl-accent": "#
|
|
102
|
-
"--wzl-stance-notice-tone": "#
|
|
101
|
+
"--wzl-accent": "#5b63c9",
|
|
102
|
+
"--wzl-stance-notice-tone": "#5b63c9",
|
|
103
103
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
104
|
-
"--wzl-stance-important-border-color": "#
|
|
105
|
-
"--wzl-stance-important-title-color": "#
|
|
104
|
+
"--wzl-stance-important-border-color": "#8c94ee",
|
|
105
|
+
"--wzl-stance-important-title-color": "#8c94ee",
|
|
106
106
|
"--wzl-stance-preview-pad": "0",
|
|
107
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -112,13 +112,13 @@ var THEMES = {
|
|
|
112
112
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
113
113
|
"--wzl-line": "rgba(230, 231, 233, 0.2)",
|
|
114
114
|
"--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
|
|
115
|
-
"--wzl-curve-color": "#
|
|
116
|
-
"--wzl-accent-hover": "#
|
|
115
|
+
"--wzl-curve-color": "#8c94ee",
|
|
116
|
+
"--wzl-accent-hover": "#8c94ee",
|
|
117
117
|
"--wzl-secondary": "#dc9d15",
|
|
118
118
|
"--wzl-warning": "#d99a3f",
|
|
119
119
|
"--wzl-success": "#2ec27e",
|
|
120
|
-
"--wzl-focus-ring": "#
|
|
121
|
-
"--wzl-glass-tint": "#
|
|
120
|
+
"--wzl-focus-ring": "#8c94ee",
|
|
121
|
+
"--wzl-glass-tint": "#5b63c9",
|
|
122
122
|
"--wzl-surface-hover": "rgba(230, 231, 233, 0.1)",
|
|
123
123
|
"--wzl-surface-pressed": "rgba(230, 231, 233, 0.18)",
|
|
124
124
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
131
|
-
"--wzl-control-h-xs": "
|
|
132
|
-
"--wzl-control-h-sm": "
|
|
133
|
-
"--wzl-control-h": "
|
|
134
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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",
|
|
@@ -183,9 +184,9 @@ var THEMES = {
|
|
|
183
184
|
"--wzl-gray-700": "#25272c",
|
|
184
185
|
"--wzl-gray-800": "#181a1e",
|
|
185
186
|
"--wzl-gray-900": "#0e0f12",
|
|
186
|
-
"--wzl-accent-soft": "#
|
|
187
|
-
"--wzl-accent-base": "#
|
|
188
|
-
"--wzl-accent-strong": "#
|
|
187
|
+
"--wzl-accent-soft": "#262a66",
|
|
188
|
+
"--wzl-accent-base": "#5b63c9",
|
|
189
|
+
"--wzl-accent-strong": "#8c94ee",
|
|
189
190
|
"--wzl-secondary-soft": "#704e09",
|
|
190
191
|
"--wzl-secondary-base": "#dc9d15",
|
|
191
192
|
"--wzl-secondary-strong": "#f1cb8d",
|
|
@@ -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": "
|
|
203
|
-
"--wzl-font-size-xs": "
|
|
204
|
-
"--wzl-font-size-sm": "
|
|
205
|
-
"--wzl-font-size-md": "
|
|
206
|
-
"--wzl-font-size-lg": "
|
|
207
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -221,7 +222,7 @@ var THEMES = {
|
|
|
221
222
|
"--wzl-fg-subtle": "#6f737b",
|
|
222
223
|
"--wzl-border": "#25272c",
|
|
223
224
|
"--wzl-border-strong": "#6f737b",
|
|
224
|
-
"--wzl-accent-fg": "#
|
|
225
|
+
"--wzl-accent-fg": "#8c94ee",
|
|
225
226
|
"--wzl-secondary-fg": "#dc9d15",
|
|
226
227
|
"--wzl-fg-inverse": "#0e0f12",
|
|
227
228
|
"--wzl-shadow": "rgba(0, 0, 0, 0.6)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -264,13 +265,13 @@ var THEMES = {
|
|
|
264
265
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
265
266
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
266
267
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
267
|
-
"--wzl-accent": "#
|
|
268
|
-
"--wzl-stance-notice-tone": "#
|
|
268
|
+
"--wzl-accent": "#5b63c9",
|
|
269
|
+
"--wzl-stance-notice-tone": "#5b63c9",
|
|
269
270
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
270
|
-
"--wzl-stance-important-border-color": "#
|
|
271
|
-
"--wzl-stance-important-title-color": "#
|
|
271
|
+
"--wzl-stance-important-border-color": "#8c94ee",
|
|
272
|
+
"--wzl-stance-important-title-color": "#8c94ee",
|
|
272
273
|
"--wzl-stance-preview-pad": "0",
|
|
273
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -278,13 +279,13 @@ var THEMES = {
|
|
|
278
279
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
279
280
|
"--wzl-line": "rgba(230, 231, 233, 0.2)",
|
|
280
281
|
"--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
|
|
281
|
-
"--wzl-curve-color": "#
|
|
282
|
-
"--wzl-accent-hover": "#
|
|
282
|
+
"--wzl-curve-color": "#8c94ee",
|
|
283
|
+
"--wzl-accent-hover": "#8c94ee",
|
|
283
284
|
"--wzl-secondary": "#dc9d15",
|
|
284
285
|
"--wzl-warning": "#d99a3f",
|
|
285
286
|
"--wzl-success": "#2ec27e",
|
|
286
|
-
"--wzl-focus-ring": "#
|
|
287
|
-
"--wzl-glass-tint": "#
|
|
287
|
+
"--wzl-focus-ring": "#8c94ee",
|
|
288
|
+
"--wzl-glass-tint": "#5b63c9",
|
|
288
289
|
"--wzl-surface-hover": "rgba(230, 231, 233, 0.1)",
|
|
289
290
|
"--wzl-surface-pressed": "rgba(230, 231, 233, 0.18)",
|
|
290
291
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
297
|
-
"--wzl-control-h-xs": "
|
|
298
|
-
"--wzl-control-h-sm": "
|
|
299
|
-
"--wzl-control-h": "
|
|
300
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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",
|
|
@@ -349,9 +351,9 @@ var THEMES = {
|
|
|
349
351
|
"--wzl-gray-700": "#25272c",
|
|
350
352
|
"--wzl-gray-800": "#181a1e",
|
|
351
353
|
"--wzl-gray-900": "#0e0f12",
|
|
352
|
-
"--wzl-accent-soft": "#
|
|
353
|
-
"--wzl-accent-base": "#
|
|
354
|
-
"--wzl-accent-strong": "#
|
|
354
|
+
"--wzl-accent-soft": "#262a66",
|
|
355
|
+
"--wzl-accent-base": "#5b63c9",
|
|
356
|
+
"--wzl-accent-strong": "#8c94ee",
|
|
355
357
|
"--wzl-secondary-soft": "#704e09",
|
|
356
358
|
"--wzl-secondary-base": "#dc9d15",
|
|
357
359
|
"--wzl-secondary-strong": "#f1cb8d",
|
|
@@ -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": "
|
|
369
|
-
"--wzl-font-size-xs": "
|
|
370
|
-
"--wzl-font-size-sm": "
|
|
371
|
-
"--wzl-font-size-md": "
|
|
372
|
-
"--wzl-font-size-lg": "
|
|
373
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -387,7 +389,7 @@ var THEMES = {
|
|
|
387
389
|
"--wzl-fg-subtle": "#6f737b",
|
|
388
390
|
"--wzl-border": "#25272c",
|
|
389
391
|
"--wzl-border-strong": "#6f737b",
|
|
390
|
-
"--wzl-accent-fg": "#
|
|
392
|
+
"--wzl-accent-fg": "#8c94ee",
|
|
391
393
|
"--wzl-secondary-fg": "#dc9d15",
|
|
392
394
|
"--wzl-fg-inverse": "#0e0f12",
|
|
393
395
|
"--wzl-shadow": "rgba(0, 0, 0, 0.6)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -430,13 +432,13 @@ var THEMES = {
|
|
|
430
432
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
431
433
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
432
434
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
433
|
-
"--wzl-accent": "#
|
|
434
|
-
"--wzl-stance-notice-tone": "#
|
|
435
|
+
"--wzl-accent": "#5b63c9",
|
|
436
|
+
"--wzl-stance-notice-tone": "#5b63c9",
|
|
435
437
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
436
|
-
"--wzl-stance-important-border-color": "#
|
|
437
|
-
"--wzl-stance-important-title-color": "#
|
|
438
|
+
"--wzl-stance-important-border-color": "#8c94ee",
|
|
439
|
+
"--wzl-stance-important-title-color": "#8c94ee",
|
|
438
440
|
"--wzl-stance-preview-pad": "0",
|
|
439
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -444,13 +446,13 @@ var THEMES = {
|
|
|
444
446
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
445
447
|
"--wzl-line": "rgba(230, 231, 233, 0.2)",
|
|
446
448
|
"--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
|
|
447
|
-
"--wzl-curve-color": "#
|
|
448
|
-
"--wzl-accent-hover": "#
|
|
449
|
+
"--wzl-curve-color": "#8c94ee",
|
|
450
|
+
"--wzl-accent-hover": "#8c94ee",
|
|
449
451
|
"--wzl-secondary": "#dc9d15",
|
|
450
452
|
"--wzl-warning": "#d99a3f",
|
|
451
453
|
"--wzl-success": "#2ec27e",
|
|
452
|
-
"--wzl-focus-ring": "#
|
|
453
|
-
"--wzl-glass-tint": "#
|
|
454
|
+
"--wzl-focus-ring": "#8c94ee",
|
|
455
|
+
"--wzl-glass-tint": "#5b63c9",
|
|
454
456
|
"--wzl-surface-hover": "rgba(230, 231, 233, 0.1)",
|
|
455
457
|
"--wzl-surface-pressed": "rgba(230, 231, 233, 0.18)",
|
|
456
458
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
463
|
-
"--wzl-control-h-xs": "
|
|
464
|
-
"--wzl-control-h-sm": "
|
|
465
|
-
"--wzl-control-h": "
|
|
466
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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",
|
|
@@ -515,9 +518,9 @@ var THEMES = {
|
|
|
515
518
|
"--wzl-gray-700": "#25272c",
|
|
516
519
|
"--wzl-gray-800": "#181a1e",
|
|
517
520
|
"--wzl-gray-900": "#0e0f12",
|
|
518
|
-
"--wzl-accent-soft": "#
|
|
519
|
-
"--wzl-accent-base": "#
|
|
520
|
-
"--wzl-accent-strong": "#
|
|
521
|
+
"--wzl-accent-soft": "#312e81",
|
|
522
|
+
"--wzl-accent-base": "#4338ca",
|
|
523
|
+
"--wzl-accent-strong": "#6366f1",
|
|
521
524
|
"--wzl-secondary-soft": "#016458",
|
|
522
525
|
"--wzl-secondary-base": "#3ee1cb",
|
|
523
526
|
"--wzl-secondary-strong": "#94e3d5",
|
|
@@ -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": "
|
|
535
|
-
"--wzl-font-size-xs": "
|
|
536
|
-
"--wzl-font-size-sm": "
|
|
537
|
-
"--wzl-font-size-md": "
|
|
538
|
-
"--wzl-font-size-lg": "
|
|
539
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -553,7 +556,7 @@ var THEMES = {
|
|
|
553
556
|
"--wzl-fg-subtle": "#4d5058",
|
|
554
557
|
"--wzl-border": "#c9cbcf",
|
|
555
558
|
"--wzl-border-strong": "#4d5058",
|
|
556
|
-
"--wzl-accent-fg": "#
|
|
559
|
+
"--wzl-accent-fg": "#4338ca",
|
|
557
560
|
"--wzl-secondary-fg": "#016458",
|
|
558
561
|
"--wzl-fg-inverse": "#f5f5f6",
|
|
559
562
|
"--wzl-shadow": "rgba(0, 0, 0, 0.18)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -596,13 +599,13 @@ var THEMES = {
|
|
|
596
599
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
597
600
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
598
601
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
599
|
-
"--wzl-accent": "#
|
|
600
|
-
"--wzl-stance-notice-tone": "#
|
|
602
|
+
"--wzl-accent": "#4338ca",
|
|
603
|
+
"--wzl-stance-notice-tone": "#4338ca",
|
|
601
604
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
602
|
-
"--wzl-stance-important-border-color": "#
|
|
603
|
-
"--wzl-stance-important-title-color": "#
|
|
605
|
+
"--wzl-stance-important-border-color": "#4338ca",
|
|
606
|
+
"--wzl-stance-important-title-color": "#4338ca",
|
|
604
607
|
"--wzl-stance-preview-pad": "0",
|
|
605
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -610,13 +613,13 @@ var THEMES = {
|
|
|
610
613
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
611
614
|
"--wzl-line": "rgba(14, 15, 18, 0.2)",
|
|
612
615
|
"--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
|
|
613
|
-
"--wzl-curve-color": "#
|
|
614
|
-
"--wzl-accent-hover": "#
|
|
616
|
+
"--wzl-curve-color": "#6366f1",
|
|
617
|
+
"--wzl-accent-hover": "#6366f1",
|
|
615
618
|
"--wzl-secondary": "#3ee1cb",
|
|
616
619
|
"--wzl-warning": "#d99a3f",
|
|
617
620
|
"--wzl-success": "#2ec27e",
|
|
618
|
-
"--wzl-focus-ring": "#
|
|
619
|
-
"--wzl-glass-tint": "#
|
|
621
|
+
"--wzl-focus-ring": "#6366f1",
|
|
622
|
+
"--wzl-glass-tint": "#4338ca",
|
|
620
623
|
"--wzl-surface-hover": "rgba(14, 15, 18, 0.1)",
|
|
621
624
|
"--wzl-surface-pressed": "rgba(14, 15, 18, 0.18)",
|
|
622
625
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
629
|
-
"--wzl-control-h-xs": "
|
|
630
|
-
"--wzl-control-h-sm": "
|
|
631
|
-
"--wzl-control-h": "
|
|
632
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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",
|
|
@@ -681,9 +685,9 @@ var THEMES = {
|
|
|
681
685
|
"--wzl-gray-700": "#25272c",
|
|
682
686
|
"--wzl-gray-800": "#181a1e",
|
|
683
687
|
"--wzl-gray-900": "#0e0f12",
|
|
684
|
-
"--wzl-accent-soft": "#
|
|
685
|
-
"--wzl-accent-base": "#
|
|
686
|
-
"--wzl-accent-strong": "#
|
|
688
|
+
"--wzl-accent-soft": "#312e81",
|
|
689
|
+
"--wzl-accent-base": "#4338ca",
|
|
690
|
+
"--wzl-accent-strong": "#6366f1",
|
|
687
691
|
"--wzl-secondary-soft": "#016458",
|
|
688
692
|
"--wzl-secondary-base": "#3ee1cb",
|
|
689
693
|
"--wzl-secondary-strong": "#94e3d5",
|
|
@@ -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": "
|
|
701
|
-
"--wzl-font-size-xs": "
|
|
702
|
-
"--wzl-font-size-sm": "
|
|
703
|
-
"--wzl-font-size-md": "
|
|
704
|
-
"--wzl-font-size-lg": "
|
|
705
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -719,7 +723,7 @@ var THEMES = {
|
|
|
719
723
|
"--wzl-fg-subtle": "#4d5058",
|
|
720
724
|
"--wzl-border": "#c9cbcf",
|
|
721
725
|
"--wzl-border-strong": "#4d5058",
|
|
722
|
-
"--wzl-accent-fg": "#
|
|
726
|
+
"--wzl-accent-fg": "#4338ca",
|
|
723
727
|
"--wzl-secondary-fg": "#016458",
|
|
724
728
|
"--wzl-fg-inverse": "#f5f5f6",
|
|
725
729
|
"--wzl-shadow": "rgba(0, 0, 0, 0.18)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -762,13 +766,13 @@ var THEMES = {
|
|
|
762
766
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
763
767
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
764
768
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
765
|
-
"--wzl-accent": "#
|
|
766
|
-
"--wzl-stance-notice-tone": "#
|
|
769
|
+
"--wzl-accent": "#4338ca",
|
|
770
|
+
"--wzl-stance-notice-tone": "#4338ca",
|
|
767
771
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
768
|
-
"--wzl-stance-important-border-color": "#
|
|
769
|
-
"--wzl-stance-important-title-color": "#
|
|
772
|
+
"--wzl-stance-important-border-color": "#4338ca",
|
|
773
|
+
"--wzl-stance-important-title-color": "#4338ca",
|
|
770
774
|
"--wzl-stance-preview-pad": "0",
|
|
771
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -776,13 +780,13 @@ var THEMES = {
|
|
|
776
780
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
777
781
|
"--wzl-line": "rgba(14, 15, 18, 0.2)",
|
|
778
782
|
"--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
|
|
779
|
-
"--wzl-curve-color": "#
|
|
780
|
-
"--wzl-accent-hover": "#
|
|
783
|
+
"--wzl-curve-color": "#6366f1",
|
|
784
|
+
"--wzl-accent-hover": "#6366f1",
|
|
781
785
|
"--wzl-secondary": "#3ee1cb",
|
|
782
786
|
"--wzl-warning": "#d99a3f",
|
|
783
787
|
"--wzl-success": "#2ec27e",
|
|
784
|
-
"--wzl-focus-ring": "#
|
|
785
|
-
"--wzl-glass-tint": "#
|
|
788
|
+
"--wzl-focus-ring": "#6366f1",
|
|
789
|
+
"--wzl-glass-tint": "#4338ca",
|
|
786
790
|
"--wzl-surface-hover": "rgba(14, 15, 18, 0.1)",
|
|
787
791
|
"--wzl-surface-pressed": "rgba(14, 15, 18, 0.18)",
|
|
788
792
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
795
|
-
"--wzl-control-h-xs": "
|
|
796
|
-
"--wzl-control-h-sm": "
|
|
797
|
-
"--wzl-control-h": "
|
|
798
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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",
|
|
@@ -847,9 +852,9 @@ var THEMES = {
|
|
|
847
852
|
"--wzl-gray-700": "#25272c",
|
|
848
853
|
"--wzl-gray-800": "#181a1e",
|
|
849
854
|
"--wzl-gray-900": "#0e0f12",
|
|
850
|
-
"--wzl-accent-soft": "#
|
|
851
|
-
"--wzl-accent-base": "#
|
|
852
|
-
"--wzl-accent-strong": "#
|
|
855
|
+
"--wzl-accent-soft": "#312e81",
|
|
856
|
+
"--wzl-accent-base": "#4338ca",
|
|
857
|
+
"--wzl-accent-strong": "#6366f1",
|
|
853
858
|
"--wzl-secondary-soft": "#016458",
|
|
854
859
|
"--wzl-secondary-base": "#3ee1cb",
|
|
855
860
|
"--wzl-secondary-strong": "#94e3d5",
|
|
@@ -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": "
|
|
867
|
-
"--wzl-font-size-xs": "
|
|
868
|
-
"--wzl-font-size-sm": "
|
|
869
|
-
"--wzl-font-size-md": "
|
|
870
|
-
"--wzl-font-size-lg": "
|
|
871
|
-
"--wzl-font-size-xl": "
|
|
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",
|
|
@@ -885,7 +890,7 @@ var THEMES = {
|
|
|
885
890
|
"--wzl-fg-subtle": "#4d5058",
|
|
886
891
|
"--wzl-border": "#c9cbcf",
|
|
887
892
|
"--wzl-border-strong": "#4d5058",
|
|
888
|
-
"--wzl-accent-fg": "#
|
|
893
|
+
"--wzl-accent-fg": "#4338ca",
|
|
889
894
|
"--wzl-secondary-fg": "#016458",
|
|
890
895
|
"--wzl-fg-inverse": "#f5f5f6",
|
|
891
896
|
"--wzl-shadow": "rgba(0, 0, 0, 0.18)",
|
|
@@ -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": "
|
|
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",
|
|
@@ -928,13 +933,13 @@ var THEMES = {
|
|
|
928
933
|
"--wzl-stance-danger-tone": "#d94a3f",
|
|
929
934
|
"--wzl-stance-danger-border-color": "#d94a3f",
|
|
930
935
|
"--wzl-stance-danger-title-color": "#d94a3f",
|
|
931
|
-
"--wzl-accent": "#
|
|
932
|
-
"--wzl-stance-notice-tone": "#
|
|
936
|
+
"--wzl-accent": "#4338ca",
|
|
937
|
+
"--wzl-stance-notice-tone": "#4338ca",
|
|
933
938
|
"--wzl-stance-notice-tone-mix": "8%",
|
|
934
|
-
"--wzl-stance-important-border-color": "#
|
|
935
|
-
"--wzl-stance-important-title-color": "#
|
|
939
|
+
"--wzl-stance-important-border-color": "#4338ca",
|
|
940
|
+
"--wzl-stance-important-title-color": "#4338ca",
|
|
936
941
|
"--wzl-stance-preview-pad": "0",
|
|
937
|
-
"--wzl-stance-preview-title-size": "
|
|
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",
|
|
@@ -942,13 +947,13 @@ var THEMES = {
|
|
|
942
947
|
"--wzl-fg-on-accent": "#f5f5f6",
|
|
943
948
|
"--wzl-line": "rgba(14, 15, 18, 0.2)",
|
|
944
949
|
"--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
|
|
945
|
-
"--wzl-curve-color": "#
|
|
946
|
-
"--wzl-accent-hover": "#
|
|
950
|
+
"--wzl-curve-color": "#6366f1",
|
|
951
|
+
"--wzl-accent-hover": "#6366f1",
|
|
947
952
|
"--wzl-secondary": "#3ee1cb",
|
|
948
953
|
"--wzl-warning": "#d99a3f",
|
|
949
954
|
"--wzl-success": "#2ec27e",
|
|
950
|
-
"--wzl-focus-ring": "#
|
|
951
|
-
"--wzl-glass-tint": "#
|
|
955
|
+
"--wzl-focus-ring": "#6366f1",
|
|
956
|
+
"--wzl-glass-tint": "#4338ca",
|
|
952
957
|
"--wzl-surface-hover": "rgba(14, 15, 18, 0.1)",
|
|
953
958
|
"--wzl-surface-pressed": "rgba(14, 15, 18, 0.18)",
|
|
954
959
|
"--wzl-radius-sm": "3px",
|
|
@@ -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": "
|
|
961
|
-
"--wzl-control-h-xs": "
|
|
962
|
-
"--wzl-control-h-sm": "
|
|
963
|
-
"--wzl-control-h": "
|
|
964
|
-
"--wzl-icon-button-size": "
|
|
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": "
|
|
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":
|
|
1036
|
-
"comfortable":
|
|
1037
|
-
"roomy":
|
|
1041
|
+
"compact": 13,
|
|
1042
|
+
"comfortable": 15,
|
|
1043
|
+
"roomy": 18
|
|
1038
1044
|
}
|
|
1039
1045
|
},
|
|
1040
1046
|
"ramps": {
|
|
@@ -1076,7 +1082,11 @@ var THEME_SOURCES = {
|
|
|
1076
1082
|
],
|
|
1077
1083
|
"curve": 0,
|
|
1078
1084
|
"anchor": {
|
|
1079
|
-
"base":
|
|
1085
|
+
"base": {
|
|
1086
|
+
"by": "mode",
|
|
1087
|
+
"dark": "#5b63c9",
|
|
1088
|
+
"light": "#4338ca"
|
|
1089
|
+
}
|
|
1080
1090
|
}
|
|
1081
1091
|
},
|
|
1082
1092
|
"secondary": {
|
|
@@ -1520,17 +1530,39 @@ var THEME_SOURCES = {
|
|
|
1520
1530
|
"type": "color"
|
|
1521
1531
|
},
|
|
1522
1532
|
"accent-soft": {
|
|
1523
|
-
"
|
|
1524
|
-
"
|
|
1533
|
+
"by": "mode",
|
|
1534
|
+
"dark": {
|
|
1535
|
+
"value": "#262a66",
|
|
1536
|
+
"type": "color"
|
|
1537
|
+
},
|
|
1538
|
+
"light": {
|
|
1539
|
+
"value": "#312e81",
|
|
1540
|
+
"type": "color"
|
|
1541
|
+
}
|
|
1525
1542
|
},
|
|
1526
1543
|
"accent-base": {
|
|
1527
|
-
"
|
|
1528
|
-
"
|
|
1529
|
-
|
|
1544
|
+
"by": "mode",
|
|
1545
|
+
"dark": {
|
|
1546
|
+
"value": "#5b63c9",
|
|
1547
|
+
"type": "color",
|
|
1548
|
+
"description": "Periwinkle. Anchors primary actions on dark surfaces."
|
|
1549
|
+
},
|
|
1550
|
+
"light": {
|
|
1551
|
+
"value": "#4338ca",
|
|
1552
|
+
"type": "color",
|
|
1553
|
+
"description": "Indigo. Anchors primary actions on light surfaces."
|
|
1554
|
+
}
|
|
1530
1555
|
},
|
|
1531
1556
|
"accent-strong": {
|
|
1532
|
-
"
|
|
1533
|
-
"
|
|
1557
|
+
"by": "mode",
|
|
1558
|
+
"dark": {
|
|
1559
|
+
"value": "#8c94ee",
|
|
1560
|
+
"type": "color"
|
|
1561
|
+
},
|
|
1562
|
+
"light": {
|
|
1563
|
+
"value": "#6366f1",
|
|
1564
|
+
"type": "color"
|
|
1565
|
+
}
|
|
1534
1566
|
},
|
|
1535
1567
|
"danger-base": {
|
|
1536
1568
|
"value": "#d94a3f",
|
|
@@ -1692,17 +1724,17 @@ var THEME_SOURCES = {
|
|
|
1692
1724
|
"tb-height": {
|
|
1693
1725
|
"by": "density",
|
|
1694
1726
|
"compact": {
|
|
1695
|
-
"value": "
|
|
1727
|
+
"value": "28px",
|
|
1696
1728
|
"type": "dimension",
|
|
1697
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."
|
|
1698
1730
|
},
|
|
1699
1731
|
"comfortable": {
|
|
1700
|
-
"value": "
|
|
1732
|
+
"value": "32px",
|
|
1701
1733
|
"type": "dimension",
|
|
1702
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."
|
|
1703
1735
|
},
|
|
1704
1736
|
"roomy": {
|
|
1705
|
-
"value": "
|
|
1737
|
+
"value": "38px",
|
|
1706
1738
|
"type": "dimension",
|
|
1707
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."
|
|
1708
1740
|
}
|
|
@@ -1710,17 +1742,17 @@ var THEME_SOURCES = {
|
|
|
1710
1742
|
"control-h-xs": {
|
|
1711
1743
|
"by": "density",
|
|
1712
1744
|
"compact": {
|
|
1713
|
-
"value": "
|
|
1745
|
+
"value": "18px",
|
|
1714
1746
|
"type": "dimension",
|
|
1715
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."
|
|
1716
1748
|
},
|
|
1717
1749
|
"comfortable": {
|
|
1718
|
-
"value": "
|
|
1750
|
+
"value": "22px",
|
|
1719
1751
|
"type": "dimension",
|
|
1720
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."
|
|
1721
1753
|
},
|
|
1722
1754
|
"roomy": {
|
|
1723
|
-
"value": "
|
|
1755
|
+
"value": "26px",
|
|
1724
1756
|
"type": "dimension",
|
|
1725
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."
|
|
1726
1758
|
}
|
|
@@ -1728,17 +1760,17 @@ var THEME_SOURCES = {
|
|
|
1728
1760
|
"control-h-sm": {
|
|
1729
1761
|
"by": "density",
|
|
1730
1762
|
"compact": {
|
|
1731
|
-
"value": "
|
|
1763
|
+
"value": "20px",
|
|
1732
1764
|
"type": "dimension",
|
|
1733
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."
|
|
1734
1766
|
},
|
|
1735
1767
|
"comfortable": {
|
|
1736
|
-
"value": "
|
|
1768
|
+
"value": "24px",
|
|
1737
1769
|
"type": "dimension",
|
|
1738
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."
|
|
1739
1771
|
},
|
|
1740
1772
|
"roomy": {
|
|
1741
|
-
"value": "
|
|
1773
|
+
"value": "28px",
|
|
1742
1774
|
"type": "dimension",
|
|
1743
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."
|
|
1744
1776
|
}
|
|
@@ -1746,17 +1778,17 @@ var THEME_SOURCES = {
|
|
|
1746
1778
|
"control-h": {
|
|
1747
1779
|
"by": "density",
|
|
1748
1780
|
"compact": {
|
|
1749
|
-
"value": "
|
|
1781
|
+
"value": "24px",
|
|
1750
1782
|
"type": "dimension",
|
|
1751
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."
|
|
1752
1784
|
},
|
|
1753
1785
|
"comfortable": {
|
|
1754
|
-
"value": "
|
|
1786
|
+
"value": "28px",
|
|
1755
1787
|
"type": "dimension",
|
|
1756
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."
|
|
1757
1789
|
},
|
|
1758
1790
|
"roomy": {
|
|
1759
|
-
"value": "
|
|
1791
|
+
"value": "34px",
|
|
1760
1792
|
"type": "dimension",
|
|
1761
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."
|
|
1762
1794
|
}
|
|
@@ -1764,17 +1796,17 @@ var THEME_SOURCES = {
|
|
|
1764
1796
|
"icon-button-size": {
|
|
1765
1797
|
"by": "density",
|
|
1766
1798
|
"compact": {
|
|
1767
|
-
"value": "
|
|
1799
|
+
"value": "22px",
|
|
1768
1800
|
"type": "dimension",
|
|
1769
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."
|
|
1770
1802
|
},
|
|
1771
1803
|
"comfortable": {
|
|
1772
|
-
"value": "
|
|
1804
|
+
"value": "26px",
|
|
1773
1805
|
"type": "dimension",
|
|
1774
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."
|
|
1775
1807
|
},
|
|
1776
1808
|
"roomy": {
|
|
1777
|
-
"value": "
|
|
1809
|
+
"value": "32px",
|
|
1778
1810
|
"type": "dimension",
|
|
1779
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."
|
|
1780
1812
|
}
|
|
@@ -1957,6 +1989,11 @@ var THEME_SOURCES = {
|
|
|
1957
1989
|
"type": "fontFamily",
|
|
1958
1990
|
"description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
|
|
1959
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
|
+
},
|
|
1960
1997
|
"font-display": {
|
|
1961
1998
|
"value": [
|
|
1962
1999
|
"Oswald",
|
|
@@ -2096,17 +2133,39 @@ var BAKED_THEMES = {
|
|
|
2096
2133
|
"value": "#0e0f12"
|
|
2097
2134
|
},
|
|
2098
2135
|
"accent-soft": {
|
|
2099
|
-
"
|
|
2100
|
-
"
|
|
2136
|
+
"by": "mode",
|
|
2137
|
+
"dark": {
|
|
2138
|
+
"type": "color",
|
|
2139
|
+
"value": "#262a66"
|
|
2140
|
+
},
|
|
2141
|
+
"light": {
|
|
2142
|
+
"type": "color",
|
|
2143
|
+
"value": "#312e81"
|
|
2144
|
+
}
|
|
2101
2145
|
},
|
|
2102
2146
|
"accent-base": {
|
|
2103
|
-
"
|
|
2104
|
-
"
|
|
2105
|
-
|
|
2147
|
+
"by": "mode",
|
|
2148
|
+
"dark": {
|
|
2149
|
+
"type": "color",
|
|
2150
|
+
"value": "#5b63c9",
|
|
2151
|
+
"description": "Periwinkle. Anchors primary actions on dark surfaces."
|
|
2152
|
+
},
|
|
2153
|
+
"light": {
|
|
2154
|
+
"type": "color",
|
|
2155
|
+
"value": "#4338ca",
|
|
2156
|
+
"description": "Indigo. Anchors primary actions on light surfaces."
|
|
2157
|
+
}
|
|
2106
2158
|
},
|
|
2107
2159
|
"accent-strong": {
|
|
2108
|
-
"
|
|
2109
|
-
"
|
|
2160
|
+
"by": "mode",
|
|
2161
|
+
"dark": {
|
|
2162
|
+
"type": "color",
|
|
2163
|
+
"value": "#8c94ee"
|
|
2164
|
+
},
|
|
2165
|
+
"light": {
|
|
2166
|
+
"type": "color",
|
|
2167
|
+
"value": "#6366f1"
|
|
2168
|
+
}
|
|
2110
2169
|
},
|
|
2111
2170
|
"secondary-soft": {
|
|
2112
2171
|
"by": "mode",
|
|
@@ -2186,17 +2245,17 @@ var BAKED_THEMES = {
|
|
|
2186
2245
|
"by": "density",
|
|
2187
2246
|
"compact": {
|
|
2188
2247
|
"type": "dimension",
|
|
2189
|
-
"value": "
|
|
2248
|
+
"value": "9px",
|
|
2190
2249
|
"description": "Shortcut keys and index badges. The floor for chrome text."
|
|
2191
2250
|
},
|
|
2192
2251
|
"comfortable": {
|
|
2193
2252
|
"type": "dimension",
|
|
2194
|
-
"value": "
|
|
2253
|
+
"value": "10px",
|
|
2195
2254
|
"description": "Shortcut keys and index badges. The floor for chrome text."
|
|
2196
2255
|
},
|
|
2197
2256
|
"roomy": {
|
|
2198
2257
|
"type": "dimension",
|
|
2199
|
-
"value": "
|
|
2258
|
+
"value": "12px",
|
|
2200
2259
|
"description": "Shortcut keys and index badges. The floor for chrome text."
|
|
2201
2260
|
}
|
|
2202
2261
|
},
|
|
@@ -2204,17 +2263,17 @@ var BAKED_THEMES = {
|
|
|
2204
2263
|
"by": "density",
|
|
2205
2264
|
"compact": {
|
|
2206
2265
|
"type": "dimension",
|
|
2207
|
-
"value": "
|
|
2266
|
+
"value": "10px",
|
|
2208
2267
|
"description": "Tool-button labels under an icon."
|
|
2209
2268
|
},
|
|
2210
2269
|
"comfortable": {
|
|
2211
2270
|
"type": "dimension",
|
|
2212
|
-
"value": "
|
|
2271
|
+
"value": "12px",
|
|
2213
2272
|
"description": "Tool-button labels under an icon."
|
|
2214
2273
|
},
|
|
2215
2274
|
"roomy": {
|
|
2216
2275
|
"type": "dimension",
|
|
2217
|
-
"value": "
|
|
2276
|
+
"value": "14px",
|
|
2218
2277
|
"description": "Tool-button labels under an icon."
|
|
2219
2278
|
}
|
|
2220
2279
|
},
|
|
@@ -2222,17 +2281,17 @@ var BAKED_THEMES = {
|
|
|
2222
2281
|
"by": "density",
|
|
2223
2282
|
"compact": {
|
|
2224
2283
|
"type": "dimension",
|
|
2225
|
-
"value": "
|
|
2284
|
+
"value": "11px",
|
|
2226
2285
|
"description": "Chrome labels, status readouts, section headings."
|
|
2227
2286
|
},
|
|
2228
2287
|
"comfortable": {
|
|
2229
2288
|
"type": "dimension",
|
|
2230
|
-
"value": "
|
|
2289
|
+
"value": "13px",
|
|
2231
2290
|
"description": "Chrome labels, status readouts, section headings."
|
|
2232
2291
|
},
|
|
2233
2292
|
"roomy": {
|
|
2234
2293
|
"type": "dimension",
|
|
2235
|
-
"value": "
|
|
2294
|
+
"value": "15px",
|
|
2236
2295
|
"description": "Chrome labels, status readouts, section headings."
|
|
2237
2296
|
}
|
|
2238
2297
|
},
|
|
@@ -2240,17 +2299,17 @@ var BAKED_THEMES = {
|
|
|
2240
2299
|
"by": "density",
|
|
2241
2300
|
"compact": {
|
|
2242
2301
|
"type": "dimension",
|
|
2243
|
-
"value": "
|
|
2302
|
+
"value": "13px",
|
|
2244
2303
|
"description": "Controls and body text."
|
|
2245
2304
|
},
|
|
2246
2305
|
"comfortable": {
|
|
2247
2306
|
"type": "dimension",
|
|
2248
|
-
"value": "
|
|
2307
|
+
"value": "15px",
|
|
2249
2308
|
"description": "Controls and body text."
|
|
2250
2309
|
},
|
|
2251
2310
|
"roomy": {
|
|
2252
2311
|
"type": "dimension",
|
|
2253
|
-
"value": "
|
|
2312
|
+
"value": "18px",
|
|
2254
2313
|
"description": "Controls and body text."
|
|
2255
2314
|
}
|
|
2256
2315
|
},
|
|
@@ -2258,17 +2317,17 @@ var BAKED_THEMES = {
|
|
|
2258
2317
|
"by": "density",
|
|
2259
2318
|
"compact": {
|
|
2260
2319
|
"type": "dimension",
|
|
2261
|
-
"value": "
|
|
2320
|
+
"value": "16px",
|
|
2262
2321
|
"description": "Panel and dialog titles."
|
|
2263
2322
|
},
|
|
2264
2323
|
"comfortable": {
|
|
2265
2324
|
"type": "dimension",
|
|
2266
|
-
"value": "
|
|
2325
|
+
"value": "18px",
|
|
2267
2326
|
"description": "Panel and dialog titles."
|
|
2268
2327
|
},
|
|
2269
2328
|
"roomy": {
|
|
2270
2329
|
"type": "dimension",
|
|
2271
|
-
"value": "
|
|
2330
|
+
"value": "22px",
|
|
2272
2331
|
"description": "Panel and dialog titles."
|
|
2273
2332
|
}
|
|
2274
2333
|
},
|
|
@@ -2276,17 +2335,17 @@ var BAKED_THEMES = {
|
|
|
2276
2335
|
"by": "density",
|
|
2277
2336
|
"compact": {
|
|
2278
2337
|
"type": "dimension",
|
|
2279
|
-
"value": "
|
|
2338
|
+
"value": "20px",
|
|
2280
2339
|
"description": "The largest chrome text \u2014 a lab or app title."
|
|
2281
2340
|
},
|
|
2282
2341
|
"comfortable": {
|
|
2283
2342
|
"type": "dimension",
|
|
2284
|
-
"value": "
|
|
2343
|
+
"value": "23px",
|
|
2285
2344
|
"description": "The largest chrome text \u2014 a lab or app title."
|
|
2286
2345
|
},
|
|
2287
2346
|
"roomy": {
|
|
2288
2347
|
"type": "dimension",
|
|
2289
|
-
"value": "
|
|
2348
|
+
"value": "28px",
|
|
2290
2349
|
"description": "The largest chrome text \u2014 a lab or app title."
|
|
2291
2350
|
}
|
|
2292
2351
|
},
|
|
@@ -2742,17 +2801,17 @@ var BAKED_THEMES = {
|
|
|
2742
2801
|
"by": "density",
|
|
2743
2802
|
"compact": {
|
|
2744
2803
|
"type": "dimension",
|
|
2745
|
-
"value": "
|
|
2804
|
+
"value": "28px",
|
|
2746
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."
|
|
2747
2806
|
},
|
|
2748
2807
|
"comfortable": {
|
|
2749
2808
|
"type": "dimension",
|
|
2750
|
-
"value": "
|
|
2809
|
+
"value": "32px",
|
|
2751
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."
|
|
2752
2811
|
},
|
|
2753
2812
|
"roomy": {
|
|
2754
2813
|
"type": "dimension",
|
|
2755
|
-
"value": "
|
|
2814
|
+
"value": "38px",
|
|
2756
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."
|
|
2757
2816
|
}
|
|
2758
2817
|
},
|
|
@@ -2760,17 +2819,17 @@ var BAKED_THEMES = {
|
|
|
2760
2819
|
"by": "density",
|
|
2761
2820
|
"compact": {
|
|
2762
2821
|
"type": "dimension",
|
|
2763
|
-
"value": "
|
|
2822
|
+
"value": "18px",
|
|
2764
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."
|
|
2765
2824
|
},
|
|
2766
2825
|
"comfortable": {
|
|
2767
2826
|
"type": "dimension",
|
|
2768
|
-
"value": "
|
|
2827
|
+
"value": "22px",
|
|
2769
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."
|
|
2770
2829
|
},
|
|
2771
2830
|
"roomy": {
|
|
2772
2831
|
"type": "dimension",
|
|
2773
|
-
"value": "
|
|
2832
|
+
"value": "26px",
|
|
2774
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."
|
|
2775
2834
|
}
|
|
2776
2835
|
},
|
|
@@ -2778,17 +2837,17 @@ var BAKED_THEMES = {
|
|
|
2778
2837
|
"by": "density",
|
|
2779
2838
|
"compact": {
|
|
2780
2839
|
"type": "dimension",
|
|
2781
|
-
"value": "
|
|
2840
|
+
"value": "20px",
|
|
2782
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."
|
|
2783
2842
|
},
|
|
2784
2843
|
"comfortable": {
|
|
2785
2844
|
"type": "dimension",
|
|
2786
|
-
"value": "
|
|
2845
|
+
"value": "24px",
|
|
2787
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."
|
|
2788
2847
|
},
|
|
2789
2848
|
"roomy": {
|
|
2790
2849
|
"type": "dimension",
|
|
2791
|
-
"value": "
|
|
2850
|
+
"value": "28px",
|
|
2792
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."
|
|
2793
2852
|
}
|
|
2794
2853
|
},
|
|
@@ -2796,17 +2855,17 @@ var BAKED_THEMES = {
|
|
|
2796
2855
|
"by": "density",
|
|
2797
2856
|
"compact": {
|
|
2798
2857
|
"type": "dimension",
|
|
2799
|
-
"value": "
|
|
2858
|
+
"value": "24px",
|
|
2800
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."
|
|
2801
2860
|
},
|
|
2802
2861
|
"comfortable": {
|
|
2803
2862
|
"type": "dimension",
|
|
2804
|
-
"value": "
|
|
2863
|
+
"value": "28px",
|
|
2805
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."
|
|
2806
2865
|
},
|
|
2807
2866
|
"roomy": {
|
|
2808
2867
|
"type": "dimension",
|
|
2809
|
-
"value": "
|
|
2868
|
+
"value": "34px",
|
|
2810
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."
|
|
2811
2870
|
}
|
|
2812
2871
|
},
|
|
@@ -2814,17 +2873,17 @@ var BAKED_THEMES = {
|
|
|
2814
2873
|
"by": "density",
|
|
2815
2874
|
"compact": {
|
|
2816
2875
|
"type": "dimension",
|
|
2817
|
-
"value": "
|
|
2876
|
+
"value": "22px",
|
|
2818
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."
|
|
2819
2878
|
},
|
|
2820
2879
|
"comfortable": {
|
|
2821
2880
|
"type": "dimension",
|
|
2822
|
-
"value": "
|
|
2881
|
+
"value": "26px",
|
|
2823
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."
|
|
2824
2883
|
},
|
|
2825
2884
|
"roomy": {
|
|
2826
2885
|
"type": "dimension",
|
|
2827
|
-
"value": "
|
|
2886
|
+
"value": "32px",
|
|
2828
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."
|
|
2829
2888
|
}
|
|
2830
2889
|
},
|
|
@@ -3006,6 +3065,11 @@ var BAKED_THEMES = {
|
|
|
3006
3065
|
],
|
|
3007
3066
|
"description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
|
|
3008
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
|
+
},
|
|
3009
3073
|
"font-display": {
|
|
3010
3074
|
"type": "fontFamily",
|
|
3011
3075
|
"value": [
|
|
@@ -3251,5 +3315,5 @@ function colorCount(list, ctx = defaultContext()) {
|
|
|
3251
3315
|
}
|
|
3252
3316
|
|
|
3253
3317
|
export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme };
|
|
3254
|
-
//# sourceMappingURL=chunk-
|
|
3255
|
-
//# sourceMappingURL=chunk-
|
|
3318
|
+
//# sourceMappingURL=chunk-CKB2MZRY.js.map
|
|
3319
|
+
//# sourceMappingURL=chunk-CKB2MZRY.js.map
|