@adobe/spectrum-tokens 12.19.1 → 13.0.0-beta.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,497 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.1
4
+
5
+ ### Major Changes
6
+
7
+ - f1cb901: Merged dark and darkest color sets. This was done by removing `dark` and renaming `darkest` to `dark`.
8
+
9
+ ## Design Motivation
10
+
11
+ The S2 microsite documentation discusses the move to a [single dark theme](https://s2.spectrum.corp.adobe.com/page/grays/#a-single-dark-theme).
12
+
13
+ ## Token Diff
14
+
15
+ <details><summary><strong>Token values updated (358):</strong></summary>
16
+
17
+ - `accent-background-color-default`
18
+ - `accent-background-color-down`
19
+ - `accent-background-color-hover`
20
+ - `accent-background-color-key-focus`
21
+ - `accent-visual-color`
22
+ - `background-base-color`
23
+ - `background-layer-1-color`
24
+ - `background-layer-2-color`
25
+ - `blue-100`
26
+ - `blue-1000`
27
+ - `blue-1100`
28
+ - `blue-1200`
29
+ - `blue-1300`
30
+ - `blue-1400`
31
+ - `blue-200`
32
+ - `blue-300`
33
+ - `blue-400`
34
+ - `blue-500`
35
+ - `blue-600`
36
+ - `blue-700`
37
+ - `blue-800`
38
+ - `blue-900`
39
+ - `blue-background-color-default`
40
+ - `blue-visual-color`
41
+ - `body-color`
42
+ - `card-selection-background-color`
43
+ - `celery-100`
44
+ - `celery-1000`
45
+ - `celery-1100`
46
+ - `celery-1200`
47
+ - `celery-1300`
48
+ - `celery-1400`
49
+ - `celery-200`
50
+ - `celery-300`
51
+ - `celery-400`
52
+ - `celery-500`
53
+ - `celery-600`
54
+ - `celery-700`
55
+ - `celery-800`
56
+ - `celery-900`
57
+ - `celery-background-color-default`
58
+ - `celery-visual-color`
59
+ - `chartreuse-100`
60
+ - `chartreuse-1000`
61
+ - `chartreuse-1100`
62
+ - `chartreuse-1200`
63
+ - `chartreuse-1300`
64
+ - `chartreuse-1400`
65
+ - `chartreuse-200`
66
+ - `chartreuse-300`
67
+ - `chartreuse-400`
68
+ - `chartreuse-500`
69
+ - `chartreuse-600`
70
+ - `chartreuse-700`
71
+ - `chartreuse-800`
72
+ - `chartreuse-900`
73
+ - `chartreuse-background-color-default`
74
+ - `chartreuse-visual-color`
75
+ - `coach-mark-pagination-color`
76
+ - `code-color`
77
+ - `color-area-border-color`
78
+ - `color-slider-border-color`
79
+ - `cyan-100`
80
+ - `cyan-1000`
81
+ - `cyan-1100`
82
+ - `cyan-1200`
83
+ - `cyan-1300`
84
+ - `cyan-1400`
85
+ - `cyan-200`
86
+ - `cyan-300`
87
+ - `cyan-400`
88
+ - `cyan-500`
89
+ - `cyan-600`
90
+ - `cyan-700`
91
+ - `cyan-800`
92
+ - `cyan-900`
93
+ - `cyan-background-color-default`
94
+ - `cyan-visual-color`
95
+ - `detail-color`
96
+ - `disabled-background-color`
97
+ - `disabled-border-color`
98
+ - `disabled-content-color`
99
+ - `drop-shadow-color`
100
+ - `drop-zone-background-color`
101
+ - `focus-indicator-color`
102
+ - `fuchsia-100`
103
+ - `fuchsia-1000`
104
+ - `fuchsia-1100`
105
+ - `fuchsia-1200`
106
+ - `fuchsia-1300`
107
+ - `fuchsia-1400`
108
+ - `fuchsia-200`
109
+ - `fuchsia-300`
110
+ - `fuchsia-400`
111
+ - `fuchsia-500`
112
+ - `fuchsia-600`
113
+ - `fuchsia-700`
114
+ - `fuchsia-800`
115
+ - `fuchsia-900`
116
+ - `fuchsia-background-color-default`
117
+ - `fuchsia-visual-color`
118
+ - `gray-100`
119
+ - `gray-200`
120
+ - `gray-300`
121
+ - `gray-400`
122
+ - `gray-50`
123
+ - `gray-500`
124
+ - `gray-600`
125
+ - `gray-700`
126
+ - `gray-75`
127
+ - `gray-800`
128
+ - `gray-900`
129
+ - `gray-background-color-default`
130
+ - `gray-visual-color`
131
+ - `green-100`
132
+ - `green-1000`
133
+ - `green-1100`
134
+ - `green-1200`
135
+ - `green-1300`
136
+ - `green-1400`
137
+ - `green-200`
138
+ - `green-300`
139
+ - `green-400`
140
+ - `green-500`
141
+ - `green-600`
142
+ - `green-700`
143
+ - `green-800`
144
+ - `green-900`
145
+ - `green-background-color-default`
146
+ - `green-visual-color`
147
+ - `heading-color`
148
+ - `icon-color-blue-primary-default`
149
+ - `icon-color-green-primary-default`
150
+ - `icon-color-inverse`
151
+ - `icon-color-primary-default`
152
+ - `icon-color-red-primary-default`
153
+ - `icon-color-yellow-primary-default`
154
+ - `indigo-100`
155
+ - `indigo-1000`
156
+ - `indigo-1100`
157
+ - `indigo-1200`
158
+ - `indigo-1300`
159
+ - `indigo-1400`
160
+ - `indigo-200`
161
+ - `indigo-300`
162
+ - `indigo-400`
163
+ - `indigo-500`
164
+ - `indigo-600`
165
+ - `indigo-700`
166
+ - `indigo-800`
167
+ - `indigo-900`
168
+ - `indigo-background-color-default`
169
+ - `indigo-visual-color`
170
+ - `informative-background-color-default`
171
+ - `informative-background-color-down`
172
+ - `informative-background-color-hover`
173
+ - `informative-background-color-key-focus`
174
+ - `informative-color-100`
175
+ - `informative-color-1000`
176
+ - `informative-color-1100`
177
+ - `informative-color-1200`
178
+ - `informative-color-1300`
179
+ - `informative-color-1400`
180
+ - `informative-color-200`
181
+ - `informative-color-300`
182
+ - `informative-color-400`
183
+ - `informative-color-500`
184
+ - `informative-color-600`
185
+ - `informative-color-700`
186
+ - `informative-color-800`
187
+ - `informative-color-900`
188
+ - `informative-visual-color`
189
+ - `magenta-100`
190
+ - `magenta-1000`
191
+ - `magenta-1100`
192
+ - `magenta-1200`
193
+ - `magenta-1300`
194
+ - `magenta-1400`
195
+ - `magenta-200`
196
+ - `magenta-300`
197
+ - `magenta-400`
198
+ - `magenta-500`
199
+ - `magenta-600`
200
+ - `magenta-700`
201
+ - `magenta-800`
202
+ - `magenta-900`
203
+ - `magenta-background-color-default`
204
+ - `magenta-visual-color`
205
+ - `negative-background-color-default`
206
+ - `negative-background-color-down`
207
+ - `negative-background-color-hover`
208
+ - `negative-background-color-key-focus`
209
+ - `negative-border-color-default`
210
+ - `negative-border-color-down`
211
+ - `negative-border-color-focus`
212
+ - `negative-border-color-focus-hover`
213
+ - `negative-border-color-hover`
214
+ - `negative-border-color-key-focus`
215
+ - `negative-color-100`
216
+ - `negative-color-1000`
217
+ - `negative-color-1100`
218
+ - `negative-color-1200`
219
+ - `negative-color-1300`
220
+ - `negative-color-1400`
221
+ - `negative-color-200`
222
+ - `negative-color-300`
223
+ - `negative-color-400`
224
+ - `negative-color-500`
225
+ - `negative-color-600`
226
+ - `negative-color-700`
227
+ - `negative-color-800`
228
+ - `negative-color-900`
229
+ - `negative-content-color-default`
230
+ - `negative-content-color-down`
231
+ - `negative-content-color-hover`
232
+ - `negative-content-color-key-focus`
233
+ - `negative-visual-color`
234
+ - `neutral-background-color-default`
235
+ - `neutral-background-color-down`
236
+ - `neutral-background-color-hover`
237
+ - `neutral-background-color-key-focus`
238
+ - `neutral-content-color-default`
239
+ - `neutral-content-color-down`
240
+ - `neutral-content-color-focus`
241
+ - `neutral-content-color-focus-hover`
242
+ - `neutral-content-color-hover`
243
+ - `neutral-content-color-key-focus`
244
+ - `neutral-subdued-background-color-default`
245
+ - `neutral-subdued-background-color-down`
246
+ - `neutral-subdued-background-color-hover`
247
+ - `neutral-subdued-background-color-key-focus`
248
+ - `neutral-subdued-content-color-default`
249
+ - `neutral-subdued-content-color-down`
250
+ - `neutral-subdued-content-color-hover`
251
+ - `neutral-subdued-content-color-key-focus`
252
+ - `neutral-subdued-content-color-selected`
253
+ - `neutral-visual-color`
254
+ - `notice-background-color-default`
255
+ - `notice-color-100`
256
+ - `notice-color-1000`
257
+ - `notice-color-1100`
258
+ - `notice-color-1200`
259
+ - `notice-color-1300`
260
+ - `notice-color-1400`
261
+ - `notice-color-200`
262
+ - `notice-color-300`
263
+ - `notice-color-400`
264
+ - `notice-color-500`
265
+ - `notice-color-600`
266
+ - `notice-color-700`
267
+ - `notice-color-800`
268
+ - `notice-color-900`
269
+ - `notice-visual-color`
270
+ - `opacity-checkerboard-square-dark`
271
+ - `orange-100`
272
+ - `orange-1000`
273
+ - `orange-1100`
274
+ - `orange-1200`
275
+ - `orange-1300`
276
+ - `orange-1400`
277
+ - `orange-200`
278
+ - `orange-300`
279
+ - `orange-400`
280
+ - `orange-500`
281
+ - `orange-600`
282
+ - `orange-700`
283
+ - `orange-800`
284
+ - `orange-900`
285
+ - `orange-background-color-default`
286
+ - `orange-visual-color`
287
+ - `overlay-opacity`
288
+ - `positive-background-color-default`
289
+ - `positive-background-color-down`
290
+ - `positive-background-color-hover`
291
+ - `positive-background-color-key-focus`
292
+ - `positive-color-100`
293
+ - `positive-color-1000`
294
+ - `positive-color-1100`
295
+ - `positive-color-1200`
296
+ - `positive-color-1300`
297
+ - `positive-color-1400`
298
+ - `positive-color-200`
299
+ - `positive-color-300`
300
+ - `positive-color-400`
301
+ - `positive-color-500`
302
+ - `positive-color-600`
303
+ - `positive-color-700`
304
+ - `positive-color-800`
305
+ - `positive-color-900`
306
+ - `positive-visual-color`
307
+ - `purple-100`
308
+ - `purple-1000`
309
+ - `purple-1100`
310
+ - `purple-1200`
311
+ - `purple-1300`
312
+ - `purple-1400`
313
+ - `purple-200`
314
+ - `purple-300`
315
+ - `purple-400`
316
+ - `purple-500`
317
+ - `purple-600`
318
+ - `purple-700`
319
+ - `purple-800`
320
+ - `purple-900`
321
+ - `purple-background-color-default`
322
+ - `purple-visual-color`
323
+ - `red-100`
324
+ - `red-1000`
325
+ - `red-1100`
326
+ - `red-1200`
327
+ - `red-1300`
328
+ - `red-1400`
329
+ - `red-200`
330
+ - `red-300`
331
+ - `red-400`
332
+ - `red-500`
333
+ - `red-600`
334
+ - `red-700`
335
+ - `red-800`
336
+ - `red-900`
337
+ - `red-background-color-default`
338
+ - `red-visual-color`
339
+ - `seafoam-100`
340
+ - `seafoam-1000`
341
+ - `seafoam-1100`
342
+ - `seafoam-1200`
343
+ - `seafoam-1300`
344
+ - `seafoam-1400`
345
+ - `seafoam-200`
346
+ - `seafoam-300`
347
+ - `seafoam-400`
348
+ - `seafoam-500`
349
+ - `seafoam-600`
350
+ - `seafoam-700`
351
+ - `seafoam-800`
352
+ - `seafoam-900`
353
+ - `seafoam-background-color-default`
354
+ - `seafoam-visual-color`
355
+ - `swatch-border-color`
356
+ - `table-row-hover-color`
357
+ - `table-selected-row-background-color`
358
+ - `thumbnail-border-color`
359
+ - `yellow-100`
360
+ - `yellow-1000`
361
+ - `yellow-1100`
362
+ - `yellow-1200`
363
+ - `yellow-1300`
364
+ - `yellow-1400`
365
+ - `yellow-200`
366
+ - `yellow-300`
367
+ - `yellow-400`
368
+ - `yellow-500`
369
+ - `yellow-600`
370
+ - `yellow-700`
371
+ - `yellow-800`
372
+ - `yellow-900`
373
+ - `yellow-background-color-default`
374
+ - `yellow-visual-color`
375
+
376
+ </details>
377
+
378
+ ## 13.0.0-beta.0
379
+
380
+ ### Major Changes
381
+
382
+ - 4f518be: Merged Spectrum and Express system set data. This is part of the Spectrum 2 work that will no longer have two separate systems.
383
+
384
+ The merge takes the keeps the `value` and `uuid` from `spectrum`.
385
+
386
+ ## Token Diff
387
+
388
+ <details><summary><strong>Tokens values updated (102):</strong></summary>
389
+
390
+ - `accent-background-color-default`
391
+ - `accent-background-color-down`
392
+ - `accent-background-color-hover`
393
+ - `accent-background-color-key-focus`
394
+ - `accent-color-100`
395
+ - `accent-color-1000`
396
+ - `accent-color-1100`
397
+ - `accent-color-1200`
398
+ - `accent-color-1300`
399
+ - `accent-color-1400`
400
+ - `accent-color-200`
401
+ - `accent-color-300`
402
+ - `accent-color-400`
403
+ - `accent-color-500`
404
+ - `accent-color-600`
405
+ - `accent-color-700`
406
+ - `accent-color-800`
407
+ - `accent-color-900`
408
+ - `accent-content-color-default`
409
+ - `accent-content-color-down`
410
+ - `accent-content-color-hover`
411
+ - `accent-content-color-key-focus`
412
+ - `accent-content-color-selected`
413
+ - `accent-visual-color`
414
+ - `border-width-100`
415
+ - `checkbox-control-size-extra-large`
416
+ - `checkbox-control-size-large`
417
+ - `checkbox-control-size-medium`
418
+ - `checkbox-control-size-small`
419
+ - `checkbox-top-to-control-extra-large`
420
+ - `checkbox-top-to-control-large`
421
+ - `checkbox-top-to-control-medium`
422
+ - `checkbox-top-to-control-small`
423
+ - `color-area-border-rounding`
424
+ - `color-area-border-width`
425
+ - `color-handle-drop-shadow-color`
426
+ - `corner-radius-100`
427
+ - `corner-radius-200`
428
+ - `corner-radius-75`
429
+ - `drop-shadow-blur`
430
+ - `drop-shadow-x`
431
+ - `drop-shadow-y`
432
+ - `drop-zone-background-color`
433
+ - `heading-cjk-font-weight`
434
+ - `heading-sans-serif-emphasized-font-weight`
435
+ - `heading-sans-serif-font-weight`
436
+ - `heading-serif-emphasized-font-weight`
437
+ - `heading-serif-font-weight`
438
+ - `in-field-button-edge-to-fill`
439
+ - `in-field-button-fill-stacked-inner-border-rounding`
440
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-extra-large`
441
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-large`
442
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-medium`
443
+ - `in-field-button-inner-edge-to-disclosure-icon-stacked-small`
444
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-extra-large`
445
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-large`
446
+ - `in-field-button-outer-edge-to-disclosure-icon-stacked-medium`
447
+ - `in-field-button-stacked-inner-edge-to-fill`
448
+ - `neutral-background-color-selected-default`
449
+ - `neutral-background-color-selected-down`
450
+ - `neutral-background-color-selected-hover`
451
+ - `neutral-background-color-selected-key-focus`
452
+ - `picker-border-width`
453
+ - `radio-button-control-size-extra-large`
454
+ - `radio-button-control-size-large`
455
+ - `radio-button-control-size-medium`
456
+ - `radio-button-control-size-small`
457
+ - `radio-button-top-to-control-extra-large`
458
+ - `radio-button-top-to-control-large`
459
+ - `radio-button-top-to-control-medium`
460
+ - `radio-button-top-to-control-small`
461
+ - `slider-bottom-to-handle-extra-large`
462
+ - `slider-bottom-to-handle-large`
463
+ - `slider-bottom-to-handle-medium`
464
+ - `slider-bottom-to-handle-small`
465
+ - `slider-control-height-extra-large`
466
+ - `slider-control-height-large`
467
+ - `slider-control-height-medium`
468
+ - `slider-control-height-small`
469
+ - `slider-handle-border-width-down-extra-large`
470
+ - `slider-handle-border-width-down-large`
471
+ - `slider-handle-border-width-down-medium`
472
+ - `slider-handle-border-width-down-small`
473
+ - `slider-handle-gap`
474
+ - `slider-handle-size-extra-large`
475
+ - `slider-handle-size-large`
476
+ - `slider-handle-size-medium`
477
+ - `slider-handle-size-small`
478
+ - `slider-track-thickness`
479
+ - `switch-control-height-extra-large`
480
+ - `switch-control-height-large`
481
+ - `switch-control-height-medium`
482
+ - `switch-control-height-small`
483
+ - `switch-control-width-extra-large`
484
+ - `switch-control-width-large`
485
+ - `switch-control-width-medium`
486
+ - `switch-control-width-small`
487
+ - `switch-top-to-control-extra-large`
488
+ - `switch-top-to-control-large`
489
+ - `switch-top-to-control-medium`
490
+ - `switch-top-to-control-small`
491
+ - `table-selected-row-background-color-non-emphasized`
492
+
493
+ </details>
494
+
3
495
  ## 12.19.1
4
496
 
5
497
  ### Patch Changes