@atlaskit/tokens 1.17.1 → 1.19.0

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 (149) hide show
  1. package/CHANGELOG.md +102 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +92 -77
  4. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  7. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  8. package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +2 -2
  9. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  10. package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
  11. package/dist/cjs/artifacts/token-default-values.js +84 -3
  12. package/dist/cjs/artifacts/token-names.js +82 -1
  13. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  14. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +42 -97
  20. package/dist/cjs/babel-plugin/plugin.js +2 -2
  21. package/dist/cjs/get-global-theme.js +2 -2
  22. package/dist/cjs/get-token-value.js +1 -1
  23. package/dist/cjs/get-token.js +1 -1
  24. package/dist/cjs/palettes/typography-palette.js +46 -40
  25. package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
  26. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  27. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
  28. package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
  29. package/dist/cjs/tokens/atlassian-typography/theme.js +10 -0
  30. package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +12 -2
  31. package/dist/cjs/tokens/atlassian-typography-minor3/theme.js +10 -0
  32. package/dist/cjs/tokens/default/color/accent.js +920 -200
  33. package/dist/cjs/tokens/default/typography/font.js +8 -0
  34. package/dist/cjs/utils/generate-custom-color-ramp.js +2 -2
  35. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  36. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +92 -77
  37. package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
  38. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
  39. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
  40. package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
  41. package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +4 -3
  42. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -1
  43. package/dist/es2019/artifacts/themes/atlassian-typography.js +2 -1
  44. package/dist/es2019/artifacts/token-default-values.js +84 -3
  45. package/dist/es2019/artifacts/token-names.js +82 -1
  46. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  47. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  48. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  49. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
  50. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  51. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  52. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +42 -97
  53. package/dist/es2019/get-theme-styles.js +1 -2
  54. package/dist/es2019/get-token-value.js +1 -1
  55. package/dist/es2019/get-token.js +1 -1
  56. package/dist/es2019/palettes/typography-palette.js +44 -38
  57. package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
  58. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  59. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
  60. package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
  61. package/dist/es2019/tokens/atlassian-typography/theme.js +10 -0
  62. package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +12 -2
  63. package/dist/es2019/tokens/atlassian-typography-minor3/theme.js +10 -0
  64. package/dist/es2019/tokens/default/color/accent.js +920 -200
  65. package/dist/es2019/tokens/default/typography/font.js +8 -0
  66. package/dist/esm/artifacts/generated-pairs.js +2 -2
  67. package/dist/esm/artifacts/palettes-raw/typography-palette.js +92 -77
  68. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  69. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  70. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  71. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  72. package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +2 -2
  73. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  74. package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
  75. package/dist/esm/artifacts/token-default-values.js +84 -3
  76. package/dist/esm/artifacts/token-names.js +82 -1
  77. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  78. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  79. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  80. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
  81. package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +44 -99
  82. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +42 -97
  83. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +42 -97
  84. package/dist/esm/babel-plugin/plugin.js +2 -2
  85. package/dist/esm/get-global-theme.js +2 -2
  86. package/dist/esm/get-token-value.js +1 -1
  87. package/dist/esm/get-token.js +1 -1
  88. package/dist/esm/palettes/typography-palette.js +46 -40
  89. package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
  90. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  91. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
  92. package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
  93. package/dist/esm/tokens/atlassian-typography/theme.js +10 -0
  94. package/dist/esm/tokens/atlassian-typography-adg3/theme.js +12 -2
  95. package/dist/esm/tokens/atlassian-typography-minor3/theme.js +10 -0
  96. package/dist/esm/tokens/default/color/accent.js +920 -200
  97. package/dist/esm/tokens/default/typography/font.js +8 -0
  98. package/dist/esm/utils/generate-custom-color-ramp.js +2 -2
  99. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  100. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  101. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  102. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  103. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  104. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  105. package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  106. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  107. package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
  108. package/dist/types/artifacts/token-default-values.d.ts +84 -3
  109. package/dist/types/artifacts/token-names.d.ts +163 -1
  110. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  111. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  112. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  113. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  114. package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  115. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  116. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  117. package/dist/types/artifacts/types-internal.d.ts +2 -2
  118. package/dist/types/artifacts/types.d.ts +2 -2
  119. package/dist/types/palettes/typography-palette.d.ts +1 -1
  120. package/dist/types/types.d.ts +206 -46
  121. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  122. package/dist/types-ts4.5/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  123. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  124. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  125. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  126. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  127. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-adg3.d.ts +2 -2
  128. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  129. package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
  130. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +84 -3
  131. package/dist/types-ts4.5/artifacts/token-names.d.ts +163 -1
  132. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  133. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  134. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  135. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  136. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +2 -45
  137. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +2 -81
  138. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -81
  139. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  140. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  141. package/dist/types-ts4.5/palettes/typography-palette.d.ts +1 -1
  142. package/dist/types-ts4.5/types.d.ts +206 -46
  143. package/figma/atlassian-dark.json +720 -0
  144. package/figma/atlassian-legacy-dark.json +724 -4
  145. package/figma/atlassian-legacy-light.json +724 -4
  146. package/figma/atlassian-light.json +720 -0
  147. package/package.json +1 -1
  148. package/report.api.md +362 -40
  149. package/tmp/api-report-tmp.d.ts +164 -2
