@patternfly/patternfly 6.5.0-prerelease.46 → 6.5.0-prerelease.47

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 (80) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +1 -1
  20. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +18 -18
  32. package/docs/components/Accordion/examples/Accordion.md +390 -30
  33. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  34. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  35. package/docs/components/Card/examples/Card.md +52 -4
  36. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  38. package/docs/components/DataList/examples/DataList.md +221 -17
  39. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  40. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  41. package/docs/components/Form/examples/Form.md +78 -6
  42. package/docs/components/Icon/examples/Icon.md +26 -2
  43. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  44. package/docs/components/Menu/examples/Menu.md +1456 -112
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  46. package/docs/components/Nav/examples/Navigation.md +710 -62
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  48. package/docs/components/Table/examples/Table.md +819 -63
  49. package/docs/components/Tabs/examples/Tabs.md +321 -213
  50. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  51. package/docs/components/Wizard/examples/Wizard.md +323 -59
  52. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  53. package/docs/demos/Alert/examples/Alert.md +117 -9
  54. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  55. package/docs/demos/Banner/examples/Banner.md +78 -6
  56. package/docs/demos/Card/examples/Card.md +230 -26
  57. package/docs/demos/CardView/examples/CardView.md +78 -6
  58. package/docs/demos/Compass/examples/Compass.md +71 -35
  59. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  60. package/docs/demos/DataList/examples/DataList.md +234 -18
  61. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  62. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  63. package/docs/demos/Form/examples/BasicForms.md +143 -11
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  65. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  66. package/docs/demos/Modal/examples/Modal.md +234 -18
  67. package/docs/demos/Nav/examples/Nav.md +320 -32
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  69. package/docs/demos/Page/examples/Page.md +546 -42
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  71. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  72. package/docs/demos/Table/examples/Table.md +702 -54
  73. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  74. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  75. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  76. package/package.json +1 -1
  77. package/patternfly-no-globals.css +18 -18
  78. package/patternfly.css +18 -18
  79. package/patternfly.min.css +1 -1
  80. package/patternfly.min.css.map +1 -1
package/docs/demos/Page/examples/Page.md CHANGED
@@ -249,21 +249,57 @@ wrapperTag: div
249
249
  </li>
250
250
  <li class="pf-v6-c-breadcrumb__item">
251
251
  <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
+ <svg
253
+ class="pf-v6-svg"
254
+ viewBox="0 0 20 20"
255
+ fill="currentColor"
256
+ aria-hidden="true"
257
+ role="img"
258
+ width="1em"
259
+ height="1em"
260
+ >
261
+ <path
262
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
263
+ />
264
+ </svg>
253
265
  </span>
254
266
 
255
267
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
268
  </li>
257
269
  <li class="pf-v6-c-breadcrumb__item">
258
270
  <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 20 20"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
282
+ />
283
+ </svg>
260
284
  </span>
261
285
 
262
286
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
263
287
  </li>
264
288
  <li class="pf-v6-c-breadcrumb__item">
265
289
  <span class="pf-v6-c-breadcrumb__item-divider">
266
- <i class="fas fa-angle-right" aria-hidden="true"></i>
290
+ <svg
291
+ class="pf-v6-svg"
292
+ viewBox="0 0 20 20"
293
+ fill="currentColor"
294
+ aria-hidden="true"
295
+ role="img"
296
+ width="1em"
297
+ height="1em"
298
+ >
299
+ <path
300
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
301
+ />
302
+ </svg>
267
303
  </span>
268
304
 
269
305
  <a
@@ -588,21 +624,57 @@ wrapperTag: div
588
624
  </li>
589
625
  <li class="pf-v6-c-breadcrumb__item">
590
626
  <span class="pf-v6-c-breadcrumb__item-divider">
591
- <i class="fas fa-angle-right" aria-hidden="true"></i>
627
+ <svg
628
+ class="pf-v6-svg"
629
+ viewBox="0 0 20 20"
630
+ fill="currentColor"
631
+ aria-hidden="true"
632
+ role="img"
633
+ width="1em"
634
+ height="1em"
635
+ >
636
+ <path
637
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
638
+ />
639
+ </svg>
592
640
  </span>
