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

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 (6) hide show
  1. package/CHANGELOG.md +390 -0
  2. package/dist/json/drover.json +568 -408
  3. package/dist/json/variables.json +1778 -796
  4. package/package.json +1 -1
  5. package/src/color-aliases.json +13 -2
  6. package/src/color-palette.json +1238 -230
package/CHANGELOG.md CHANGED
@@ -1,5 +1,395 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.6
4
+
5
+ ### Minor Changes
6
+
7
+ - 6d1c661: Added new Spectrum 2 color tokens for both light and dark themes:
8
+
9
+ Cinnamon 100 to 1600
10
+
11
+ ## Design Motivation
12
+
13
+ This is the last new color that is a part of the new color set needed from Premiere Pro. The additional color will also help when creating new data vis color palettes for Spectrum 2.
14
+
15
+ ## Token Diff
16
+
17
+ _Tokens added (17):_
18
+
19
+ - `cinnamon-100`
20
+ - `cinnamon-200`
21
+ - `cinnamon-300`
22
+ - `cinnamon-400`
23
+ - `cinnamon-500`
24
+ - `cinnamon-600`
25
+ - `cinnamon-700`
26
+ - `cinnamon-800`
27
+ - `cinnamon-900`
28
+ - `cinnamon-1000`
29
+ - `cinnamon-1100`
30
+ - `cinnamon-1200`
31
+ - `cinnamon-1300`
32
+ - `cinnamon-1400`
33
+ - `cinnamon-1500`
34
+ - `cinnamon-1600`
35
+
36
+ - 91d7e95: Fixed bug in the light theme value for notice-background-color-default, from notice-color-800 to notice-color-600
37
+
38
+ ## Design Motivation
39
+
40
+ While updating the badge component in Figma, we noticed a bug where notice-background-color-default in S2 was entered incorrectly for light theme, and should instead match the value for S1
41
+
42
+ ## Token Diff
43
+
44
+ _Token values updated (1):_
45
+
46
+ - `notice-background-color-default`: `light`: `notice-color-800` -> `notice-color-600`
47
+
48
+ ## 13.0.0-beta.5
49
+
50
+ ### Major Changes
51
+
52
+ - 0af2674: feat: new color values for spectrum2
53
+
54
+ ## Design Motivation
55
+
56
+ This update addresses several improvements:
57
+
58
+ fuchsia, seafoam: all values shifted to make room for new colors, pink and turquoise
59
+ all other colors: certain values were updated to address accessibility contrast requirements against Spectrum 2 background layer colors
60
+
61
+ ## Token Diff
62
+
63
+ <details><summary><strong>Token values updated (246):</strong></summary>
64
+
65
+ - `accent-background-color-default`
66
+ - `accent-background-color-down`
67
+ - `accent-background-color-hover`
68
+ - `accent-background-color-key-focus`
69
+ - `accent-color-1000`
70
+ - `accent-color-200`
71
+ - `accent-color-300`
72
+ - `accent-color-400`
73
+ - `accent-color-500`
74
+ - `accent-color-600`
75
+ - `accent-color-700`
76
+ - `accent-color-800`
77
+ - `accent-color-900`
78
+ - `accent-content-color-default`
79
+ - `accent-content-color-down`
80
+ - `accent-content-color-hover`
81
+ - `accent-content-color-key-focus`
82
+ - `accent-content-color-selected`
83
+ - `accent-visual-color`
84
+ - `blue-1000`
85
+ - `blue-200`
86
+ - `blue-300`
87
+ - `blue-400`
88
+ - `blue-500`
89
+ - `blue-600`
90
+ - `blue-700`
91
+ - `blue-800`
92
+ - `blue-900`
93
+ - `blue-background-color-default`
94
+ - `blue-visual-color`
95
+ - `celery-1000`
96
+ - `celery-200`
97
+ - `celery-300`
98
+ - `celery-400`
99
+ - `celery-500`
100
+ - `celery-600`
101
+ - `celery-700`
102
+ - `celery-800`
103
+ - `celery-900`
104
+ - `celery-background-color-default`
105
+ - `celery-visual-color`
106
+ - `chartreuse-1000`
107
+ - `chartreuse-200`
108
+ - `chartreuse-300`
109
+ - `chartreuse-400`
110
+ - `chartreuse-500`
111
+ - `chartreuse-600`
112
+ - `chartreuse-700`
113
+ - `chartreuse-800`
114
+ - `chartreuse-900`
115
+ - `chartreuse-background-color-default`
116
+ - `chartreuse-visual-color`
117
+ - `cyan-1000`
118
+ - `cyan-300`
119
+ - `cyan-400`
120
+ - `cyan-500`
121
+ - `cyan-600`
122
+ - `cyan-700`
123
+ - `cyan-800`
124
+ - `cyan-900`
125
+ - `cyan-background-color-default`
126
+ - `cyan-visual-color`
127
+ - `drop-zone-background-color`
128
+ - `focus-indicator-color`
129
+ - `fuchsia-100`
130
+ - `fuchsia-1000`
131
+ - `fuchsia-1100`
132
+ - `fuchsia-1200`
133
+ - `fuchsia-1300`
134
+ - `fuchsia-1400`
135
+ - `fuchsia-1500`
136
+ - `fuchsia-1600`
137
+ - `fuchsia-200`
138
+ - `fuchsia-300`
139
+ - `fuchsia-400`
140
+ - `fuchsia-500`
141
+ - `fuchsia-600`
142
+ - `fuchsia-700`
143
+ - `fuchsia-800`
144
+ - `fuchsia-900`
145
+ - `fuchsia-background-color-default`
146
+ - `fuchsia-visual-color`
147
+ - `green-100`
148
+ - `green-1000`
149
+ - `green-200`
150
+ - `green-300`
151
+ - `green-400`
152
+ - `green-500`
153
+ - `green-600`
154
+ - `green-700`
155
+ - `green-800`
156
+ - `green-900`
157
+ - `green-background-color-default`
158
+ - `green-visual-color`
159
+ - `icon-color-blue-primary-default`
160
+ - `icon-color-green-primary-default`
161
+ - `icon-color-red-primary-default`
162
+ - `icon-color-yellow-primary-default`
163
+ - `indigo-1000`
164
+ - `indigo-300`
165
+ - `indigo-400`
166
+ - `indigo-500`
167
+ - `indigo-600`
168
+ - `indigo-700`
169
+ - `indigo-800`
170
+ - `indigo-900`
171
+ - `indigo-background-color-default`
172
+ - `indigo-visual-color`
173
+ - `informative-background-color-default`
174
+ - `informative-background-color-down`
175
+ - `informative-background-color-hover`
176
+ - `informative-background-color-key-focus`
177
+ - `informative-color-1000`
178
+ - `informative-color-200`
179
+ - `informative-color-300`
180
+ - `informative-color-400`
181
+ - `informative-color-500`
182
+ - `informative-color-600`
183
+ - `informative-color-700`
184
+ - `informative-color-800`
185
+ - `informative-color-900`
186
+ - `informative-visual-color`
187
+ - `magenta-100`
188
+ - `magenta-1000`
189
+ - `magenta-1100`
190
+ - `magenta-1200`
191
+ - `magenta-1300`
192
+ - `magenta-1400`
193
+ - `magenta-200`
194
+ - `magenta-300`
195
+ - `magenta-400`
196
+ - `magenta-500`
197
+ - `magenta-600`
198
+ - `magenta-700`
199
+ - `magenta-800`
200
+ - `magenta-900`
201
+ - `magenta-background-color-default`
202
+ - `magenta-visual-color`
203
+ - `negative-background-color-default`
204
+ - `negative-background-color-down`
205
+ - `negative-background-color-hover`
206
+ - `negative-background-color-key-focus`
207
+ - `negative-border-color-default`
208
+ - `negative-border-color-focus`
209
+ - `negative-border-color-hover`
210
+ - `negative-border-color-key-focus`
211
+ - `negative-color-1000`
212
+ - `negative-color-200`
213
+ - `negative-color-300`
214
+ - `negative-color-400`
215
+ - `negative-color-500`
216
+ - `negative-color-600`
217
+ - `negative-color-700`
218
+ - `negative-color-800`
219
+ - `negative-color-900`
220
+ - `negative-content-color-default`
221
+ - `negative-content-color-down`
222
+ - `negative-content-color-hover`
223
+ - `negative-content-color-key-focus`
224
+ - `negative-visual-color`
225
+ - `notice-background-color-default`
226
+ - `notice-color-1000`
227
+ - `notice-color-200`
228
+ - `notice-color-400`
229
+ - `notice-color-500`
230
+ - `notice-color-600`
231
+ - `notice-color-700`
232
+ - `notice-color-800`
233
+ - `notice-color-900`
234
+ - `notice-visual-color`
235
+ - `orange-1000`
236
+ - `orange-200`
237
+ - `orange-400`
238
+ - `orange-500`
239
+ - `orange-600`
240
+ - `orange-700`
241
+ - `orange-800`
242
+ - `orange-900`
243
+ - `orange-background-color-default`
244
+ - `orange-visual-color`
245
+ - `positive-background-color-default`
246
+ - `positive-background-color-down`
247
+ - `positive-background-color-hover`
248
+ - `positive-background-color-key-focus`
249
+ - `positive-color-100`
250
+ - `positive-color-1000`
251
+ - `positive-color-200`
252
+ - `positive-color-300`
253
+ - `positive-color-400`
254
+ - `positive-color-500`
255
+ - `positive-color-600`
256
+ - `positive-color-700`
257
+ - `positive-color-800`
258
+ - `positive-color-900`
259
+ - `positive-visual-color`
260
+ - `purple-1000`
261
+ - `purple-200`
262
+ - `purple-300`
263
+ - `purple-400`
264
+ - `purple-500`
265
+ - `purple-600`
266
+ - `purple-700`
267
+ - `purple-800`
268
+ - `purple-900`
269
+ - `purple-background-color-default`
270
+ - `purple-visual-color`
271
+ - `red-1000`
272
+ - `red-200`
273
+ - `red-300`
274
+ - `red-400`
275
+ - `red-500`
276
+ - `red-600`
277
+ - `red-700`
278
+ - `red-800`
279
+ - `red-900`
280
+ - `red-background-color-default`
281
+ - `red-visual-color`
282
+ - `seafoam-100`
283
+ - `seafoam-1000`
284
+ - `seafoam-1100`
285
+ - `seafoam-1200`
286
+ - `seafoam-1300`
287
+ - `seafoam-1400`
288
+ - `seafoam-1500`
289
+ - `seafoam-1600`
290
+ - `seafoam-200`
291
+ - `seafoam-300`
292
+ - `seafoam-400`
293
+ - `seafoam-500`
294
+ - `seafoam-600`
295
+ - `seafoam-700`
296
+ - `seafoam-800`
297
+ - `seafoam-900`
298
+ - `seafoam-background-color-default`
299
+ - `seafoam-visual-color`
300
+ - `table-selected-row-background-color`
301
+ - `yellow-1000`
302
+ - `yellow-300`
303
+ - `yellow-400`
304
+ - `yellow-500`
305
+ - `yellow-600`
306
+ - `yellow-700`
307
+ - `yellow-800`
308
+ - `yellow-900`
309
+ - `yellow-background-color-default`
310
+ - `yellow-visual-color`
311
+
312
+ </details>
313
+
314
+ ### Minor Changes
315
+
316
+ - 7b5ec24: feat: add new color tokens
317
+
318
+ ## Design Motivation
319
+
320
+ Added new colors due to needs from Premiere Pro. The additional colors will also help when creating new data vis color palettes for Spectrum 2.
321
+
322
+ ## Token Diff
323
+
324
+ <details><summary><strong>Tokens added (64):</strong></summary>
325
+
326
+ - `brown-100`
327
+ - `brown-1000`
328
+ - `brown-1100`
329
+ - `brown-1200`
330
+ - `brown-1300`
331
+ - `brown-1400`
332
+ - `brown-1500`
333
+ - `brown-1600`
334
+ - `brown-200`
335
+ - `brown-300`
336
+ - `brown-400`
337
+ - `brown-500`
338
+ - `brown-600`
339
+ - `brown-700`
340
+ - `brown-800`
341
+ - `brown-900`
342
+ - `pink-100`
343
+ - `pink-1000`
344
+ - `pink-1100`
345
+ - `pink-1200`
346
+ - `pink-1300`
347
+ - `pink-1400`
348
+ - `pink-1500`
349
+ - `pink-1600`
350
+ - `pink-200`
351
+ - `pink-300`
352
+ - `pink-400`
353
+ - `pink-500`
354
+ - `pink-600`
355
+ - `pink-700`
356
+ - `pink-800`
357
+ - `pink-900`
358
+ - `silver-100`
359
+ - `silver-1000`
360
+ - `silver-1100`
361
+ - `silver-1200`
362
+ - `silver-1300`
363
+ - `silver-1400`
364
+ - `silver-1500`
365
+ - `silver-1600`
366
+ - `silver-200`
367
+ - `silver-300`
368
+ - `silver-400`
369
+ - `silver-500`
370
+ - `silver-600`
371
+ - `silver-700`
372
+ - `silver-800`
373
+ - `silver-900`
374
+ - `turquoise-100`
375
+ - `turquoise-1000`
376
+ - `turquoise-1100`
377
+ - `turquoise-1200`
378
+ - `turquoise-1300`
379
+ - `turquoise-1400`
380
+ - `turquoise-1500`
381
+ - `turquoise-1600`
382
+ - `turquoise-200`
383
+ - `turquoise-300`
384
+ - `turquoise-400`
385
+ - `turquoise-500`
386
+ - `turquoise-600`
387
+ - `turquoise-700`
388
+ - `turquoise-800`
389
+ - `turquoise-900`
390
+
391
+ </details>
392
+
3
393
  ## 13.0.0-beta.4
4
394
 
5
395
  ### Major Changes