@@ -162,142 +162,462 @@ var color = {
162
162
  accent: {
163
163
  blue: {
164
164
  subtlest: {
165
- value: 'Blue1000'
165
+ '[default]': {
166
+ value: 'Blue1000'
167
+ },
168
+ hovered: {
169
+ value: 'Blue900'
170
+ },
171
+ pressed: {
172
+ value: 'Blue800'
173
+ }
166
174
  },
167
175
  subtler: {
168
- value: 'Blue900'
176
+ '[default]': {
177
+ value: 'Blue900'
178
+ },
179
+ hovered: {
180
+ value: 'Blue800'
181
+ },
182
+ pressed: {
183
+ value: 'Blue700'
184
+ }
169
185
  },
170
186
  subtle: {
171
- value: 'Blue800'
187
+ '[default]': {
188
+ value: 'Blue800'
189
+ },
190
+ hovered: {
191
+ value: 'Blue900'
192
+ },
193
+ pressed: {
194
+ value: 'Blue1000'
195
+ }
172
196
  },
173
197
  bolder: {
174
- value: 'Blue400'
198
+ '[default]': {
199
+ value: 'Blue400'
200
+ },
201
+ hovered: {
202
+ value: 'Blue300'
203
+ },
204
+ pressed: {
205
+ value: 'Blue200'
206
+ }
175
207
  }
176
208
  },
177
209
  red: {
178
210
  subtlest: {
179
- value: 'Red1000'
211
+ '[default]': {
212
+ value: 'Red1000'
213
+ },
214
+ hovered: {
215
+ value: 'Red900'
216
+ },
217
+ pressed: {
218
+ value: 'Red800'
219
+ }
180
220
  },
181
221
  subtler: {
182
- value: 'Red900'
222
+ '[default]': {
223
+ value: 'Red900'
224
+ },
225
+ hovered: {
226
+ value: 'Red800'
227
+ },
228
+ pressed: {
229
+ value: 'Red700'
230
+ }
183
231
  },
184
232
  subtle: {
185
- value: 'Red800'
233
+ '[default]': {
234
+ value: 'Red800'
235
+ },
236
+ hovered: {
237
+ value: 'Red900'
238
+ },
239
+ pressed: {
240
+ value: 'Red1000'
241
+ }
186
242
  },
187
243
  bolder: {
188
- value: 'Red400'
244
+ '[default]': {
245
+ value: 'Red400'
246
+ },
247
+ hovered: {
248
+ value: 'Red300'
249
+ },
250
+ pressed: {
251
+ value: 'Red200'
252
+ }
189
253
  }
190
254
  },
191
255
  orange: {
192
256
  subtlest: {
193
- value: 'Orange1000'
257
+ '[default]': {
258
+ value: 'Orange1000'
259
+ },
260
+ hovered: {
261
+ value: 'Orange900'
262
+ },
263
+ pressed: {
264
+ value: 'Orange800'
265
+ }
194
266
  },
195
267
  subtler: {
196
- value: 'Orange900'
268
+ '[default]': {
269
+ value: 'Orange900'
270
+ },
271
+ hovered: {
272
+ value: 'Orange800'
273
+ },
274
+ pressed: {
275
+ value: 'Orange700'
276
+ }
197
277
  },
198
278
  subtle: {
199
- value: 'Orange800'
279
+ '[default]': {
280
+ value: 'Orange800'
281
+ },
282
+ hovered: {
283
+ value: 'Orange900'
284
+ },
285
+ pressed: {
286
+ value: 'Orange1000'
287
+ }
200
288
  },
201
289
  bolder: {
202
- value: 'Orange400'
290
+ '[default]': {
291
+ value: 'Orange400'
292
+ },
293
+ hovered: {
294
+ value: 'Orange300'
295
+ },
296
+ pressed: {
297
+ value: 'Orange200'
298
+ }
203
299
  }
204
300
  },
205
301
  yellow: {
206
302
  subtlest: {
207
- value: 'Yellow1000'
303
+ '[default]': {
304
+ value: 'Yellow1000'
305
+ },
306
+ hovered: {
307
+ value: 'Yellow900'
308
+ },
309
+ pressed: {
310
+ value: 'Yellow800'
311
+ }
208
312
  },
209
313
  subtler: {
210
- value: 'Yellow900'
314
+ '[default]': {
315
+ value: 'Yellow900'
316
+ },
317
+ hovered: {
318
+ value: 'Yellow800'
319
+ },
320
+ pressed: {
321
+ value: 'Yellow700'
322
+ }
211
323
  },
212
324
  subtle: {
213
- value: 'Yellow800'
325
+ '[default]': {
326
+ value: 'Yellow800'
327
+ },
328
+ hovered: {
329
+ value: 'Yellow900'
330
+ },
331
+ pressed: {
332
+ value: 'Yellow1000'
333
+ }
214
334
  },
215
335
  bolder: {
216
- value: 'Yellow400'
336
+ '[default]': {
337
+ value: 'Yellow400'
338
+ },
339
+ hovered: {
340
+ value: 'Yellow300'
341
+ },
342
+ pressed: {
343
+ value: 'Yellow200'
344
+ }
217
345
  }
218
346
  },
219
347
  green: {
220
348
  subtlest: {
221
- value: 'Green1000'
349
+ '[default]': {
350
+ value: 'Green1000'
351
+ },
352
+ hovered: {
353
+ value: 'Green900'
354
+ },
355
+ pressed: {
356
+ value: 'Green800'
357
+ }
222
358
  },
223
359
  subtler: {
224
- value: 'Green900'
360
+ '[default]': {
361
+ value: 'Green900'
362
+ },
363
+ hovered: {
364
+ value: 'Green800'
365
+ },
366
+ pressed: {
367
+ value: 'Green700'
368
+ }
225
369
  },
226
370
  subtle: {
227
- value: 'Green800'
371
+ '[default]': {
372
+ value: 'Green800'
373
+ },
374
+ hovered: {
375
+ value: 'Green900'
376
+ },
377
+ pressed: {
378
+ value: 'Green1000'
379
+ }
228
380
  },
229
381
  bolder: {
230
- value: 'Green400'
382
+ '[default]': {
383
+ value: 'Green400'
384
+ },
385
+ hovered: {
386
+ value: 'Green300'
387
+ },
388
+ pressed: {
389
+ value: 'Green200'
390
+ }
231
391
  }
232
392
  },
233
393
  purple: {
234
394
  subtlest: {
235
- value: 'Purple1000'
395
+ '[default]': {
396
+ value: 'Purple1000'
397
+ },
398
+ hovered: {
399
+ value: 'Purple900'
400
+ },
401
+ pressed: {
402
+ value: 'Purple800'
403
+ }
236
404
  },
237
405
  subtler: {
238
- value: 'Purple900'
406
+ '[default]': {
407
+ value: 'Purple900'
408
+ },
409
+ hovered: {
410
+ value: 'Purple800'
411
+ },
412
+ pressed: {
413
+ value: 'Purple700'
414
+ }
239
415
  },
240
416
  subtle: {
241
- value: 'Purple800'
417
+ '[default]': {
418
+ value: 'Purple800'
419
+ },
420
+ hovered: {
421
+ value: 'Purple900'
422
+ },
423
+ pressed: {
424
+ value: 'Purple1000'
425
+ }
242
426
  },
243
427
  bolder: {
244
- value: 'Purple400'
428
+ '[default]': {
429
+ value: 'Purple400'
430
+ },
431
+ hovered: {
432
+ value: 'Purple300'
433
+ },
434
+ pressed: {
435
+ value: 'Purple200'
436
+ }
245
437
  }
246
438
  },
247
439
  teal: {
248
440
  subtlest: {
249
- value: 'Teal1000'
441
+ '[default]': {
442
+ value: 'Teal1000'
443
+ },
444
+ hovered: {
445
+ value: 'Teal900'
446
+ },
447
+ pressed: {
448
+ value: 'Teal800'
449
+ }
250
450
  },
251
451
  subtler: {
252
- value: 'Teal900'
452
+ '[default]': {
453
+ value: 'Teal900'
454
+ },
455
+ hovered: {
456
+ value: 'Teal800'
457
+ },
458
+ pressed: {
459
+ value: 'Teal700'
460
+ }
253
461
  },
254
462
  subtle: {
255
- value: 'Teal800'
463
+ '[default]': {
464
+ value: 'Teal800'
465
+ },
466
+ hovered: {
467
+ value: 'Teal900'
468
+ },
469
+ pressed: {
470
+ value: 'Teal1000'
471
+ }
256
472
  },
257
473
  bolder: {
258
- value: 'Teal400'
474
+ '[default]': {
475
+ value: 'Teal400'
476
+ },
477
+ hovered: {
478
+ value: 'Teal300'
479
+ },
480
+ pressed: {
481
+ value: 'Teal200'
482
+ }
259
483
  }
260
484
  },
261
485
  magenta: {
262
486
  subtlest: {
263
- value: 'Magenta1000'
487
+ '[default]': {
488
+ value: 'Magenta1000'
489
+ },
490
+ hovered: {
491
+ value: 'Magenta900'
492
+ },
493
+ pressed: {
494
+ value: 'Magenta800'
495
+ }
264
496
  },
265
497
  subtler: {
266
- value: 'Magenta900'
498
+ '[default]': {
499
+ value: 'Magenta900'
500
+ },
501
+ hovered: {
502
+ value: 'Magenta800'
503
+ },
504
+ pressed: {
505
+ value: 'Magenta700'
506
+ }
267
507
  },
268
508
  subtle: {
269
- value: 'Magenta800'
509
+ '[default]': {
510
+ value: 'Magenta800'
511
+ },
512
+ hovered: {
513
+ value: 'Magenta900'
514
+ },
515
+ pressed: {
516
+ value: 'Magenta1000'
517
+ }
270
518
  },
271
519
  bolder: {
272
- value: 'Magenta400'
520
+ '[default]': {
521
+ value: 'Magenta400'
522
+ },
523
+ hovered: {
524
+ value: 'Magenta300'
525
+ },
526
+ pressed: {
527
+ value: 'Magenta200'
528
+ }
273
529
  }
274
530
  },
275
531
  lime: {
276
532
  subtlest: {
277
- value: 'Lime1000'
533
+ '[default]': {
534
+ value: 'Lime1000'
535
+ },
536
+ hovered: {
537
+ value: 'Lime900'
538
+ },
539
+ pressed: {
540
+ value: 'Lime800'
541
+ }
278
542
  },
279
543
  subtler: {
280
- value: 'Lime900'
544
+ '[default]': {
545
+ value: 'Lime900'
546
+ },
547
+ hovered: {
548
+ value: 'Lime800'
549
+ },
550
+ pressed: {
551
+ value: 'Lime700'
552
+ }
281
553
  },
282
554
  subtle: {
283
- value: 'Lime800'
555
+ '[default]': {
556
+ value: 'Lime800'
557
+ },
558
+ hovered: {
559
+ value: 'Lime900'
560
+ },
561
+ pressed: {
562
+ value: 'Lime1000'
563
+ }
284
564
  },
285
565
  bolder: {
286
- value: 'Lime400'
566
+ '[default]': {
567
+ value: 'Lime400'
568
+ },
569
+ hovered: {
570
+ value: 'Lime300'
571
+ },
572
+ pressed: {
573
+ value: 'Lime200'
574
+ }
287
575
  }
288
576
  },
289
577
  gray: {
290
578
  subtlest: {
291
- value: 'DarkNeutral300'
579
+ '[default]': {
580
+ value: 'DarkNeutral300'
581
+ },
582
+ hovered: {
583
+ value: 'DarkNeutral350'
584
+ },
585
+ pressed: {
586
+ value: 'DarkNeutral400'
587
+ }
292
588
  },
293
589
  subtler: {
294
- value: 'DarkNeutral400'
590
+ '[default]': {
591
+ value: 'DarkNeutral400'
592
+ },
593
+ hovered: {
594
+ value: 'DarkNeutral500'
595
+ },
596
+ pressed: {
597
+ value: 'DarkNeutral600'
598
+ }
295
599
  },
296
600
  subtle: {
297
- value: 'DarkNeutral500'
601
+ '[default]': {
602
+ value: 'DarkNeutral500'
603
+ },
604
+ hovered: {
605
+ value: 'DarkNeutral400'
606
+ },
607
+ pressed: {
608
+ value: 'DarkNeutral350'
609
+ }
298
610
  },
299
611
  bolder: {
300
- value: 'DarkNeutral700'
612
+ '[default]': {
613
+ value: 'DarkNeutral700'
614
+ },
615
+ hovered: {
616
+ value: 'DarkNeutral800'
617
+ },
618
+ pressed: {
619
+ value: 'DarkNeutral900'
620
+ }
301
621
  }
302
622
  }
303
623
  }