@patternfly/patternfly 6.5.0-prerelease.51 → 6.5.0-prerelease.53

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 (49) hide show
  1. package/components/Button/button.css +22 -2
  2. package/components/Button/button.scss +26 -2
  3. package/components/Card/card.css +20 -8
  4. package/components/Card/card.scss +26 -7
  5. package/components/Masthead/masthead.css +38 -4
  6. package/components/Masthead/masthead.scss +52 -4
  7. package/components/MenuToggle/menu-toggle.css +26 -2
  8. package/components/MenuToggle/menu-toggle.scss +30 -2
  9. package/components/Nav/nav.css +16 -8
  10. package/components/Nav/nav.scss +16 -8
  11. package/components/Page/page.css +59 -7
  12. package/components/Page/page.scss +79 -15
  13. package/components/_index.css +181 -31
  14. package/docs/components/Breadcrumb/examples/Breadcrumb.md +0 -1
  15. package/docs/components/Button/examples/Button.md +339 -0
  16. package/docs/components/Masthead/examples/masthead.md +1 -1
  17. package/docs/components/Menu/examples/Menu.md +0 -2
  18. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -4
  19. package/docs/components/Pagination/examples/Pagination.md +0 -13
  20. package/docs/components/Toolbar/examples/Toolbar.md +0 -2
  21. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  22. package/docs/demos/Alert/examples/Alert.md +3 -0
  23. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  24. package/docs/demos/Banner/examples/Banner.md +2 -0
  25. package/docs/demos/Card/examples/Card.md +564 -86
  26. package/docs/demos/CardView/examples/CardView.md +16 -3
  27. package/docs/demos/Compass/examples/Compass.md +551 -134
  28. package/docs/demos/Dashboard/examples/Dashboard.md +435 -100
  29. package/docs/demos/DataList/examples/DataList.md +4 -8
  30. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -0
  31. package/docs/demos/Drawer/examples/Drawer.md +5 -0
  32. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  33. package/docs/demos/Masthead/examples/Masthead.md +9 -58
  34. package/docs/demos/Modal/examples/Modal.md +6 -0
  35. package/docs/demos/Nav/examples/Nav.md +305 -160
  36. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -0
  37. package/docs/demos/Page/examples/Page.md +14 -0
  38. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -6
  39. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  40. package/docs/demos/Table/examples/Table.md +16 -27
  41. package/docs/demos/Tabs/examples/Tabs.md +6 -0
  42. package/docs/demos/Toolbar/examples/Toolbar.md +2 -8
  43. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +181 -31
  46. package/patternfly.css +181 -31
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/sass-utilities/scss-variables.scss +3 -0
package/docs/demos/Card/examples/Card.md CHANGED
@@ -335,7 +335,19 @@ wrapperTag: div
335
335
  <li>
336
336
  <a href="#">
337
337
  OpenShift 4.5: Top Tasks
338
- <i class="fas fa-external-link-alt" aria-hidden="true"></i>
338
+ <svg
339
+ class="pf-v6-svg"
340
+ viewBox="0 0 32 32"
341
+ fill="currentColor"
342
+ aria-hidden="true"
343
+ role="img"
344
+ width="1em"
345
+ height="1em"
346
+ >
347
+ <path
348
+ d="M30 21v7.5c0 .827-.673 1.5-1.5 1.5h-25c-.827 0-1.5-.673-1.5-1.5v-25C2 2.673 2.673 2 3.5 2H11a1 1 0 1 1 0 2H4v24h24v-7a1 1 0 1 1 2 0ZM28.5 2H18a1 1 0 1 0 0 2h8.586L13.293 17.293a.999.999 0 1 0 1.414 1.414L28 5.414V14a1 1 0 1 0 2 0V3.5c0-.827-.673-1.5-1.5-1.5Z"
349
+ />
350
+ </svg>
339
351
  </a>
340
352
  </li>
341
353
  <li>
@@ -518,7 +530,19 @@ wrapperTag: div
518
530
  <div class="pf-v6-c-card__body">
519
531
  <span class="pf-v6-c-icon pf-m-inline">
520
532
  <span class="pf-v6-c-icon__content pf-m-success">
