@vmz/ui 0.0.2 → 0.0.4

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 (53) hide show
  1. package/README.md +25 -3
  2. package/conformance/fixtures/button-control-motion.json +22 -0
  3. package/conformance/fixtures/dialog-overlay-motion.json +27 -0
  4. package/conformance/fixtures/drawer-overlay-motion.json +27 -0
  5. package/conformance/pack.v0.json +7 -0
  6. package/contracts/token-requirements.v0.json +604 -2
  7. package/package.json +50 -2
  8. package/presets/web-surface.v0.json +34 -0
  9. package/src/components/Accordion.vmz +112 -0
  10. package/src/components/Alert.vmz +84 -0
  11. package/src/components/AppShell.vmz +97 -0
  12. package/src/components/Autocomplete.vmz +176 -0
  13. package/src/components/Badge.vmz +63 -0
  14. package/src/components/Breadcrumb.vmz +66 -0
  15. package/src/components/BulkActions.vmz +52 -0
  16. package/src/components/Button.vmz +71 -4
  17. package/src/components/Callout.vmz +80 -0
  18. package/src/components/Card.vmz +81 -0
  19. package/src/components/Checkbox.vmz +69 -0
  20. package/src/components/CodeBlock.vmz +67 -0
  21. package/src/components/ConsoleShell.vmz +127 -0
  22. package/src/components/DataTable.vmz +220 -0
  23. package/src/components/DatePicker.vmz +93 -0
  24. package/src/components/Dialog.vmz +442 -0
  25. package/src/components/Drawer.vmz +435 -0
  26. package/src/components/Empty.vmz +52 -0
  27. package/src/components/Field.vmz +88 -0
  28. package/src/components/FilterBar.vmz +27 -0
  29. package/src/components/Form.vmz +72 -0
  30. package/src/components/FormItem.vmz +78 -0
  31. package/src/components/Link.vmz +48 -0
  32. package/src/components/List.vmz +116 -0
  33. package/src/components/Menu.vmz +270 -0
  34. package/src/components/Notification.vmz +83 -0
  35. package/src/components/Pagination.vmz +81 -0
  36. package/src/components/Popover.vmz +253 -0
  37. package/src/components/Prose.vmz +83 -0
  38. package/src/components/QueryForm.vmz +39 -0
  39. package/src/components/RadioGroup.vmz +135 -0
  40. package/src/components/Result.vmz +84 -0
  41. package/src/components/Select.vmz +351 -0
  42. package/src/components/Skeleton.vmz +80 -0
  43. package/src/components/Spinner.vmz +45 -0
  44. package/src/components/Steps.vmz +107 -0
  45. package/src/components/Switch.vmz +109 -0
  46. package/src/components/Table.vmz +134 -0
  47. package/src/components/Tabs.vmz +132 -0
  48. package/src/components/TextArea.vmz +91 -0
  49. package/src/components/Timeline.vmz +67 -0
  50. package/src/components/Toc.vmz +77 -0
  51. package/src/components/Tooltip.vmz +68 -0
  52. package/src/components/Tree.vmz +215 -0
  53. package/src/components/Upload.vmz +102 -0