593
641
 
594
642
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
595
643
  </li>
596
644
  <li class="pf-v6-c-breadcrumb__item">
597
645
  <span class="pf-v6-c-breadcrumb__item-divider">
598
- <i class="fas fa-angle-right" aria-hidden="true"></i>
646
+ <svg
647
+ class="pf-v6-svg"
648
+ viewBox="0 0 20 20"
649
+ fill="currentColor"
650
+ aria-hidden="true"
651
+ role="img"
652
+ width="1em"
653
+ height="1em"
654
+ >
655
+ <path
656
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
657
+ />
658
+ </svg>
599
659
  </span>
600
660
 
601
661
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
602
662
  </li>
603
663
  <li class="pf-v6-c-breadcrumb__item">
604
664
  <span class="pf-v6-c-breadcrumb__item-divider">
605
- <i class="fas fa-angle-right" aria-hidden="true"></i>
665
+ <svg
666
+ class="pf-v6-svg"
667
+ viewBox="0 0 20 20"
668
+ fill="currentColor"
669
+ aria-hidden="true"
670
+ role="img"
671
+ width="1em"
672
+ height="1em"
673
+ >
674
+ <path
675
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
676
+ />
677
+ </svg>
606
678
  </span>
607
679
 
608
680
  <a
@@ -939,21 +1011,57 @@ wrapperTag: div
939
1011
  </li>
940
1012
  <li class="pf-v6-c-breadcrumb__item">
941
1013
  <span class="pf-v6-c-breadcrumb__item-divider">
942
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1014
+ <svg
1015
+ class="pf-v6-svg"
1016
+ viewBox="0 0 20 20"
1017
+ fill="currentColor"
1018
+ aria-hidden="true"
1019
+ role="img"
1020
+ width="1em"
1021
+ height="1em"
1022
+ >
1023
+ <path
1024
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1025
+ />
1026
+ </svg>
943
1027
  </span>
944
1028
 
945
1029
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
946
1030
  </li>
947
1031
  <li class="pf-v6-c-breadcrumb__item">
948
1032
  <span class="pf-v6-c-breadcrumb__item-divider">
949
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1033
+ <svg
1034
+ class="pf-v6-svg"
1035
+ viewBox="0 0 20 20"
1036
+ fill="currentColor"
1037
+ aria-hidden="true"
1038
+ role="img"
1039
+ width="1em"
1040
+ height="1em"
1041
+ >
1042
+ <path
1043
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1044
+ />
1045
+ </svg>
950
1046
  </span>
951
1047
 
952
1048
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
953
1049
  </li>
954
1050
  <li class="pf-v6-c-breadcrumb__item">
955
1051
  <span class="pf-v6-c-breadcrumb__item-divider">
956
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1052
+ <svg
1053
+ class="pf-v6-svg"
1054
+ viewBox="0 0 20 20"
1055
+ fill="currentColor"
1056
+ aria-hidden="true"
1057
+ role="img"
1058
+ width="1em"
1059
+ height="1em"
1060
+ >
1061
+ <path
1062
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1063
+ />
1064
+ </svg>
957
1065
  </span>
958
1066
 
959
1067
  <a
@@ -1382,21 +1490,57 @@ wrapperTag: div
1382
1490
  </li>
1383
1491
  <li class="pf-v6-c-breadcrumb__item">
1384
1492
  <span class="pf-v6-c-breadcrumb__item-divider">
1385
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1493
+ <svg
1494
+ class="pf-v6-svg"
1495
+ viewBox="0 0 20 20"
1496
+ fill="currentColor"
1497
+ aria-hidden="true"
1498
+ role="img"
1499
+ width="1em"
1500
+ height="1em"
1501
+ >
1502
+ <path
1503
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1504
+ />
1505
+ </svg>
1386
1506
  </span>
1387
1507
 
1388
1508
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1389
1509
  </li>
1390
1510
  <li class="pf-v6-c-breadcrumb__item">
