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

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