@adobe/design-data-spec 0.4.0 → 0.5.0

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 (81) hide show
  1. package/components/accordion.json +431 -1
  2. package/components/action-bar.json +183 -1
  3. package/components/action-button.json +407 -1
  4. package/components/action-group.json +15 -1
  5. package/components/alert-banner.json +79 -1
  6. package/components/alert-dialog.json +107 -1
  7. package/components/avatar-group.json +115 -1
  8. package/components/avatar.json +131 -1
  9. package/components/badge.json +430 -1
  10. package/components/breadcrumbs.json +175 -1
  11. package/components/button-group.json +11 -1
  12. package/components/button.json +466 -8
  13. package/components/cards.json +483 -1
  14. package/components/checkbox-group.json +2 -1
  15. package/components/checkbox.json +243 -1
  16. package/components/close-button.json +123 -1
  17. package/components/coach-indicator.json +39 -1
  18. package/components/coach-mark.json +103 -1
  19. package/components/color-area.json +39 -1
  20. package/components/color-handle.json +51 -1
  21. package/components/color-loupe.json +55 -1
  22. package/components/color-slider.json +43 -1
  23. package/components/color-wheel.json +35 -1
  24. package/components/combo-box.json +387 -1
  25. package/components/contextual-help.json +83 -1
  26. package/components/date-picker.json +279 -1
  27. package/components/divider.json +47 -1
  28. package/components/drop-zone.json +167 -1
  29. package/components/field-label.json +147 -1
  30. package/components/help-text.json +147 -1
  31. package/components/illustrated-message.json +107 -1
  32. package/components/in-field-progress-circle.json +55 -1
  33. package/components/in-line-alert.json +155 -1
  34. package/components/link.json +91 -1
  35. package/components/list-view.json +263 -1
  36. package/components/menu.json +467 -1
  37. package/components/meter.json +115 -1
  38. package/components/number-field.json +399 -1
  39. package/components/opacity-checkerboard.json +19 -1
  40. package/components/picker.json +431 -1
  41. package/components/popover.json +51 -1
  42. package/components/progress-bar.json +115 -1
  43. package/components/progress-circle.json +55 -1
  44. package/components/radio-button.json +243 -1
  45. package/components/radio-group.json +2 -1
  46. package/components/rating.json +99 -1
  47. package/components/search-field.json +235 -1
  48. package/components/segmented-control.json +135 -1
  49. package/components/select-box.json +187 -1
  50. package/components/side-navigation.json +223 -1
  51. package/components/slider.json +279 -1
  52. package/components/standard-dialog.json +99 -1
  53. package/components/status-light.json +219 -1
  54. package/components/steplist.json +215 -1
  55. package/components/swatch-group.json +15 -1
  56. package/components/swatch.json +136 -2
  57. package/components/switch.json +251 -1
  58. package/components/table.json +271 -1
  59. package/components/tabs.json +151 -1
  60. package/components/tag-field.json +151 -1
  61. package/components/tag-group.json +19 -1
  62. package/components/tag.json +323 -1
  63. package/components/takeover-dialog.json +35 -1
  64. package/components/text-area.json +383 -1
  65. package/components/text-field.json +411 -1
  66. package/components/thumbnail.json +83 -1
  67. package/components/title.json +39 -0
  68. package/components/toast.json +99 -1
  69. package/components/tooltip.json +87 -1
  70. package/components/tree-view.json +279 -1
  71. package/conformance/invalid/SPEC-027/dataset.json +25 -0
  72. package/conformance/invalid/SPEC-027/expected-errors.json +10 -0
  73. package/conformance/valid/token-bindings.json +27 -0
  74. package/package.json +1 -1
  75. package/rules/rules.yaml +9 -0
  76. package/schemas/component.schema.json +22 -0
  77. package/schemas/token.schema.json +27 -0
  78. package/spec/agent-surface.md +39 -9
  79. package/spec/component-format.md +41 -16
  80. package/spec/token-format.md +18 -0
  81. package/src/validate.js +27 -3