521
- <i class="fas fa-check-circle" aria-hidden="true"></i>
533
+ <svg
534
+ class="pf-v6-svg"
535
+ viewBox="0 0 32 32"
536
+ fill="currentColor"
537
+ aria-hidden="true"
538
+ role="img"
539
+ width="1em"
540
+ height="1em"
541
+ >
542
+ <path
543
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
544
+ />
545
+ </svg>
522
546
  </span>
523
547
  </span>
524
548
  </div>
@@ -530,7 +554,19 @@ wrapperTag: div
530
554
  <div class="pf-v6-c-card__body">
531
555
  <span class="pf-v6-c-icon pf-m-inline">
532
556
  <span class="pf-v6-c-icon__content pf-m-warning">
533
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
557
+ <svg
558
+ class="pf-v6-svg"
559
+ viewBox="0 0 32 32"
560
+ fill="currentColor"
561
+ aria-hidden="true"
562
+ role="img"
563
+ width="1em"
564
+ height="1em"
565
+ >
566
+ <path
567
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
568
+ />
569
+ </svg>
534
570
  </span>
535
571
  </span>
536
572
  </div>
@@ -542,7 +578,19 @@ wrapperTag: div
542
578
  <div class="pf-v6-c-card__body">
543
579
  <span class="pf-v6-c-icon pf-m-inline">
544
580
  <span class="pf-v6-c-icon__content pf-m-danger">
545
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
581
+ <svg
582
+ class="pf-v6-svg"
583
+ viewBox="0 0 32 32"
584
+ fill="currentColor"
585
+ aria-hidden="true"
586
+ role="img"
587
+ width="1em"
588
+ height="1em"
589
+ >
590
+ <path
591
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
592
+ />
593
+ </svg>
546
594
  </span>
547
595
  </span>
548
596
  </div>
@@ -561,7 +609,19 @@ wrapperTag: div
561
609
  <div class="pf-v6-l-flex__item">
562
610
  <span class="pf-v6-c-icon pf-m-inline">
563
611
  <span class="pf-v6-c-icon__content pf-m-success">
564
- <i class="fas fa-check-circle" aria-hidden="true"></i>
612
+ <svg
613
+ class="pf-v6-svg"
614
+ viewBox="0 0 32 32"
615
+ fill="currentColor"
616
+ aria-hidden="true"
617
+ role="img"
618
+ width="1em"
619
+ height="1em"
620
+ >
621
+ <path
622
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
623
+ />
624
+ </svg>
565
625
  </span>
566
626
  </span>
567
627
  </div>
@@ -574,7 +634,19 @@ wrapperTag: div
574
634
  <div class="pf-v6-l-flex__item">
575
635
  <span class="pf-v6-c-icon pf-m-inline">
576
636
  <span class="pf-v6-c-icon__content pf-m-warning">
577
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
637
+ <svg
638
+ class="pf-v6-svg"
639
+ viewBox="0 0 32 32"
640
+ fill="currentColor"
641
+ aria-hidden="true"
642
+ role="img"
643
+ width="1em"
644
+ height="1em"
645
+ >
646
+ <path
647
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
648
+ />
649
+ </svg>
578
650
  </span>
579
651
  </span>
580
652
  </div>
@@ -595,7 +667,19 @@ wrapperTag: div
595
667
  <div class="pf-v6-l-flex__item">
596
668
  <span class="pf-v6-c-icon pf-m-inline">
597
669
  <span class="pf-v6-c-icon__content pf-m-success">
598
- <i class="fas fa-check-circle" aria-hidden="true"></i>
670
+ <svg
671
+ class="pf-v6-svg"
672
+ viewBox="0 0 32 32"
673
+ fill="currentColor"
674
+ aria-hidden="true"
675
+ role="img"
676
+ width="1em"
677
+ height="1em"
678
+ >
679
+ <path
680
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
681
+ />
682
+ </svg>
599
683
  </span>
600
684
  </span>
601
685
  </div>
@@ -608,7 +692,19 @@ wrapperTag: div
608
692
  <div class="pf-v6-l-flex__item">
609
693
  <span class="pf-v6-c-icon pf-m-inline">
610
694
  <span class="pf-v6-c-icon__content pf-m-danger">
611
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
695
+ <svg
696
+ class="pf-v6-svg"
697
+ viewBox="0 0 32 32"
698
+ fill="currentColor"
699
+ aria-hidden="true"
700
+ role="img"
701
+ width="1em"
702
+ height="1em"
703
+ >
704
+ <path
705
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
706
+ />
707
+ </svg>
612
708
  </span>
