@adobe/design-data-spec 1.5.0 → 2.1.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 (134) 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/conformance/invalid/SPEC-044/empty-optional-dir/components/.gitkeep +0 -0
  6. package/conformance/invalid/SPEC-044/empty-optional-dir/expected-errors.json +10 -0
  7. package/conformance/invalid/SPEC-044/empty-optional-dir/tokens/base.tokens.json +1 -0
  8. package/conformance/invalid/SPEC-044/missing-tokens/expected-errors.json +10 -0
  9. package/conformance/valid/SPEC-044/components/button.json +9 -0
  10. package/conformance/valid/SPEC-044/expected-errors.json +4 -0
  11. package/conformance/valid/SPEC-044/tokens/base.tokens.json +1 -0
  12. package/package.json +6 -6
  13. package/rules/rules.yaml +27 -7
  14. package/schemas/component.schema.json +1 -1
  15. package/schemas/dataset.schema.json +39 -0
  16. package/schemas/manifest.schema.json +1 -23
  17. package/schemas/mode-set.schema.json +4 -0
  18. package/schemas/platform-extension.json +79 -0
  19. package/schemas/registry-value.json +230 -0
  20. package/schemas/token.schema.json +1 -1
  21. package/spec/agent-surface.md +16 -14
  22. package/spec/anatomy-format.md +1 -1
  23. package/spec/cascade.md +1 -1
  24. package/spec/dataset-layout.md +72 -0
  25. package/spec/index.md +7 -5
  26. package/spec/mode-sets.md +1 -1
  27. package/spec/registry.md +6 -8
  28. package/spec/taxonomy.md +32 -32
  29. package/spec/token-format.md +11 -3
  30. package/components/accordion.json +0 -557
  31. package/components/action-bar.json +0 -214
  32. package/components/action-button.json +0 -522
  33. package/components/action-group.json +0 -134
  34. package/components/alert-banner.json +0 -134
  35. package/components/alert-dialog.json +0 -180
  36. package/components/avatar-group.json +0 -166
  37. package/components/avatar.json +0 -246
  38. package/components/badge.json +0 -594
  39. package/components/body.json +0 -54
  40. package/components/bottom-navigation-android.json +0 -72
  41. package/components/breadcrumbs.json +0 -307
  42. package/components/button-group.json +0 -86
  43. package/components/button.json +0 -586
  44. package/components/calendar.json +0 -133
  45. package/components/cards.json +0 -541
  46. package/components/checkbox-group.json +0 -91
  47. package/components/checkbox.json +0 -339
  48. package/components/close-button.json +0 -208
  49. package/components/coach-indicator.json +0 -105
  50. package/components/coach-mark.json +0 -169
  51. package/components/code.json +0 -44
  52. package/components/color-area.json +0 -138
  53. package/components/color-handle.json +0 -111
  54. package/components/color-loupe.json +0 -77
  55. package/components/color-slider.json +0 -165
  56. package/components/color-wheel.json +0 -117
  57. package/components/combo-box.json +0 -543
  58. package/components/contextual-help.json +0 -230
  59. package/components/date-picker.json +0 -471
  60. package/components/detail.json +0 -53
  61. package/components/divider.json +0 -93
  62. package/components/drop-zone.json +0 -238
  63. package/components/field-label.json +0 -219
  64. package/components/heading.json +0 -68
  65. package/components/help-text.json +0 -209
  66. package/components/illustrated-message.json +0 -175
  67. package/components/in-field-progress-button.json +0 -88
  68. package/components/in-field-progress-circle.json +0 -116
  69. package/components/in-line-alert.json +0 -233
  70. package/components/link.json +0 -167
  71. package/components/list-view.json +0 -382
  72. package/components/menu.json +0 -597
  73. package/components/meter.json +0 -199
  74. package/components/number-field.json +0 -518
  75. package/components/opacity-checkerboard.json +0 -69
  76. package/components/picker.json +0 -579
  77. package/components/popover.json +0 -174
  78. package/components/progress-bar.json +0 -229
  79. package/components/progress-circle.json +0 -132
  80. package/components/radio-button.json +0 -308
  81. package/components/radio-group.json +0 -113
  82. package/components/rating.json +0 -168
  83. package/components/scroll-zoom-bar.json +0 -82
  84. package/components/search-field.json +0 -346
  85. package/components/segmented-control.json +0 -248
  86. package/components/select-box.json +0 -272
  87. package/components/side-navigation.json +0 -320
  88. package/components/slider.json +0 -407
  89. package/components/standard-dialog.json +0 -179
  90. package/components/standard-panel.json +0 -83
  91. package/components/status-light.json +0 -334
  92. package/components/steplist.json +0 -294
  93. package/components/swatch-group.json +0 -114
  94. package/components/swatch.json +0 -240
  95. package/components/switch.json +0 -336
  96. package/components/tab-bar-ios.json +0 -72
  97. package/components/table.json +0 -435
  98. package/components/tabs.json +0 -253
  99. package/components/tag-field.json +0 -243
  100. package/components/tag-group.json +0 -87
  101. package/components/tag.json +0 -393
  102. package/components/takeover-dialog.json +0 -117
  103. package/components/text-area.json +0 -555
  104. package/components/text-field.json +0 -555
  105. package/components/thumbnail.json +0 -149
  106. package/components/title.json +0 -91
  107. package/components/toast.json +0 -156
  108. package/components/tooltip.json +0 -179
  109. package/components/tray.json +0 -32
  110. package/components/tree-view.json +0 -393
  111. package/fields/alignment.json +0 -15
  112. package/fields/anatomy.json +0 -15
  113. package/fields/color-scheme.json +0 -15
  114. package/fields/colorFamily.json +0 -15
  115. package/fields/component.json +0 -15
  116. package/fields/contrast.json +0 -15
  117. package/fields/density.json +0 -15
  118. package/fields/easing.json +0 -15
  119. package/fields/family.json +0 -15
  120. package/fields/motionRole.json +0 -15
  121. package/fields/object.json +0 -15
  122. package/fields/orientation.json +0 -15
  123. package/fields/position.json +0 -15
  124. package/fields/property.json +0 -15
  125. package/fields/scale.json +0 -15
  126. package/fields/scaleIndex.json +0 -15
  127. package/fields/shape.json +0 -15
  128. package/fields/size.json +0 -15
  129. package/fields/state.json +0 -15
  130. package/fields/structure.json +0 -15
  131. package/fields/style.json +0 -15
  132. package/fields/substructure.json +0 -15
  133. package/fields/variant.json +0 -15
  134. package/fields/weight.json +0 -15
