@adobe/spectrum-tokens 13.0.0-beta.6 → 13.0.0-beta.7

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 +339 -0
  2. package/dist/json/drover.json +53 -10
  3. package/dist/json/variables.json +1517 -463
  4. package/moon.yml +1 -1
  5. package/package.json +1 -1
  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 +54 -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 +293 -0
  74. package/src/color-component.json +49 -9
  75. package/src/color-palette.json +1800 -184
  76. package/src/icons.json +18 -0
  77. package/src/layout-component.json +1866 -26
  78. package/src/layout.json +489 -8
  79. package/src/semantic-color-palette.json +80 -0
  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
package/CHANGELOG.md CHANGED
@@ -1,5 +1,344 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.7
4
+
5
+ ### Minor Changes
6
+
7
+ - 4853f76: Added schema to all tokens and fixed values that didn't meet schema requirements
8
+
9
+ ## Token Diff
10
+
11
+ _Token values updated (328):_
12
+
13
+ - `accent-background-color-default`
14
+ - `accent-background-color-down`
15
+ - `accent-background-color-hover`
16
+ - `accent-background-color-key-focus`
17
+ - `accent-color-100`
18
+ - `accent-color-1000`
19
+ - `accent-color-1100`
20
+ - `accent-color-1200`
21
+ - `accent-color-1300`
22
+ - `accent-color-1400`
23
+ - `accent-color-200`
24
+ - `accent-color-300`
25
+ - `accent-color-400`
26
+ - `accent-color-500`
27
+ - `accent-color-600`
28
+ - `accent-color-700`
29
+ - `accent-color-800`
30
+ - `accent-color-900`
31
+ - `accent-content-color-default`
32
+ - `accent-content-color-down`
33
+ - `accent-content-color-hover`
34
+ - `accent-content-color-key-focus`
35
+ - `accent-content-color-selected`
36
+ - `accent-visual-color`
37
+ - `blue-100`
38
+ - `blue-1000`
39
+ - `blue-1100`
40
+ - `blue-1200`
41
+ - `blue-1300`
42
+ - `blue-1400`
43
+ - `blue-200`
44
+ - `blue-300`
45
+ - `blue-400`
46
+ - `blue-500`
47
+ - `blue-600`
48
+ - `blue-700`
49
+ - `blue-800`
50
+ - `blue-900`
51
+ - `blue-background-color-default`
52
+ - `blue-visual-color`
53
+ - `celery-100`
54
+ - `celery-1000`
55
+ - `celery-1100`
56
+ - `celery-1200`
57
+ - `celery-1300`
58
+ - `celery-1400`
59
+ - `celery-200`
60
+ - `celery-300`
61
+ - `celery-400`
62
+ - `celery-500`
63
+ - `celery-600`
64
+ - `celery-700`
65
+ - `celery-800`
66
+ - `celery-900`
67
+ - `celery-background-color-default`
68
+ - `celery-visual-color`
69
+ - `chartreuse-100`
70
+ - `chartreuse-1000`
71
+ - `chartreuse-1100`
72
+ - `chartreuse-1200`
73
+ - `chartreuse-1300`
74
+ - `chartreuse-1400`
75
+ - `chartreuse-200`
76
+ - `chartreuse-300`
77
+ - `chartreuse-400`
78
+ - `chartreuse-500`
79
+ - `chartreuse-600`
80
+ - `chartreuse-700`
81
+ - `chartreuse-800`
82
+ - `chartreuse-900`
83
+ - `chartreuse-background-color-default`
84
+ - `chartreuse-visual-color`
85
+ - `contextual-help-body-size`
86
+ - `cyan-100`
87
+ - `cyan-1000`
88
+ - `cyan-1100`
89
+ - `cyan-1200`
90
+ - `cyan-1300`
91
+ - `cyan-1400`
92
+ - `cyan-200`
93
+ - `cyan-300`
94
+ - `cyan-400`
95
+ - `cyan-500`
96
+ - `cyan-600`
97
+ - `cyan-700`
98
+ - `cyan-800`
99
+ - `cyan-900`
100
+ - `cyan-background-color-default`
101
+ - `cyan-visual-color`
102
+ - `drop-zone-background-color`
103
+ - `focus-indicator-color`
104
+ - `fuchsia-100`
105
+ - `fuchsia-1000`
106
+ - `fuchsia-1100`
107
+ - `fuchsia-1200`
108
+ - `fuchsia-1300`
109
+ - `fuchsia-1400`
110
+ - `fuchsia-200`
111
+ - `fuchsia-300`
112
+ - `fuchsia-400`
113
+ - `fuchsia-500`
114
+ - `fuchsia-600`
115
+ - `fuchsia-700`
116
+ - `fuchsia-800`
117
+ - `fuchsia-900`
118
+ - `fuchsia-background-color-default`
119
+ - `fuchsia-visual-color`
120
+ - `green-100`
121
+ - `green-1000`
122
+ - `green-1100`
123
+ - `green-1200`
124
+ - `green-1300`
125
+ - `green-1400`
126
+ - `green-200`
127
+ - `green-300`
128
+ - `green-400`
129
+ - `green-500`
130
+ - `green-600`
131
+ - `green-700`
132
+ - `green-800`
133
+ - `green-900`
134
+ - `green-background-color-default`
135
+ - `green-visual-color`
136
+ - `icon-color-blue-primary-default`
137
+ - `icon-color-green-primary-default`
138
+ - `icon-color-red-primary-default`
139
+ - `icon-color-yellow-primary-default`
140
+ - `indigo-100`
141
+ - `indigo-1000`
142
+ - `indigo-1100`
143
+ - `indigo-1200`
144
+ - `indigo-1300`
145
+ - `indigo-1400`
146
+ - `indigo-200`
147
+ - `indigo-300`
148
+ - `indigo-400`
149
+ - `indigo-500`
150
+ - `indigo-600`
151
+ - `indigo-700`
152
+ - `indigo-800`
153
+ - `indigo-900`
154
+ - `indigo-background-color-default`
155
+ - `indigo-visual-color`
156
+ - `informative-background-color-default`
157
+ - `informative-background-color-down`
158
+ - `informative-background-color-hover`
159
+ - `informative-background-color-key-focus`
160
+ - `informative-color-100`
161
+ - `informative-color-1000`
162
+ - `informative-color-1100`
163
+ - `informative-color-1200`
164
+ - `informative-color-1300`
165
+ - `informative-color-1400`
166
+ - `informative-color-200`
167
+ - `informative-color-300`
168
+ - `informative-color-400`
169
+ - `informative-color-500`
170
+ - `informative-color-600`
171
+ - `informative-color-700`
172
+ - `informative-color-800`
173
+ - `informative-color-900`
174
+ - `informative-visual-color`
175
+ - `magenta-100`
176
+ - `magenta-1000`
177
+ - `magenta-1100`
178
+ - `magenta-1200`
179
+ - `magenta-1300`
180
+ - `magenta-1400`
181
+ - `magenta-200`
182
+ - `magenta-300`
183
+ - `magenta-400`
184
+ - `magenta-500`
185
+ - `magenta-600`
186
+ - `magenta-700`
187
+ - `magenta-800`
188
+ - `magenta-900`
189
+ - `magenta-background-color-default`
190
+ - `magenta-visual-color`
191
+ - `navigational-indicator-top-to-back-icon-extra-large`
192
+ - `navigational-indicator-top-to-back-icon-large`
193
+ - `navigational-indicator-top-to-back-icon-medium`
194
+ - `navigational-indicator-top-to-back-icon-small`
195
+ - `negative-background-color-default`
196
+ - `negative-background-color-down`
197
+ - `negative-background-color-hover`
198
+ - `negative-background-color-key-focus`
199
+ - `negative-border-color-default`
200
+ - `negative-border-color-down`
201
+ - `negative-border-color-focus`
202
+ - `negative-border-color-focus-hover`
203
+ - `negative-border-color-hover`
204
+ - `negative-border-color-key-focus`
205
+ - `negative-color-100`
206
+ - `negative-color-1000`
207
+ - `negative-color-1100`
208
+ - `negative-color-1200`
209
+ - `negative-color-1300`
210
+ - `negative-color-1400`
211
+ - `negative-color-200`
212
+ - `negative-color-300`
213
+ - `negative-color-400`
214
+ - `negative-color-500`
215
+ - `negative-color-600`
216
+ - `negative-color-700`
217
+ - `negative-color-800`
218
+ - `negative-color-900`
219
+ - `negative-content-color-default`
220
+ - `negative-content-color-down`
221
+ - `negative-content-color-hover`
222
+ - `negative-content-color-key-focus`
223
+ - `negative-visual-color`
224
+ - `notice-background-color-default`
225
+ - `notice-color-100`
226
+ - `notice-color-1000`
227
+ - `notice-color-1100`
228
+ - `notice-color-1200`
229
+ - `notice-color-1300`
230
+ - `notice-color-1400`
231
+ - `notice-color-200`
232
+ - `notice-color-300`
233
+ - `notice-color-400`
234
+ - `notice-color-500`
235
+ - `notice-color-600`
236
+ - `notice-color-700`
237
+ - `notice-color-800`
238
+ - `notice-color-900`
239
+ - `notice-visual-color`
240
+ - `orange-100`
241
+ - `orange-1000`
242
+ - `orange-1100`
243
+ - `orange-1200`
244
+ - `orange-1300`
245
+ - `orange-1400`
246
+ - `orange-200`
247
+ - `orange-300`
248
+ - `orange-400`
249
+ - `orange-500`
250
+ - `orange-600`
251
+ - `orange-700`
252
+ - `orange-800`
253
+ - `orange-900`
254
+ - `orange-background-color-default`
255
+ - `orange-visual-color`
256
+ - `positive-background-color-default`
257
+ - `positive-background-color-down`
258
+ - `positive-background-color-hover`
259
+ - `positive-background-color-key-focus`
260
+ - `positive-color-100`
261
+ - `positive-color-1000`
262
+ - `positive-color-1100`
263
+ - `positive-color-1200`
264
+ - `positive-color-1300`
265
+ - `positive-color-1400`
266
+ - `positive-color-200`
267
+ - `positive-color-300`
268
+ - `positive-color-400`
269
+ - `positive-color-500`
270
+ - `positive-color-600`
271
+ - `positive-color-700`
272
+ - `positive-color-800`
273
+ - `positive-color-900`
274
+ - `positive-visual-color`
275
+ - `purple-100`
276
+ - `purple-1000`
277
+ - `purple-1100`
278
+ - `purple-1200`
279
+ - `purple-1300`
280
+ - `purple-1400`
281
+ - `purple-200`
282
+ - `purple-300`
283
+ - `purple-400`
284
+ - `purple-500`
285
+ - `purple-600`
286
+ - `purple-700`
287
+ - `purple-800`
288
+ - `purple-900`
289
+ - `purple-background-color-default`
290
+ - `purple-visual-color`
291
+ - `red-100`
292
+ - `red-1000`
293
+ - `red-1100`
294
+ - `red-1200`
295
+ - `red-1300`
296
+ - `red-1400`
297
+ - `red-200`
298
+ - `red-300`
299
+ - `red-400`
300
+ - `red-500`
301
+ - `red-600`
302
+ - `red-700`
303
+ - `red-800`
304
+ - `red-900`
305
+ - `red-background-color-default`
306
+ - `red-visual-color`
307
+ - `seafoam-100`
308
+ - `seafoam-1000`
309
+ - `seafoam-1100`
310
+ - `seafoam-1200`
311
+ - `seafoam-1300`
312
+ - `seafoam-1400`
313
+ - `seafoam-200`
314
+ - `seafoam-300`
315
+ - `seafoam-400`
316
+ - `seafoam-500`
317
+ - `seafoam-600`
318
+ - `seafoam-700`
319
+ - `seafoam-800`
320
+ - `seafoam-900`
321
+ - `seafoam-background-color-default`
322
+ - `seafoam-visual-color`
323
+ - `side-navigation-item-to-header`
324
+ - `table-selected-row-background-color`
325
+ - `yellow-100`
326
+ - `yellow-1000`
327
+ - `yellow-1100`
328
+ - `yellow-1200`
329
+ - `yellow-1300`
330
+ - `yellow-1400`
331
+ - `yellow-200`
332
+ - `yellow-300`
333
+ - `yellow-400`
334
+ - `yellow-500`
335
+ - `yellow-600`
336
+ - `yellow-700`
337
+ - `yellow-800`
338
+ - `yellow-900`
339
+ - `yellow-background-color-default`
340
+ - `yellow-visual-color`
341
+
3
342
  ## 13.0.0-beta.6