1391
1511
  <span class="pf-v6-c-breadcrumb__item-divider">
1392
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1512
+ <svg
1513
+ class="pf-v6-svg"
1514
+ viewBox="0 0 20 20"
1515
+ fill="currentColor"
1516
+ aria-hidden="true"
1517
+ role="img"
1518
+ width="1em"
1519
+ height="1em"
1520
+ >
1521
+ <path
1522
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1523
+ />
1524
+ </svg>
1393
1525
  </span>
1394
1526
 
1395
1527
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1396
1528
  </li>
1397
1529
  <li class="pf-v6-c-breadcrumb__item">
1398
1530
  <span class="pf-v6-c-breadcrumb__item-divider">
1399
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1531
+ <svg
1532
+ class="pf-v6-svg"
1533
+ viewBox="0 0 20 20"
1534
+ fill="currentColor"
1535
+ aria-hidden="true"
1536
+ role="img"
1537
+ width="1em"
1538
+ height="1em"
1539
+ >
1540
+ <path
1541
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1542
+ />
1543
+ </svg>
1400
1544
  </span>
1401
1545
 
1402
1546
  <a
@@ -1825,21 +1969,57 @@ wrapperTag: div
1825
1969
  </li>
1826
1970
  <li class="pf-v6-c-breadcrumb__item">
1827
1971
  <span class="pf-v6-c-breadcrumb__item-divider">
1828
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1972
+ <svg
1973
+ class="pf-v6-svg"
1974
+ viewBox="0 0 20 20"
1975
+ fill="currentColor"
1976
+ aria-hidden="true"
1977
+ role="img"
1978
+ width="1em"
1979
+ height="1em"
1980
+ >
1981
+ <path
1982
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1983
+ />
1984
+ </svg>
1829
1985
  </span>
1830
1986
 
1831
1987
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1832
1988
  </li>
1833
1989
  <li class="pf-v6-c-breadcrumb__item">
1834
1990
  <span class="pf-v6-c-breadcrumb__item-divider">
1835
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1991
+ <svg
1992
+ class="pf-v6-svg"
1993
+ viewBox="0 0 20 20"
1994
+ fill="currentColor"
1995
+ aria-hidden="true"
1996
+ role="img"
1997
+ width="1em"
1998
+ height="1em"
1999
+ >
2000
+ <path
2001
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2002
+ />
2003
+ </svg>
1836
2004
  </span>
1837
2005
 
1838
2006
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1839
2007
  </li>
1840
2008
  <li class="pf-v6-c-breadcrumb__item">
1841
2009
  <span class="pf-v6-c-breadcrumb__item-divider">
1842
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2010
+ <svg
2011
+ class="pf-v6-svg"
2012
+ viewBox="0 0 20 20"
2013
+ fill="currentColor"
2014
+ aria-hidden="true"
2015
+ role="img"
2016
+ width="1em"
2017
+ height="1em"
2018
+ >
2019
+ <path
2020
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2021
+ />
2022
+ </svg>
1843
2023
  </span>
1844
2024
 
1845
2025
  <a
@@ -2270,21 +2450,57 @@ wrapperTag: div
2270
2450
  </li>
2271
2451
  <li class="pf-v6-c-breadcrumb__item">
2272
2452
  <span class="pf-v6-c-breadcrumb__item-divider">
2273
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2453
+ <svg
2454
+ class="pf-v6-svg"
2455
+ viewBox="0 0 20 20"
2456
+ fill="currentColor"
2457
+ aria-hidden="true"
2458
+ role="img"
2459
+ width="1em"
2460
+ height="1em"
2461
+ >
2462
+ <path
2463
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2464
+ />
2465
+ </svg>
2274
2466
  </span>
2275
2467
 
2276
2468
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2277
2469
  </li>
2278
2470
  <li class="pf-v6-c-breadcrumb__item">
2279
2471
  <span class="pf-v6-c-breadcrumb__item-divider">