613
709
  </span>
614
710
  </div>
@@ -629,7 +725,19 @@ wrapperTag: div
629
725
  <div class="pf-v6-l-flex__item">
630
726
  <span class="pf-v6-c-icon pf-m-inline">
631
727
  <span class="pf-v6-c-icon__content pf-m-warning">
632
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
728
+ <svg
729
+ class="pf-v6-svg"
730
+ viewBox="0 0 32 32"
731
+ fill="currentColor"
732
+ aria-hidden="true"
733
+ role="img"
734
+ width="1em"
735
+ height="1em"
736
+ >
737
+ <path
738
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
739
+ />
740
+ </svg>
633
741
  </span>
634
742
  </span>
635
743
  </div>
@@ -642,7 +750,19 @@ wrapperTag: div
642
750
  <div class="pf-v6-l-flex__item">
643
751
  <span class="pf-v6-c-icon pf-m-inline">
644
752
  <span class="pf-v6-c-icon__content pf-m-danger">
645
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
753
+ <svg
754
+ class="pf-v6-svg"
755
+ viewBox="0 0 32 32"
756
+ fill="currentColor"
757
+ aria-hidden="true"
758
+ role="img"
759
+ width="1em"
760
+ height="1em"
761
+ >
762
+ <path
763
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
764
+ />
765
+ </svg>
646
766
  </span>
647
767
  </span>
648
768
  </div>
@@ -674,7 +794,19 @@ wrapperTag: div
674
794
  <div class="pf-v6-l-flex__item">
675
795
  <span class="pf-v6-c-icon pf-m-inline">
676
796
  <span class="pf-v6-c-icon__content pf-m-danger">
677
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
797
+ <svg
798
+ class="pf-v6-svg"
799
+ viewBox="0 0 32 32"
800
+ fill="currentColor"
801
+ aria-hidden="true"
802
+ role="img"
803
+ width="1em"
804
+ height="1em"
805
+ >
806
+ <path
807
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
808
+ />
809
+ </svg>
678
810
  </span>
679
811
  </span>
680
812
  </div>
@@ -687,7 +819,19 @@ wrapperTag: div
687
819
  <div class="pf-v6-l-flex__item">
688
820
  <span class="pf-v6-c-icon pf-m-inline">
689
821
  <span class="pf-v6-c-icon__content pf-m-warning">
690
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
822
+ <svg
823
+ class="pf-v6-svg"
824
+ viewBox="0 0 32 32"
825
+ fill="currentColor"
826
+ aria-hidden="true"
827
+ role="img"
828
+ width="1em"
829
+ height="1em"
830
+ >
831
+ <path
832
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
833
+ />
834
+ </svg>
691
835
  </span>
692
836
  </span>
693
837
  </div>
@@ -711,7 +855,19 @@ wrapperTag: div
711
855
  <div class="pf-v6-l-flex__item">
712
856
  <span class="pf-v6-c-icon pf-m-inline">
713
857
  <span class="pf-v6-c-icon__content pf-m-success">
714
- <i class="fas fa-check-circle" aria-hidden="true"></i>
858
+ <svg
859
+ class="pf-v6-svg"
860
+ viewBox="0 0 32 32"
861
+ fill="currentColor"
862
+ aria-hidden="true"
863
+ role="img"
864
+ width="1em"
865
+ height="1em"
866
+ >
867
+ <path
868
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
869
+ />
870
+ </svg>
715
871
  </span>
716
872
  </span>
717
873
  </div>
@@ -724,7 +880,19 @@ wrapperTag: div
724
880
  <div class="pf-v6-l-flex__item">
725
881
  <span class="pf-v6-c-icon pf-m-inline">
726
882
  <span class="pf-v6-c-icon__content pf-m-warning">
727
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
883
+ <svg
884
+ class="pf-v6-svg"
885
+ viewBox="0 0 32 32"
886
+ fill="currentColor"
887
+ aria-hidden="true"
888
+ role="img"
889
+ width="1em"
890
+ height="1em"
891
+ >
892
+ <path
893
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
894
+ />
895
+ </svg>
728
896
  </span>
729
897
  </span>
730
898
  </div>
@@ -748,7 +916,19 @@ wrapperTag: div
748
916
  <div class="pf-v6-l-flex__item">