@@ -1,72 +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/bottom-navigation-android.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "bottom-navigation-android",
6
- "displayName": "Bottom navigation (Android)",
7
- "description": "Bottom navigation is a top-level navigation control for Android apps.",
8
- "meta": {
9
- "category": "navigation",
10
- "documentationUrl": "https://spectrum.adobe.com/page/bottom-navigation-android/"
11
- },
12
- "options": {
13
- "label": {
14
- "type": "string"
15
- },
16
- "labelPosition": {
17
- "type": "string",
18
- "default": "bottom",
19
- "values": [
20
- {
21
- "value": "bottom"
22
- },
23
- {
24
- "value": "side"
25
- }
26
- ]
27
- },
28
- "icon": {
29
- "$ref": "https://opensource.adobe.com/spectrum-design-data/schemas/types/workflow-icon.json"
30
- },
31
- "background": {
32
- "type": "string",
33
- "default": "primary",
34
- "values": [
35
- {
36
- "value": "primary"
37
- },
38
- {
39
- "value": "secondary"
40
- }
41
- ]
42
- },
43
- "hasBadge": {
44
- "type": "boolean",
45
- "default": false
46
- },
47
- "isDisabled": {
48
- "type": "boolean",
49
- "default": false
50
- }
51
- },
52
- "lifecycle": {
53
- "introduced": "1.0.0-draft"
54
- },
55
- "accessibility": {
56
- "intents": ["navigate"],
57
- "focusable": true,
58
- "keyboardIntents": ["navigate-items", "activate"],
59
- "wcag": [
60
- {
61
- "criterion": "2.1.1",
62
- "level": "A",
63
- "title": "Keyboard"
64
- },
65
- {
66
- "criterion": "4.1.2",
67
- "level": "A",
68
- "title": "Name, Role, Value"
69
- }
70
- ]
71
- }
72
- }
@@ -1,307 +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/breadcrumbs.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "breadcrumbs",
6
- "displayName": "Breadcrumbs",
7
- "description": "Breadcrumbs show hierarchy and navigational context for a user’s location within an app.",
8
- "meta": {
9
- "category": "navigation",
10
- "documentationUrl": "https://spectrum.adobe.com/page/breadcrumbs/"
11
- },
12
- "options": {
13
- "isMultiline": {
14
- "type": "boolean",
15
- "default": false,
16
- "description": "If true, the breadcrumb items will wrap to multiple lines."
17
- },
18
- "size": {
19
- "type": "string",
20
- "default": "m",
21
- "description": "Controls the overall size of the breadcrumb component.",
22
- "values": [
23
- {
24
- "value": "m"
25
- },
26
- {
27
- "value": "l"
28
- }
29
- ]
30
- },
31
- "items": {
32
- "type": "array",
33
- "description": "An array of breadcrumb items.",
34
- "items": {
35
- "type": "object",
36
- "properties": {
37
- "label": {
38
- "type": "string",
39
- "description": "The text displayed for the breadcrumb item."
40
- },
41
- "href": {
42
- "type": "string",
43
- "description": "Optional URL the breadcrumb item links to."
44
- },
45
- "isCurrent": {
46
- "type": "boolean",
47
- "description": "Indicates if the breadcrumb item represents the current page.",
48
- "default": false
49
- },
50
- "isDisabled": {
51
- "type": "boolean",
52
- "default": false
53
- }
54
- },
55
- "required": ["label"]
56
- }
57
- },
58
- "separator": {
59
- "type": "string",
60
- "default": "chevron",
61
- "description": "The separator icon used between breadcrumb items.",
62
- "values": [
63
- {
64
- "value": "chevron"
65
- },
66
- {
67
- "value": "none"
68
- }
69
- ]
70
- },
71
- "isTruncated": {
72
- "type": "boolean",
73
- "default": false,
74
- "description": "If true, the breadcrumb item is truncated and displayed as icon only."
75
- },
76
- "sizeOverride": {
77
- "type": "string",
78
- "description": "Overrides the size of the breadcrumb items when isMultiline is true.",
79
- "values": [
80
- {
81
- "value": "s"
82
- },
83
- {
84
- "value": "m"
85
- },
86
- {
87
- "value": "l"
88
- },
89
- {
90
- "value": "xl"
91
- }
92
- ]
93
- }
94
- },
95
- "states": [
96
- {
97
- "name": "hover",
98
- "trigger": "interaction"
99
- },
100
- {
101
- "name": "down",
102
- "trigger": "interaction"
103
- },
104
- {
105
- "name": "keyboard-focus",
106
- "trigger": "interaction"
107
- },
108
- {
109
- "name": "drag-and-drop",
110
- "trigger": "prop"
111
- }
112
- ],
113
- "lifecycle": {
114
- "introduced": "1.0.0-draft"
115
- },
116
- "tokenBindings": [
117
- {
118
- "token": "component-height-200",
119
- "context": "Height"
120
- },
121
- {
122
- "token": "breadcrumbs-text-to-separator-large",
123
- "context": "Spacing (breadcrumb item/title to separator icon)"
124
- },
125
- {
126
- "token": "breadcrumbs-start-edge-to-text-large",
127
- "context": "Spacing (start and end edge to text)"
128
- },
129
- {
130
- "token": "breadcrumbs-end-edge-to-text",
131
- "context": "Spacing (start and end edge to text)"
132
- },
133
- {
134
- "token": "component-top-to-text-200",
135
- "context": "Spacing (top and bottom edge to text)"
136
- },
137
- {
138
- "token": "component-bottom-to-text-200",
139
- "context": "Spacing (top and bottom edge to text)"
140
- },
141
- {
142
- "token": "breadcrumbs-top-to-truncated-menu",
143
- "context": "Spacing (top and bottom edge to truncated menu button)"
144
- },
145
- {
146
- "token": "breadcrumbs-top-to-separator-large",
147
- "context": "Spacing (top and bottom edge to separator icon)"
148
- },
149
- {
150
- "token": "breadcrumbs-truncated-menu-to-separator",
151
- "context": "Spacing (truncated menu button to separator icon)"
152
- },
153
- {
154
- "token": "breadcrumbs-start-edge-to-truncated-menu",
155
- "context": "Spacing (start edge to truncated menu button)"
156
- },
157
- {
158
- "token": "text-underline-thickness",
159
- "context": "Breadcrumb item (hover, down, focus states)"
160
- },
161
- {
162
- "token": "text-underline-gap",
163
- "context": "Breadcrumb item (hover, down, focus states)"
164
- },
165
- {
166
- "token": "focus-indicator-thickness",
167
- "context": "Focus indicator"
168
- },
169
- {
170
- "token": "focus-indicator-gap",
171
- "context": "Focus indicator"
172
- },
173
- {
174
- "token": "default-font-family",
175
- "context": "Text (breadcrumb item and title)"
176
- },
177
- {
178
- "token": "regular-font-weight",
179
- "context": "Text (breadcrumb item and title)"
180
- },
181
- {
182
- "token": "default-font-style",
183
- "context": "Text (breadcrumb item and title)"
184
- },
185
- {
186
- "token": "font-size-200",
187
- "context": "Text (breadcrumb item and title)"
188
- },
189
- {
190
- "token": "line-height-100",
191
- "context": "Text (breadcrumb item and title)"
192
- },
193
- {
194
- "token": "bold-font-weight",
195
- "context": "Text (breadcrumb item and title)"
196
- },
197
- {
198
- "token": "neutral-subdued-content-color-default",
199
- "context": "Breadcrumb item and title"
200
- },
201
- {
202
- "token": "neutral-content-color-default",
203
- "context": "Breadcrumb item and title"
204
- },
205
- {
206
- "token": "disabled-content-color",
207
- "context": "Breadcrumb item (disabled)"
208
- },
209
- {
210
- "token": "focus-indicator-color",
211
- "context": "Focus indicator"
212
- },
213
- {
214
- "token": "component-height-100",
215
- "context": "Height (medium)"
216
- },
217
- {
218
- "token": "breadcrumbs-text-to-separator-medium",
219
- "context": "Spacing (breadcrumb item/title to separator icon, medium)"
220
- },
221
- {
222
- "token": "breadcrumbs-start-edge-to-text-medium",
223
- "context": "Spacing (start and end edge to text, medium)"
224
- },
225
- {
226
- "token": "component-top-to-text-100",
227
- "context": "Spacing (top and bottom edge to text, medium)"
228
- },
229
- {
230
- "token": "component-bottom-to-text-100",
231
- "context": "Spacing (top and bottom edge to text, medium)"
232
- },
233
- {
234
- "token": "breadcrumbs-top-to-separator-medium",
235
- "context": "Spacing (top and bottom edge to separator icon, medium)"
236
- },
237
- {
238
- "token": "font-size-100",
239
- "context": "Text (breadcrumb item and title, medium)"
240
- },
241
- {
242
- "token": "breadcrumbs-height-multiline",
243
- "context": "Height"
244
- },
245
- {
246
- "token": "breadcrumbs-text-to-separator-multiline",
247
- "context": "Spacing (breadcrumb item/title to separator icon, multiline)"
248
- },
249
- {
250
- "token": "breadcrumbs-start-edge-to-text-multiline",
251
- "context": "Spacing (start and end edge to text, multiline)"
252
- },
253
- {
254
- "token": "breadcrumbs-top-to-text-multiline",
255
- "context": "Spacing (top and bottom edge to text, multiline)"
256
- },
257
- {
258
- "token": "breadcrumbs-bottom-to-text-multiline",
259
- "context": "Spacing (top and bottom edge to text, multiline)"
260
- },
261
- {
262
- "token": "breadcrumbs-top-to-separator-multiline",
263
- "context": "Spacing (top edge to separator icon, multiline)"
264
- },
265
- {
266
- "token": "breadcrumbs-separator-to-bottom-text-multiline",
267
- "context": "Spacing (separator icon to bottom text, multiline)"
268
- },
269
- {
270
- "token": "breadcrumbs-truncated-menu-to-bottom-text",
271
- "context": "Spacing (truncated menu button to bottom text, multiline)"
272
- },
273
- {
274
- "token": "breadcrumbs-top-text-to-bottom-text",
275
- "context": "Spacing (top text to bottom text)"
276
- },
277
- {
278
- "token": "font-size-75",
279
- "context": "Text (breadcrumb item and title, multiline)"
280
- },
281
- {
282
- "token": "extra-bold-font-weight",
283
- "context": "Text (breadcrumb item and title, multiline)"
284
- },
285
- {
286
- "token": "heading-size-l",
287
- "context": "Text (breadcrumb item and title, multiline)"
288
- }
289
- ],
290
- "accessibility": {
291
- "intents": ["navigate"],
292
- "focusable": true,
293
- "keyboardIntents": ["navigate-items", "activate"],
294
- "wcag": [
295
- {
296
- "criterion": "2.1.1",
297
- "level": "A",
298
- "title": "Keyboard"
299
- },
300
- {
301
- "criterion": "4.1.2",
302
- "level": "A",
303
- "title": "Name, Role, Value"
304
- }
305
- ]
306
- }
307
- }
@@ -1,86 +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/button-group.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "button-group",
6
- "displayName": "Button group",
7
- "description": "A button group is a grouping of buttons whose actions are related to each other.",
8
- "meta": {
9
- "category": "actions",
10
- "documentationUrl": "https://spectrum.adobe.com/page/button-group/"
11
- },
12
- "options": {
13
- "orientation": {
14
- "type": "string",
15
- "default": "horizontal",
16
- "values": [
17
- {
18
- "value": "horizontal"
19
- },
20
- {
21
- "value": "vertical"
22
- }
23
- ]
24
- },
25
- "size": {
26
- "type": "string",
27
- "pattern": "^(x?s|m|x{0,3}l)$",
28
- "default": "m",
29
- "values": [
30
- {
31
- "value": "s"
32
- },
33
- {
34
- "value": "m"
35
- },
36
- {
37
- "value": "l"
38
- },
39
- {
40
- "value": "xl"
41
- }
42
- ]
43
- },
44
- "overflowMode": {
45
- "type": "string",
46
- "default": "wrap",
47
- "values": [
48
- {
49
- "value": "wrap"
50
- },
51
- {
52
- "value": "collapse"
53
- }
54
- ]
55
- },
56
- "isDisabled": {
57
- "type": "boolean",
58
- "default": false
59
- }
60
- },
61
- "lifecycle": {
62
- "introduced": "1.0.0-draft"
63
- },
64
- "tokenBindings": [
65
- {
66
- "token": "spacing-100",
67
- "context": "Spacing (horizontal)"
68
- },
69
- {
70
- "token": "spacing-200",
71
- "context": "Spacing (horizontal)"
72
- }
73
- ],
74
- "accessibility": {
75
- "role": "group",
76
- "intents": ["trigger"],
77
- "focusable": false,
78
- "wcag": [
79
- {
80
- "criterion": "4.1.2",
81
- "level": "A",
82
- "title": "Name, Role, Value"
83
- }
84
- ]
85
- }
86
- }