2280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2472
+ <svg
2473
+ class="pf-v6-svg"
2474
+ viewBox="0 0 20 20"
2475
+ fill="currentColor"
2476
+ aria-hidden="true"
2477
+ role="img"
2478
+ width="1em"
2479
+ height="1em"
2480
+ >
2481
+ <path
2482
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2483
+ />
2484
+ </svg>
2281
2485
  </span>
2282
2486
 
2283
2487
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2284
2488
  </li>
2285
2489
  <li class="pf-v6-c-breadcrumb__item">
2286
2490
  <span class="pf-v6-c-breadcrumb__item-divider">
2287
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2491
+ <svg
2492
+ class="pf-v6-svg"
2493
+ viewBox="0 0 20 20"
2494
+ fill="currentColor"
2495
+ aria-hidden="true"
2496
+ role="img"
2497
+ width="1em"
2498
+ height="1em"
2499
+ >
2500
+ <path
2501
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2502
+ />
2503
+ </svg>
2288
2504
  </span>
2289
2505
 
2290
2506
  <a
@@ -2712,21 +2928,57 @@ wrapperTag: div
2712
2928
  </li>
2713
2929
  <li class="pf-v6-c-breadcrumb__item">
2714
2930
  <span class="pf-v6-c-breadcrumb__item-divider">
2715
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2931
+ <svg
2932
+ class="pf-v6-svg"
2933
+ viewBox="0 0 20 20"
2934
+ fill="currentColor"
2935
+ aria-hidden="true"
2936
+ role="img"
2937
+ width="1em"
2938
+ height="1em"
2939
+ >
2940
+ <path
2941
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2942
+ />
2943
+ </svg>
2716
2944
  </span>
2717
2945
 
2718
2946
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2719
2947
  </li>
2720
2948
  <li class="pf-v6-c-breadcrumb__item">
2721
2949
  <span class="pf-v6-c-breadcrumb__item-divider">
2722
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2950
+ <svg
2951
+ class="pf-v6-svg"
2952
+ viewBox="0 0 20 20"
2953
+ fill="currentColor"
2954
+ aria-hidden="true"
2955
+ role="img"
2956
+ width="1em"
2957
+ height="1em"
2958
+ >
2959
+ <path
2960
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2961
+ />
2962
+ </svg>
2723
2963
  </span>
2724
2964
 
2725
2965
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2726
2966
  </li>
2727
2967
  <li class="pf-v6-c-breadcrumb__item">
2728
2968
  <span class="pf-v6-c-breadcrumb__item-divider">
2729
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2969
+ <svg
2970
+ class="pf-v6-svg"
2971
+ viewBox="0 0 20 20"
2972
+ fill="currentColor"
2973
+ aria-hidden="true"
2974
+ role="img"
2975
+ width="1em"
2976
+ height="1em"
2977
+ >
2978
+ <path
2979
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2980
+ />
2981
+ </svg>
2730
2982
  </span>
2731
2983
 
2732
2984
  <a
@@ -3160,21 +3412,57 @@ wrapperTag: div
3160
3412
  </li>
3161
3413
  <li class="pf-v6-c-breadcrumb__item">
3162
3414
  <span class="pf-v6-c-breadcrumb__item-divider">
3163
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3415
+ <svg
3416
+ class="pf-v6-svg"
3417
+ viewBox="0 0 20 20"
3418
+ fill="currentColor"
3419
+ aria-hidden="true"
3420
+ role="img"
3421
+ width="1em"
3422
+ height="1em"
3423
+ >
3424
+ <path
3425
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3426
+ />
3427
+ </svg>
3164
3428
  </span>
3165
3429
 
3166
3430
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3167
3431
  </li>
3168
3432
  <li class="pf-v6-c-breadcrumb__item">
3169
3433
  <span class="pf-v6-c-breadcrumb__item-divider">
3170
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3434
+ <svg
3435
+ class="pf-v6-svg"
3436
+ viewBox="0 0 20 20"
3437
+ fill="currentColor"
3438
+ aria-hidden="true"
3439
+ role="img"
3440
+ width="1em"
3441
+ height="1em"
3442
+ >
3443
+ <path
3444
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3445
+ />
3446
+ </svg>
3171
3447
  </span>
