@patternfly/design-tokens 1.15.0 → 1.15.1

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 (45) hide show
  1. package/build/css/tokens-dark.scss +15 -14
  2. package/build/css/tokens-default.scss +8 -5
  3. package/build/css/tokens-glass-dark.scss +9 -5
  4. package/build/css/tokens-glass.scss +14 -7
  5. package/build/css/tokens-palette.scss +1 -1
  6. package/build/css/tokens-redhat-dark.scss +8 -2
  7. package/build/css/tokens-redhat-glass-dark.scss +14 -5
  8. package/build/css/tokens-redhat-glass.scss +14 -7
  9. package/build/css/tokens-redhat-highcontrast-dark.scss +2 -8
  10. package/build/css/tokens-redhat-highcontrast.scss +1 -1
  11. package/build/css/tokens-redhat.scss +1 -1
  12. package/build.js +44 -1
  13. package/package.json +1 -1
  14. package/patternfly-docs/content/token-layers-glass-dark.json +465 -333
  15. package/patternfly-docs/content/token-layers-glass.json +12130 -212
  16. package/patternfly-docs/content/token-layers-highcontrast-dark.json +491 -220
  17. package/patternfly-docs/content/token-layers-highcontrast.json +727 -438
  18. package/patternfly-docs/content/token-layers-redhat-dark.json +307 -201
  19. package/patternfly-docs/content/token-layers-redhat-glass-dark.json +364 -238
  20. package/patternfly-docs/content/token-layers-redhat-glass.json +12286 -368
  21. package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json +263 -157
  22. package/patternfly-docs/content/token-layers-redhat-highcontrast.json +727 -438
  23. package/patternfly-docs/content/token-layers-redhat.json +1086 -797
  24. package/tokens/default/dark/base.dark.json +2 -2
  25. package/tokens/default/dark/charts.dark.json +4 -4
  26. package/tokens/default/dark/semantic.dark.json +31 -17
  27. package/tokens/default/glass/semantic.dimension.glass.json +1109 -0
  28. package/tokens/default/glass/semantic.glass.json +30 -16
  29. package/tokens/default/glass-dark/base.dark.json +2 -2
  30. package/tokens/default/glass-dark/semantic.glass.dark.json +34 -20
  31. package/tokens/default/highcontrast/semantic.dimension.highcontrast.json +46 -34
  32. package/tokens/default/highcontrast/semantic.highcontrast.json +24 -10
  33. package/tokens/default/highcontrast-dark/base.dark.json +2 -2
  34. package/tokens/default/highcontrast-dark/semantic.highcontrast.dark.json +27 -13
  35. package/tokens/default/light/charts.json +4 -4
  36. package/tokens/default/light/semantic.dimension.json +46 -34
  37. package/tokens/default/light/semantic.json +24 -10
  38. package/tokens/default/light/semantic.motion.json +28 -28
  39. package/tokens/redhat/dark/redhat.color.dark.json +24 -24
  40. package/tokens/redhat/glass/redhat.color.glass.json +5 -5
  41. package/tokens/redhat/glass/redhat.dimension.glass.json +2 -0
  42. package/tokens/redhat/glass-dark/redhat.color.glass.dark.json +19 -19
  43. package/tokens/redhat/highcontrast/redhat.color.highcontrast.json +5 -5
  44. package/tokens/redhat/highcontrast-dark/redhat.color.highcontrast.dark.json +5 -5
  45. package/tokens/redhat/light/redhat.color.json +5 -5
package/patternfly-docs/content/token-layers-redhat-highcontrast-dark.json CHANGED
@@ -502,7 +502,7 @@
502
502
  ]
503
503
  }
504
504
  },
