@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,233 +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/in-line-alert.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "in-line-alert",
6
- "displayName": "In-line alert",
7
- "description": "In-line alerts display a non-modal message associated with objects in a view. These are often used in form validation, providing a place to aggregate feedback related to multiple fields.",
8
- "meta": {
9
- "category": "feedback",
10
- "documentationUrl": "https://spectrum.adobe.com/page/in-line-alert/"
11
- },
12
- "options": {
13
- "variant": {
14
- "type": "string",
15
- "default": "neutral",
16
- "values": [
17
- {
18
- "value": "neutral"
19
- },
20
- {
21
- "value": "informative"
22
- },
23
- {
24
- "value": "positive"
25
- },
26
- {
27
- "value": "notice"
28
- },
29
- {
30
- "value": "negative"
31
- },
32
- {
33
- "value": "accent"
34
- }
35
- ]
36
- },
37
- "style": {
38
- "type": "string",
39
- "default": "outline",
40
- "description": "The visual style of the alert.",
41
- "values": [
42
- {
43
- "value": "bold"
44
- },
45
- {
46
- "value": "subtle"
47
- },
48
- {
49
- "value": "outline"
50
- }
51
- ]
52
- },
53
- "href": {
54
- "type": "string",
55
- "description": "Optional URL within in-line alert content like a 'Learn more' link."
56
- },
57
- "heading": {
58
- "type": "string",
59
- "description": "Optional heading text displayed at the top of the alert."
60
- },
61
- "actionLabel": {
62
- "type": "string",
63
- "description": "If undefined, this button does not appear."
64
- }
65
- },
66
- "lifecycle": {
67
- "introduced": "1.0.0-draft"
68
- },
69
- "tokenBindings": [
70
- {
71
- "token": "border-width-200",
72
- "context": "Border "
73
- },
74
- {
75
- "token": "corner-radius-700",
76
- "context": "Rounding"
77
- },
78
- {
79
- "token": "workflow-icon-size-100",
80
- "context": "Icon"
81
- },
82
- {
83
- "token": "in-line-alert-minimum-width",
84
- "context": "Minimum width"
85
- },
86
- {
87
- "token": "spacing-300",
88
- "context": "Spacing (Top/Bottom/Start/End edge to Content)"
89
- },
90
- {
91
- "token": "spacing-100",
92
- "context": "Spacing (Title to Description) "
93
- },
94
- {
95
- "token": "spacing-200",
96
- "context": "Spacing (Description to Link, Description to Button, Link to Button) "
97
- },
98
- {
99
- "token": "component-height-50",
100
- "context": "Minimum title area height"
101
- },
102
- {
103
- "token": "heading-color",
104
- "context": "Title and Description (Border fill)"
105
- },
106
- {
107
- "token": "body-color",
108
- "context": "Title and Description (Border fill)"
109
- },
110
- {
111
- "token": "background-layer-2-color",
112
- "context": "Background (Border fill)"
113
- },
114
- {
115
- "token": "informative-visual-color",
116
- "context": "Border and Icon (Border fill, Informative)"
117
- },
118
- {
119
- "token": "positive-visual-color",
120
- "context": "Border and Icon (Border fill, Positive)"
121
- },
122
- {
123
- "token": "notice-visual-color",
124
- "context": "Border and Icon (Border fill, Notice)"
125
- },
126
- {
127
- "token": "negative-visual-color",
128
- "context": "Border and Icon (Border fill, Negative)"
129
- },
130
- {
131
- "token": "neutral-visual-color",
132
- "context": "Border (Border fill, Neutral)"
133
- },
134
- {
135
- "token": "informative-subtle-background-color-default",
136
- "context": "Background and Icon (Subtle fill, Informative)"
137
- },
138
- {
139
- "token": "positive-subtle-background-color-default",
140
- "context": "Background and Icon (Subtle fill, Positive)"
141
- },
142
- {
143
- "token": "notice-subtle-background-color-default",
144
- "context": "Background and Icon (Subtle fill, Notice)"
145
- },
146
- {
147
- "token": "negative-subtle-background-color-default",
148
- "context": "Background and Icon (Subtle fill, Negative)"
149
- },
150
- {
151
- "token": "neutral-subtle-background-color-default",
152
- "context": "Background and Icon (Subtle fill, Neutral)"
153
- },
154
- {
155
- "token": "white",
156
- "context": "Title and Description (Bold fill)"
157
- },
158
- {
159
- "token": "black",
160
- "context": "Title and Description (Bold fill, Notice)"
161
- },
162
- {
163
- "token": "informative-background-color-default",
164
- "context": "Background (Bold fill, Informative)"
165
- },
166
- {
167
- "token": "positive-background-color-default",
168
- "context": "Background (Bold fill, Positive)"
169
- },
170
- {
171
- "token": "notice-background-color-default",
172
- "context": "Background (Bold fill, Notice)"
173
- },
174
- {
175
- "token": "negative-background-color-default",
176
- "context": "Background (Bold fill, Negative)"
177
- },
178
- {
179
- "token": "neutral-subdued-background-color-default",
180
- "context": "Background (Bold fill, Neutral)"
181
- },
182
- {
183
- "token": "heading-sans-serif-font-family",
184
- "context": "Title and Description"
185
- },
186
- {
187
- "token": "heading-sans-serif-font-weight",
188
- "context": "Title and Description"
189
- },
190
- {
191
- "token": "heading-sans-serif-font-style",
192
- "context": "Title and Description"
193
- },
194
- {
195
- "token": "heading-size-xxs",
196
- "context": "Title and Description"
197
- },
198
- {
199
- "token": "heading-line-height",
200
- "context": "Title and Description"
201
- },
202
- {
203
- "token": "body-sans-serif-font-family",
204
- "context": "Title and Description"
205
- },
206
- {
207
- "token": "body-sans-serif-font-weight",
208
- "context": "Title and Description"
209
- },
210
- {
211
- "token": "body-sans-serif-font-style",
212
- "context": "Title and Description"
213
- },
214
- {
215
- "token": "body-size-s",
216
- "context": "Title and Description"
217
- },
218
- {
219
- "token": "body-line-height",
220
- "context": "Title and Description"
221
- }
222
- ],
223
- "accessibility": {
224
- "focusable": false,
225
- "wcag": [
226
- {
227
- "criterion": "4.1.3",
228
- "level": "AA",
229
- "title": "Status Messages"
230
- }
231
- ]
232
- }
233
- }
@@ -1,167 +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/link.json",
4
- "specVersion": "1.0.0-draft",
5
- "name": "link",
6
- "displayName": "Link",
7
- "description": "Links allow users to navigate to a different location. They can be presented inside a paragraph or as standalone text.",
8
- "meta": {
9
- "category": "actions",
10
- "documentationUrl": "https://spectrum.adobe.com/page/link/"
11
- },
12
- "options": {
13
- "variant": {
14
- "type": "string",
15
- "default": "primary",
16
- "values": [
17
- {
18
- "value": "primary"
19
- },
20
- {
21
- "value": "secondary"
22
- }
23
- ]
24
- },
25
- "isQuiet": {
26
- "type": "boolean",
27
- "default": false
28
- },
29
- "staticColor": {
30
- "type": "string",
31
- "description": "Static color must not be set for the default version of this component.",
32
- "values": [
33
- {
34
- "value": "white"
35
- },
36
- {
37
- "value": "black"
38
- }
39
- ]
40
- }
41
- },
42
- "states": [
43
- {
44
- "name": "hover",
45
- "trigger": "interaction"
46
- },
47
- {
48
- "name": "down",
49
- "trigger": "interaction"
50
- },
51
- {
52
- "name": "keyboard-focus",
53
- "trigger": "interaction"
54
- }
55
- ],
56
- "lifecycle": {
57
- "introduced": "1.0.0-draft"
58
- },
59
- "tokenBindings": [
60
- {
61
- "token": "accent-content-color-default",
62
- "context": "Text (primary)"
63
- },
64
- {
65
- "token": "accent-content-color-hover",
66
- "context": "Text (primary)"
67
- },
68
- {
69
- "token": "accent-content-color-down",
70
- "context": "Text (primary)"
71
- },
72
- {
73
- "token": "accent-content-color-key-focus",
74
- "context": "Text (primary)"
75
- },
76
- {
77
- "token": "neutral-content-color-default",
78
- "context": "Text (secondary)"
79
- },
80
- {
81
- "token": "neutral-content-color-hover",
82
- "context": "Text (secondary)"
83
- },
84
- {
85
- "token": "neutral-content-color-down",
86
- "context": "Text (secondary)"
87
- },
88
- {
89
- "token": "neutral-content-color-key-focus",
90
- "context": "Text (secondary)"
91
- },
92
- {
93
- "token": "white",
94
- "context": "Text (white)"
95
- },
96
- {
97
- "token": "black",
98
- "context": "Text (black)"
99
- },
100
- {
101
- "token": "default-font-family",
102
- "context": "Standalone variant, Default style"
103
- },
104
- {
105
- "token": "medium-font-weight",
106
- "context": "Standalone variant, Default style"
107
- },
108
- {
109
- "token": "default-font-style",
110
- "context": "Standalone variant, Default style"
111
- },
112
- {
113
- "token": "font-size-100",
114
- "context": "Standalone variant, Default style"
115
- },
116
- {
117
- "token": "line-height-100",
118
- "context": "Standalone variant, Default style"
119
- },
120
- {
121
- "token": "cjk-line-height-100",
122
- "context": "Standalone variant, Default style"
123
- },
124
- {
125
- "token": "text-underline-gap",
126
- "context": "Standalone variant, Default style"
127
- },
128
- {
129
- "token": "text-underline-thickness",
130
- "context": "Standalone variant, Default style"
131
- },
132
- {
133
- "token": "regular-font-weight",
134
- "context": "Inline variant, Default style"
135
- },
136
- {
137
- "token": "focus-indicator-color",
138
- "context": "Focus ring"
139
- },
140
- {
141
- "token": "focus-indicator-thickness",
142
- "context": "Focus ring"
143
- },
144
- {
145
- "token": "focus-indicator-gap",
146
- "context": "Focus ring"
147
- }
148
- ],
149
- "accessibility": {
150
- "role": "link",
151
- "intents": ["navigate"],
152
- "focusable": true,
153
- "keyboardIntents": ["activate"],
154
- "wcag": [
155
- {
156
- "criterion": "2.1.1",
157
- "level": "A",
158
- "title": "Keyboard"
159
- },
160
- {
161
- "criterion": "4.1.2",
162
- "level": "A",
163
- "title": "Name, Role, Value"
164
- }
165
- ]
166
- }
167
- }