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

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