3172
3448
 
3173
3449
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3174
3450
  </li>
3175
3451
  <li class="pf-v6-c-breadcrumb__item">
3176
3452
  <span class="pf-v6-c-breadcrumb__item-divider">
3177
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3453
+ <svg
3454
+ class="pf-v6-svg"
3455
+ viewBox="0 0 20 20"
3456
+ fill="currentColor"
3457
+ aria-hidden="true"
3458
+ role="img"
3459
+ width="1em"
3460
+ height="1em"
3461
+ >
3462
+ <path
3463
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3464
+ />
3465
+ </svg>
3178
3466
  </span>
3179
3467
 
3180
3468
  <a
@@ -3941,21 +4229,57 @@ wrapperTag: div
3941
4229
  </li>
3942
4230
  <li class="pf-v6-c-breadcrumb__item">
3943
4231
  <span class="pf-v6-c-breadcrumb__item-divider">
3944
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4232
+ <svg
4233
+ class="pf-v6-svg"
4234
+ viewBox="0 0 20 20"
4235
+ fill="currentColor"
4236
+ aria-hidden="true"
4237
+ role="img"
4238
+ width="1em"
4239
+ height="1em"
4240
+ >
4241
+ <path
4242
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4243
+ />
4244
+ </svg>
3945
4245
  </span>
3946
4246
 
3947
4247
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3948
4248
  </li>
3949
4249
  <li class="pf-v6-c-breadcrumb__item">
3950
4250
  <span class="pf-v6-c-breadcrumb__item-divider">
3951
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4251
+ <svg
4252
+ class="pf-v6-svg"
4253
+ viewBox="0 0 20 20"
4254
+ fill="currentColor"
4255
+ aria-hidden="true"
4256
+ role="img"
4257
+ width="1em"
4258
+ height="1em"
4259
+ >
4260
+ <path
4261
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4262
+ />
4263
+ </svg>
3952
4264
  </span>
3953
4265
 
3954
4266
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3955
4267
  </li>
3956
4268
  <li class="pf-v6-c-breadcrumb__item">
3957
4269
  <span class="pf-v6-c-breadcrumb__item-divider">
3958
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4270
+ <svg
4271
+ class="pf-v6-svg"
4272
+ viewBox="0 0 20 20"
4273
+ fill="currentColor"
4274
+ aria-hidden="true"
4275
+ role="img"
4276
+ width="1em"
4277
+ height="1em"
4278
+ >
4279
+ <path
4280
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4281
+ />
4282
+ </svg>
3959
4283
  </span>
3960
4284
 
3961
4285
  <a
@@ -4315,21 +4639,57 @@ wrapperTag: div
4315
4639
  </li>
4316
4640
  <li class="pf-v6-c-breadcrumb__item">
4317
4641
  <span class="pf-v6-c-breadcrumb__item-divider">
4318
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4642
+ <svg
4643
+ class="pf-v6-svg"
4644
+ viewBox="0 0 20 20"
4645
+ fill="currentColor"
4646
+ aria-hidden="true"
4647
+ role="img"
4648
+ width="1em"
4649
+ height="1em"
4650
+ >
4651
+ <path
4652
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4653
+ />
4654
+ </svg>
4319
4655
  </span>
4320
4656
 
4321
4657
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4322
4658
  </li>
4323
4659
  <li class="pf-v6-c-breadcrumb__item">
4324
4660
  <span class="pf-v6-c-breadcrumb__item-divider">
4325
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4661
+ <svg
4662
+ class="pf-v6-svg"
4663
+ viewBox="0 0 20 20"
4664
+ fill="currentColor"
4665
+ aria-hidden="true"
4666
+ role="img"
4667
+ width="1em"
4668
+ height="1em"
4669
+ >
4670
+ <path
4671
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4672
+ />
4673
+ </svg>
4326
4674
  </span>
4327
4675
 
4328
4676
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4329
4677
  </li>
4330
4678
  <li class="pf-v6-c-breadcrumb__item">
4331
4679
  <span class="pf-v6-c-breadcrumb__item-divider">
