@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,134 +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/alert-banner.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "alert-banner",
6
- "displayName": "Alert banner",
7
- "description": "Alert banners show pressing and high-signal messages, such as system alerts. They're meant to be noticed and prompt users to take action.",
8
- "meta": {
9
- "category": "feedback",
10
- "documentationUrl": "https://spectrum.adobe.com/page/alert-banner/"
11
- },
12
- "options": {
13
- "text": {
14
- "type": "string"
15
- },
16
- "variant": {
17
- "type": "string",
18
- "default": "neutral",
19
- "values": [
20
- {
21
- "value": "neutral"
22
- },
23
- {
24
- "value": "informative"
25
- },
26
- {
27
- "value": "negative"
28
- },
29
- {
30
- "value": "accent"
31
- }
32
- ]
33
- },
34
- "actionLabel": {
35
- "type": "string",
36
- "description": "If undefined, this button does not appear."
37
- },
38
- "isDismissible": {
39
- "type": "boolean",
40
- "default": false
41
- }
42
- },
43
- "lifecycle": {
44
- "introduced": "1.0.0-draft"
45
- },
46
- "tokenBindings": [
47
- {
48
- "token": "workflow-icon-size-100",
49
- "context": "Icon asset"
50
- },
51
- {
52
- "token": "alert-banner-minimum-height",
53
- "context": "Height"
54
- },
55
- {
56
- "token": "alert-banner-width",
57
- "context": "Width"
58
- },
59
- {
60
- "token": "text-to-visual-300",
61
- "context": "Spacing (icon to text)"
62
- },
63
- {
64
- "token": "spacing-300",
65
- "context": "Spacing (start edge to text and icon)"
66
- },
67
- {
68
- "token": "spacing-100",
69
- "context": "Spacing (close button to end edge)"
70
- },
71
- {
72
- "token": "spacing-200",
73
- "context": "Spacing (close button to end edge)"
74
- },
75
- {
76
- "token": "alert-banner-top-to-workflow-icon",
77
- "context": "Spacing (top/bottom edge to icon)"
78
- },
79
- {
80
- "token": "alert-banner-top-to-text",
81
- "context": "Spacing (top/bottom edge to text)"
82
- },
83
- {
84
- "token": "alert-banner-bottom-to-text",
85
- "context": "Spacing (top/bottom edge to text)"
86
- },
87
- {
88
- "token": "neutral-subdued-background-color-default",
89
- "context": "Background"
90
- },
91
- {
92
- "token": "informative-background-color-default",
93
- "context": "Background"
94
- },
95
- {
96
- "token": "negative-background-color-default",
97
- "context": "Background"
98
- },
99
- {
100
- "token": "default-font-family",
101
- "context": "Text"
102
- },
103
- {
104
- "token": "regular-font-weight",
105
- "context": "Text"
106
- },
107
- {
108
- "token": "default-font-style",
109
- "context": "Text"
110
- },
111
- {
112
- "token": "font-size-100",
113
- "context": "Text"
114
- },
115
- {
116
- "token": "line-height-100",
117
- "context": "Text"
118
- },
119
- {
120
- "token": "cjk-line-height-100",
121
- "context": "Text"
122
- }
123
- ],
124
- "accessibility": {
125
- "focusable": false,
126
- "wcag": [
127
- {
128
- "criterion": "4.1.3",
129
- "level": "AA",
130
- "title": "Status Messages"
131
- }
132
- ]
133
- }
134
- }
@@ -1,180 +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/alert-dialog.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "alert-dialog",
6
- "displayName": "Alert dialog",
7
- "description": "Alert dialogs display important information that users need to acknowledge. They appear over the interface and block further interactions until an action is selected.",
8
- "meta": {
9
- "category": "feedback",
10
- "documentationUrl": "https://spectrum.adobe.com/page/alert-dialog/"
11
- },
12
- "options": {
13
- "title": {
14
- "type": "string"
15
- },
16
- "description": {
17
- "type": "string"
18
- },
19
- "variant": {
20
- "type": "string",
21
- "default": "confirmation",
22
- "values": [
23
- {
24
- "value": "confirmation"
25
- },
26
- {
27
- "value": "information"
28
- },
29
- {
30
- "value": "warning"
31
- },
32
- {
33
- "value": "destructive"
34
- },
35
- {
36
- "value": "error"
37
- }
38
- ]
39
- },
40
- "primaryActionLabel": {
41
- "type": "string"
42
- },
43
- "secondaryActionLabel": {
44
- "type": "string",
45
- "description": "If undefined, this button does not appear."
46
- },
47
- "cancelActionLabel": {
48
- "type": "string",
49
- "default": "cancel",
50
- "description": "If undefined, this button does not appear."
51
- }
52
- },
53
- "lifecycle": {
54
- "introduced": "1.0.0-draft"
55
- },
56
- "tokenBindings": [
57
- {
58
- "token": "heading-sans-serif-font-family",
59
- "context": "Title"
60
- },
61
- {
62
- "token": "heading-sans-serif-font-weight",
63
- "context": "Title"
64
- },
65
- {
66
- "token": "heading-sans-serif-font-style",
67
- "context": "Title"
68
- },
69
- {
70
- "token": "alert-dialog-title-font-size",
71
- "context": "Title"
72
- },
73
- {
74
- "token": "heading-line-height",
75
- "context": "Title"
76
- },
77
- {
78
- "token": "heading-color",
79
- "context": "Title"
80
- },
81
- {
82
- "token": "body-sans-serif-font-family",
83
- "context": "Description"
84
- },
85
- {
86
- "token": "body-sans-serif-font-weight",
87
- "context": "Description"
88
- },
89
- {
90
- "token": "body-sans-serif-font-style",
91
- "context": "Description"
92
- },
93
- {
94
- "token": "alert-dialog-body-font-size",
95
- "context": "Description"
96
- },
97
- {
98
- "token": "line-height-200",
99
- "context": "Description"
100
- },
101
- {
102
- "token": "body-color",
103
- "context": "Description"
104
- },
105
- {
106
- "token": "alert-dialog-maximum-width",
107
- "context": "Maximum width"
108
- },
109
- {
110
- "token": "alert-dialog-minimum-width",
111
- "context": "Minimum width"
112
- },
113
- {
114
- "token": "corner-radius-extra-large-default",
115
- "context": "Rounding"
116
- },
117
- {
118
- "token": "spacing-500",
119
- "context": "Spacing (edge to content)"
120
- },
121
- {
122
- "token": "spacing-400",
123
- "context": "Spacing (edge to content)"
124
- },
125
- {
126
- "token": "alert-dialog-top-to-alert-icon",
127
- "context": "Icon asset (error and warning variants)"
128
- },
129
- {
130
- "token": "spacing-300",
131
- "context": "Spacing (title to description)"
132
- },
133
- {
134
- "token": "workflow-icon-size-100",
135
- "context": "Icon (error and warning variants)"
136
- },
137
- {
138
- "token": "spacing-100",
139
- "context": "Minimum spacing (title to icon)"
140
- },
141
- {
142
- "token": "background-color-layer2",
143
- "context": "Background"
144
- },
145
- {
146
- "token": "overlay-color",
147
- "context": "Overlay"
148
- },
149
- {
150
- "token": "overlay-opacity",
151
- "context": "Overlay"
152
- },
153
- {
154
- "token": "notice-visual-color",
155
- "context": "Icon (warning variant)"
156
- },
157
- {
158
- "token": "negative-visual-color",
159
- "context": "Icon (error variant)"
160
- }
161
- ],
162
- "accessibility": {
163
- "role": "dialog",
164
- "intents": ["dismiss"],
165
- "focusable": false,
166
- "keyboardIntents": ["dismiss"],
167
- "wcag": [
168
- {
169
- "criterion": "2.4.3",
170
- "level": "A",
171
- "title": "Focus Order"
172
- },
173
- {
174
- "criterion": "4.1.2",
175
- "level": "A",
176
- "title": "Name, Role, Value"
177
- }
178
- ]
179
- }
180
- }
@@ -1,166 +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/avatar-group.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "avatar-group",
6
- "displayName": "Avatar group",
7
- "description": "Avatar groups display a collection of avatars representing people or entities.",
8
- "meta": {
9
- "category": "actions",
10
- "documentationUrl": "https://spectrum.adobe.com/page/avatar-group/"
11
- },
12
- "options": {
13
- "label": {
14
- "type": "string",
15
- "description": "Optional text label displayed with the avatar group (e.g., group name)."
16
- },
17
- "size": {
18
- "type": "number",
19
- "default": 100,
20
- "values": [
21
- {
22
- "value": 50
23
- },
24
- {
25
- "value": 75
26
- },
27
- {
28
- "value": 100
29
- },
30
- {
31
- "value": 200
32
- },
33
- {
34
- "value": 300
35
- },
36
- {
37
- "value": 400
38
- },
39
- {
40
- "value": 500
41
- }
42
- ]
43
- }
44
- },
45
- "lifecycle": {
46
- "introduced": "1.0.0-draft"
47
- },
48
- "tokenBindings": [
49
- {
50
- "token": "avatar-group-size-50",
51
- "context": "Size"
52
- },
53
- {
54
- "token": "avatar-group-size-75",
55
- "context": "Size"
56
- },
57
- {
58
- "token": "avatar-group-size-100",
59
- "context": "Size"
60
- },
61
- {
62
- "token": "avatar-group-size-200",
63
- "context": "Size"
64
- },
65
- {
66
- "token": "avatar-group-size-300",
67
- "context": "Size"
68
- },
69
- {
70
- "token": "avatar-group-size-400",
71
- "context": "Size"
72
- },
73
- {
74
- "token": "avatar-group-size-500",
75
- "context": "Size"
76
- },
77
- {
78
- "token": "spacing-100",
79
- "context": "Spacing (avatar group to label)"
80
- },
81
- {
82
- "token": "avatar-to-avatar-50",
83
- "context": "Spacing (avatar to avatar)"
84
- },
85
- {
86
- "token": "avatar-to-avatar-75",
87
- "context": "Spacing (avatar to avatar)"
88
- },
89
- {
90
- "token": "avatar-to-avatar-100",
91
- "context": "Spacing (avatar to avatar)"
92
- },
93
- {
94
- "token": "avatar-to-avatar-200",
95
- "context": "Spacing (avatar to avatar)"
96
- },
97
- {
98
- "token": "avatar-to-avatar-300",
99
- "context": "Spacing (avatar to avatar)"
100
- },
101
- {
102
- "token": "avatar-to-avatar-400",
103
- "context": "Spacing (avatar to avatar)"
104
- },
105
- {
106
- "token": "avatar-to-avatar-500",
107
- "context": "Spacing (avatar to avatar)"
108
- },
109
- {
110
- "token": "default-font-family",
111
- "context": "Layout"
112
- },
113
- {
114
- "token": "regular-font-weight",
115
- "context": "Layout"
116
- },
117
- {
118
- "token": "default-font-style",
119
- "context": "Layout"
120
- },
121
- {
122
- "token": "font-size-50",
123
- "context": "Layout"
124
- },
125
- {
126
- "token": "font-size-75",
127
- "context": "Layout"
128
- },
129
- {
130
- "token": "font-size-100",
131
- "context": "Layout"
132
- },
133
- {
134
- "token": "font-size-200",
135
- "context": "Layout"
136
- },
137
- {
138
- "token": "font-size-300",
139
- "context": "Layout"
140
- },
141
- {
142
- "token": "font-size-400",
143
- "context": "Layout"
144
- },
145
- {
146
- "token": "font-size-500",
147
- "context": "Layout"
148
- },
149
- {
150
- "token": "font-size-600",
151
- "context": "Layout"
152
- },
153
- {
154
- "token": "line-height-100",
155
- "context": "Layout"
156
- },
157
- {
158
- "token": "cjk-line-height-100",
159
- "context": "Layout"
160
- }
161
- ],
162
- "accessibility": {
163
- "role": "group",
164
- "focusable": false
165
- }
166
- }