4
343
 
5
344
  ### Minor Changes
@@ -383,7 +383,6 @@
383
383
  "orange-visual-color": "rgb(232, 106, 0)",
384
384
  "overlay-color": "rgb(0, 0, 0)",
385
385
  "overlay-opacity": "0.4",
386
- "picker-border-width": "1px",
387
386
  "pink-100": "rgb(255, 246, 252)",
388
387
  "pink-1000": "rgb(176, 31, 123)",
389
388
  "pink-1100": "rgb(152, 22, 104)",
@@ -933,7 +932,6 @@
933
932
  "orange-visual-color": "rgb(224, 100, 0)",
934
933
  "overlay-color": "rgb(0, 0, 0)",
935
934
  "overlay-opacity": "0.6",
936
- "picker-border-width": "1px",
937
935
  "pink-100": "rgb(58, 0, 37)",
938
936
  "pink-1000": "rgb(251, 90, 196)",
939
937
  "pink-1100": "rgb(255, 122, 210)",
@@ -1128,7 +1126,6 @@
1128
1126
  "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.15)",
1129
1127
  "opacity-checkerboard-square-light": "rgb(255, 255, 255)",
1130
1128
  "overlay-color": "rgb(0, 0, 0)",
1131
- "picker-border-width": "1px",
1132
1129
  "static-black-focus-indicator-color": "rgb(0, 0, 0)",