749
917
  <span class="pf-v6-c-icon pf-m-inline">
750
918
  <span class="pf-v6-c-icon__content pf-m-warning">
751
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
919
+ <svg
920
+ class="pf-v6-svg"
921
+ viewBox="0 0 32 32"
922
+ fill="currentColor"
923
+ aria-hidden="true"
924
+ role="img"
925
+ width="1em"
926
+ height="1em"
927
+ >
928
+ <path
929
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
930
+ />
931
+ </svg>
752
932
  </span>
753
933
  </span>
754
934
  </div>
@@ -761,7 +941,19 @@ wrapperTag: div
761
941
  <div class="pf-v6-l-flex__item">
762
942
  <span class="pf-v6-c-icon pf-m-inline">
763
943
  <span class="pf-v6-c-icon__content pf-m-danger">
764
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
944
+ <svg
945
+ class="pf-v6-svg"
946
+ viewBox="0 0 32 32"
947
+ fill="currentColor"
948
+ aria-hidden="true"
949
+ role="img"
950
+ width="1em"
951
+ height="1em"
952
+ >
953
+ <path
954
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
955
+ />
956
+ </svg>
765
957
  </span>
766
958
  </span>
767
959
  </div>
@@ -890,7 +1082,19 @@ wrapperTag: div
890
1082
  <div class="pf-v6-l-flex__item">
891
1083
  <span class="pf-v6-c-icon pf-m-inline">
892
1084
  <span class="pf-v6-c-icon__content pf-m-success">
893
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1085
+ <svg
1086
+ class="pf-v6-svg"
1087
+ viewBox="0 0 32 32"
1088
+ fill="currentColor"
1089
+ aria-hidden="true"
1090
+ role="img"
1091
+ width="1em"
1092
+ height="1em"
1093
+ >
1094
+ <path
1095
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1096
+ />
1097
+ </svg>
894
1098
  </span>
895
1099
  </span>
896
1100
  </div>
@@ -951,7 +1155,19 @@ wrapperTag: div
951
1155
  <div class="pf-v6-l-flex__item">
952
1156
  <span class="pf-v6-c-icon pf-m-inline">
953
1157
  <span class="pf-v6-c-icon__content pf-m-success">
954
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1158
+ <svg
1159
+ class="pf-v6-svg"
1160
+ viewBox="0 0 32 32"
1161
+ fill="currentColor"
1162
+ aria-hidden="true"
1163
+ role="img"
1164
+ width="1em"
1165
+ height="1em"
1166
+ >
1167
+ <path
1168
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1169
+ />
1170
+ </svg>
955
1171
  </span>
956
1172
  </span>
957
1173
  </div>
@@ -1010,10 +1226,23 @@ wrapperTag: div
1010
1226
  <div class="pf-v6-l-grid__item">
1011
1227
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1012
1228
  <div class="pf-v6-l-flex__item">
1013
- <i
1014
- class="fas fa-check-circle pf-v6-u-success-color-100"
1015
- aria-hidden="true"
1016
- ></i>
1229
+ <span class="pf-v6-c-icon">
1230
+ <span class="pf-v6-c-icon__content pf-m-success">
1231
+ <svg
1232
+ class="pf-v6-svg"
1233
+ viewBox="0 0 32 32"
1234
+ fill="currentColor"
1235
+ aria-hidden="true"
1236
+ role="img"
1237
+ width="1em"
1238
+ height="1em"
1239
+ >
1240
+ <path
1241
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1242
+ />
1243
+ </svg>
1244
+ </span>
1245
+ </span>
1017
1246
  </div>
1018
1247
  <div class="pf-v6-l-flex__item">
1019
1248
  <span>Cluster</span>
@@ -1023,10 +1252,23 @@ wrapperTag: div
1023
1252
  <div class="pf-v6-l-grid__item">
1024
1253
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1025
1254
  <div class="pf-v6-l-flex__item">
1026
- <i
1027
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1028
- aria-hidden="true"
1029
- ></i>
1255
+ <span class="pf-v6-c-icon">
1256
+ <span class="pf-v6-c-icon__content pf-m-danger">
1257
+ <svg
1258
+ class="pf-v6-svg"
1259
+ viewBox="0 0 32 32"
1260
+ fill="currentColor"
1261
+ aria-hidden="true"
1262
+ role="img"
1263
+ width="1em"
1264
+ height="1em"
1265
+ >
1266
+ <path
1267
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1268
+ />
1269
+ </svg>
1270
+ </span>
1271
+ </span>
1030
1272
  </div>