package/contracts/token-requirements.v0.json CHANGED
@@ -10,8 +10,610 @@
10
10
  "Button": {
11
11
  "source": "src/components/Button.vmz",
12
12
  "stableHint": "ui.Button",
13
- "tokens": ["action.primary.background", "action.primary.foreground", "action.primary.hover", "action.primary.active", "focus.ring"],
14
- "surfaces": ["WebSurface"]
13
+ "tokens": [
14
+ "action.primary.background",
15
+ "action.primary.foreground",
16
+ "action.primary.hover",
17
+ "action.primary.active",
18
+ "action.secondary.background",
19
+ "action.secondary.foreground",
20
+ "action.secondary.border",
21
+ "action.secondary.hover",
22
+ "status.danger.accent",
23
+ "status.danger.foreground",
24
+ "surface.mist",
25
+ "text.ink",
26
+ "focus.ring",
27
+ "motion.control.duration",
28
+ "motion.control.easing",
29
+ "density.control.padding-y",
30
+ "density.control.padding-x",
31
+ "density.compact.padding-y",
32
+ "density.compact.padding-x",
33
+ "density.dense.padding-y",
34
+ "density.dense.padding-x"
35
+ ],
36
+ "surfaces": ["WebSurface"],
37
+ "contracts": ["immediate-feedback", "reduced-motion", "density-control", "variants"]
38
+ },
39
+ "Link": {
40
+ "source": "src/components/Link.vmz",
41
+ "stableHint": "ui.Link",
42
+ "tokens": ["action.primary.background", "action.primary.hover", "action.primary.active", "focus.ring"],
43
+ "surfaces": ["WebSurface"],
44
+ "contracts": ["inline-navigation", "focus-visible"]
45
+ },
46
+ "Badge": {
47
+ "source": "src/components/Badge.vmz",
48
+ "stableHint": "ui.Badge",
49
+ "tokens": [
50
+ "action.primary.background",
51
+ "action.primary.active",
52
+ "surface.paper",
53
+ "surface.mist",
54
+ "text.ink",
55
+ "line.default",
56
+ "status.info.accent",
57
+ "status.info.foreground",
58
+ "status.success.accent",
59
+ "status.success.foreground",
60
+ "status.warning.accent",
61
+ "status.warning.foreground",
62
+ "status.danger.accent",
63
+ "status.danger.foreground"
64
+ ],
65
+ "surfaces": ["WebSurface"],
66
+ "contracts": ["status-chip", "tone-matrix"]
67
+ },
68
+ "Spinner": {
69
+ "source": "src/components/Spinner.vmz",
70
+ "stableHint": "ui.Spinner",
71
+ "tokens": ["action.primary.background", "motion.overlay.duration", "motion.overlay.easing"],
72
+ "surfaces": ["WebSurface"],
73
+ "contracts": ["loading-indicator", "reduced-motion"]
74
+ },
75
+ "Tooltip": {
76
+ "source": "src/components/Tooltip.vmz",
77
+ "stableHint": "ui.Tooltip",
78
+ "tokens": ["surface.paper", "text.ink", "line.default", "focus.ring"],
79
+ "surfaces": ["WebSurface"],
80
+ "contracts": ["parent-owned-open", "tooltip-content"]
81
+ },
82
+ "Autocomplete": {
83
+ "source": "src/components/Autocomplete.vmz",
84
+ "stableHint": "ui.Autocomplete",
85
+ "tokens": [
86
+ "action.primary.background",
87
+ "status.danger.accent",
88
+ "status.danger.foreground",
89
+ "surface.paper",
90
+ "surface.mist",
91
+ "text.ink",
92
+ "text.steel",
93
+ "line.default",
94
+ "focus.ring",
95
+ "density.control.padding-y",
96
+ "density.control.padding-x"
97
+ ],
98
+ "surfaces": ["WebSurface"],
99
+ "contracts": [
100
+ "label",
101
+ "description",
102
+ "error",
103
+ "parent-owned-value",
104
+ "parent-owned-options",
105
+ "listbox",
106
+ "escape-close",
107
+ "no-parallel-query-store"
108
+ ]
109
+ },
110
+ "DatePicker": {
111
+ "source": "src/components/DatePicker.vmz",
112
+ "stableHint": "ui.DatePicker",
113
+ "tokens": [
114
+ "action.primary.background",
115
+ "status.danger.accent",
116
+ "status.danger.foreground",
117
+ "focus.ring",
118
+ "density.control.padding-y",
119
+ "density.control.padding-x"
120
+ ],
121
+ "surfaces": ["WebSurface"],
122
+ "contracts": ["label", "description", "error", "native-date", "parent-owned-value"]
123
+ },
124
+ "Upload": {
125
+ "source": "src/components/Upload.vmz",
126
+ "stableHint": "ui.Upload",
127
+ "tokens": ["status.danger.foreground", "text.ink", "text.steel", "font.mono", "focus.ring", "density.control.padding-y"],
128
+ "surfaces": ["WebSurface"],
129
+ "contracts": ["label", "description", "error", "native-file", "parent-owned-filename", "no-upload-runtime"]
130
+ },
131
+ "Field": {
132
+ "source": "src/components/Field.vmz",
133
+ "stableHint": "ui.Field",
134
+ "tokens": [
135
+ "action.primary.background",
136
+ "status.danger.accent",
137
+ "status.danger.foreground",
138
+ "focus.ring",
139
+ "density.control.padding-y",
140
+ "density.control.padding-x"
141
+ ],
142
+ "surfaces": ["WebSurface"],
143
+ "contracts": ["label", "description", "error", "focus-visible", "validation-presentation"]
144
+ },
145
+ "Form": {
146
+ "source": "src/components/Form.vmz",
147
+ "stableHint": "ui.Form",
148
+ "tokens": [
149
+ "status.danger.accent",
150
+ "status.danger.foreground",
151
+ "density.control.gap",
152
+ "density.control.padding-y",
153
+ "density.control.padding-x"
154
+ ],
155
+ "surfaces": ["WebSurface"],
156
+ "contracts": ["submit-reset", "error-summary", "no-parallel-form-store", "novalidate"]
157
+ },
158
+ "FormItem": {
159
+ "source": "src/components/FormItem.vmz",
160
+ "stableHint": "ui.FormItem",
161
+ "tokens": ["status.danger.accent", "status.danger.foreground"],
162
+ "surfaces": ["WebSurface"],
163
+ "contracts": ["label", "description", "error", "required-marker"]
164
+ },
165
+ "TextArea": {
166
+ "source": "src/components/TextArea.vmz",
167
+ "stableHint": "ui.TextArea",
168
+ "tokens": [
169
+ "action.primary.background",
170
+ "status.danger.accent",
171
+ "status.danger.foreground",
172
+ "focus.ring",
173
+ "density.control.padding-y",
174
+ "density.control.padding-x"
175
+ ],
176
+ "surfaces": ["WebSurface"],
177
+ "contracts": ["label", "description", "error", "focus-visible"]
178
+ },
179
+ "Select": {
180
+ "source": "src/components/Select.vmz",
181
+ "stableHint": "ui.Select",
182
+ "tokens": [
183
+ "action.primary.background",
184
+ "status.danger.accent",
185
+ "status.danger.foreground",
186
+ "focus.ring",
187
+ "density.control.padding-y",
188
+ "density.control.padding-x"
189
+ ],
190
+ "surfaces": ["WebSurface"],
191
+ "contracts": ["label", "description", "error", "options", "focus-visible"]
192
+ },
193
+ "RadioGroup": {
194
+ "source": "src/components/RadioGroup.vmz",
195
+ "stableHint": "ui.RadioGroup",
196
+ "tokens": ["action.primary.background", "status.danger.foreground", "focus.ring"],
197
+ "surfaces": ["WebSurface"],
198
+ "contracts": ["legend", "live-value-prop", "no-parallel-form-store", "focus-visible"]
199
+ },
200
+ "Dialog": {
201
+ "source": "src/components/Dialog.vmz",
202
+ "stableHint": "ui.Dialog",
203
+ "tokens": [
204
+ "action.primary.background",
205
+ "action.primary.foreground",
206
+ "action.primary.active",
207
+ "focus.ring",
208
+ "motion.overlay.duration",
209
+ "motion.overlay.easing"
210
+ ],
211
+ "surfaces": ["WebSurface"],
212
+ "contracts": [
213
+ "overlay-ownership",
214
+ "outside-dismiss",
215
+ "focus-enter",
216
+ "focus-loop",
217
+ "focus-restore",
218
+ "escape-dismiss",
219
+ "live-open-prop",
220
+ "overlay-enter-motion",
221
+ "overlay-exit-motion",
222
+ "resume-adopt-stable",
223
+ "reduced-motion",
224
+ "overlay-stacking"
225
+ ]
226
+ },
227
+ "Checkbox": {
228
+ "source": "src/components/Checkbox.vmz",
229
+ "stableHint": "ui.Checkbox",
230
+ "tokens": ["action.primary.background", "focus.ring"],
231
+ "surfaces": ["WebSurface"],
232
+ "contracts": ["label", "live-checked-prop", "no-parallel-form-store"]
233
+ },
234
+ "Switch": {
235
+ "source": "src/components/Switch.vmz",
236
+ "stableHint": "ui.Switch",
237
+ "tokens": [
238
+ "action.primary.background",
239
+ "action.primary.foreground",
240
+ "focus.ring",
241
+ "motion.control.duration",
242
+ "motion.control.easing"
243
+ ],
244
+ "surfaces": ["WebSurface"],
245
+ "contracts": ["role-switch", "live-checked-prop", "keyboard-toggle", "no-parallel-form-store", "reduced-motion"]
246
+ },
247
+ "Tabs": {
248
+ "source": "src/components/Tabs.vmz",
249
+ "stableHint": "ui.Tabs",
250
+ "tokens": ["action.primary.background", "action.primary.foreground", "focus.ring"],
251
+ "surfaces": ["WebSurface"],
252
+ "contracts": ["tablist", "keyboard-roving", "live-selected-prop"]
253
+ },
254
+ "Menu": {
255
+ "source": "src/components/Menu.vmz",
256
+ "stableHint": "ui.Menu",
257
+ "tokens": ["action.primary.background", "action.primary.foreground", "action.primary.active", "focus.ring"],
258
+ "surfaces": ["WebSurface"],
259
+ "contracts": ["overlay-ownership", "escape-dismiss", "focus-restore", "outside-dismiss", "live-open-prop"]
260
+ },
261
+ "Drawer": {
262
+ "source": "src/components/Drawer.vmz",
263
+ "stableHint": "ui.Drawer",
264
+ "tokens": [
265
+ "action.primary.background",
266
+ "action.primary.foreground",
267
+ "action.primary.active",
268
+ "focus.ring",
269
+ "motion.overlay.duration",
270
+ "motion.overlay.easing"
271
+ ],
272
+ "surfaces": ["WebSurface"],
273
+ "contracts": [
274
+ "overlay-ownership",
275
+ "outside-dismiss",
276
+ "focus-enter",
277
+ "focus-loop",
278
+ "focus-restore",
279
+ "escape-dismiss",
280
+ "live-open-prop",
281
+ "overlay-enter-motion",
282
+ "overlay-exit-motion",
283
+ "resume-adopt-stable",
284
+ "reduced-motion",
285
+ "overlay-stacking"
286
+ ]
287
+ },
288
+ "Popover": {
289
+ "source": "src/components/Popover.vmz",
290
+ "stableHint": "ui.Popover",
291
+ "tokens": ["action.primary.background", "action.primary.foreground", "action.primary.active", "focus.ring"],
292
+ "surfaces": ["WebSurface"],
293
+ "contracts": [
294
+ "overlay-ownership",
295
+ "outside-dismiss",
296
+ "focus-enter",
297
+ "focus-restore",
298
+ "escape-dismiss",
299
+ "non-modal",
300
+ "live-open-prop",
301
+ "overlay-stacking"
302
+ ]
303
+ },
304
+ "AppShell": {
305
+ "source": "src/components/AppShell.vmz",
306
+ "stableHint": "ui.AppShell",
307
+ "tokens": [
308
+ "action.primary.background",
309
+ "action.primary.active",
310
+ "surface.paper",
311
+ "text.ink",
312
+ "text.steel",
313
+ "line.default",
314
+ "font.display",
315
+ "focus.ring"
316
+ ],
317
+ "surfaces": ["WebSurface"],
318
+ "contracts": ["landmark-header", "landmark-main", "nav-items"]
319
+ },
320
+ "Card": {
321
+ "source": "src/components/Card.vmz",
322
+ "stableHint": "ui.Card",
323
+ "tokens": [
324
+ "surface.paper",
325
+ "text.ink",
326
+ "text.steel",
327
+ "line.default",
328
+ "font.display",
329
+ "density.control.gap",
330
+ "density.control.padding-y",
331
+ "density.control.padding-x",
332
+ "density.compact.gap",
333
+ "density.compact.padding-y",
334
+ "density.compact.padding-x",
335
+ "density.dense.gap",
336
+ "density.dense.padding-y",
337
+ "density.dense.padding-x"
338
+ ],
339
+ "surfaces": ["WebSurface"],
340
+ "contracts": ["surface-container", "density-control"]
341
+ },
342
+ "Alert": {
343
+ "source": "src/components/Alert.vmz",
344
+ "stableHint": "ui.Alert",
345
+ "tokens": [
346
+ "status.info.accent",
347
+ "status.info.foreground",
348
+ "status.success.accent",
349
+ "status.success.foreground",
350
+ "status.warning.accent",
351
+ "status.warning.foreground",
352
+ "status.danger.accent",
353
+ "status.danger.foreground",
354
+ "density.control.gap",
355
+ "density.control.padding-y",
356
+ "density.control.padding-x"
357
+ ],
358
+ "surfaces": ["WebSurface"],
359
+ "contracts": ["inline-feedback", "tone-matrix", "status-tokens"]
360
+ },
361
+ "Empty": {
362
+ "source": "src/components/Empty.vmz",
363
+ "stableHint": "ui.Empty",
364
+ "tokens": ["surface.paper", "surface.mist", "text.ink", "text.steel", "line.default", "font.display"],
365
+ "surfaces": ["WebSurface"],
366
+ "contracts": ["zero-state", "action-slot"]
367
+ },
368
+ "Notification": {
369
+ "source": "src/components/Notification.vmz",
370
+ "stableHint": "ui.Notification",
371
+ "tokens": [
372
+ "status.info.accent",
373
+ "status.info.foreground",
374
+ "status.success.accent",
375
+ "status.success.foreground",
376
+ "status.warning.accent",
377
+ "status.warning.foreground",
378
+ "status.danger.accent",
379
+ "status.danger.foreground",
380
+ "density.control.gap",
381
+ "density.control.padding-y",
382
+ "density.control.padding-x"
383
+ ],
384
+ "surfaces": ["WebSurface"],
385
+ "contracts": ["ephemeral-feedback", "tone-matrix", "status-tokens"]
386
+ },
387
+ "Result": {
388
+ "source": "src/components/Result.vmz",
389
+ "stableHint": "ui.Result",
390
+ "tokens": [
391
+ "status.info.accent",
392
+ "status.info.foreground",
393
+ "status.success.accent",
394
+ "status.success.foreground",
395
+ "status.warning.accent",
396
+ "status.warning.foreground",
397
+ "status.danger.accent",
398
+ "status.danger.foreground",
399
+ "density.control.gap",
400
+ "density.control.padding-y",
401
+ "density.control.padding-x"
402
+ ],
403
+ "surfaces": ["WebSurface"],
404
+ "contracts": ["outcome-block", "status-tokens"]
405
+ },
406
+ "Prose": {
407
+ "source": "src/components/Prose.vmz",
408
+ "stableHint": "ui.Prose",
409
+ "tokens": [
410
+ "text.ink",
411
+ "text.steel",
412
+ "font.sans",
413
+ "font.display",
414
+ "line.default",
415
+ "action.primary.background",
416
+ "action.primary.hover"
417
+ ],
418
+ "surfaces": ["WebSurface"],
419
+ "contracts": ["document-measure", "zero-js-readable"]
420
+ },
421
+ "Toc": {
422
+ "source": "src/components/Toc.vmz",
423
+ "stableHint": "ui.Toc",
424
+ "tokens": [
425
+ "surface.mist",
426
+ "text.ink",
427
+ "text.steel",
428
+ "line.default",
429
+ "font.display",
430
+ "action.primary.background",
431
+ "action.primary.active",
432
+ "focus.ring"
433
+ ],
434
+ "surfaces": ["WebSurface"],
435
+ "contracts": ["document-outline", "zero-js-readable"]
436
+ },
437
+ "Callout": {
438
+ "source": "src/components/Callout.vmz",
439
+ "stableHint": "ui.Callout",
440
+ "tokens": [
441
+ "surface.paper",
442
+ "font.display",
443
+ "status.info.accent",
444
+ "status.info.foreground",
445
+ "status.success.accent",
446
+ "status.success.foreground",
447
+ "status.warning.accent",
448
+ "status.warning.foreground",
449
+ "status.danger.accent",
450
+ "status.danger.foreground",
451
+ "density.control.padding-y",
452
+ "density.control.padding-x"
453
+ ],
454
+ "surfaces": ["WebSurface"],
455
+ "contracts": ["document-callout", "tone-matrix", "status-tokens"]
456
+ },
457
+ "CodeBlock": {
458
+ "source": "src/components/CodeBlock.vmz",
459
+ "stableHint": "ui.CodeBlock",
460
+ "tokens": ["surface.paper", "surface.mist", "text.ink", "text.steel", "line.default", "font.mono"],
461
+ "surfaces": ["WebSurface"],
462
+ "contracts": ["source-readable", "copy-action", "zero-js-readable"]
463
+ },
464
+ "ConsoleShell": {
465
+ "source": "src/components/ConsoleShell.vmz",
466
+ "stableHint": "ui.ConsoleShell",
467
+ "tokens": ["action.primary.background", "action.primary.active", "focus.ring"],
468
+ "surfaces": ["WebSurface"],
469
+ "contracts": ["landmark-sidebar", "landmark-header", "landmark-main", "nav-items"]
470
+ },
471
+ "FilterBar": {
472
+ "source": "src/components/FilterBar.vmz",
473
+ "stableHint": "ui.FilterBar",
474
+ "tokens": ["action.primary.background"],
475
+ "surfaces": ["WebSurface"],
476
+ "contracts": ["dense-filter-landmark"]
477
+ },
478
+ "Table": {
479
+ "source": "src/components/Table.vmz",
480
+ "stableHint": "ui.Table",
481
+ "tokens": [
482
+ "action.primary.background",
483
+ "action.primary.active",
484
+ "focus.ring",
485
+ "density.compact.padding-y",
486
+ "density.compact.padding-x"
487
+ ],
488
+ "surfaces": ["WebSurface"],
489
+ "contracts": ["column-header", "row-action", "column-sort", "permission-disabled"]
490
+ },
491
+ "BulkActions": {
492
+ "source": "src/components/BulkActions.vmz",
493
+ "stableHint": "ui.BulkActions",
494
+ "tokens": ["action.primary.background", "action.primary.active"],
495
+ "surfaces": ["WebSurface"],
496
+ "contracts": ["selection-toolbar"]
497
+ },
498
+ "Pagination": {
499
+ "source": "src/components/Pagination.vmz",
500
+ "stableHint": "ui.Pagination",
501
+ "tokens": ["action.primary.background", "action.primary.active", "focus.ring"],
502
+ "surfaces": ["WebSurface"],
503
+ "contracts": ["page-nav"]
504
+ },
505
+ "Breadcrumb": {
506
+ "source": "src/components/Breadcrumb.vmz",
507
+ "stableHint": "ui.Breadcrumb",
508
+ "tokens": ["action.primary.background", "action.primary.active", "focus.ring"],
509
+ "surfaces": ["WebSurface"],
510
+ "contracts": ["console-path"]
511
+ },
512
+ "QueryForm": {
513
+ "source": "src/components/QueryForm.vmz",
514
+ "stableHint": "ui.QueryForm",
515
+ "tokens": ["action.primary.background", "density.compact.gap", "density.compact.padding-y", "density.compact.padding-x"],
516
+ "surfaces": ["WebSurface"],
517
+ "contracts": ["dense-query", "submit-guard"]
518
+ },
519
+ "Skeleton": {
520
+ "source": "src/components/Skeleton.vmz",
521
+ "stableHint": "ui.Skeleton",
522
+ "tokens": ["action.primary.background", "density.compact.gap", "motion.overlay.duration", "motion.overlay.easing"],
523
+ "surfaces": ["WebSurface"],
524
+ "contracts": ["loading-placeholder", "layout-stability", "reduced-motion"]
525
+ },
526
+ "Timeline": {
527
+ "source": "src/components/Timeline.vmz",
528
+ "stableHint": "ui.Timeline",
529
+ "tokens": ["action.primary.background", "action.primary.active", "density.compact.gap"],
530
+ "surfaces": ["WebSurface"],
531
+ "contracts": ["audit-trail"]
532
+ },
533
+ "DataTable": {
534
+ "source": "src/components/DataTable.vmz",
535
+ "stableHint": "ui.DataTable",
536
+ "tokens": [
537
+ "surface.paper",
538
+ "surface.mist",
539
+ "text.ink",
540
+ "line.default",
541
+ "action.primary.background",
542
+ "action.primary.active",
543
+ "focus.ring",
544
+ "density.compact.padding-y",
545
+ "density.compact.padding-x"
546
+ ],
547
+ "surfaces": ["WebSurface"],
548
+ "contracts": ["parent-owned-selection", "column-sort", "row-action", "sticky-header", "ordinary-html-table", "not-data-grid"]
549
+ },
550
+ "Accordion": {
551
+ "source": "src/components/Accordion.vmz",
552
+ "stableHint": "ui.Accordion",
553
+ "tokens": [
554
+ "surface.paper",
555
+ "surface.mist",
556
+ "text.ink",
557
+ "text.steel",
558
+ "line.default",
559
+ "action.primary.active",
560
+ "focus.ring",
561
+ "density.control.padding-y",
562
+ "density.control.padding-x"
563
+ ],
564
+ "surfaces": ["WebSurface"],
565
+ "contracts": ["exclusive-disclosure", "parent-owned-open"]
566
+ },
567
+ "Steps": {
568
+ "source": "src/components/Steps.vmz",
569
+ "stableHint": "ui.Steps",
570
+ "tokens": [
571
+ "text.steel",
572
+ "line.default",
573
+ "action.primary.background",
574
+ "action.primary.foreground",
575
+ "action.primary.active",
576
+ "status.success.accent",
577
+ "status.success.foreground",
578
+ "density.control.gap"
579
+ ],
580
+ "surfaces": ["WebSurface"],
581
+ "contracts": ["wizard-status", "parent-owned-current"]
582
+ },
583
+ "List": {
584
+ "source": "src/components/List.vmz",
585
+ "stableHint": "ui.List",
586
+ "tokens": [
587
+ "surface.paper",
588
+ "text.ink",
589
+ "line.default",
590
+ "action.primary.background",
591
+ "action.primary.foreground",
592
+ "action.primary.hover",
593
+ "focus.ring",
594
+ "density.control.padding-y",
595
+ "density.control.padding-x"
596
+ ],
597
+ "surfaces": ["WebSurface"],
598
+ "contracts": ["selectable-listbox", "parent-owned-selection", "keyboard-nav"]
599
+ },
600
+ "Tree": {
601
+ "source": "src/components/Tree.vmz",
602
+ "stableHint": "ui.Tree",
603
+ "tokens": [
604
+ "surface.paper",
605
+ "surface.mist",
606
+ "text.ink",
607
+ "line.default",
608
+ "action.primary.background",
609
+ "action.primary.foreground",
610
+ "action.primary.hover",
611
+ "focus.ring",
612
+ "density.compact.padding-y",
613
+ "density.compact.padding-x"
614
+ ],
615
+ "surfaces": ["WebSurface"],
616
+ "contracts": ["hierarchy-rows", "parent-owned-expand", "parent-owned-selection", "keyboard-nav"]
15
617
  }
16
618
  }
17
619
  }