1133
1130
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
1134
1131
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
@@ -1214,6 +1211,17 @@
1214
1211
  "alert-dialog-maximum-width": "480px",
1215
1212
  "alert-dialog-minimum-width": "288px",
1216
1213
  "alert-dialog-title-size": "18px",
1214
+ "arrow-icon-size-100": "10px",
1215
+ "arrow-icon-size-200": "12px",
1216
+ "arrow-icon-size-300": "14px",
1217
+ "arrow-icon-size-400": "16px",
1218
+ "arrow-icon-size-500": "18px",
1219
+ "arrow-icon-size-600": "20px",
1220
+ "arrow-icon-size-75": "10px",
1221
+ "asterisk-icon-size-100": "8px",
1222
+ "asterisk-icon-size-200": "10px",
1223
+ "asterisk-icon-size-300": "10px",
1224
+ "asterisk-icon-size-75": "8px",
1217
1225
  "avatar-opacity-disabled": "0.3",
1218
1226
  "avatar-size-100": "20px",
1219
1227
  "avatar-size-200": "22px",
@@ -1278,6 +1286,22 @@
1278
1286
  "checkbox-top-to-control-large": "12px",
1279
1287
  "checkbox-top-to-control-medium": "9px",
1280
1288
  "checkbox-top-to-control-small": "6px",