4332
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4680
+ <svg
4681
+ class="pf-v6-svg"
4682
+ viewBox="0 0 20 20"
4683
+ fill="currentColor"
4684
+ aria-hidden="true"
4685
+ role="img"
4686
+ width="1em"
4687
+ height="1em"
4688
+ >
4689
+ <path
4690
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4691
+ />
4692
+ </svg>
4333
4693
  </span>
4334
4694
 
4335
4695
  <a
@@ -4636,21 +4996,57 @@ wrapperTag: div
4636
4996
  </li>
4637
4997
  <li class="pf-v6-c-breadcrumb__item">
4638
4998
  <span class="pf-v6-c-breadcrumb__item-divider">
4639
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4999
+ <svg
5000
+ class="pf-v6-svg"
5001
+ viewBox="0 0 20 20"
5002
+ fill="currentColor"
5003
+ aria-hidden="true"
5004
+ role="img"
5005
+ width="1em"
5006
+ height="1em"
5007
+ >
5008
+ <path
5009
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5010
+ />
5011
+ </svg>
4640
5012
  </span>
4641
5013
 
4642
5014
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4643
5015
  </li>
4644
5016
  <li class="pf-v6-c-breadcrumb__item">
4645
5017
  <span class="pf-v6-c-breadcrumb__item-divider">
4646
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5018
+ <svg
5019
+ class="pf-v6-svg"
5020
+ viewBox="0 0 20 20"
5021
+ fill="currentColor"
5022
+ aria-hidden="true"
5023
+ role="img"
5024
+ width="1em"
5025
+ height="1em"
5026
+ >
5027
+ <path
5028
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5029
+ />
5030
+ </svg>
4647
5031
  </span>
4648
5032
 
4649
5033
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4650
5034
  </li>
4651
5035
  <li class="pf-v6-c-breadcrumb__item">
4652
5036
  <span class="pf-v6-c-breadcrumb__item-divider">
4653
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5037
+ <svg
5038
+ class="pf-v6-svg"
5039
+ viewBox="0 0 20 20"
5040
+ fill="currentColor"
5041
+ aria-hidden="true"
5042
+ role="img"
5043
+ width="1em"
5044
+ height="1em"
5045
+ >
5046
+ <path
5047
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5048
+ />
5049
+ </svg>
4654
5050
  </span>
4655
5051
 
4656
5052
  <a
@@ -4957,21 +5353,57 @@ wrapperTag: div
4957
5353
  </li>
4958
5354
  <li class="pf-v6-c-breadcrumb__item">
4959
5355
  <span class="pf-v6-c-breadcrumb__item-divider">
4960
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5356
+ <svg
5357
+ class="pf-v6-svg"
5358
+ viewBox="0 0 20 20"
5359
+ fill="currentColor"
5360
+ aria-hidden="true"
5361
+ role="img"
5362
+ width="1em"
5363
+ height="1em"
5364
+ >
5365
+ <path
5366
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5367
+ />
5368
+ </svg>
4961
5369
  </span>
4962
5370
 
4963
5371
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4964
5372
  </li>
4965
5373
  <li class="pf-v6-c-breadcrumb__item">
4966
5374
  <span class="pf-v6-c-breadcrumb__item-divider">
4967
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5375
+ <svg
5376
+ class="pf-v6-svg"
5377
+ viewBox="0 0 20 20"
5378
+ fill="currentColor"
5379
+ aria-hidden="true"
5380
+ role="img"
5381
+ width="1em"
5382
+ height="1em"
5383
+ >
5384
+ <path
5385
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5386
+ />
5387
+ </svg>
4968
5388
  </span>
4969
5389
 
4970
5390
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4971
5391
  </li>
4972
5392
  <li class="pf-v6-c-breadcrumb__item">
4973
5393
  <span class="pf-v6-c-breadcrumb__item-divider">
4974
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5394
+ <svg
5395
+ class="pf-v6-svg"
5396
+ viewBox="0 0 20 20"
5397
+ fill="currentColor"
5398
+ aria-hidden="true"
5399
+ role="img"
5400
+ width="1em"
5401
+ height="1em"
5402
+ >
5403
+ <path
5404
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5405
+ />
5406
+ </svg>
4975
5407
  </span>