1031
1273
  <div class="pf-v6-l-flex__item">
1032
1274
  <span class="popover-parent">
@@ -1038,10 +1280,23 @@ wrapperTag: div
1038
1280
  <div class="pf-v6-l-grid__item">
1039
1281
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1040
1282
  <div class="pf-v6-l-flex__item">
1041
- <i
1042
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1043
- aria-hidden="true"
1044
- ></i>
1283
+ <span class="pf-v6-c-icon">
1284
+ <span class="pf-v6-c-icon__content pf-m-danger">
1285
+ <svg
1286
+ class="pf-v6-svg"
1287
+ viewBox="0 0 32 32"
1288
+ fill="currentColor"
1289
+ aria-hidden="true"
1290
+ role="img"
1291
+ width="1em"
1292
+ height="1em"
1293
+ >
1294
+ <path
1295
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1296
+ />
1297
+ </svg>
1298
+ </span>
1299
+ </span>
1045
1300
  </div>
1046
1301
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1047
1302
  <div class="pf-v6-l-flex__item">
@@ -1056,10 +1311,23 @@ wrapperTag: div
1056
1311
  <div class="pf-v6-l-grid__item">
1057
1312
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1058
1313
  <div class="pf-v6-l-flex__item">
1059
- <i
1060
- class="fas fa-check-circle pf-v6-u-success-color-100"
1061
- aria-hidden="true"
1062
- ></i>
1314
+ <span class="pf-v6-c-icon">
1315
+ <span class="pf-v6-c-icon__content pf-m-success">
1316
+ <svg
1317
+ class="pf-v6-svg"
1318
+ viewBox="0 0 32 32"
1319
+ fill="currentColor"
1320
+ aria-hidden="true"
1321
+ role="img"
1322
+ width="1em"
1323
+ height="1em"
1324
+ >
1325
+ <path
1326
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1327
+ />
1328
+ </svg>
1329
+ </span>
1330
+ </span>
1063
1331
  </div>
1064
1332
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1065
1333
  <div class="pf-v6-l-flex__item">
@@ -1235,10 +1503,23 @@ wrapperTag: div
1235
1503
  <div class="pf-v6-l-grid__item">
1236
1504
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1237
1505
  <div class="pf-v6-l-flex__item">
1238
- <i
1239
- class="fas fa-check-circle pf-v6-u-success-color-100"
1240
- aria-hidden="true"
1241
- ></i>
1506
+ <span class="pf-v6-c-icon">
1507
+ <span class="pf-v6-c-icon__content pf-m-success">
1508
+ <svg
1509
+ class="pf-v6-svg"
1510
+ viewBox="0 0 32 32"
1511
+ fill="currentColor"
1512
+ aria-hidden="true"
1513
+ role="img"
1514
+ width="1em"
1515
+ height="1em"
1516
+ >
1517
+ <path
1518
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1519
+ />
1520
+ </svg>
1521
+ </span>
1522
+ </span>
1242
1523
  </div>
1243
1524
  <div class="pf-v6-l-flex__item">
1244
1525
  <span>Cluster</span>
@@ -1248,10 +1529,23 @@ wrapperTag: div
1248
1529
  <div class="pf-v6-l-grid__item">
1249
1530
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1250
1531
  <div class="pf-v6-l-flex__item">
1251
- <i
1252
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1253
- aria-hidden="true"
1254
- ></i>
1532
+ <span class="pf-v6-c-icon">
1533
+ <span class="pf-v6-c-icon__content pf-m-danger">
1534
+ <svg
1535
+ class="pf-v6-svg"
1536
+ viewBox="0 0 32 32"
1537
+ fill="currentColor"
1538
+ aria-hidden="true"
1539
+ role="img"
1540
+ width="1em"
1541
+ height="1em"
1542
+ >
1543
+ <path
1544
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1545
+ />
1546
+ </svg>
1547
+ </span>
1548
+ </span>
1255
1549
  </div>
1256
1550
  <div class="pf-v6-l-flex__item">
1257
1551
  <span class="popover-parent">