1289
+ "checkmark-icon-size-100": "10px",
1290
+ "checkmark-icon-size-200": "12px",
1291
+ "checkmark-icon-size-300": "14px",
1292
+ "checkmark-icon-size-400": "16px",
1293
+ "checkmark-icon-size-50": "10px",
1294
+ "checkmark-icon-size-500": "16px",
1295
+ "checkmark-icon-size-600": "18px",
1296
+ "checkmark-icon-size-75": "10px",
1297
+ "chevron-icon-size-100": "10px",
1298
+ "chevron-icon-size-200": "12px",
1299
+ "chevron-icon-size-300": "14px",
1300
+ "chevron-icon-size-400": "16px",
1301
+ "chevron-icon-size-50": "6px",
1302
+ "chevron-icon-size-500": "16px",
1303
+ "chevron-icon-size-600": "18px",
1304
+ "chevron-icon-size-75": "10px",
1281
1305
  "cjk-letter-spacing": "0.05em",
1282
1306
  "cjk-line-height-100": "1.5",
1283
1307
  "cjk-line-height-200": "1.7",
@@ -1309,7 +1333,6 @@
1309
1333
  "color-handle-border-width": "2px",
1310
1334
  "color-handle-inner-border-opacity": "0.42",
1311
1335
  "color-handle-inner-border-width": "1px",
