@adobe/spectrum-tokens 13.0.0-beta.2 → 13.0.0-beta.21

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 (84) hide show
  1. package/CHANGELOG.md +1379 -0
  2. package/dist/json/drover.json +826 -473
  3. package/dist/json/variables.json +9794 -6005
  4. package/moon.yml +1 -1
  5. package/package.json +7 -4
  6. package/schemas/components/action-bar.json +1 -1
  7. package/schemas/components/action-button.json +1 -1
  8. package/schemas/components/action-group.json +1 -1
  9. package/schemas/components/alert-banner.json +1 -1
  10. package/schemas/components/alert-dialog.json +1 -1
  11. package/schemas/components/avatar.json +1 -1
  12. package/schemas/components/badge.json +1 -1
  13. package/schemas/components/body.json +1 -1
  14. package/schemas/components/bottom-navigation-android.json +1 -1
  15. package/schemas/components/breadcrumbs.json +1 -1
  16. package/schemas/components/button-group.json +1 -1
  17. package/schemas/components/button.json +1 -1
  18. package/schemas/components/checkbox-group.json +1 -1
  19. package/schemas/components/checkbox.json +1 -1
  20. package/schemas/components/close-button.json +1 -1
  21. package/schemas/components/code.json +1 -1
  22. package/schemas/components/color-area.json +1 -1
  23. package/schemas/components/color-loupe.json +1 -1
  24. package/schemas/components/color-slider.json +1 -1
  25. package/schemas/components/color-wheel.json +1 -1
  26. package/schemas/components/combo-box.json +1 -1
  27. package/schemas/components/contextual-help.json +1 -1
  28. package/schemas/components/detail.json +1 -1
  29. package/schemas/components/divider.json +1 -1
  30. package/schemas/components/field-label.json +1 -1
  31. package/schemas/components/heading.json +1 -1
  32. package/schemas/components/help-text.json +1 -1
  33. package/schemas/components/in-line-alert.json +1 -1
  34. package/schemas/components/link.json +1 -1
  35. package/schemas/components/menu.json +1 -1
  36. package/schemas/components/meter.json +1 -1
  37. package/schemas/components/picker.json +1 -1
  38. package/schemas/components/popover.json +1 -1
  39. package/schemas/components/progress-bar.json +1 -1
  40. package/schemas/components/progress-circle.json +1 -1
  41. package/schemas/components/radio-group.json +1 -1
  42. package/schemas/components/rating.json +1 -1
  43. package/schemas/components/scroll-zoom-bar.json +1 -1
  44. package/schemas/components/side-navigation.json +1 -1
  45. package/schemas/components/slider.json +1 -1
  46. package/schemas/components/status-light.json +1 -1
  47. package/schemas/components/swatch-group.json +1 -1
  48. package/schemas/components/swatch.json +1 -1
  49. package/schemas/components/switch.json +1 -1
  50. package/schemas/components/tab-bar-ios.json +1 -1
  51. package/schemas/components/tabs.json +1 -1
  52. package/schemas/components/tag.json +1 -1
  53. package/schemas/components/text-area.json +1 -1
  54. package/schemas/components/text-field.json +1 -1
  55. package/schemas/components/toast.json +1 -1
  56. package/schemas/components/tooltip.json +1 -1
  57. package/schemas/components/tray.json +1 -1
  58. package/schemas/components/tree-view.json +1 -1
  59. package/schemas/token-types/alias.json +25 -0
  60. package/schemas/token-types/color-set.json +69 -0
  61. package/schemas/token-types/color.json +25 -0
  62. package/schemas/token-types/dimension.json +25 -0
  63. package/schemas/token-types/font-family.json +25 -0
  64. package/schemas/token-types/font-size.json +25 -0
  65. package/schemas/token-types/font-style.json +25 -0
  66. package/schemas/token-types/font-weight.json +25 -0
  67. package/schemas/token-types/multiplier.json +25 -0
  68. package/schemas/token-types/opacity.json +25 -0
  69. package/schemas/token-types/scale-set.json +60 -0
  70. package/schemas/token-types/set.json +22 -0
  71. package/schemas/token-types/text-transform.json +25 -0
  72. package/schemas/token-types/token.json +27 -0
  73. package/src/color-aliases.json +573 -119
  74. package/src/color-component.json +52 -12
  75. package/src/color-palette.json +3038 -414
  76. package/src/icons.json +18 -0
  77. package/src/layout-component.json +5120 -2385
  78. package/src/layout.json +773 -102
  79. package/src/semantic-color-palette.json +101 -1
  80. package/src/typography.json +285 -0
  81. package/test/checkId.test.js +55 -33
  82. package/test/componentSchemaValidator.test.js +74 -0
  83. package/test/schemaValidators/alias.test.js +41 -0
  84. package/test/tokenSchemaValidator.test.js +97 -0