@@ -1263,10 +1557,23 @@ wrapperTag: div
1263
1557
  <div class="pf-v6-l-grid__item">
1264
1558
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1265
1559
  <div class="pf-v6-l-flex__item">
1266
- <i
1267
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1268
- aria-hidden="true"
1269
- ></i>
1560
+ <span class="pf-v6-c-icon">
1561
+ <span class="pf-v6-c-icon__content pf-m-danger">
1562
+ <svg
1563
+ class="pf-v6-svg"
1564
+ viewBox="0 0 32 32"
1565
+ fill="currentColor"
1566
+ aria-hidden="true"
1567
+ role="img"
1568
+ width="1em"
1569
+ height="1em"
1570
+ >
1571
+ <path
1572
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1573
+ />
1574
+ </svg>
1575
+ </span>
1576
+ </span>
1270
1577
  </div>
1271
1578
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1272
1579
  <div class="pf-v6-l-flex__item">
@@ -1281,10 +1588,23 @@ wrapperTag: div
1281
1588
  <div class="pf-v6-l-grid__item">
1282
1589
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1283
1590
  <div class="pf-v6-l-flex__item">
1284
- <i
1285
- class="fas fa-check-circle pf-v6-u-success-color-100"
1286
- aria-hidden="true"
1287
- ></i>
1591
+ <span class="pf-v6-c-icon">
1592
+ <span class="pf-v6-c-icon__content pf-m-success">
1593
+ <svg
1594
+ class="pf-v6-svg"
1595
+ viewBox="0 0 32 32"
1596
+ fill="currentColor"
1597
+ aria-hidden="true"
1598
+ role="img"
1599
+ width="1em"
1600
+ height="1em"
1601
+ >
1602
+ <path
1603
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1604
+ />
1605
+ </svg>
1606
+ </span>
1607
+ </span>
1288
1608
  </div>
1289
1609
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1290
1610
  <div class="pf-v6-l-flex__item">
@@ -1460,10 +1780,23 @@ wrapperTag: div
1460
1780
  <div class="pf-v6-l-grid__item">
1461
1781
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1462
1782
  <div class="pf-v6-l-flex__item">
1463
- <i
1464
- class="fas fa-check-circle pf-v6-u-success-color-100"
1465
- aria-hidden="true"
1466
- ></i>
1783
+ <span class="pf-v6-c-icon">
1784
+ <span class="pf-v6-c-icon__content pf-m-success">
1785
+ <svg
1786
+ class="pf-v6-svg"
1787
+ viewBox="0 0 32 32"
1788
+ fill="currentColor"
1789
+ aria-hidden="true"
1790
+ role="img"
1791
+ width="1em"
1792
+ height="1em"
1793
+ >
1794
+ <path
1795
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1796
+ />
1797
+ </svg>
1798
+ </span>
1799
+ </span>
1467
1800
  </div>
1468
1801
  <div class="pf-v6-l-flex__item">
1469
1802
  <span>Cluster</span>
@@ -1473,10 +1806,23 @@ wrapperTag: div
1473
1806
  <div class="pf-v6-l-grid__item">
1474
1807
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1475
1808
  <div class="pf-v6-l-flex__item">
1476
- <i
1477
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1478
- aria-hidden="true"
1479
- ></i>
1809
+ <span class="pf-v6-c-icon">
1810
+ <span class="pf-v6-c-icon__content pf-m-danger">
1811
+ <svg
1812
+ class="pf-v6-svg"
1813
+ viewBox="0 0 32 32"
1814
+ fill="currentColor"
1815
+ aria-hidden="true"
1816
+ role="img"
1817
+ width="1em"
1818
+ height="1em"
1819
+ >
1820
+ <path
1821
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1822
+ />
1823
+ </svg>
1824
+ </span>
1825
+ </span>
1480
1826
  </div>
1481
1827
  <div class="pf-v6-l-flex__item">
1482
1828
  <span class="popover-parent">
@@ -1604,10 +1950,23 @@ wrapperTag: div
1604
1950
  >
1605
1951
  <span class="pf-v6-c-table__text">
1606
1952
  20%&nbsp;