1312
- "color-handle-outer-border-color": "rgb(0, 0, 0)",
1313
1336
  "color-handle-outer-border-opacity": "0.42",
1314
1337
  "color-handle-outer-border-width": "1px",
1315
1338
  "color-handle-size": "16px",
@@ -1388,12 +1411,31 @@
1388
1411
  "component-top-to-workflow-icon-300": "13px",
1389
1412
  "component-top-to-workflow-icon-50": "3px",
1390
1413
  "component-top-to-workflow-icon-75": "4px",
1391
- "contextual-help-body-size": "18px",
1414
+ "contextual-help-body-size": "14px",
1392
1415
  "contextual-help-minimum-width": "268px",
1393
1416
  "contextual-help-title-size": "16px",
1394
1417
  "corner-radius-100": "4px",
1395
1418
  "corner-radius-200": "8px",
1396
1419
  "corner-radius-75": "2px",
1420
+ "corner-triangle-icon-size-100": "5px",
1421
+ "corner-triangle-icon-size-200": "6px",
1422
+ "corner-triangle-icon-size-300": "7px",
1423
+ "corner-triangle-icon-size-75": "5px",
1424
+ "cross-icon-size-100": "8px",
1425
+ "cross-icon-size-200": "10px",
1426
+ "cross-icon-size-300": "12px",
1427
+ "cross-icon-size-400": "12px",
1428
+ "cross-icon-size-500": "14px",
1429
+ "cross-icon-size-600": "16px",
1430
+ "cross-icon-size-75": "8px",
1431
+ "dash-icon-size-100": "10px",
1432
+ "dash-icon-size-200": "12px",
1433
+ "dash-icon-size-300": "12px",
1434
+ "dash-icon-size-400": "14px",
1435
+ "dash-icon-size-50": "8px",
1436
+ "dash-icon-size-500": "16px",
1437
+ "dash-icon-size-600": "18px",
1438
+ "dash-icon-size-75": "8px",
1397
1439
  "detail-cjk-line-height": "1.5",
1398
1440
  "detail-letter-spacing": "0.06em",
1399
1441
  "detail-line-height": "1.3",
@@ -1575,10 +1617,10 @@
1575
1617
  "meter-thickness-large": "6px",
1576
1618
  "meter-thickness-small": "4px",
1577
1619
  "meter-width": "192px",
1578
- "navigational-indicator-top-to-back-icon-extra-large": "17px",
1579
- "navigational-indicator-top-to-back-icon-large": "14px",
1580
- "navigational-indicator-top-to-back-icon-medium": "11px",
1581
- "navigational-indicator-top-to-back-icon-small": "7px",
1620
+ "navigational-indicator-top-to-back-icon-extra-large": "15px",
1621
+ "navigational-indicator-top-to-back-icon-large": "12px",
1622
+ "navigational-indicator-top-to-back-icon-medium": "9px",
1623
+ "navigational-indicator-top-to-back-icon-small": "6px",
1582
1624
  "opacity-checkerboard-square-size": "8px",
1583
1625
  "opacity-disabled": "0.3",
1584
1626
  "picker-border-width": "1px",
@@ -1620,7 +1662,8 @@
1620
1662
  "side-label-character-count-top-margin-medium": "8px",
1621
1663
  "side-label-character-count-top-margin-small": "4px",
1622
1664
  "side-navigation-bottom-to-text": "8px",
1623
- "side-navigation-item-to-header": "16px",
1665
+ "side-navigation-header-to-item": "8px",
1666
+ "side-navigation-item-to-header": "24px",
1624
1667
  "side-navigation-item-to-item": "4px",
1625
1668
  "side-navigation-maximum-width": "240px",
1626
1669
  "side-navigation-minimum-width": "160px",