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