@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
package/components/badge.json DELETED
@@ -1,594 +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/badge.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "badge",
6
- "displayName": "Badge",
7
- "description": "Similar to status lights, badges are for showing a small amount of color-categorized metadata. They're ideal for getting a user''s attention.",
8
- "meta": {
9
- "category": "status",
10
- "documentationUrl": "https://spectrum.adobe.com/page/badge/"
11
- },
12
- "options": {
13
- "label": {
14
- "type": "string",
15
- "description": "When the label is not defined, the badge appears as icon-only."
16
- },
17
- "icon": {
18
- "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/workflow-icon.json"
19
- },
20
- "variant": {
21
- "type": "string",
22
- "values": [
23
- {
24
- "value": "neutral"
25
- },
26
- {
27
- "value": "info"
28
- },
29
- {
30
- "value": "positive"
31
- },
32
- {
33
- "value": "negative"
34
- },
35
- {
36
- "value": "indigo"
37
- },
38
- {
39
- "value": "yellow"
40
- },
41
- {
42
- "value": "magenta"
43
- },
44
- {
45
- "value": "fuchsia"
46
- },
47
- {
48
- "value": "purple"
49
- },
50
- {
51
- "value": "seafoam"
52
- },
53
- {
54
- "value": "accent"
55
- },
56
- {
57
- "value": "notice"
58
- },
59
- {
60
- "value": "gray"
61
- },
62
- {
63
- "value": "red"
64
- },
65
- {
66
- "value": "orange"
67
- },
68
- {
69
- "value": "chartreuse"
70
- },
71
- {
72
- "value": "celery"
73
- },
74
- {
75
- "value": "green"
76
- },
77
- {
78
- "value": "cyan"
79
- },
80
- {
81
- "value": "blue"
82
- },
83
- {
84
- "value": "pink"
85
- },
86
- {
87
- "value": "turquoise"
88
- },
89
- {
90
- "value": "brown"
91
- },
92
- {
93
- "value": "cinnamon"
94
- },
95
- {
96
- "value": "silver"
97
- }
98
- ]
99
- },
100
- "style": {
101
- "type": "string",
102
- "values": [
103
- {
104
- "value": "bold"
105
- },
106
- {
107
- "value": "subtle"
108
- },
109
- {
110
- "value": "outline"
111
- }
112
- ]
113
- },
114
- "fixed": {
115
- "type": "string",
116
- "default": "none",
117
- "values": [
118
- {
119
- "value": "none"
120
- },
121
- {
122
- "value": "top"
123
- },
124
- {
125
- "value": "right"
126
- },
127
- {
128
- "value": "bottom"
129
- },
130
- {
131
- "value": "left"
132
- }
133
- ]
134
- },
135
- "isDisabled": {
136
- "type": "boolean",
137
- "default": false
138
- },
139
- "size": {
140
- "type": "string",
141
- "pattern": "^(x?s|m|x{0,3}l)$",
142
- "default": "s",
143
- "values": [
144
- {
145
- "value": "s"
146
- },
147
- {
148
- "value": "m"
149
- },
150
- {
151
- "value": "l"
152
- },
153
- {
154
- "value": "xl"
155
- }
156
- ]
157
- }
158
- },
159
- "lifecycle": {
160
- "introduced": "1.0.0-draft"
161
- },
162
- "tokenBindings": [
163
- {
164
- "token": "component-height-75",
165
- "context": "Minimum height"
166
- },
167
- {
168
- "token": "component-height-100",
169
- "context": "Minimum height"
170
- },
171
- {
172
- "token": "component-height-200",
173
- "context": "Minimum height"
174
- },
175
- {
176
- "token": "component-height-300",
177
- "context": "Minimum height"
178
- },
179
- {
180
- "token": "corner-radius-medium-size-small",
181
- "context": "Rounding"
182
- },
183
- {
184
- "token": "corner-radius-medium-size-medium",
185
- "context": "Rounding"
186
- },
187
- {
188
- "token": "corner-radius-medium-size-large",
189
- "context": "Rounding"
190
- },
191
- {
192
- "token": "corner-radius-medium-size-extra-large",
193
- "context": "Rounding"
194
- },
195
- {
196
- "token": "workflow-icon-size-75",
197
- "context": "Icon"
198
- },
199
- {
200
- "token": "workflow-icon-size-100",
201
- "context": "Icon"
202
- },
203
- {
204
- "token": "workflow-icon-size-200",
205
- "context": "Icon"
206
- },
207
- {
208
- "token": "workflow-icon-size-300",
209
- "context": "Icon"
210
- },
211
- {
212
- "token": "text-to-visual-75",
213
- "context": "Spacing (icon to label)"
214
- },
215
- {
216
- "token": "text-to-visual-100",
217
- "context": "Spacing (icon to label)"
218
- },
219
- {
220
- "token": "text-to-visual-200",
221
- "context": "Spacing (icon to label)"
222
- },
223
- {
224
- "token": "text-to-visual-300",
225
- "context": "Spacing (icon to label)"
226
- },
227
- {
228
- "token": "component-edge-to-visual-75",
229
- "context": "Spacing (start/end edges)"
230
- },
231
- {
232
- "token": "component-edge-to-visual-100",
233
- "context": "Spacing (start/end edges)"
234
- },
235
- {
236
- "token": "component-edge-to-visual-200",
237
- "context": "Spacing (start/end edges)"
238
- },
239
- {
240
- "token": "component-edge-to-visual-300",
241
- "context": "Spacing (start/end edges)"
242
- },
243
- {
244
- "token": "component-edge-to-text-75",
245
- "context": "Spacing (start/end edges)"
246
- },
247
- {
248
- "token": "component-edge-to-text-100",
249
- "context": "Spacing (start/end edges)"
250
- },
251
- {
252
- "token": "component-edge-to-text-200",
253
- "context": "Spacing (start/end edges)"
254
- },
255
- {
256
- "token": "component-edge-to-text-300",
257
- "context": "Spacing (start/end edges)"
258
- },
259
- {
260
- "token": "component-edge-to-visual-only-75",
261
- "context": "Spacing (start/end edges, icon only)"
262
- },
263
- {
264
- "token": "component-edge-to-visual-only-100",
265
- "context": "Spacing (start/end edges, icon only)"
266
- },
267
- {
268
- "token": "component-edge-to-visual-only-200",
269
- "context": "Spacing (start/end edges, icon only)"
270
- },
271
- {
272
- "token": "component-edge-to-visual-only-300",
273
- "context": "Spacing (start/end edges, icon only)"
274
- },
275
- {
276
- "token": "component-top-to-workflow-icon-75",
277
- "context": "Spacing (top edge to icon)"
278
- },
279
- {
280
- "token": "component-top-to-workflow-icon-100",
281
- "context": "Spacing (top edge to icon)"
282
- },
283
- {
284
- "token": "component-top-to-workflow-icon-200",
285
- "context": "Spacing (top edge to icon)"
286
- },
287
- {
288
- "token": "component-top-to-workflow-icon-300",
289
- "context": "Spacing (top edge to icon)"
290
- },
291
- {
292
- "token": "border-width-200",
293
- "context": "Border"
294
- },
295
- {
296
- "token": "component-top-to-text-75",
297
- "context": "Spacing (top/bottom edge to label)"
298
- },
299
- {
300
- "token": "component-top-to-text-100",
301
- "context": "Spacing (top/bottom edge to label)"
302
- },
303
- {
304
- "token": "component-top-to-text-200",
305
- "context": "Spacing (top/bottom edge to label)"
306
- },
307
- {
308
- "token": "component-top-to-text-300",
309
- "context": "Spacing (top/bottom edge to label)"
310
- },
311
- {
312
- "token": "component-bottom-to-text-75",
313
- "context": "Spacing (top/bottom edge to label)"
314
- },
315
- {
316
- "token": "component-bottom-to-text-100",
317
- "context": "Spacing (top/bottom edge to label)"
318
- },
319
- {
320
- "token": "component-bottom-to-text-200",
321
- "context": "Spacing (top/bottom edge to label)"
322
- },
323
- {
324
- "token": "component-bottom-to-text-300",
325
- "context": "Spacing (top/bottom edge to label)"
326
- },
327
- {
328
- "token": "white",
329
- "context": "Text and icon (semantic)"
330
- },
331
- {
332
- "token": "black",
333
- "context": "Text and icon (semantic)"
334
- },
335
- {
336
- "token": "neutral-subdued-background-color-default",
337
- "context": "Background (semantic)"
338
- },
339
- {
340
- "token": "accent-background-color-default",
341
- "context": "Background (semantic)"
342
- },
343
- {
344
- "token": "informative-background-color-default",
345
- "context": "Background (semantic)"
346
- },
347
- {
348
- "token": "negative-background-color-default",
349
- "context": "Background (semantic)"
350
- },
351
- {
352
- "token": "notice-background-color-default",
353
- "context": "Background (semantic)"
354
- },
355
- {
356
- "token": "positive-background-color-default",
357
- "context": "Background (semantic)"
358
- },
359
- {
360
- "token": "gray-background-color-default",
361
- "context": "Background (non-semantic) "
362
- },
363
- {
364
- "token": "red-background-color-default",
365
- "context": "Background (non-semantic) "
366
- },
367
- {
368
- "token": "orange-background-color-default",
369
- "context": "Background (non-semantic) "
370
- },
371
- {
372
- "token": "yellow-background-color-default",
373
- "context": "Background (non-semantic) "
374
- },
375
- {
376
- "token": "chartreuse-background-color-default",
377
- "context": "Background (non-semantic) "
378
- },
379
- {
380
- "token": "celery-background-color-default",
381
- "context": "Background (non-semantic) "
382
- },
383
- {
384
- "token": "green-background-color-default",
385
- "context": "Background (non-semantic) "
386
- },
387
- {
388
- "token": "seafoam-background-color-default",
389
- "context": "Background (non-semantic) "
390
- },
391
- {
392
- "token": "cyan-background-color-default",
393
- "context": "Background (non-semantic) "
394
- },
395
- {
396
- "token": "blue-background-color-default",
397
- "context": "Background (non-semantic) "
398
- },
399
- {
400
- "token": "indigo-background-color-default",
401
- "context": "Background (non-semantic) "
402
- },
403
- {
404
- "token": "purple-background-color-default",
405
- "context": "Background (non-semantic) "
406
- },
407
- {
408
- "token": "fuchsia-background-color-default",
409
- "context": "Background (non-semantic) "
410
- },
411
- {
412
- "token": "magenta-background-color-default",
413
- "context": "Background (non-semantic) "
414
- },
415
- {
416
- "token": "pink-background-color-default",
417
- "context": "Background (non-semantic) "
418
- },
419
- {
420
- "token": "turquoise-background-color-default",
421
- "context": "Background (non-semantic) "
422
- },
423
- {
424
- "token": "brown-background-color-default",
425
- "context": "Background (non-semantic) "
426
- },
427
- {
428
- "token": "cinnamon-background-color-default",
429
- "context": "Background (non-semantic) "
430
- },
431
- {
432
- "token": "silver-background-color-default",
433
- "context": "Background (non-semantic) "
434
- },
435
- {
436
- "token": "gray-1000",
437
- "context": "Text and icon (semantic)"
438
- },
439
- {
440
- "token": "neutral-subtle-background-color-default",
441
- "context": "Background (semantic)"
442
- },
443
- {
444
- "token": "accent-subtle-background-color-default",
445
- "context": "Background (semantic)"
446
- },
447
- {
448
- "token": "informative-subtle-background-color-default",
449
- "context": "Background (semantic)"
450
- },
451
- {
452
- "token": "negative-subtle-background-color-default",
453
- "context": "Background (semantic)"
454
- },
455
- {
456
- "token": "notice-subtle-background-color-default",
457
- "context": "Background (semantic)"
458
- },
459
- {
460
- "token": "positive-subtle-background-color-default",
461
- "context": "Background (semantic)"
462
- },
463
- {
464
- "token": "gray-subtle-background-color-default",
465
- "context": "Background (non-semantic) "
466
- },
467
- {
468
- "token": "red-subtle-background-color-default",
469
- "context": "Background (non-semantic) "
470
- },
471
- {
472
- "token": "orange-subtle-background-color-default",
473
- "context": "Background (non-semantic) "
474
- },
475
- {
476
- "token": "yellow-subtle-background-color-default",
477
- "context": "Background (non-semantic) "
478
- },
479
- {
480
- "token": "chartreuse-subtle--background-color-default",
481
- "context": "Background (non-semantic) "
482
- },
483
- {
484
- "token": "celery-subtle-background-color-default",
485
- "context": "Background (non-semantic) "
486
- },
487
- {
488
- "token": "green-subtle-background-color-default",
489
- "context": "Background (non-semantic) "
490
- },
491
- {
492
- "token": "seafoam-subtle-background-color-default",
493
- "context": "Background (non-semantic) "
494
- },
495
- {
496
- "token": "cyan-subtle-background-color-default",
497
- "context": "Background (non-semantic) "
498
- },
499
- {
500
- "token": "blue-subtle-background-color-default",
501
- "context": "Background (non-semantic) "
502
- },
503
- {
504
- "token": "indigo-subtle-background-color-default",
505
- "context": "Background (non-semantic) "
506
- },
507
- {
508
- "token": "purple-subtle-background-color-default",
509
- "context": "Background (non-semantic) "
510
- },
511
- {
512
- "token": "magenta-subtle-background-color-default",
513
- "context": "Background (non-semantic) "
514
- },
515
- {
516
- "token": "pink-subtle-background-color-default",
517
- "context": "Background (non-semantic) "
518
- },
519
- {
520
- "token": "turquoise-subtle-background-color-default",
521
- "context": "Background (non-semantic) "
522
- },
523
- {
524
- "token": "brown-subtle-background-color-default",
525
- "context": "Background (non-semantic) "
526
- },
527
- {
528
- "token": "cinnamon-subtle-background-color-default",
529
- "context": "Background (non-semantic) "
530
- },
531
- {
532
- "token": "silver-subtle-background-color-default",
533
- "context": "Background (non-semantic) "
534
- },
535
- {
536
- "token": "background-layer-2-color",
537
- "context": "Background (semantic)"
538
- },
539
- {
540
- "token": "neutral-visual-color",
541
- "context": "Border (semantic)"
542
- },
543
- {
544
- "token": "accent-visual-color",
545
- "context": "Border (semantic)"
546
- },
547
- {
548
- "token": "informative-visual-color",
549
- "context": "Border (semantic)"
550
- },
551
- {
552
- "token": "negative-visual-color",
553
- "context": "Border (semantic)"
554
- },
555
- {
556
- "token": "notice-visual-color",
557
- "context": "Border (semantic)"
558
- },
559
- {
560
- "token": "positive-visual-color",
561
- "context": "Border (semantic)"
562
- },
563
- {
564
- "token": "default-font-family"
565
- },
566
- {
567
- "token": "medium-font-weight"
568
- },
569
- {
570
- "token": "default-font-style"
571
- },
572
- {
573
- "token": "font-size-75"
574
- },
575
- {
576
- "token": "font-size-100"
577
- },
578
- {
579
- "token": "font-size-200"
580
- },
581
- {
582
- "token": "font-size-300"
583
- },
584
- {
585
- "token": "line-height-100"
586
- },
587
- {
588
- "token": "cjk-line-height-100"
589
- }
590
- ],
591
- "accessibility": {
592
- "focusable": false
593
- }
594
- }
package/components/body.json DELETED
@@ -1,54 +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/body.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "body",
6
- "displayName": "Body",
7
- "description": "Body is a typography component primarily used within Spectrum components and for blocks of text.",
8
- "meta": {
9
- "category": "typography",
10
- "documentationUrl": "https://spectrum.adobe.com/page/body/"
11
- },
12
- "options": {
13
- "script": {
14
- "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/typography-script.json"
15
- },
16
- "classification": {
17
- "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/typography-classification.json"
18
- },
19
- "size": {
20
- "type": "string",
21
- "pattern": "^(x?s|m|x{0,3}l)$",
22
- "default": "m",
23
- "values": [
24
- {
25
- "value": "xs"
26
- },
27
- {
28
- "value": "s"
29
- },
30
- {
31
- "value": "m"
32
- },
33
- {
34
- "value": "l"
35
- },
36
- {
37
- "value": "xl"
38
- },
39
- {
40
- "value": "xxl"
41
- },
42
- {
43
- "value": "xxxl"
44
- }
45
- ]
46
- }
47
- },
48
- "lifecycle": {
49
- "introduced": "1.0.0-draft"
50
- },
51
- "accessibility": {
52
- "focusable": false
53
- }
54
- }