4976
5408
 
4977
5409
  <a
@@ -5237,21 +5669,57 @@ wrapperTag: div
5237
5669
  </li>
5238
5670
  <li class="pf-v6-c-breadcrumb__item">
5239
5671
  <span class="pf-v6-c-breadcrumb__item-divider">
5240
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5672
+ <svg
5673
+ class="pf-v6-svg"
5674
+ viewBox="0 0 20 20"
5675
+ fill="currentColor"
5676
+ aria-hidden="true"
5677
+ role="img"
5678
+ width="1em"
5679
+ height="1em"
5680
+ >
5681
+ <path
5682
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5683
+ />
5684
+ </svg>
5241
5685
  </span>
5242
5686
 
5243
5687
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5244
5688
  </li>
5245
5689
  <li class="pf-v6-c-breadcrumb__item">
5246
5690
  <span class="pf-v6-c-breadcrumb__item-divider">
5247
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5691
+ <svg
5692
+ class="pf-v6-svg"
5693
+ viewBox="0 0 20 20"
5694
+ fill="currentColor"
5695
+ aria-hidden="true"
5696
+ role="img"
5697
+ width="1em"
5698
+ height="1em"
5699
+ >
5700
+ <path
5701
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5702
+ />
5703
+ </svg>
5248
5704
  </span>
5249
5705
 
5250
5706
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5251
5707
  </li>
5252
5708
  <li class="pf-v6-c-breadcrumb__item">
5253
5709
  <span class="pf-v6-c-breadcrumb__item-divider">
5254
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5710
+ <svg
5711
+ class="pf-v6-svg"
5712
+ viewBox="0 0 20 20"
5713
+ fill="currentColor"
5714
+ aria-hidden="true"
5715
+ role="img"
5716
+ width="1em"
5717
+ height="1em"
5718
+ >
5719
+ <path
5720
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5721
+ />
5722
+ </svg>
5255
5723
  </span>
5256
5724
 
5257
5725
  <a
@@ -5331,21 +5799,57 @@ wrapperTag: div
5331
5799
  </li>
5332
5800
  <li class="pf-v6-c-breadcrumb__item">
5333
5801
  <span class="pf-v6-c-breadcrumb__item-divider">
5334
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5802
+ <svg
5803
+ class="pf-v6-svg"
5804
+ viewBox="0 0 20 20"
5805
+ fill="currentColor"
5806
+ aria-hidden="true"
5807
+ role="img"
5808
+ width="1em"
5809
+ height="1em"
5810
+ >
5811
+ <path
5812
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5813
+ />
5814
+ </svg>
5335
5815
  </span>
5336
5816
 
5337
5817
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5338
5818
  </li>
5339
5819
  <li class="pf-v6-c-breadcrumb__item">
5340
5820
  <span class="pf-v6-c-breadcrumb__item-divider">
5341
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5821
+ <svg
5822
+ class="pf-v6-svg"
5823
+ viewBox="0 0 20 20"
5824
+ fill="currentColor"
5825
+ aria-hidden="true"
5826
+ role="img"
5827
+ width="1em"
5828
+ height="1em"
5829
+ >
5830
+ <path
5831
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5832
+ />
5833
+ </svg>
5342
5834
  </span>
5343
5835
 
5344
5836
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5345
5837
  </li>
5346
5838
  <li class="pf-v6-c-breadcrumb__item">
5347
5839
  <span class="pf-v6-c-breadcrumb__item-divider">
5348
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5840
+ <svg
5841
+ class="pf-v6-svg"
5842
+ viewBox="0 0 20 20"
5843
+ fill="currentColor"
5844
+ aria-hidden="true"
5845
+ role="img"
5846
+ width="1em"
5847
+ height="1em"
5848
+ >
5849
+ <path
5850
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5851
+ />
5852
+ </svg>
5349
5853
  </span>
5350
5854
 
5351
5855
  <a