@@ -26,5 +26,487 @@
26
26
  },
27
27
  "lifecycle": {
28
28
  "introduced": "1.0.0-draft"
29
- }
29
+ },
30
+ "tokenBindings": [
31
+ {
32
+ "token": "card-minimum-width-extra-small",
33
+ "context": "Width (minimum)"
34
+ },
35
+ {
36
+ "token": "card-minimum-width-small",
37
+ "context": "Width (minimum)"
38
+ },
39
+ {
40
+ "token": "card-minimum-width-medium",
41
+ "context": "Width (minimum)"
42
+ },
43
+ {
44
+ "token": "card-minimum-width-large",
45
+ "context": "Width (minimum)"
46
+ },
47
+ {
48
+ "token": "card-minimum-width-extra-large",
49
+ "context": "Width (minimum)"
50
+ },
51
+ {
52
+ "token": "card-default-width-extra-small",
53
+ "context": "Width (default)"
54
+ },
55
+ {
56
+ "token": "card-default-width-small",
57
+ "context": "Width (default)"
58
+ },
59
+ {
60
+ "token": "card-default-width-medium",
61
+ "context": "Width (default)"
62
+ },
63
+ {
64
+ "token": "card-default-width-large",
65
+ "context": "Width (default)"
66
+ },
67
+ {
68
+ "token": "card-default-width-extra-large",
69
+ "context": "Width (default)"
70
+ },
71
+ {
72
+ "token": "card-maximum-width-extra-small",
73
+ "context": "Width (maximum)"
74
+ },
75
+ {
76
+ "token": "card-maximum-width-small",
77
+ "context": "Width (maximum)"
78
+ },
79
+ {
80
+ "token": "card-maximum-width-medium",
81
+ "context": "Width (maximum)"
82
+ },
83
+ {
84
+ "token": "card-maximum-width-large",
85
+ "context": "Width (maximum)"
86
+ },
87
+ {
88
+ "token": "card-maximum-width-extra-large",
89
+ "context": "Width (maximum)"
90
+ },
91
+ {
92
+ "token": "corner-radius-medium-default",
93
+ "context": "Rounding"
94
+ },
95
+ {
96
+ "token": "corner-radius-large-default",
97
+ "context": "Rounding"
98
+ },
99
+ {
100
+ "token": "card-edge-to-content-compact-extra-small",
101
+ "context": "Spacing (top/side/bottom edge to content, extra small)"
102
+ },
103
+ {
104
+ "token": "card-edge-to-content-default-extra-small",
105
+ "context": "Spacing (top/side/bottom edge to content, extra small)"
106
+ },
107
+ {
108
+ "token": "card-edge-to-content-spacious-extra-small",
109
+ "context": "Spacing (top/side/bottom edge to content, extra small)"
110
+ },
111
+ {
112
+ "token": "card-edge-to-content-compact-small",
113
+ "context": "Spacing (top/side/bottom edge to content, small)"
114
+ },
115
+ {
116
+ "token": "card-edge-to-content-default-small",
117
+ "context": "Spacing (top/side/bottom edge to content, small)"
118
+ },
119
+ {
120
+ "token": "card-edge-to-content-spacious-small",
121
+ "context": "Spacing (top/side/bottom edge to content, small)"
122
+ },
123
+ {
124
+ "token": "card-edge-to-content-compact-medium",
125
+ "context": "Spacing (top/side/bottom edge to content, medium)"
126
+ },
127
+ {
128
+ "token": "card-edge-to-content-default-medium",
129
+ "context": "Spacing (top/side/bottom edge to content, medium)"
130
+ },
131
+ {
132
+ "token": "card-edge-to-content-spacious-medium",
133
+ "context": "Spacing (top/side/bottom edge to content, medium)"
134
+ },
135
+ {
136
+ "token": "card-edge-to-content-compact-large",
137
+ "context": "Spacing (top/side/bottom edge to content, large)"
138
+ },
139
+ {
140
+ "token": "card-edge-to-content-default-large",
141
+ "context": "Spacing (top/side/bottom edge to content, large)"
142
+ },
143
+ {
144
+ "token": "card-edge-to-content-spacious-large",
145
+ "context": "Spacing (top/side/bottom edge to content, large)"
146
+ },
147
+ {
148
+ "token": "card-edge-to-content-compact-extra-large",
149
+ "context": "Spacing (top/side/bottom edge to content, extra large)"
150
+ },
151
+ {
152
+ "token": "card-edge-to-content-default-extra-large",
153
+ "context": "Spacing (top/side/bottom edge to content, extra large)"
154
+ },
155
+ {
156
+ "token": "card-edge-to-content-spacious-extra-large",
157
+ "context": "Spacing (top/side/bottom edge to content, extra large)"
158
+ },
159
+ {
160
+ "token": "border-width-200",
161
+ "context": "Border"
162
+ },
163
+ {
164
+ "token": "focus-indicator-thickness",
165
+ "context": "Focus indicator"
166
+ },
167
+ {
168
+ "token": "focus-indicator-gap",
169
+ "context": "Focus indicator"
170
+ },
171
+ {
172
+ "token": "background-layer-2-color",
173
+ "context": "Background"
174
+ },
175
+ {
176
+ "token": "background-layer-1-color",
177
+ "context": "Background"
178
+ },
179
+ {
180
+ "token": "card-background-well-color",
181
+ "context": "Well"
182
+ },
183
+ {
184
+ "token": "gray-100",
185
+ "context": "Border"
186
+ },
187
+ {
188
+ "token": "gray-200",
189
+ "context": "Border"
190
+ },
191
+ {
192
+ "token": "neutral-subdued-content-color-selected",
193
+ "context": "Border"
194
+ },
195
+ {
196
+ "token": "focus-indicator-color",
197
+ "context": "Focus ring"
198
+ },
199
+ {
200
+ "token": "disabled-background-color",
201
+ "context": "Disabled"
202
+ },
203
+ {
204
+ "token": "opacity-disabled",
205
+ "context": "Disabled"
206
+ },
207
+ {
208
+ "token": "card-background-color-loading",
209
+ "context": "Loading"
210
+ },
211
+ {
212
+ "token": "card-minimum-height-extra-small",
213
+ "context": "Height (minimum)"
214
+ },
215
+ {
216
+ "token": "card-minimum-height-small",
217
+ "context": "Height (minimum)"
218
+ },
219
+ {
220
+ "token": "card-minimum-height-medium",
221
+ "context": "Height (minimum)"
222
+ },
223
+ {
224
+ "token": "card-minimum-height-large",
225
+ "context": "Height (minimum)"
226
+ },
227
+ {
228
+ "token": "card-minimum-height-extra-large",
229
+ "context": "Height (minimum)"
230
+ },
231
+ {
232
+ "token": "card-selection-background-size-small",
233
+ "context": "Selection checkbox "
234
+ },
235
+ {
236
+ "token": "card-selection-background-size-medium",
237
+ "context": "Selection checkbox "
238
+ },
239
+ {
240
+ "token": "card-selection-background-size-large",
241
+ "context": "Selection checkbox "
242
+ },
243
+ {
244
+ "token": "card-selection-background-size-extra",
245
+ "context": "Selection checkbox "
246
+ },
247
+ {
248
+ "token": "card-selection-background-corner-radius-small",
249
+ "context": "Selection checkbox "
250
+ },
251
+ {
252
+ "token": "card-selection-background-corner-radius-medium",
253
+ "context": "Selection checkbox "
254
+ },
255
+ {
256
+ "token": "card-selection-background-corner-radius-large",
257
+ "context": "Selection checkbox "
258
+ },
259
+ {
260
+ "token": "card-selection-background-corner-radius-extra-large",
261
+ "context": "Selection checkbox "
262
+ },
263
+ {
264
+ "token": "card-selection-background-color",
265
+ "context": "Selection checkbox "
266
+ },
267
+ {
268
+ "token": "text-to-visual-100",
269
+ "context": "Spacing (title to action button)"
270
+ },
271
+ {
272
+ "token": "card-header-to-description",
273
+ "context": "Spacing (header to description)"
274
+ },
275
+ {
276
+ "token": "border-width-400",
277
+ "context": "Border"
278
+ },
279
+ {
280
+ "token": "title-color",
281
+ "context": "Value"
282
+ },
283
+ {
284
+ "token": "body-color",
285
+ "context": "Value"
286
+ },
287
+ {
288
+ "token": "neutral-content-color-default",
289
+ "context": "Value"
290
+ },
291
+ {
292
+ "token": "disabled-content-color",
293
+ "context": "Disabled"
294
+ },
295
+ {
296
+ "token": "title-sans-serif-font-family",
297
+ "context": "Title"
298
+ },
299
+ {
300
+ "token": "title-sans-serif-font-weight",
301
+ "context": "Title"
302
+ },
303
+ {
304
+ "token": "title-serif-font-style",
305
+ "context": "Title"
306
+ },
307
+ {
308
+ "token": "font-size-50",
309
+ "context": "Title"
310
+ },
311
+ {
312
+ "token": "font-size-75",
313
+ "context": "Title"
314
+ },
315
+ {
316
+ "token": "font-size-100",
317
+ "context": "Title"
318
+ },
319
+ {
320
+ "token": "font-size-200",
321
+ "context": "Title"
322
+ },
323
+ {
324
+ "token": "font-size-300",
325
+ "context": "Title"
326
+ },
327
+ {
328
+ "token": "line-height-100",
329
+ "context": "Title"
330
+ },
331
+ {
332
+ "token": "cjk-line-height-100",
333
+ "context": "Title"
334
+ },
335
+ {
336
+ "token": "body-sans-serif-font-family",
337
+ "context": "Body"
338
+ },
339
+ {
340
+ "token": "body-sans-serif-font-weight",
341
+ "context": "Body"
342
+ },
343
+ {
344
+ "token": "body-serif-font-style",
345
+ "context": "Body"
346
+ },
347
+ {
348
+ "token": "collection-card-minimum-height-extra-small",
349
+ "context": "Height (minimum), default variant"
350
+ },
351
+ {
352
+ "token": "collection-card-minimum-height-small",
353
+ "context": "Height (minimum), default variant"
354
+ },
355
+ {
356
+ "token": "collection-card-minimum-height-medium",
357
+ "context": "Height (minimum), default variant"
358
+ },
359
+ {
360
+ "token": "collection-card-minimum-height-large",
361
+ "context": "Height (minimum), default variant"
362
+ },
363
+ {
364
+ "token": "collection-card-minimum-height-extra-large",
365
+ "context": "Height (minimum), default variant"
366
+ },
367
+ {
368
+ "token": "collection-card-hero-minimum-height-extra-small",
369
+ "context": "Height (minimum), hero image variant"
370
+ },
371
+ {
372
+ "token": "collection-card-hero-minimum-height-small",
373
+ "context": "Height (minimum), hero image variant"
374
+ },
375
+ {
376
+ "token": "collection-card-hero-minimum-height-medium",
377
+ "context": "Height (minimum), hero image variant"
378
+ },
379
+ {
380
+ "token": "collection-card-hero-minimum-height-large",
381
+ "context": "Height (minimum), hero image variant"
382
+ },
383
+ {
384
+ "token": "collection-card-hero-minimum-height-extra-large",
385
+ "context": "Height (minimum), hero image variant"
386
+ },
387
+ {
388
+ "token": "spacing-100",
389
+ "context": "Spacing (header to footer)"
390
+ },
391
+ {
392
+ "token": "card-header-to-footer",
393
+ "context": "Spacing (text to visual)"
394
+ },
395
+ {
396
+ "token": "card-edge-to-content-compact-extra-medium",
397
+ "context": "Spacing (top/side/bottom edge to content, medium)"
398
+ },
399
+ {
400
+ "token": "card-edge-to-content-default-extra-medium",
401
+ "context": "Spacing (top/side/bottom edge to content, medium)"
402
+ },
403
+ {
404
+ "token": "card-edge-to-content-spacious-extra-medium",
405
+ "context": "Spacing (top/side/bottom edge to content, medium)"
406
+ },
407
+ {
408
+ "token": "user-card-minimum-height-small",
409
+ "context": "Height (minimum), default variant"
410
+ },
411
+ {
412
+ "token": "user-card-minimum-height-medium",
413
+ "context": "Height (minimum), default variant"
414
+ },
415
+ {
416
+ "token": "user-card-minimum-height-large",
417
+ "context": "Height (minimum), default variant"
418
+ },
419
+ {
420
+ "token": "user-carde-minimum-height-extra-large",
421
+ "context": "Height (minimum), default variant"
422
+ },
423
+ {
424
+ "token": "user-card-minimum-height-title-below-small",
425
+ "context": "Height (minimum), title below variant"
426
+ },
427
+ {
428
+ "token": "user-card-minimum-height-title-below-medium",
429
+ "context": "Height (minimum), title below variant"
430
+ },
431
+ {
432
+ "token": "user-card-minimum-height-title-below-large",
433
+ "context": "Height (minimum), title below variant"
434
+ },
435
+ {
436
+ "token": "user-card-minimum-height-title-below-extra-large",
437
+ "context": "Height (minimum), title below variant"
438
+ },
439
+ {
440
+ "token": "card-thumbnail-to-title",
441
+ "context": "Spacing (thumbnail to title)"
442
+ },
443
+ {
444
+ "token": "card-title-to-description",
445
+ "context": "Spacing (title to description)"
446
+ },
447
+ {
448
+ "token": "card-description-to-footer",
449
+ "context": "Spacing (description to footer)"
450
+ },
451
+ {
452
+ "token": "thumbnail-size-100",
453
+ "context": "Components"
454
+ },
455
+ {
456
+ "token": "thumbnail-size-300",
457
+ "context": "Components"
458
+ },
459
+ {
460
+ "token": "thumbnail-size-500",
461
+ "context": "Components"
462
+ },
463
+ {
464
+ "token": "thumbnail-size-700",
465
+ "context": "Components"
466
+ },
467
+ {
468
+ "token": "thumbnail-size-900",
469
+ "context": "Components"
470
+ },
471
+ {
472
+ "token": "thumbnail-size-1000",
473
+ "context": "Components"
474
+ },
475
+ {
476
+ "token": "card-horizontal-edge-to-content-compact",
477
+ "context": "Spacing (top/side/bottom edge to content)"
478
+ },
479
+ {
480
+ "token": "card-horizontal-edge-to-content-default",
481
+ "context": "Spacing (top/side/bottom edge to content)"
482
+ },
483
+ {
484
+ "token": "card-horizontal-edge-to-content-spacious",
485
+ "context": "Spacing (top/side/bottom edge to content)"
486
+ },
487
+ {
488
+ "token": "border-width-100",
489
+ "context": "Stroke width (secondary, dark)"
490
+ },
491
+ {
492
+ "token": "horizontal-card-edge-to-content-default",
493
+ "context": "Spacing"
494
+ },
495
+ {
496
+ "token": "popover-border-color",
497
+ "context": "Border (Secondary, Light theme)"
498
+ },
499
+ {
500
+ "token": "horizontal-card-edge-to-content-compact",
501
+ "context": "Spacing (top/side/bottom edge to content)"
502
+ },
503
+ {
504
+ "token": "horizontal-card-edge-to-content-regular",
505
+ "context": "Spacing (top/side/bottom edge to content)"
506
+ },
507
+ {
508
+ "token": "horizontal-card-edge-to-content-spacious",
509
+ "context": "Spacing (top/side/bottom edge to content)"
510
+ }
511
+ ]
30
512
  }
@@ -49,5 +49,6 @@
49
49
  },
50
50
  "lifecycle": {
51
51
  "introduced": "1.0.0-draft"
52
- }
52
+ },
53
+ "tokenBindings": []
53
54
  }