1607
- <i
1608
- class="fas fa-exclamation-circle pf-v6-u-danger-color-200"
1609
- aria-hidden="true"
1610
- ></i>
1953
+ <span class="pf-v6-c-icon">
1954
+ <span class="pf-v6-c-icon__content pf-m-danger">
1955
+ <svg
1956
+ class="pf-v6-svg"
1957
+ viewBox="0 0 32 32"
1958
+ fill="currentColor"
1959
+ aria-hidden="true"
1960
+ role="img"
1961
+ width="1em"
1962
+ height="1em"
1963
+ >
1964
+ <path
1965
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1966
+ />
1967
+ </svg>
1968
+ </span>
1969
+ </span>
1611
1970
  </span>
1612
1971
  </td>
1613
1972
  </tr>
@@ -1706,10 +2065,25 @@ wrapperTag: div
1706
2065
  >
1707
2066
  <span class="pf-v6-c-table__text">
1708
2067
  100%&nbsp;
1709
- <i
1710
- class="fas fa-check-circle pf-v6-u-success-color-200"
1711
- aria-hidden="true"
1712
- ></i>
2068
+ <span class="pf-v6-c-icon">
2069
+ <span
2070
+ class="pf-v6-c-icon__content pf-m-success"
2071
+ >
2072
+ <svg
2073
+ class="pf-v6-svg"
2074
+ viewBox="0 0 32 32"
2075
+ fill="currentColor"
2076
+ aria-hidden="true"
2077
+ role="img"
2078
+ width="1em"
2079
+ height="1em"
2080
+ >
2081
+ <path
2082
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2083
+ />
2084
+ </svg>
2085
+ </span>
2086
+ </span>
1713
2087
  </span>
1714
2088
  </td>
1715
2089
  </tr>
@@ -1781,10 +2155,25 @@ wrapperTag: div
1781
2155
  >
1782
2156
  <span class="pf-v6-c-table__text">
1783
2157
  100%&nbsp;
1784
- <i
1785
- class="fas fa-check-circle pf-v6-u-success-color-200"
1786
- aria-hidden="true"
1787
- ></i>
2158
+ <span class="pf-v6-c-icon">
2159
+ <span
2160
+ class="pf-v6-c-icon__content pf-m-success"
2161
+ >
2162
+ <svg
2163
+ class="pf-v6-svg"
2164
+ viewBox="0 0 32 32"
2165
+ fill="currentColor"
2166
+ aria-hidden="true"
2167
+ role="img"
2168
+ width="1em"
2169
+ height="1em"
2170
+ >
2171
+ <path
2172
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2173
+ />
2174
+ </svg>
2175
+ </span>
2176
+ </span>
1788
2177
  </span>
1789
2178
  </td>
1790
2179
  </tr>
@@ -1856,10 +2245,25 @@ wrapperTag: div
1856
2245
  >
1857
2246
  <span class="pf-v6-c-table__text">
1858
2247
  91%&nbsp;
1859
- <i
1860
- class="fas fa-check-circle pf-v6-u-success-color-200"
1861
- aria-hidden="true"
1862
- ></i>
2248
+ <span class="pf-v6-c-icon">
2249
+ <span
2250
+ class="pf-v6-c-icon__content pf-m-success"
2251
+ >
2252
+ <svg
2253
+ class="pf-v6-svg"
2254
+ viewBox="0 0 32 32"
2255
+ fill="currentColor"
2256
+ aria-hidden="true"
2257
+ role="img"
2258
+ width="1em"
2259
+ height="1em"
2260
+ >
2261
+ <path
2262
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2263
+ />
2264
+ </svg>
2265
+ </span>
2266
+ </span>
1863
2267
  </span>
1864
2268
  </td>
1865
2269
  </tr>
@@ -1891,10 +2295,23 @@ wrapperTag: div
1891
2295
  <div class="pf-v6-l-grid__item">
1892
2296
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1893
2297
  <div class="pf-v6-l-flex__item">
1894
- <i
1895
- class="fas fa-exclamation-circle pf-v6-u-danger-color-100"
1896
- aria-hidden="true"
1897
- ></i>
2298
+ <span class="pf-v6-c-icon">
2299
+ <span class="pf-v6-c-icon__content pf-m-danger">
2300
+ <svg
2301
+ class="pf-v6-svg"
2302
+ viewBox="0 0 32 32"
2303
+ fill="currentColor"
2304
+ aria-hidden="true"
2305
+ role="img"
2306
+ width="1em"
2307
+ height="1em"
2308
+ >
2309
+ <path
2310
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
2311
+ />
2312
+ </svg>
2313
+ </span>
2314
+ </span>
1898
2315
  </div>