505
- "pf-t--global--background--color--glass--primary": {
505
+ "pf-t--global--background--color--glass--primary--default": {
506
506
  "default": {
507
507
  "type": "color",
508
508
  "value": "#000000",
@@ -512,7 +512,7 @@
512
512
  "type": "color",
513
513
  "value": "{global.background.color.primary.default}"
514
514
  },
515
- "name": "pf-t--global--background--color--glass--primary",
515
+ "name": "pf-t--global--background--color--glass--primary--default",
516
516
  "attributes": {
517
517
  "category": "global",
518
518
  "type": "background",
@@ -525,7 +525,8 @@
525
525
  "background",
526
526
  "color",
527
527
  "glass",
528
- "primary"
528
+ "primary",
529
+ "default"
529
530
  ],
530
531
  "references": [
531
532
  {
@@ -579,105 +580,78 @@
579
580
  ]
580
581
  }
581
582
  },
582
- "pf-t--global--background--color--glass--floating": {
583
+ "pf-t--global--background--color--floating--default": {
583
584
  "default": {
585
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
584
586
  "type": "color",
585
587
  "value": "#292929",
586
588
  "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
587
589
  "isSource": true,
588
590
  "original": {
591
+ "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
589
592
  "type": "color",
590
- "value": "{global.background.color.floating.default}"
593
+ "value": "{global.dark.background.color.200}"
591
594
  },
592
- "name": "pf-t--global--background--color--glass--floating",
595
+ "name": "pf-t--global--background--color--floating--default",
593
596
  "attributes": {
594
597
  "category": "global",
595
598
  "type": "background",
596
599
  "item": "color",
597
- "subitem": "glass",
598
- "state": "floating"
600
+ "subitem": "floating",
601
+ "state": "default"
599
602
  },
600
603
  "path": [
601
604
  "global",
602
605
  "background",
603
606
  "color",
604
- "glass",
605
- "floating"
607
+ "floating",
608
+ "default"
606
609
  ],
607
610
  "references": [
608
611
  {
609
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
610
612
  "type": "color",
611
613
  "value": "#292929",
612
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
614
+ "filePath": "tokens/default/highcontrast-dark/base.dark.json",
613
615
  "isSource": true,
614
616
  "original": {
615
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
616
617
  "type": "color",
617
- "value": "{global.dark.background.color.200}"
618
+ "value": "{color.gray.80}"
618
619
  },
619
- "name": "pf-t--global--background--color--floating--default",
620
+ "name": "pf-t--global--dark--background--color--200",
620
621
  "attributes": {
621
622
  "category": "global",
622
- "type": "background",
623
- "item": "color",
624
- "subitem": "floating",
625
- "state": "default"
623
+ "type": "dark",
624
+ "item": "background",
625
+ "subitem": "color",
626
+ "state": "200"
626
627
  },
627
628
  "path": [
628
629
  "global",
630
+ "dark",
629
631
  "background",
630
632
  "color",
631
- "floating",
632
- "default"
633
+ "200"
633
634
  ],
634
635
  "references": [
635
636
  {
636
637
  "type": "color",
637
638
  "value": "#292929",
638
- "filePath": "tokens/default/highcontrast-dark/base.dark.json",
639
+ "filePath": "tokens/default/highcontrast-dark/palette.color.json",
639
640
  "isSource": true,
640
641
  "original": {
641
642
  "type": "color",
642
- "value": "{color.gray.80}"
643
+ "value": "#292929"
643
644
  },
644
- "name": "pf-t--global--dark--background--color--200",
645
+ "name": "pf-t--color--gray--80",
645
646
  "attributes": {
646
- "category": "global",
647
- "type": "dark",
648
- "item": "background",
649
- "subitem": "color",
650
- "state": "200"
647
+ "category": "color",
648
+ "type": "gray",
649
+ "item": "80"
651
650
  },
652
651
  "path": [
653
- "global",
654
- "dark",
655
- "background",
656
652
  "color",
657
- "200"
658
- ],
659
- "references": [
660
- {
661
- "type": "color",
662
- "value": "#292929",
663
- "filePath": "tokens/default/highcontrast-dark/palette.color.json",
664
- "isSource": true,
665
- "original": {
666
- "type": "color",
667
- "value": "#292929"
668
- },
669
- "name": "pf-t--color--gray--80",
670
- "attributes": {
671
- "category": "color",
672
- "type": "gray",
673
- "item": "80"
674
- },
675
- "path": [
676
- "color",
677
- "gray",
678
- "80"
679
- ]
680
- }
653
+ "gray",
654
+ "80"
681
655
  ]
682
656
  }
683
657
  ]
@@ -685,78 +659,78 @@
685
659
  ]
686
660
  }
687
661
  },
688
- "pf-t--global--background--color--floating--default": {
662
+ "pf-t--global--background--color--floating--hover": {
689
663
  "default": {
690
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
664
+ "description": "Use as the hover state for floating backgrounds",
691
665
  "type": "color",
692
- "value": "#292929",
666
+ "value": "#383838",
693
667
  "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
694
668
  "isSource": true,
695
669
  "original": {
696
- "description": "Use as the background color for components that appear over other content, such as toast alerts, menus, modals, overlay drawers, etc.",
670
+ "description": "Use as the hover state for floating backgrounds",
697
671
  "type": "color",
698
- "value": "{global.dark.background.color.200}"
672
+ "value": "{global.dark.background.color.300}"
699
673
  },
700
- "name": "pf-t--global--background--color--floating--default",
674
+ "name": "pf-t--global--background--color--floating--hover",
701
675
  "attributes": {
702
676
  "category": "global",
703
677
  "type": "background",
704
678
  "item": "color",
705
679
  "subitem": "floating",
706
- "state": "default"
680
+ "state": "hover"
707
681
  },
708
682
  "path": [
709
683
  "global",
710
684
  "background",
711
685
  "color",
712
686
  "floating",
713
- "default"
687
+ "hover"
714
688
  ],
715
689
  "references": [
716
690
  {
717
691
  "type": "color",
718
- "value": "#292929",
692
+ "value": "#383838",
719
693
  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
720
694
  "isSource": true,
721
695
  "original": {
722
696
  "type": "color",
723
- "value": "{color.gray.80}"
697
+ "value": "{color.gray.70}"
724
698
  },
725
- "name": "pf-t--global--dark--background--color--200",
699
+ "name": "pf-t--global--dark--background--color--300",
726
700
  "attributes": {
727
701
  "category": "global",
728
702
  "type": "dark",
729
703
  "item": "background",
730
704
  "subitem": "color",
731
- "state": "200"
705
+ "state": "300"
732
706
  },
733
707
  "path": [
734
708
  "global",
735
709
  "dark",
736
710
  "background",
737
711
  "color",
738
- "200"
712
+ "300"
739
713
  ],
740
714
  "references": [
741
715
  {
742
716
  "type": "color",
743
- "value": "#292929",
717
+ "value": "#383838",
744
718
  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
745
719
  "isSource": true,
746
720
  "original": {
747
721
  "type": "color",
748
- "value": "#292929"
722
+ "value": "#383838"
749
723
  },
750
- "name": "pf-t--color--gray--80",
724
+ "name": "pf-t--color--gray--70",
751
725
  "attributes": {
752
726
  "category": "color",
753
727
  "type": "gray",
754
- "item": "80"
728
+ "item": "70"
755
729
  },
756
730
  "path": [
757
731
  "color",
758
732
  "gray",
759
- "80"
733
+ "70"
760
734
  ]
761
735
  }
762
736
  ]
@@ -764,32 +738,32 @@
764
738
  ]
765
739
  }
766
740
  },
767
- "pf-t--global--background--color--floating--hover": {
741
+ "pf-t--global--background--color--floating--clicked": {
768
742
  "default": {
769
- "description": "Use as the hover state for floating backgrounds",
743
+ "description": "Use as the clicked state for floating backgrounds",
770
744
  "type": "color",
771
745
  "value": "#383838",
772
746
  "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
773
747
  "isSource": true,
774
748
  "original": {
775
- "description": "Use as the hover state for floating backgrounds",
749
+ "description": "Use as the clicked state for floating backgrounds",
776
750
  "type": "color",
777
751
  "value": "{global.dark.background.color.300}"
778
752
  },
779
- "name": "pf-t--global--background--color--floating--hover",
753
+ "name": "pf-t--global--background--color--floating--clicked",
780
754
  "attributes": {
781
755
  "category": "global",
782
756
  "type": "background",
783
757
  "item": "color",
784
758
  "subitem": "floating",
785
- "state": "hover"
759
+ "state": "clicked"
786
760
  },
787
761
  "path": [
788
762
  "global",
789
763
  "background",
790
764
  "color",
791
765
  "floating",
792
- "hover"
766
+ "clicked"
793
767
  ],
794
768
  "references": [
795
769
  {
@@ -843,78 +817,106 @@
843
817
  ]
844
818
  }
845
819
  },
846
- "pf-t--global--background--color--floating--clicked": {
820
+ "pf-t--global--background--color--floating--secondary--default": {
847
821
  "default": {
848
- "description": "Use as the clicked state for floating backgrounds",
849
822
  "type": "color",
850
- "value": "#383838",
823
+ "value": "#151515",
851
824
  "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
852
825
  "isSource": true,
853
826
  "original": {
854
- "description": "Use as the clicked state for floating backgrounds",
855
827
  "type": "color",
856
- "value": "{global.dark.background.color.300}"
828
+ "value": "{global.background.color.secondary.default}"
857
829
  },
858
- "name": "pf-t--global--background--color--floating--clicked",
830
+ "name": "pf-t--global--background--color--floating--secondary--default",
859
831
  "attributes": {
860
832
  "category": "global",
861
833
  "type": "background",
862
834
  "item": "color",
863
835
  "subitem": "floating",
864
- "state": "clicked"
836
+ "state": "secondary"
865
837
  },
866
838
  "path": [
867
839
  "global",
868
840
  "background",
869
841
  "color",
870
842
  "floating",
871
- "clicked"
843
+ "secondary",
844
+ "default"
872
845
  ],
873
846
  "references": [
874
847
  {
848
+ "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
875
849
  "type": "color",
876
- "value": "#383838",
877
- "filePath": "tokens/default/highcontrast-dark/base.dark.json",
850
+ "value": "#151515",
851
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
878
852
  "isSource": true,
879
853
  "original": {
854
+ "description": "Use as the secondary background color for UI content Use as the primary background color for UI content such as cards, page sections, and other content areas. Secondary background color is also used for our UI shell backgrounds (nav, masthead, etc).",
880
855
  "type": "color",
881
- "value": "{color.gray.70}"
856
+ "value": "{global.dark.background.color.100}"
882
857
  },
883
- "name": "pf-t--global--dark--background--color--300",
858
+ "name": "pf-t--global--background--color--secondary--default",
884
859
  "attributes": {
885
860
  "category": "global",
886
- "type": "dark",
887
- "item": "background",
888
- "subitem": "color",
889
- "state": "300"
861
+ "type": "background",
862
+ "item": "color",
863
+ "subitem": "secondary",
864
+ "state": "default"
890
865
  },
891
866
  "path": [
892
867
  "global",
893
- "dark",
894
868
  "background",
895
869
  "color",
896
- "300"
870
+ "secondary",
871
+ "default"
897
872
  ],
898
873
  "references": [
899
874
  {
900
875
  "type": "color",
901
- "value": "#383838",
902
- "filePath": "tokens/default/highcontrast-dark/palette.color.json",
876
+ "value": "#151515",
877
+ "filePath": "tokens/default/highcontrast-dark/base.dark.json",
903
878
  "isSource": true,
904
879
  "original": {
905
880
  "type": "color",
906
- "value": "#383838"
881
+ "value": "{color.gray.95}"
907
882
  },
908
- "name": "pf-t--color--gray--70",
883
+ "name": "pf-t--global--dark--background--color--100",
909
884
  "attributes": {
910
- "category": "color",
911
- "type": "gray",
912
- "item": "70"
885
+ "category": "global",
886
+ "type": "dark",
887
+ "item": "background",
888
+ "subitem": "color",
889
+ "state": "100"
913
890
  },
914
891
  "path": [
892
+ "global",
893
+ "dark",
894
+ "background",
915
895
  "color",
916
- "gray",
917
- "70"
896
+ "100"
897
+ ],
898
+ "references": [
899
+ {
900
+ "type": "color",
901
+ "value": "#151515",
902
+ "filePath": "tokens/default/highcontrast-dark/palette.color.json",
903
+ "isSource": true,
904
+ "original": {
905
+ "type": "color",
906
+ "value": "#151515"
907
+ },
908
+ "name": "pf-t--color--gray--95",
909
+ "attributes": {
910
+ "category": "color",
911
+ "type": "gray",
912
+ "item": "95"
913
+ },
914
+ "path": [
915
+ "color",
916
+ "gray",
917
+ "95"
918
+ ]
919
+ }
918
920
  ]
919
921
  }
920
922
  ]
@@ -1995,6 +1997,34 @@
1995
1997
  ]
1996
1998
  }
1997
1999
  },
2000
+ "pf-t--global--background--color--striped--row--default": {
2001
+ "default": {
2002
+ "type": "color",
2003
+ "value": "rgba(21, 21, 21, 0.3000)",
2004
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
2005
+ "isSource": true,
2006
+ "original": {
2007
+ "type": "color",
2008
+ "value": "rgba(21, 21, 21, 0.3000)"
2009
+ },
2010
+ "name": "pf-t--global--background--color--striped--row--default",
2011
+ "attributes": {
2012
+ "category": "global",
2013
+ "type": "background",
2014
+ "item": "color",
2015
+ "subitem": "striped",
2016
+ "state": "row"
2017
+ },
2018
+ "path": [
2019
+ "global",
2020
+ "background",
2021
+ "color",
2022
+ "striped",
2023
+ "row",
2024
+ "default"
2025
+ ]
2026
+ }
2027
+ },
1998
2028
  "pf-t--global--background--color--loading--skeleton--default": {
1999
2029
  "default": {
2000
2030
  "type": "color",
@@ -2133,34 +2163,6 @@
2133
2163
  ]
2134
2164
  }
2135
2165
  },
2136
- "pf-t--global--background--filter--glass--blur--floating": {
2137
- "default": {
2138
- "type": "number",
2139
- "value": "blur(0px)",
2140
- "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
2141
- "isSource": true,
2142
- "original": {
2143
- "type": "number",
2144
- "value": 0
2145
- },
2146
- "name": "pf-t--global--background--filter--glass--blur--floating",
2147
- "attributes": {
2148
- "category": "global",
2149
- "type": "background",
2150
- "item": "filter",
2151
- "subitem": "glass",
2152
- "state": "blur"
2153
- },
2154
- "path": [
2155
- "global",
2156
- "background",
2157
- "filter",
2158
- "glass",
2159
- "blur",
2160
- "floating"
2161
- ]
2162
- }
2163
- },
2164
2166
  "pf-t--global--color--brand--default": {
2165
2167
  "default": {
2166
2168
  "description": "Use this color for elements that you want to reinforce your brand",
@@ -16673,7 +16675,7 @@
16673
16675
  "pf-t--global--border--color--control--read-only": {
16674
16676
  "default": {
16675
16677
  "type": "color",
16676
- "value": "#4d4d4d",
16678
+ "value": "#383838",
16677
16679
  "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
16678
16680
  "isSource": true,
16679
16681
  "original": {
@@ -16698,12 +16700,12 @@
16698
16700
  "references": [
16699
16701
  {
16700
16702
  "type": "color",
16701
- "value": "#4d4d4d",
16703
+ "value": "#383838",
16702
16704
  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
16703
16705
  "isSource": true,
16704
16706
  "original": {
16705
16707
  "type": "color",
16706
- "value": "{color.gray.60}"
16708
+ "value": "{color.gray.70}"
16707
16709
  },
16708
16710
  "name": "pf-t--global--dark--border--color--50",
16709
16711
  "attributes": {
@@ -16723,23 +16725,23 @@
16723
16725
  "references": [
16724
16726
  {
16725
16727
  "type": "color",
16726
- "value": "#4d4d4d",
16728
+ "value": "#383838",
16727
16729
  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
16728
16730
  "isSource": true,
16729
16731
  "original": {
16730
16732
  "type": "color",
16731
- "value": "#4d4d4d"
16733
+ "value": "#383838"
16732
16734
  },
16733
- "name": "pf-t--color--gray--60",
16735
+ "name": "pf-t--color--gray--70",
16734
16736
  "attributes": {
16735
16737
  "category": "color",
16736
16738
  "type": "gray",
16737
- "item": "60"
16739
+ "item": "70"
16738
16740
  },
16739
16741
  "path": [
16740
16742
  "color",
16741
16743
  "gray",
16742
- "60"
16744
+ "70"
16743
16745
  ]
16744
16746
  }
16745
16747
  ]
@@ -19601,6 +19603,110 @@
19601
19603
  ]
19602
19604
  }
19603
19605
  },
19606
+ "pf-t--global--border--color--glass--default": {
19607
+ "default": {
19608
+ "type": "color",
19609
+ "value": "#c7c7c7",
19610
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
19611
+ "isSource": true,
19612
+ "original": {
19613
+ "type": "color",
19614
+ "value": "{global.border.color.subtle}"
19615
+ },
19616
+ "name": "pf-t--global--border--color--glass--default",
19617
+ "attributes": {
19618
+ "category": "global",
19619
+ "type": "border",
19620
+ "item": "color",
19621
+ "subitem": "glass",
19622
+ "state": "default"
19623
+ },
19624
+ "path": [
19625
+ "global",
19626
+ "border",
19627
+ "color",
19628
+ "glass",
19629
+ "default"
19630
+ ],
19631
+ "references": [
19632
+ {
19633
+ "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
19634
+ "type": "color",
19635
+ "value": "#c7c7c7",
19636
+ "filePath": "tokens/default/highcontrast-dark/semantic.highcontrast.dark.json",
19637
+ "isSource": true,
19638
+ "original": {
19639
+ "description": "Use as the default border color for elements like form inputs, menu toggles, cards, etc.",
19640
+ "type": "color",
19641
+ "value": "{global.dark.border.color.300}"
19642
+ },
19643
+ "name": "pf-t--global--border--color--subtle",
19644
+ "attributes": {
19645
+ "category": "global",
19646
+ "type": "border",
19647
+ "item": "color",
19648
+ "subitem": "subtle"
19649
+ },
19650
+ "path": [
19651
+ "global",
19652
+ "border",
19653
+ "color",
19654
+ "subtle"
19655
+ ],
19656
+ "references": [
19657
+ {
19658
+ "type": "color",
19659
+ "value": "#c7c7c7",
19660
+ "filePath": "tokens/default/highcontrast-dark/base.dark.json",
19661
+ "isSource": true,
19662
+ "original": {
19663
+ "type": "color",
19664
+ "value": "{color.gray.30}"
19665
+ },
19666
+ "name": "pf-t--global--dark--border--color--300",
19667
+ "attributes": {
19668
+ "category": "global",
19669
+ "type": "dark",
19670
+ "item": "border",
19671
+ "subitem": "color",
19672
+ "state": "300"
19673
+ },
19674
+ "path": [
19675
+ "global",
19676
+ "dark",
19677
+ "border",
19678
+ "color",
19679
+ "300"
19680
+ ],
19681
+ "references": [
19682
+ {
19683
+ "type": "color",
19684
+ "value": "#c7c7c7",
19685
+ "filePath": "tokens/default/highcontrast-dark/palette.color.json",
19686
+ "isSource": true,
19687
+ "original": {
19688
+ "type": "color",
19689
+ "value": "#c7c7c7"
19690
+ },
19691
+ "name": "pf-t--color--gray--30",
19692
+ "attributes": {
19693
+ "category": "color",
19694
+ "type": "gray",
19695
+ "item": "30"
19696
+ },
19697
+ "path": [
19698
+ "color",
19699
+ "gray",
19700
+ "30"
19701
+ ]
19702
+ }
19703
+ ]
19704
+ }
19705
+ ]
19706
+ }
19707
+ ]
19708
+ }
19709
+ },
19604
19710
  "pf-t--global--border--color--nonstatus--red--default": {
19605
19711
  "default": {
19606
19712
  "description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
@@ -35116,12 +35222,12 @@
35116
35222
  "pf-t--global--dark--border--color--50": {
35117
35223
  "default": {
35118
35224
  "type": "color",
35119
- "value": "#4d4d4d",
35225
+ "value": "#383838",
35120
35226
  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
35121
35227
  "isSource": true,
35122
35228
  "original": {
35123
35229
  "type": "color",
35124
- "value": "{color.gray.60}"
35230
+ "value": "{color.gray.70}"
35125
35231
  },
35126
35232
  "name": "pf-t--global--dark--border--color--50",
35127
35233
  "attributes": {
@@ -35141,23 +35247,23 @@
35141
35247
  "references": [
35142
35248
  {
35143
35249
  "type": "color",
35144
- "value": "#4d4d4d",
35250
+ "value": "#383838",
35145
35251
  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
35146
35252
  "isSource": true,
35147
35253
  "original": {
35148
35254
  "type": "color",
35149
- "value": "#4d4d4d"
35255
+ "value": "#383838"
35150
35256
  },
35151
- "name": "pf-t--color--gray--60",
35257
+ "name": "pf-t--color--gray--70",
35152
35258
  "attributes": {
35153
35259
  "category": "color",
35154
35260
  "type": "gray",
35155
- "item": "60"
35261
+ "item": "70"
35156
35262
  },
35157
35263
  "path": [
35158
35264
  "color",
35159
35265
  "gray",
35160
- "60"
35266
+ "70"
35161
35267
  ]
35162
35268
  }
35163
35269
  ]
@@ -35166,12 +35272,12 @@
35166
35272
  "pf-t--global--dark--border--color--100": {
35167
35273
  "default": {
35168
35274
  "type": "color",
35169
- "value": "#707070",
35275
+ "value": "#4d4d4d",
35170
35276
  "filePath": "tokens/default/highcontrast-dark/base.dark.json",
35171
35277
  "isSource": true,
35172
35278
  "original": {
35173
35279
  "type": "color",
35174
- "value": "{color.gray.50}"
35280
+ "value": "{color.gray.60}"
35175
35281
  },
35176
35282
  "name": "pf-t--global--dark--border--color--100",
35177
35283
  "attributes": {
@@ -35191,23 +35297,23 @@
35191
35297
  "references": [
35192
35298
  {
35193
35299
  "type": "color",
35194
- "value": "#707070",
35300
+ "value": "#4d4d4d",
35195
35301
  "filePath": "tokens/default/highcontrast-dark/palette.color.json",
35196
35302
  "isSource": true,
35197
35303
  "original": {
35198
35304
  "type": "color",
35199
- "value": "#707070"
35305
+ "value": "#4d4d4d"
35200
35306
  },
35201
- "name": "pf-t--color--gray--50",
35307
+ "name": "pf-t--color--gray--60",
35202
35308
  "attributes": {
35203
35309
  "category": "color",
35204
35310
  "type": "gray",
35205
- "item": "50"
35311
+ "item": "60"
35206
35312
  },
35207
35313
  "path": [
35208
35314
  "color",
35209
35315
  "gray",
35210
- "50"
35316
+ "60"
35211
35317
  ]
35212
35318
  }
35213
35319
  ]