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