@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
@@ -362,341 +362,1061 @@ var color = {
362
362
  accent: {
363
363
  blue: {
364
364
  subtlest: {
365
- attributes: {
366
- group: 'paint',
367
- state: 'active',
368
- introduced: '0.7.0',
369
- description: 'Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
365
+ '[default]': {
366
+ attributes: {
367
+ group: 'paint',
368
+ state: 'active',
369
+ introduced: '0.7.0',
370
+ description: 'Use for blue backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
371
+ }
372
+ },
373
+ hovered: {
374
+ attributes: {
375
+ group: 'paint',
376
+ state: 'active',
377
+ introduced: '1.19.0',
378
+ description: 'Hovered state of color.background.accent.blue.subtlest.'
379
+ }
380
+ },
381
+ pressed: {
382
+ attributes: {
383
+ group: 'paint',
384
+ state: 'active',
385
+ introduced: '1.19.0',
386
+ description: 'Pressed state of color.background.accent.blue.subtlest.'
387
+ }
370
388
  }
371
389
  },
372
390
  subtler: {
373
- attributes: {
374
- group: 'paint',
375
- state: 'active',
376
- introduced: '0.7.0',
377
- description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.'
391
+ '[default]': {
392
+ attributes: {
393
+ group: 'paint',
394
+ state: 'active',
395
+ introduced: '0.7.0',
396
+ description: 'Use for blue backgrounds when there is no meaning tied to the color, such as colored tags.'
397
+ }
398
+ },
399
+ hovered: {
400
+ attributes: {
401
+ group: 'paint',
402
+ state: 'active',
403
+ introduced: '1.19.0',
404
+ description: 'Hovered state of color.background.accent.blue.subtler.'
405
+ }
406
+ },
407
+ pressed: {
408
+ attributes: {
409
+ group: 'paint',
410
+ state: 'active',
411
+ introduced: '1.19.0',
412
+ description: 'Pressed state of color.background.accent.blue.subtler.'
413
+ }
378
414
  }
379
415
  },
380
416
  subtle: {
381
- attributes: {
382
- group: 'paint',
383
- state: 'active',
384
- introduced: '0.7.0',
385
- description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.'
417
+ '[default]': {
418
+ attributes: {
419
+ group: 'paint',
420
+ state: 'active',
421
+ introduced: '0.7.0',
422
+ description: 'Use for vibrant blue backgrounds when there is no meaning tied to the color, such as colored tags.'
423
+ }
424
+ },
425
+ hovered: {
426
+ attributes: {
427
+ group: 'paint',
428
+ state: 'active',
429
+ introduced: '1.19.0',
430
+ description: 'Hovered state of color.background.accent.blue.subtle.'
431
+ }
432
+ },
433
+ pressed: {
434
+ attributes: {
435
+ group: 'paint',
436
+ state: 'active',
437
+ introduced: '1.19.0',
438
+ description: 'Pressed state of color.background.accent.blue.subtle.'
439
+ }
386
440
  }
387
441
  },
388
442
  bolder: {
389
- attributes: {
390
- group: 'paint',
391
- state: 'active',
392
- introduced: '0.7.0',
393
- description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
443
+ '[default]': {
444
+ attributes: {
445
+ group: 'paint',
446
+ state: 'active',
447
+ introduced: '0.7.0',
448
+ description: 'Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
449
+ }
450
+ },
451
+ hovered: {
452
+ attributes: {
453
+ group: 'paint',
454
+ state: 'active',
455
+ introduced: '1.19.0',
456
+ description: 'Hovered state of color.background.accent.blue.bolder.'
457
+ }
458
+ },
459
+ pressed: {
460
+ attributes: {
461
+ group: 'paint',
462
+ state: 'active',
463
+ introduced: '1.19.0',
464
+ description: 'Pressed state of color.background.accent.blue.bolder.'
465
+ }
394
466
  }
395
467
  }
396
468
  },
397
469
  red: {
398
470
  subtlest: {
399
- attributes: {
400
- group: 'paint',
401
- state: 'active',
402
- introduced: '0.7.0',
403
- description: 'Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
471
+ '[default]': {
472
+ attributes: {
473
+ group: 'paint',
474
+ state: 'active',
475
+ introduced: '0.7.0',
476
+ description: 'Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
477
+ }
478
+ },
479
+ hovered: {
480
+ attributes: {
481
+ group: 'paint',
482
+ state: 'active',
483
+ introduced: '1.19.0',
484
+ description: 'Hovered state of color.background.accent.red.subtlest.'
485
+ }
486
+ },
487
+ pressed: {
488
+ attributes: {
489
+ group: 'paint',
490
+ state: 'active',
491
+ introduced: '1.19.0',
492
+ description: 'Pressed state of color.background.accent.red.subtlest.'
493
+ }
404
494
  }
405
495
  },
406
496
  subtler: {
407
- attributes: {
408
- group: 'paint',
409
- state: 'active',
410
- introduced: '0.7.0',
411
- description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
497
+ '[default]': {
498
+ attributes: {
499
+ group: 'paint',
500
+ state: 'active',
501
+ introduced: '0.7.0',
502
+ description: 'Use for red backgrounds when there is no meaning tied to the color, such as colored tags.'
503
+ }
504
+ },
505
+ hovered: {
506
+ attributes: {
507
+ group: 'paint',
508
+ state: 'active',
509
+ introduced: '1.19.0',
510
+ description: 'Hovered state of color.background.accent.red.subtler.'
511
+ }
512
+ },
513
+ pressed: {
514
+ attributes: {
515
+ group: 'paint',
516
+ state: 'active',
517
+ introduced: '1.19.0',
518
+ description: 'Pressed state of color.background.accent.red.subtler.'
519
+ }
412
520
  }
413
521
  },
414
522
  subtle: {
415
- attributes: {
416
- group: 'paint',
417
- state: 'active',
418
- introduced: '0.7.0',
419
- description: 'Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags.'
523
+ '[default]': {
524
+ attributes: {
525
+ group: 'paint',
526
+ state: 'active',
527
+ introduced: '0.7.0',
528
+ description: 'Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags.'
529
+ }
530
+ },
531
+ hovered: {
532
+ attributes: {
533
+ group: 'paint',
534
+ state: 'active',
535
+ introduced: '1.19.0',
536
+ description: 'Hovered state of color.background.accent.red.subtle.'
537
+ }
538
+ },
539
+ pressed: {
540
+ attributes: {
541
+ group: 'paint',
542
+ state: 'active',
543
+ introduced: '1.19.0',
544
+ description: 'Pressed state of color.background.accent.red.subtle.'
545
+ }
420
546
  }
421
547
  },
422
548
  bolder: {
423
- attributes: {
424
- group: 'paint',
425
- state: 'active',
426
- introduced: '0.7.0',
427
- description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
549
+ '[default]': {
550
+ attributes: {
551
+ group: 'paint',
552
+ state: 'active',
553
+ introduced: '0.7.0',
554
+ description: 'Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
555
+ }
556
+ },
557
+ hovered: {
558
+ attributes: {
559
+ group: 'paint',
560
+ state: 'active',
561
+ introduced: '1.19.0',
562
+ description: 'Hovered state of color.background.accent.red.bolder.'
563
+ }
564
+ },
565
+ pressed: {
566
+ attributes: {
567
+ group: 'paint',
568
+ state: 'active',
569
+ introduced: '1.19.0',
570
+ description: 'Pressed state of color.background.accent.red.bolder.'
571
+ }
428
572
  }
429
573
  }
430
574
  },
431
575
  orange: {
432
576
  subtlest: {
433
- attributes: {
434
- group: 'paint',
435
- state: 'active',
436
- introduced: '0.7.0',
437
- description: 'Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
577
+ '[default]': {
578
+ attributes: {
579
+ group: 'paint',
580
+ state: 'active',
581
+ introduced: '0.7.0',
582
+ description: 'Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
583
+ }
584
+ },
585
+ hovered: {
586
+ attributes: {
587
+ group: 'paint',
588
+ state: 'active',
589
+ introduced: '1.19.0',
590
+ description: 'Hovered state of color.background.accent.orange.subtlest.'
591
+ }
592
+ },
593
+ pressed: {
594
+ attributes: {
595
+ group: 'paint',
596
+ state: 'active',
597
+ introduced: '1.19.0',
598
+ description: 'Pressed state of color.background.accent.orange.subtlest.'
599
+ }
438
600
  }
439
601
  },
440
602
  subtler: {
441
- attributes: {
442
- group: 'paint',
443
- state: 'active',
444
- introduced: '0.7.0',
445
- description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
603
+ '[default]': {
604
+ attributes: {
605
+ group: 'paint',
606
+ state: 'active',
607
+ introduced: '0.7.0',
608
+ description: 'Use for orange backgrounds when there is no meaning tied to the color, such as colored tags.'
609
+ }
610
+ },
611
+ hovered: {
612
+ attributes: {
613
+ group: 'paint',
614
+ state: 'active',
615
+ introduced: '1.19.0',
616
+ description: 'Hovered state of color.background.accent.orange.subtler.'
617
+ }
618
+ },
619
+ pressed: {
620
+ attributes: {
621
+ group: 'paint',
622
+ state: 'active',
623
+ introduced: '1.19.0',
624
+ description: 'Pressed state of color.background.accent.orange.subtler.'
625
+ }
446
626
  }
447
627
  },
448
628
  subtle: {
449
- attributes: {
450
- group: 'paint',
451
- state: 'active',
452
- introduced: '0.7.0',
453
- description: 'Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags.'
629
+ '[default]': {
630
+ attributes: {
631
+ group: 'paint',
632
+ state: 'active',
633
+ introduced: '0.7.0',
634
+ description: 'Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags.'
635
+ }
636
+ },
637
+ hovered: {
638
+ attributes: {
639
+ group: 'paint',
640
+ state: 'active',
641
+ introduced: '1.19.0',
642
+ description: 'Hovered state of color.background.accent.orange.subtle.'
643
+ }
644
+ },
645
+ pressed: {
646
+ attributes: {
647
+ group: 'paint',
648
+ state: 'active',
649
+ introduced: '1.19.0',
650
+ description: 'Pressed state of color.background.accent.orange.subtle.'
651
+ }
454
652
  }
455
653
  },
456
654
  bolder: {
457
- attributes: {
458
- group: 'paint',
459
- state: 'active',
460
- introduced: '0.7.0',
461
- description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
655
+ '[default]': {
656
+ attributes: {
657
+ group: 'paint',
658
+ state: 'active',
659
+ introduced: '0.7.0',
660
+ description: 'Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
661
+ }
662
+ },
663
+ hovered: {
664
+ attributes: {
665
+ group: 'paint',
666
+ state: 'active',
667
+ introduced: '1.19.0',
668
+ description: 'Hovered state of color.background.accent.orange.bolder.'
669
+ }
670
+ },
671
+ pressed: {
672
+ attributes: {
673
+ group: 'paint',
674
+ state: 'active',
675
+ introduced: '1.19.0',
676
+ description: 'Pressed state of color.background.accent.orange.bolder.'
677
+ }
462
678
  }
463
679
  }
464
680
  },
465
681
  yellow: {
466
682
  subtlest: {
467
- attributes: {
468
- group: 'paint',
469
- state: 'active',
470
- introduced: '0.7.0',
471
- description: 'Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
683
+ '[default]': {
684
+ attributes: {
685
+ group: 'paint',
686
+ state: 'active',
687
+ introduced: '0.7.0',
688
+ description: 'Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
689
+ }
690
+ },
691
+ hovered: {
692
+ attributes: {
693
+ group: 'paint',
694
+ state: 'active',
695
+ introduced: '1.19.0',
696
+ description: 'Hovered state of color.background.accent.yellow.subtlest.'
697
+ }
698
+ },
699
+ pressed: {
700
+ attributes: {
701
+ group: 'paint',
702
+ state: 'active',
703
+ introduced: '1.19.0',
704
+ description: 'Pressed state of color.background.accent.yellow.subtlest.'
705
+ }
472
706
  }
473
707
  },
474
708
  subtler: {
475
- attributes: {
476
- group: 'paint',
477
- state: 'active',
478
- introduced: '0.7.0',
479
- description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
709
+ '[default]': {
710
+ attributes: {
711
+ group: 'paint',
712
+ state: 'active',
713
+ introduced: '0.7.0',
714
+ description: 'Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
715
+ }
716
+ },
717
+ hovered: {
718
+ attributes: {
719
+ group: 'paint',
720
+ state: 'active',
721
+ introduced: '1.19.0',
722
+ description: 'Hovered state of color.background.accent.yellow.subtler.'
723
+ }
724
+ },
725
+ pressed: {
726
+ attributes: {
727
+ group: 'paint',
728
+ state: 'active',
729
+ introduced: '1.19.0',
730
+ description: 'Pressed state of color.background.accent.yellow.subtler.'
731
+ }
480
732
  }
481
733
  },
482
734
  subtle: {
483
- attributes: {
484
- group: 'paint',
485
- state: 'active',
486
- introduced: '0.7.0',
487
- description: 'Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
735
+ '[default]': {
736
+ attributes: {
737
+ group: 'paint',
738
+ state: 'active',
739
+ introduced: '0.7.0',
740
+ description: 'Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags.'
741
+ }
742
+ },
743
+ hovered: {
744
+ attributes: {
745
+ group: 'paint',
746
+ state: 'active',
747
+ introduced: '1.19.0',
748
+ description: 'Hovered state of color.background.accent.yellow.subtle.'
749
+ }
750
+ },
751
+ pressed: {
752
+ attributes: {
753
+ group: 'paint',
754
+ state: 'active',
755
+ introduced: '1.19.0',
756
+ description: 'Pressed state of color.background.accent.yellow.subtle.'
757
+ }
488
758
  }
489
759
  },
490
760
  bolder: {
491
- attributes: {
492
- group: 'paint',
493
- state: 'active',
494
- introduced: '0.7.0',
495
- description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
761
+ '[default]': {
762
+ attributes: {
763
+ group: 'paint',
764
+ state: 'active',
765
+ introduced: '0.7.0',
766
+ description: 'Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
767
+ }
768
+ },
769
+ hovered: {
770
+ attributes: {
771
+ group: 'paint',
772
+ state: 'active',
773
+ introduced: '1.19.0',
774
+ description: 'Hovered state of color.background.accent.yellow.bolder.'
775
+ }
776
+ },
777
+ pressed: {
778
+ attributes: {
779
+ group: 'paint',
780
+ state: 'active',
781
+ introduced: '1.19.0',
782
+ description: 'Pressed state of color.background.accent.yellow.bolder.'
783
+ }
496
784
  }
497
785
  }
498
786
  },
499
787
  green: {
500
788
  subtlest: {
501
- attributes: {
502
- group: 'paint',
503
- state: 'active',
504
- introduced: '0.7.0',
505
- description: 'Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
789
+ '[default]': {
790
+ attributes: {
791
+ group: 'paint',
792
+ state: 'active',
793
+ introduced: '0.7.0',
794
+ description: 'Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
795
+ }
796
+ },
797
+ hovered: {
798
+ attributes: {
799
+ group: 'paint',
800
+ state: 'active',
801
+ introduced: '1.19.0',
802
+ description: 'Hovered state of color.background.accent.green.subtlest.'
803
+ }
804
+ },
805
+ pressed: {
806
+ attributes: {
807
+ group: 'paint',
808
+ state: 'active',
809
+ introduced: '1.19.0',
810
+ description: 'Pressed state of color.background.accent.green.subtlest.'
811
+ }
506
812
  }
507
813
  },
508
814
  subtler: {
509
- attributes: {
510
- group: 'paint',
511
- state: 'active',
512
- introduced: '0.7.0',
513
- description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
815
+ '[default]': {
816
+ attributes: {
817
+ group: 'paint',
818
+ state: 'active',
819
+ introduced: '0.7.0',
820
+ description: 'Use for green backgrounds when there is no meaning tied to the color, such as colored tags.'
821
+ }
822
+ },
823
+ hovered: {
824
+ attributes: {
825
+ group: 'paint',
826
+ state: 'active',
827
+ introduced: '1.19.0',
828
+ description: 'Hovered state of color.background.accent.green.subtler.'
829
+ }
830
+ },
831
+ pressed: {
832
+ attributes: {
833
+ group: 'paint',
834
+ state: 'active',
835
+ introduced: '1.19.0',
836
+ description: 'Pressed state of color.background.accent.green.subtler.'
837
+ }
514
838
  }
515
839
  },
516
840
  subtle: {
517
- attributes: {
518
- group: 'paint',
519
- state: 'active',
520
- introduced: '0.7.0',
521
- description: 'Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags.'
841
+ '[default]': {
842
+ attributes: {
843
+ group: 'paint',
844
+ state: 'active',
845
+ introduced: '0.7.0',
846
+ description: 'Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags.'
847
+ }
848
+ },
849
+ hovered: {
850
+ attributes: {
851
+ group: 'paint',
852
+ state: 'active',
853
+ introduced: '1.19.0',
854
+ description: 'Hovered state of color.background.accent.green.subtle.'
855
+ }
856
+ },
857
+ pressed: {
858
+ attributes: {
859
+ group: 'paint',
860
+ state: 'active',
861
+ introduced: '1.19.0',
862
+ description: 'Pressed state of color.background.accent.green.subtle.'
863
+ }
522
864
  }
523
865
  },
524
866
  bolder: {
525
- attributes: {
526
- group: 'paint',
527
- state: 'active',
528
- introduced: '0.7.0',
529
- description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
867
+ '[default]': {
868
+ attributes: {
869
+ group: 'paint',
870
+ state: 'active',
871
+ introduced: '0.7.0',
872
+ description: 'Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
873
+ }
874
+ },
875
+ hovered: {
876
+ attributes: {
877
+ group: 'paint',
878
+ state: 'active',
879
+ introduced: '1.19.0',
880
+ description: 'Hovered state of color.background.accent.green.bolder.'
881
+ }
882
+ },
883
+ pressed: {
884
+ attributes: {
885
+ group: 'paint',
886
+ state: 'active',
887
+ introduced: '1.19.0',
888
+ description: 'Pressed state of color.background.accent.green.bolder.'
889
+ }
530
890
  }
531
891
  }
532
892
  },
533
893
  teal: {
534
894
  subtlest: {
535
- attributes: {
536
- group: 'paint',
537
- state: 'active',
538
- introduced: '0.7.0',
539
- description: 'Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
895
+ '[default]': {
896
+ attributes: {
897
+ group: 'paint',
898
+ state: 'active',
899
+ introduced: '0.7.0',
900
+ description: 'Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
901
+ }
902
+ },
903
+ hovered: {
904
+ attributes: {
905
+ group: 'paint',
906
+ state: 'active',
907
+ introduced: '1.19.0',
908
+ description: 'Hovered state of color.background.accent.teal.subtlest.'
909
+ }
910
+ },
911
+ pressed: {
912
+ attributes: {
913
+ group: 'paint',
914
+ state: 'active',
915
+ introduced: '1.19.0',
916
+ description: 'Pressed state of color.background.accent.teal.subtlest.'
917
+ }
540
918
  }
541
919
  },
542
920
  subtler: {
543
- attributes: {
544
- group: 'paint',
545
- state: 'active',
546
- introduced: '0.7.0',
547
- description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
921
+ '[default]': {
922
+ attributes: {
923
+ group: 'paint',
924
+ state: 'active',
925
+ introduced: '0.7.0',
926
+ description: 'Use for teal backgrounds when there is no meaning tied to the color, such as colored tags.'
927
+ }
928
+ },
929
+ hovered: {
930
+ attributes: {
931
+ group: 'paint',
932
+ state: 'active',
933
+ introduced: '1.19.0',
934
+ description: 'Hovered state of color.background.accent.teal.subtler.'
935
+ }
936
+ },
937
+ pressed: {
938
+ attributes: {
939
+ group: 'paint',
940
+ state: 'active',
941
+ introduced: '1.19.0',
942
+ description: 'Pressed state of color.background.accent.teal.subtler.'
943
+ }
548
944
  }
549
945
  },
550
946
  subtle: {
551
- attributes: {
552
- group: 'paint',
553
- state: 'active',
554
- introduced: '0.7.0',
555
- description: 'Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags.'
947
+ '[default]': {
948
+ attributes: {
949
+ group: 'paint',
950
+ state: 'active',
951
+ introduced: '0.7.0',
952
+ description: 'Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags.'
953
+ }
954
+ },
955
+ hovered: {
956
+ attributes: {
957
+ group: 'paint',
958
+ state: 'active',
959
+ introduced: '1.19.0',
960
+ description: 'Hovered state of color.background.accent.teal.subtle.'
961
+ }
962
+ },
963
+ pressed: {
964
+ attributes: {
965
+ group: 'paint',
966
+ state: 'active',
967
+ introduced: '1.19.0',
968
+ description: 'Pressed state of color.background.accent.teal.subtle.'
969
+ }
556
970
  }
557
971
  },
558
972
  bolder: {
559
- attributes: {
560
- group: 'paint',
561
- state: 'active',
562
- introduced: '0.7.0',
563
- description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
973
+ '[default]': {
974
+ attributes: {
975
+ group: 'paint',
976
+ state: 'active',
977
+ introduced: '0.7.0',
978
+ description: 'Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
979
+ }
980
+ },
981
+ hovered: {
982
+ attributes: {
983
+ group: 'paint',
984
+ state: 'active',
985
+ introduced: '1.19.0',
986
+ description: 'Hovered state of color.background.accent.teal.bolder.'
987
+ }
988
+ },
989
+ pressed: {
990
+ attributes: {
991
+ group: 'paint',
992
+ state: 'active',
993
+ introduced: '1.19.0',
994
+ description: 'Pressed state of color.background.accent.teal.bolder.'
995
+ }
564
996
  }
565
997
  }
566
998
  },
567
999
  purple: {
568
1000
  subtlest: {
569
- attributes: {
570
- group: 'paint',
571
- state: 'active',
572
- introduced: '0.7.0',
573
- description: 'Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1001
+ '[default]': {
1002
+ attributes: {
1003
+ group: 'paint',
1004
+ state: 'active',
1005
+ introduced: '0.7.0',
1006
+ description: 'Use for purple backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1007
+ }
1008
+ },
1009
+ hovered: {
1010
+ attributes: {
1011
+ group: 'paint',
1012
+ state: 'active',
1013
+ introduced: '1.19.0',
1014
+ description: 'Hovered state of color.background.accent.purple.subtlest.'
1015
+ }
1016
+ },
1017
+ pressed: {
1018
+ attributes: {
1019
+ group: 'paint',
1020
+ state: 'active',
1021
+ introduced: '1.19.0',
1022
+ description: 'Pressed state of color.background.accent.purple.subtlest.'
1023
+ }
574
1024
  }
575
1025
  },
576
1026
  subtler: {
577
- attributes: {
578
- group: 'paint',
579
- state: 'active',
580
- introduced: '0.7.0',
581
- description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
1027
+ '[default]': {
1028
+ attributes: {
1029
+ group: 'paint',
1030
+ state: 'active',
1031
+ introduced: '0.7.0',
1032
+ description: 'Use for purple backgrounds when there is no meaning tied to the color, such as colored tags.'
1033
+ }
1034
+ },
1035
+ hovered: {
1036
+ attributes: {
1037
+ group: 'paint',
1038
+ state: 'active',
1039
+ introduced: '1.19.0',
1040
+ description: 'Hovered state of color.background.accent.purple.subtler.'
1041
+ }
1042
+ },
1043
+ pressed: {
1044
+ attributes: {
1045
+ group: 'paint',
1046
+ state: 'active',
1047
+ introduced: '1.19.0',
1048
+ description: 'Pressed state of color.background.accent.purple.subtler.'
1049
+ }
582
1050
  }
583
1051
  },
584
1052
  subtle: {
585
- attributes: {
586
- group: 'paint',
587
- state: 'active',
588
- introduced: '0.7.0',
589
- description: 'Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags.'
1053
+ '[default]': {
1054
+ attributes: {
1055
+ group: 'paint',
1056
+ state: 'active',
1057
+ introduced: '0.7.0',
1058
+ description: 'Use for vibrant purple backgrounds when there is no meaning tied to the color, such as colored tags.'
1059
+ }
1060
+ },
1061
+ hovered: {
1062
+ attributes: {
1063
+ group: 'paint',
1064
+ state: 'active',
1065
+ introduced: '1.19.0',
1066
+ description: 'Hovered state of color.background.accent.purple.subtle.'
1067
+ }
1068
+ },
1069
+ pressed: {
1070
+ attributes: {
1071
+ group: 'paint',
1072
+ state: 'active',
1073
+ introduced: '1.19.0',
1074
+ description: 'Pressed state of color.background.accent.purple.subtle.'
1075
+ }
590
1076
  }
591
1077
  },
592
1078
  bolder: {
593
- attributes: {
594
- group: 'paint',
595
- state: 'active',
596
- introduced: '0.7.0',
597
- description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1079
+ '[default]': {
1080
+ attributes: {
1081
+ group: 'paint',
1082
+ state: 'active',
1083
+ introduced: '0.7.0',
1084
+ description: 'Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1085
+ }
1086
+ },
1087
+ hovered: {
1088
+ attributes: {
1089
+ group: 'paint',
1090
+ state: 'active',
1091
+ introduced: '1.19.0',
1092
+ description: 'Hovered state of color.background.accent.purple.bolder.'
1093
+ }
1094
+ },
1095
+ pressed: {
1096
+ attributes: {
1097
+ group: 'paint',
1098
+ state: 'active',
1099
+ introduced: '1.19.0',
1100
+ description: 'Pressed state of color.background.accent.purple.bolder.'
1101
+ }
598
1102
  }
599
1103
  }
600
1104
  },
601
1105
  magenta: {
602
1106
  subtlest: {
603
- attributes: {
604
- group: 'paint',
605
- state: 'active',
606
- introduced: '0.7.0',
607
- description: 'Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1107
+ '[default]': {
1108
+ attributes: {
1109
+ group: 'paint',
1110
+ state: 'active',
1111
+ introduced: '0.7.0',
1112
+ description: 'Use for magenta backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1113
+ }
1114
+ },
1115
+ hovered: {
1116
+ attributes: {
1117
+ group: 'paint',
1118
+ state: 'active',
1119
+ introduced: '1.19.0',
1120
+ description: 'Hovered state of color.background.accent.magenta.subtlest.'
1121
+ }
1122
+ },
1123
+ pressed: {
1124
+ attributes: {
1125
+ group: 'paint',
1126
+ state: 'active',
1127
+ introduced: '1.19.0',
1128
+ description: 'Pressed state of color.background.accent.magenta.subtlest.'
1129
+ }
608
1130
  }
609
1131
  },
610
1132
  subtler: {
611
- attributes: {
612
- group: 'paint',
613
- state: 'active',
614
- introduced: '0.7.0',
615
- description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
1133
+ '[default]': {
1134
+ attributes: {
1135
+ group: 'paint',
1136
+ state: 'active',
1137
+ introduced: '0.7.0',
1138
+ description: 'Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
1139
+ }
1140
+ },
1141
+ hovered: {
1142
+ attributes: {
1143
+ group: 'paint',
1144
+ state: 'active',
1145
+ introduced: '1.19.0',
1146
+ description: 'Hovered state of color.background.accent.magenta.subtler.'
1147
+ }
1148
+ },
1149
+ pressed: {
1150
+ attributes: {
1151
+ group: 'paint',
1152
+ state: 'active',
1153
+ introduced: '1.19.0',
1154
+ description: 'Pressed state of color.background.accent.magenta.subtler.'
1155
+ }
616
1156
  }
617
1157
  },
618
1158
  subtle: {
619
- attributes: {
620
- group: 'paint',
621
- state: 'active',
622
- introduced: '0.7.0',
623
- description: 'Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
1159
+ '[default]': {
1160
+ attributes: {
1161
+ group: 'paint',
1162
+ state: 'active',
1163
+ introduced: '0.7.0',
1164
+ description: 'Use for vibrant magenta backgrounds when there is no meaning tied to the color, such as colored tags.'
1165
+ }
1166
+ },
1167
+ hovered: {
1168
+ attributes: {
1169
+ group: 'paint',
1170
+ state: 'active',
1171
+ introduced: '1.19.0',
1172
+ description: 'Hovered state of color.background.accent.magenta.subtle.'
1173
+ }
1174
+ },
1175
+ pressed: {
1176
+ attributes: {
1177
+ group: 'paint',
1178
+ state: 'active',
1179
+ introduced: '1.19.0',
1180
+ description: 'Pressed state of color.background.accent.magenta.subtle.'
1181
+ }
624
1182
  }
625
1183
  },
626
1184
  bolder: {
627
- attributes: {
628
- group: 'paint',
629
- state: 'active',
630
- introduced: '0.7.0',
631
- description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1185
+ '[default]': {
1186
+ attributes: {
1187
+ group: 'paint',
1188
+ state: 'active',
1189
+ introduced: '0.7.0',
1190
+ description: 'Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1191
+ }
1192
+ },
1193
+ hovered: {
1194
+ attributes: {
1195
+ group: 'paint',
1196
+ state: 'active',
1197
+ introduced: '1.19.0',
1198
+ description: 'Hovered state of color.background.accent.magenta.bolder.'
1199
+ }
1200
+ },
1201
+ pressed: {
1202
+ attributes: {
1203
+ group: 'paint',
1204
+ state: 'active',
1205
+ introduced: '1.19.0',
1206
+ description: 'Pressed state of color.background.accent.magenta.bolder.'
1207
+ }
632
1208
  }
633
1209
  }
634
1210
  },
635
1211
  lime: {
636
1212
  subtlest: {
637
- attributes: {
638
- group: 'paint',
639
- state: 'active',
640
- introduced: '1.6.0',
641
- description: 'Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1213
+ '[default]': {
1214
+ attributes: {
1215
+ group: 'paint',
1216
+ state: 'active',
1217
+ introduced: '1.6.0',
1218
+ description: 'Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1219
+ }
1220
+ },
1221
+ hovered: {
1222
+ attributes: {
1223
+ group: 'paint',
1224
+ state: 'active',
1225
+ introduced: '1.19.0',
1226
+ description: 'Hovered state of color.background.accent.lime.subtlest.'
1227
+ }
1228
+ },
1229
+ pressed: {
1230
+ attributes: {
1231
+ group: 'paint',
1232
+ state: 'active',
1233
+ introduced: '1.19.0',
1234
+ description: 'Pressed state of color.background.accent.lime.subtlest.'
1235
+ }
642
1236
  }
643
1237
  },
644
1238
  subtler: {
645
- attributes: {
646
- group: 'paint',
647
- state: 'active',
648
- introduced: '1.6.0',
649
- description: 'Use for for backgrounds when there is no meaning tied to the color, such as colored tags.'
1239
+ '[default]': {
1240
+ attributes: {
1241
+ group: 'paint',
1242
+ state: 'active',
1243
+ introduced: '1.6.0',
1244
+ description: 'Use for for backgrounds when there is no meaning tied to the color, such as colored tags.'
1245
+ }
1246
+ },
1247
+ hovered: {
1248
+ attributes: {
1249
+ group: 'paint',
1250
+ state: 'active',
1251
+ introduced: '1.19.0',
1252
+ description: 'Hovered state of color.background.accent.lime.subtler.'
1253
+ }
1254
+ },
1255
+ pressed: {
1256
+ attributes: {
1257
+ group: 'paint',
1258
+ state: 'active',
1259
+ introduced: '1.19.0',
1260
+ description: 'Pressed state of color.background.accent.lime.subtler.'
1261
+ }
650
1262
  }
651
1263
  },
652
1264
  subtle: {
653
- attributes: {
654
- group: 'paint',
655
- state: 'active',
656
- introduced: '1.6.0',
657
- description: 'Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags.'
1265
+ '[default]': {
1266
+ attributes: {
1267
+ group: 'paint',
1268
+ state: 'active',
1269
+ introduced: '1.6.0',
1270
+ description: 'Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags.'
1271
+ }
1272
+ },
1273
+ hovered: {
1274
+ attributes: {
1275
+ group: 'paint',
1276
+ state: 'active',
1277
+ introduced: '1.19.0',
1278
+ description: 'Hovered state of color.background.accent.lime.subtle.'
1279
+ }
1280
+ },
1281
+ pressed: {
1282
+ attributes: {
1283
+ group: 'paint',
1284
+ state: 'active',
1285
+ introduced: '1.19.0',
1286
+ description: 'Pressed state of color.background.accent.lime.subtle.'
1287
+ }
658
1288
  }
659
1289
  },
660
1290
  bolder: {
661
- attributes: {
662
- group: 'paint',
663
- state: 'active',
664
- introduced: '1.6.0',
665
- description: 'Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1291
+ '[default]': {
1292
+ attributes: {
1293
+ group: 'paint',
1294
+ state: 'active',
1295
+ introduced: '1.6.0',
1296
+ description: 'Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1297
+ }
1298
+ },
1299
+ hovered: {
1300
+ attributes: {
1301
+ group: 'paint',
1302
+ state: 'active',
1303
+ introduced: '1.19.0',
1304
+ description: 'Hovered state of color.background.accent.lime.bolder.'
1305
+ }
1306
+ },
1307
+ pressed: {
1308
+ attributes: {
1309
+ group: 'paint',
1310
+ state: 'active',
1311
+ introduced: '1.19.0',
1312
+ description: 'Pressed state of color.background.accent.lime.bolder.'
1313
+ }
666
1314
  }
667
1315
  }
668
1316
  },
669
1317
  gray: {
670
1318
  subtlest: {
671
- attributes: {
672
- group: 'paint',
673
- state: 'active',
674
- introduced: '0.7.0',
675
- description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1319
+ '[default]': {
1320
+ attributes: {
1321
+ group: 'paint',
1322
+ state: 'active',
1323
+ introduced: '0.7.0',
1324
+ description: 'Use for gray backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color.'
1325
+ }
1326
+ },
1327
+ hovered: {
1328
+ attributes: {
1329
+ group: 'paint',
1330
+ state: 'active',
1331
+ introduced: '1.19.0',
1332
+ description: 'Hovered state of color.background.accent.gray.subtlest.'
1333
+ }
1334
+ },
1335
+ pressed: {
1336
+ attributes: {
1337
+ group: 'paint',
1338
+ state: 'active',
1339
+ introduced: '1.19.0',
1340
+ description: 'Pressed state of color.background.accent.gray.subtlest.'
1341
+ }
676
1342
  }
677
1343
  },
678
1344
  subtler: {
679
- attributes: {
680
- group: 'paint',
681
- state: 'active',
682
- introduced: '0.7.0',
683
- description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.'
1345
+ '[default]': {
1346
+ attributes: {
1347
+ group: 'paint',
1348
+ state: 'active',
1349
+ introduced: '0.7.0',
1350
+ description: 'Use for gray backgrounds when there is no meaning tied to the color, such as colored tags.'
1351
+ }
1352
+ },
1353
+ hovered: {
1354
+ attributes: {
1355
+ group: 'paint',
1356
+ state: 'active',
1357
+ introduced: '1.19.0',
1358
+ description: 'Hovered state of color.background.accent.gray.subtler.'
1359
+ }
1360
+ },
1361
+ pressed: {
1362
+ attributes: {
1363
+ group: 'paint',
1364
+ state: 'active',
1365
+ introduced: '1.19.0',
1366
+ description: 'Pressed state of color.background.accent.gray.subtler.'
1367
+ }
684
1368
  }
685
1369
  },
686
1370
  subtle: {
687
- attributes: {
688
- group: 'paint',
689
- state: 'active',
690
- introduced: '0.7.0',
691
- description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.'
1371
+ '[default]': {
1372
+ attributes: {
1373
+ group: 'paint',
1374
+ state: 'active',
1375
+ introduced: '0.7.0',
1376
+ description: 'Use for vibrant gray backgrounds when there is no meaning tied to the color, such as colored tags.'
1377
+ }
1378
+ },
1379
+ hovered: {
1380
+ attributes: {
1381
+ group: 'paint',
1382
+ state: 'active',
1383
+ introduced: '1.19.0',
1384
+ description: 'Hovered state of color.background.accent.gray.subtle.'
1385
+ }
1386
+ },
1387
+ pressed: {
1388
+ attributes: {
1389
+ group: 'paint',
1390
+ state: 'active',
1391
+ introduced: '1.19.0',
1392
+ description: 'Pressed state of color.background.accent.gray.subtle.'
1393
+ }
692
1394
  }
693
1395
  },
694
1396
  bolder: {
695
- attributes: {
696
- group: 'paint',
697
- state: 'active',
698
- introduced: '0.7.0',
699
- description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1397
+ '[default]': {
1398
+ attributes: {
1399
+ group: 'paint',
1400
+ state: 'active',
1401
+ introduced: '0.7.0',
1402
+ description: 'Use for gray backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements.'
1403
+ }
1404
+ },
1405
+ hovered: {
1406
+ attributes: {
1407
+ group: 'paint',
1408
+ state: 'active',
1409
+ introduced: '1.19.0',
1410
+ description: 'Hovered state of color.background.accent.gray.bolder.'
1411
+ }
1412
+ },
1413
+ pressed: {
1414
+ attributes: {
1415
+ group: 'paint',
1416
+ state: 'active',
1417
+ introduced: '1.19.0',
1418
+ description: 'Pressed state of color.background.accent.gray.subtlest.'
1419
+ }
700
1420
  }
701
1421
  }
702
1422
  }