1899
2316
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1900
2317
  <div class="pf-v6-l-flex__item">
@@ -1909,10 +2326,23 @@ wrapperTag: div
1909
2326
  <div class="pf-v6-l-grid__item">
1910
2327
  <div class="pf-v6-l-flex pf-m-space-items-sm">
1911
2328
  <div class="pf-v6-l-flex__item">
1912
- <i
1913
- class="fas fa-check-circle pf-v6-u-success-color-100"
1914
- aria-hidden="true"
1915
- ></i>
2329
+ <span class="pf-v6-c-icon">
2330
+ <span class="pf-v6-c-icon__content pf-m-success">
2331
+ <svg
2332
+ class="pf-v6-svg"
2333
+ viewBox="0 0 32 32"
2334
+ fill="currentColor"
2335
+ aria-hidden="true"
2336
+ role="img"
2337
+ width="1em"
2338
+ height="1em"
2339
+ >
2340
+ <path
2341
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2342
+ />
2343
+ </svg>
2344
+ </span>
2345
+ </span>
1916
2346
  </div>
1917
2347
  <div class="pf-v6-l-flex pf-m-column pf-m-space-items-none">
1918
2348
  <div class="pf-v6-l-flex__item">
@@ -2200,7 +2630,19 @@ wrapperTag: div
2200
2630
  <div class="pf-v6-l-flex pf-m-space-items-sm">
2201
2631
  <span class="pf-v6-c-icon pf-m-inline">
2202
2632
  <span class="pf-v6-c-icon__content pf-m-danger">
2203
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2633
+ <svg
2634
+ class="pf-v6-svg"
2635
+ viewBox="0 0 32 32"
2636
+ fill="currentColor"
2637
+ aria-hidden="true"
2638
+ role="img"
2639
+ width="1em"
2640
+ height="1em"
2641
+ >
2642
+ <path
2643
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
2644
+ />
2645
+ </svg>
2204
2646
  </span>
2205
2647
  </span>
2206
2648
  <a hfer="#">25 incidents detected</a>
@@ -3280,7 +3722,19 @@ wrapperTag: div
3280
3722
  <div class="pf-v6-l-flex__item">
3281
3723
  <span class="pf-v6-c-icon pf-m-inline">
3282
3724
  <span class="pf-v6-c-icon__content pf-m-danger">
3283
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
3725
+ <svg
3726
+ class="pf-v6-svg"
3727
+ viewBox="0 0 32 32"
3728
+ fill="currentColor"
3729
+ aria-hidden="true"
3730
+ role="img"
3731
+ width="1em"
3732
+ height="1em"
3733
+ >
3734
+ <path
3735
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
3736
+ />
3737
+ </svg>
3284
3738
  </span>
3285
3739
  </span>
3286
3740
  </div>
@@ -3309,7 +3763,19 @@ wrapperTag: div
3309
3763
  <div class="pf-v6-l-flex__item">
3310
3764
  <span class="pf-v6-c-icon pf-m-inline">
3311
3765
  <span class="pf-v6-c-icon__content pf-m-success">
3312
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3766
+ <svg
3767
+ class="pf-v6-svg"
3768
+ viewBox="0 0 32 32"
3769
+ fill="currentColor"
3770
+ aria-hidden="true"
3771
+ role="img"
3772
+ width="1em"
3773
+ height="1em"
3774
+ >
3775
+ <path
3776
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3777
+ />
3778
+ </svg>
3313
3779
  </span>
3314
3780
  </span>
3315
3781
  </div>
@@ -3376,7 +3842,19 @@ wrapperTag: div
3376
3842
  <div class="pf-v6-l-flex__item">
3377
3843
  <span class="pf-v6-c-icon pf-m-inline">
3378
3844
  <span class="pf-v6-c-icon__content pf-m-success">
3379
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3845
+ <svg
3846
+ class="pf-v6-svg"
3847
+ viewBox="0 0 32 32"
3848
+ fill="currentColor"
3849
+ aria-hidden="true"
3850
+ role="img"
3851
+ width="1em"
3852
+ height="1em"
3853
+ >
3854
+ <path
3855
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3856
+ />
3857
+ </svg>
3380
3858
  </span>
3381
3859
  </span>
3382
3860
  </div>