@@ -1,56 +1,68 @@
1
1
  {
2
2
  "swatch-border-color": {
3
3
  "component": "swatch",
4
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
4
5
  "value": "{gray-900}",
5
6
  "uuid": "7da5157d-7f25-405b-8de0-f3669565fb48"
6
7
  },
7
8
  "swatch-border-opacity": {
8
9
  "component": "swatch",
10
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
9
11
  "value": "0.51",
10
12
  "uuid": "0e397a80-cf33-44ed-8b7d-1abaf4426bf5"
11
13
  },
12
14
  "swatch-disabled-icon-border-color": {
13
15
  "component": "swatch",
16
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
14
17
  "value": "{black}",
15
18
  "uuid": "c49cd7ae-7657-458b-871a-6b4f28bca535"
16
19
  },
17
20
  "swatch-disabled-icon-border-opacity": {
18
21
  "component": "swatch",
22
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
19
23
  "value": "0.51",
20
24
  "uuid": "cdbba3b6-cb51-4fec-88f0-273d4bb59a18"
21
25
  },
22
26
  "thumbnail-border-color": {
23
27
  "component": "thumbnail",
28
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
24
29
  "value": "{gray-800}",
25
30
  "uuid": "5bd226f1-0a6b-42bc-80af-4a9dde99e9e9"
26
31
  },
27
32
  "thumbnail-border-opacity": {
28
33
  "component": "thumbnail",
34
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
29
35
  "value": "0.1",
30
36
  "uuid": "58bd04e9-5b85-44d8-8474-96e157701070"
31
37
  },
32
38
  "thumbnail-opacity-disabled": {
33
39
  "component": "thumbnail",
40
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
34
41
  "value": "{opacity-disabled}",
35
42
  "uuid": "92418bcd-5f0f-4f26-9a96-51f8c9e871bf"
36
43
  },
37
44
  "opacity-checkerboard-square-light": {
38
45
  "component": "opacity-checkerboard",
46
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
39
47
  "value": "{white}",
40
48
  "uuid": "c7e50676-3f61-49c3-a35f-2532fdb02360"
41
49
  },
42
50
  "opacity-checkerboard-square-dark": {
43
51
  "component": "opacity-checkerboard",
52
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
44
53
  "sets": {
45
54
  "light": {
55
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
46
56
  "value": "{gray-200}",
47
57
  "uuid": "84a7cd5e-bb2b-4bb5-bb5f-f5839ae3a761"
48
58
  },
49
59
  "dark": {
60
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
50
61
  "value": "{gray-800}",
51
62
  "uuid": "f783b8cb-d31f-46c2-b550-990639752510"
52
63
  },
53
64
  "wireframe": {
65
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
54
66
  "value": "{gray-200}",
55
67
  "uuid": "e7fe88a4-6ab3-4963-8f10-9908a5a83123"
56
68
  }
@@ -58,110 +70,127 @@
58
70
  },
59
71
  "avatar-opacity-disabled": {
60
72
  "component": "avatar",
73
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
61
74
  "value": "{opacity-disabled}",
62
75
  "uuid": "84d25d1b-f9e4-4a9e-8cd0-92367ff00637"
63
76
  },
64
77
  "color-area-border-color": {
65
78
  "component": "color-area",
66
- "value": "{gray-900}",
79
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
80
+ "value": "{gray-1000}",
67
81
  "uuid": "70fc4674-0f09-48f5-8850-48b4b38c2f01"
68
82
  },
69
83
  "color-area-border-opacity": {
70
84
  "component": "color-area",
85
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
71
86
  "value": "0.1",
72
87
  "uuid": "fba1851e-0056-4cdf-938d-6d61550bbe3c"
73
88
  },
74
89
  "color-slider-border-color": {
75
90
  "component": "color-slider",
76
- "value": "{gray-900}",
91
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
92
+ "value": "{gray-1000}",
77
93
  "uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
78
94
  },
79
95
  "color-slider-border-opacity": {
80
96
  "component": "color-slider",
97
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
81
98
  "value": "0.1",
82
99
  "uuid": "8271b69e-6542-4b17-b0f0-72567e16c41b"
83
100
  },
84
101
  "color-loupe-drop-shadow-color": {
85
102
  "component": "color-loupe",
103
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
86
104
  "value": "{transparent-black-300}",
87
105
  "uuid": "918b8089-d89f-45d2-8c9c-f3f13f81b0b9"
88
106
  },
89
107
  "color-loupe-drop-shadow-y": {
90
108
  "component": "color-loupe",
109
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
91
110
  "value": "2px",
92
111
  "uuid": "c9af5d60-11b1-4fc3-972e-6a607120657b"
93
112
  },
94
113
  "color-loupe-drop-shadow-blur": {
95
114
  "component": "color-loupe",
115
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
96
116
  "value": "8px",
97
117
  "uuid": "86caa027-9e9e-4a5f-aa38-058f0a96bc9d"
98
118
  },
99
119
  "color-loupe-inner-border": {
100
120
  "component": "color-loupe",
121
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
101
122
  "value": "{transparent-black-200}",
102
123
  "uuid": "d2c4cb48-8a90-461d-95bc-d882ba01472b"
103
124
  },
104
125
  "color-loupe-outer-border": {
105
126
  "component": "color-loupe",
127
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
106
128
  "value": "{white}",
107
129
  "uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
108
130
  },
109
131
  "card-selection-background-color": {
110
132
  "component": "cards",
133
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
111
134
  "value": "{gray-100}",
112
135
  "uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
113
136
  },
114
137
  "card-selection-background-color-opacity": {
115
138
  "component": "cards",
139
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
116
140
  "value": "0.95",
117
141
  "uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
118
142
  },
119
143
  "drop-zone-background-color": {
120
144
  "component": "drop-zone",
145
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
121
146
  "value": "{accent-visual-color}",
122
147
  "uuid": "866f3613-c12f-4475-87b1-ad86ef2ce153"
123
148
  },
124
149
  "drop-zone-background-color-opacity": {
125
150
  "component": "drop-zone",
151
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
126
152
  "value": "0.1",
127
153
  "uuid": "ee5ed78b-230c-4b37-9d76-1787a975bb63"
128
154
  },
129
155
  "drop-zone-background-color-opacity-filled": {
130
156
  "component": "drop-zone",
157
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
131
158
  "value": "0.3",
132
159
  "uuid": "ca70550a-b11a-438f-9c70-ff1eeba532cc"
133
160
  },
134
161
  "coach-mark-pagination-color": {
135
162
  "component": "coach-mark",
163
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
136
164
  "value": "{gray-600}",
137
165
  "uuid": "f8cefe70-db2c-489e-bbbe-964050e96ab6"
138
166
  },
139
167
  "color-handle-inner-border-color": {
140
168
  "component": "color-handle",
169
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
141
170
  "value": "{black}",
142
171
  "uuid": "0c93f310-d7c6-474b-8f07-0e8e76e2756e"
143
172
  },
144
173
  "color-handle-inner-border-opacity": {
145
174
  "component": "color-handle",
175
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
146
176
  "value": "0.42",
147
177
  "uuid": "72b473c6-ec9b-4830-a0f8-48b80070e7b8"
148
178
  },
149
179
  "color-handle-outer-border-color": {
150
180
  "component": "color-handle",
151
- "sets": {
152
- "spectrum": {
153
- "value": "{black}",
154
- "uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
155
- }
156
- }
181
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
182
+ "value": "{black}",
183
+ "uuid": "e4733356-090e-4bb7-b32d-ab9df30fb785"
157
184
  },
158
185
  "color-handle-outer-border-opacity": {
159
186
  "component": "color-handle",
187
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
160
188
  "value": "{color-handle-inner-border-opacity}",
161
189
  "uuid": "0a0eff89-7e7d-4b7f-bcfa-a85e33e5798a"
162
190
  },
163
191
  "color-handle-drop-shadow-color": {
164
192
  "component": "color-handle",
193
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
165
194
  "deprecated": true,
166
195
  "deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
167
196
  "value": "{drop-shadow-color}",
@@ -169,59 +198,70 @@
169
198
  },
170
199
  "floating-action-button-drop-shadow-color": {
171
200
  "component": "floating-action-button",
201
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
172
202
  "value": "{transparent-black-300}",
173
203
  "uuid": "d66d3a56-1ba0-4ce7-a263-eb46a4d17af0"
174
204
  },
175
205
  "floating-action-button-shadow-color": {
176
206
  "component": "floating-action-button",
177
- "deprecated": true,
178
- "deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead",
207
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
179
208
  "value": "{floating-action-button-drop-shadow-color}",
180
- "uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575"
209
+ "uuid": "f843b1b7-4b2f-496e-a679-b0372e49d575",
210
+ "deprecated": true,
211
+ "deprecated_comment": "Use `floating-action-button-drop-shadow-color` instead"
181
212
  },
182
213
  "table-row-hover-color": {
183
214
  "component": "table",
215
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
184
216
  "value": "{gray-900}",
185
217
  "uuid": "44aedb76-5483-4ac3-a6f5-8cf71c2bd376"
186
218
  },
187
219
  "table-row-hover-opacity": {
188
220
  "component": "table",
221
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
189
222
  "value": "0.07",
190
223
  "uuid": "e287d553-3712-4d6e-98f0-6075107e85fe"
191
224
  },
192
225
  "table-selected-row-background-color": {
193
226
  "component": "table",
227
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
194
228
  "value": "{informative-background-color-default}",
195
229
  "uuid": "b7537f50-bd49-44b6-a171-19943d443d24"
196
230
  },
197
231
  "table-selected-row-background-opacity": {
198
232
  "component": "table",
233
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
199
234
  "value": "0.1",
200
235
  "uuid": "61b3aa04-0e7e-44b8-a4c8-8442a4ebf549"
201
236
  },
202
237
  "table-selected-row-background-color-non-emphasized": {
203
238
  "component": "table",
239
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
204
240
  "value": "{neutral-background-color-selected-default}",
205
241
  "uuid": "8578067a-6ce0-4059-84ad-4688c71df156"
206
242
  },
207
243
  "table-selected-row-background-opacity-non-emphasized": {
208
244
  "component": "table",
245
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
209
246
  "value": "0.1",
210
247
  "uuid": "1ef41e27-3dea-4589-ad7a-140a03a77384"
211
248
  },
212
249
  "table-row-down-opacity": {
213
250
  "component": "table",
251
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
214
252
  "value": "0.1",
215
253
  "uuid": "75ae742c-e96e-494f-9880-746bb2849575"
216
254
  },
217
255
  "table-selected-row-background-opacity-hover": {
218
256
  "component": "table",
257
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
219
258
  "value": "0.15",
220
259
  "uuid": "ce2851bc-8ae1-4b27-8cd6-f191c9cd7fe9"
221
260
  },
222
261
  "table-selected-row-background-opacity-non-emphasized-hover": {
223
262
  "component": "table",
263
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
224
264
  "value": "0.15",
225
265
  "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
226
266
  }
227
- }
267
+ }