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

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 (83) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Alert/alert.css +2 -1
  4. package/components/Alert/alert.scss +2 -1
  5. package/components/Card/card.css +1 -1
  6. package/components/Card/card.scss +1 -1
  7. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  8. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  9. package/components/DataList/data-list.css +1 -1
  10. package/components/DataList/data-list.scss +1 -1
  11. package/components/DualListSelector/dual-list-selector.css +1 -1
  12. package/components/DualListSelector/dual-list-selector.scss +1 -1
  13. package/components/ExpandableSection/expandable-section.css +2 -2
  14. package/components/ExpandableSection/expandable-section.scss +2 -2
  15. package/components/Form/form.css +1 -1
  16. package/components/Form/form.scss +1 -1
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -1
  19. package/components/Nav/nav.css +1 -1
  20. package/components/Nav/nav.scss +1 -1
  21. package/components/NotificationDrawer/notification-drawer.css +1 -1
  22. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  23. package/components/Table/table.css +2 -2
  24. package/components/Table/table.scss +2 -2
  25. package/components/Tabs/tabs.css +2 -2
  26. package/components/Tabs/tabs.scss +2 -2
  27. package/components/Toolbar/toolbar.css +1 -1
  28. package/components/Toolbar/toolbar.scss +1 -1
  29. package/components/TreeView/tree-view.css +1 -1
  30. package/components/TreeView/tree-view.scss +1 -1
  31. package/components/Wizard/wizard.css +1 -1
  32. package/components/Wizard/wizard.scss +1 -1
  33. package/components/_index.css +20 -19
  34. package/docs/components/Accordion/examples/Accordion.md +390 -30
  35. package/docs/components/Alert/examples/Alert.md +494 -38
  36. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  37. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  38. package/docs/components/Card/examples/Card.md +52 -4
  39. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  40. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  41. package/docs/components/DataList/examples/DataList.md +221 -17
  42. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  43. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  44. package/docs/components/Form/examples/Form.md +78 -6
  45. package/docs/components/Icon/examples/Icon.md +26 -2
  46. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  47. package/docs/components/Menu/examples/Menu.md +1456 -112
  48. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  49. package/docs/components/Nav/examples/Navigation.md +710 -62
  50. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  51. package/docs/components/Table/examples/Table.md +819 -63
  52. package/docs/components/Tabs/examples/Tabs.md +321 -213
  53. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  54. package/docs/components/Wizard/examples/Wizard.md +323 -59
  55. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  56. package/docs/demos/Alert/examples/Alert.md +182 -14
  57. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  58. package/docs/demos/Banner/examples/Banner.md +78 -6
  59. package/docs/demos/Card/examples/Card.md +242 -29
  60. package/docs/demos/CardView/examples/CardView.md +78 -6
  61. package/docs/demos/Compass/examples/Compass.md +71 -35
  62. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  63. package/docs/demos/DataList/examples/DataList.md +234 -18
  64. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  65. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  66. package/docs/demos/Form/examples/BasicForms.md +143 -11
  67. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  68. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  69. package/docs/demos/Modal/examples/Modal.md +234 -18
  70. package/docs/demos/Nav/examples/Nav.md +320 -32
  71. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  72. package/docs/demos/Page/examples/Page.md +546 -42
  73. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  74. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  75. package/docs/demos/Table/examples/Table.md +702 -54
  76. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  77. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  78. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  79. package/package.json +1 -1
  80. package/patternfly-no-globals.css +20 -19
  81. package/patternfly.css +20 -19
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -249,21 +249,57 @@ section: components
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
@@ -842,21 +878,57 @@ section: components
842
878
  </li>
843
879
  <li class="pf-v6-c-breadcrumb__item">
844
880
  <span class="pf-v6-c-breadcrumb__item-divider">
845
- <i class="fas fa-angle-right" aria-hidden="true"></i>
881
+ <svg
882
+ class="pf-v6-svg"
883
+ viewBox="0 0 20 20"
884
+ fill="currentColor"
885
+ aria-hidden="true"
886
+ role="img"
887
+ width="1em"
888
+ height="1em"
889
+ >
890
+ <path
891
+ 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"
892
+ />
893
+ </svg>
846
894
  </span>
847
895
 
848
896
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
849
897
  </li>
850
898
  <li class="pf-v6-c-breadcrumb__item">
851
899
  <span class="pf-v6-c-breadcrumb__item-divider">
852
- <i class="fas fa-angle-right" aria-hidden="true"></i>
900
+ <svg
901
+ class="pf-v6-svg"
902
+ viewBox="0 0 20 20"
903
+ fill="currentColor"
904
+ aria-hidden="true"
905
+ role="img"
906
+ width="1em"
907
+ height="1em"
908
+ >
909
+ <path
910
+ 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"
911
+ />
912
+ </svg>
853
913
  </span>
854
914
 
855
915
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
856
916
  </li>
857
917
  <li class="pf-v6-c-breadcrumb__item">
858
918
  <span class="pf-v6-c-breadcrumb__item-divider">
859
- <i class="fas fa-angle-right" aria-hidden="true"></i>
919
+ <svg
920
+ class="pf-v6-svg"
921
+ viewBox="0 0 20 20"
922
+ fill="currentColor"
923
+ aria-hidden="true"
924
+ role="img"
925
+ width="1em"
926
+ height="1em"
927
+ >
928
+ <path
929
+ 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"
930
+ />
931
+ </svg>
860
932
  </span>
861
933
 
862
934
  <a
@@ -1442,21 +1514,57 @@ section: components
1442
1514
  </li>
1443
1515
  <li class="pf-v6-c-breadcrumb__item">
1444
1516
  <span class="pf-v6-c-breadcrumb__item-divider">
1445
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1517
+ <svg
1518
+ class="pf-v6-svg"
1519
+ viewBox="0 0 20 20"
1520
+ fill="currentColor"
1521
+ aria-hidden="true"
1522
+ role="img"
1523
+ width="1em"
1524
+ height="1em"
1525
+ >
1526
+ <path
1527
+ 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"
1528
+ />
1529
+ </svg>
1446
1530
  </span>
1447
1531
 
1448
1532
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1449
1533
  </li>
1450
1534
  <li class="pf-v6-c-breadcrumb__item">
1451
1535
  <span class="pf-v6-c-breadcrumb__item-divider">
1452
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1536
+ <svg
1537
+ class="pf-v6-svg"
1538
+ viewBox="0 0 20 20"
1539
+ fill="currentColor"
1540
+ aria-hidden="true"
1541
+ role="img"
1542
+ width="1em"
1543
+ height="1em"
1544
+ >
1545
+ <path
1546
+ 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"
1547
+ />
1548
+ </svg>
1453
1549
  </span>
1454
1550
 
1455
1551
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1456
1552
  </li>
1457
1553
  <li class="pf-v6-c-breadcrumb__item">
1458
1554
  <span class="pf-v6-c-breadcrumb__item-divider">
1459
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1555
+ <svg
1556
+ class="pf-v6-svg"
1557
+ viewBox="0 0 20 20"
1558
+ fill="currentColor"
1559
+ aria-hidden="true"
1560
+ role="img"
1561
+ width="1em"
1562
+ height="1em"
1563
+ >
1564
+ <path
1565
+ 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"
1566
+ />
1567
+ </svg>
1460
1568
  </span>
1461
1569
 
1462
1570
  <a
@@ -1959,21 +2067,57 @@ section: components
1959
2067
  </li>
1960
2068
  <li class="pf-v6-c-breadcrumb__item">
1961
2069
  <span class="pf-v6-c-breadcrumb__item-divider">
1962
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2070
+ <svg
2071
+ class="pf-v6-svg"
2072
+ viewBox="0 0 20 20"
2073
+ fill="currentColor"
2074
+ aria-hidden="true"
2075
+ role="img"
2076
+ width="1em"
2077
+ height="1em"
2078
+ >
2079
+ <path
2080
+ 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"
2081
+ />
2082
+ </svg>
1963
2083
  </span>
1964
2084
 
1965
2085
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1966
2086
  </li>
1967
2087
  <li class="pf-v6-c-breadcrumb__item">
1968
2088
  <span class="pf-v6-c-breadcrumb__item-divider">
1969
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2089
+ <svg
2090
+ class="pf-v6-svg"
2091
+ viewBox="0 0 20 20"
2092
+ fill="currentColor"
2093
+ aria-hidden="true"
2094
+ role="img"
2095
+ width="1em"
2096
+ height="1em"
2097
+ >
2098
+ <path
2099
+ 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"
2100
+ />
2101
+ </svg>
1970
2102
  </span>
1971
2103
 
1972
2104
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1973
2105
  </li>
1974
2106
  <li class="pf-v6-c-breadcrumb__item">
1975
2107
  <span class="pf-v6-c-breadcrumb__item-divider">
1976
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2108
+ <svg
2109
+ class="pf-v6-svg"
2110
+ viewBox="0 0 20 20"
2111
+ fill="currentColor"
2112
+ aria-hidden="true"
2113
+ role="img"
2114
+ width="1em"
2115
+ height="1em"
2116
+ >
2117
+ <path
2118
+ 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"
2119
+ />
2120
+ </svg>
1977
2121
  </span>
1978
2122
 
1979
2123
  <a
@@ -2709,7 +2853,7 @@ section: components
2709
2853
  <span class="pf-v6-c-button__icon">
2710
2854
  <svg
2711
2855
  class="pf-v6-svg"
2712
- viewBox="0 0 256 512"
2856
+ viewBox="0 0 20 20"
2713
2857
  fill="currentColor"
2714
2858
  aria-hidden="true"
2715
2859
  role="img"
@@ -2717,7 +2861,7 @@ section: components
2717
2861
  height="1em"
2718
2862
  >
2719
2863
  <path
2720
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2864
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2721
2865
  />
2722
2866
  </svg>
2723
2867
  </span>
@@ -2765,7 +2909,7 @@ section: components
2765
2909
  <span class="pf-v6-c-button__icon">
2766
2910
  <svg
2767
2911
  class="pf-v6-svg"
2768
- viewBox="0 0 256 512"
2912
+ viewBox="0 0 20 20"
2769
2913
  fill="currentColor"
2770
2914
  aria-hidden="true"
2771
2915
  role="img"
@@ -2773,7 +2917,7 @@ section: components
2773
2917
  height="1em"
2774
2918
  >
2775
2919
  <path
2776
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2920
+ 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"
2777
2921
  />
2778
2922
  </svg>
2779
2923
  </span>
@@ -3300,21 +3444,57 @@ section: components
3300
3444
  </li>
3301
3445
  <li class="pf-v6-c-breadcrumb__item">
3302
3446
  <span class="pf-v6-c-breadcrumb__item-divider">
3303
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3447
+ <svg
3448
+ class="pf-v6-svg"
3449
+ viewBox="0 0 20 20"
3450
+ fill="currentColor"
3451
+ aria-hidden="true"
3452
+ role="img"
3453
+ width="1em"
3454
+ height="1em"
3455
+ >
3456
+ <path
3457
+ 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"
3458
+ />
3459
+ </svg>
3304
3460
  </span>
3305
3461
 
3306
3462
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3307
3463
  </li>
3308
3464
  <li class="pf-v6-c-breadcrumb__item">
3309
3465
  <span class="pf-v6-c-breadcrumb__item-divider">
3310
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3466
+ <svg
3467
+ class="pf-v6-svg"
3468
+ viewBox="0 0 20 20"
3469
+ fill="currentColor"
3470
+ aria-hidden="true"
3471
+ role="img"
3472
+ width="1em"
3473
+ height="1em"
3474
+ >
3475
+ <path
3476
+ 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"
3477
+ />
3478
+ </svg>
3311
3479
  </span>
3312
3480
 
3313
3481
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3314
3482
  </li>
3315
3483
  <li class="pf-v6-c-breadcrumb__item">
3316
3484
  <span class="pf-v6-c-breadcrumb__item-divider">
3317
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3485
+ <svg
3486
+ class="pf-v6-svg"
3487
+ viewBox="0 0 20 20"
3488
+ fill="currentColor"
3489
+ aria-hidden="true"
3490
+ role="img"
3491
+ width="1em"
3492
+ height="1em"
3493
+ >
3494
+ <path
3495
+ 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"
3496
+ />
3497
+ </svg>
3318
3498
  </span>
3319
3499
 
3320
3500
  <a
@@ -3624,21 +3804,57 @@ section: components
3624
3804
  </li>
3625
3805
  <li class="pf-v6-c-breadcrumb__item">
3626
3806
  <span class="pf-v6-c-breadcrumb__item-divider">
3627
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3807
+ <svg
3808
+ class="pf-v6-svg"
3809
+ viewBox="0 0 20 20"
3810
+ fill="currentColor"
3811
+ aria-hidden="true"
3812
+ role="img"
3813
+ width="1em"
3814
+ height="1em"
3815
+ >
3816
+ <path
3817
+ 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"
3818
+ />
3819
+ </svg>
3628
3820
  </span>
3629
3821
 
3630
3822
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3631
3823
  </li>
3632
3824
  <li class="pf-v6-c-breadcrumb__item">
3633
3825
  <span class="pf-v6-c-breadcrumb__item-divider">
3634
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3826
+ <svg
3827
+ class="pf-v6-svg"
3828
+ viewBox="0 0 20 20"
3829
+ fill="currentColor"
3830
+ aria-hidden="true"
3831
+ role="img"
3832
+ width="1em"
3833
+ height="1em"
3834
+ >
3835
+ <path
3836
+ 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"
3837
+ />
3838
+ </svg>
3635
3839
  </span>
3636
3840
 
3637
3841
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3638
3842
  </li>
3639
3843
  <li class="pf-v6-c-breadcrumb__item">
3640
3844
  <span class="pf-v6-c-breadcrumb__item-divider">
3641
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3845
+ <svg
3846
+ class="pf-v6-svg"
3847
+ viewBox="0 0 20 20"
3848
+ fill="currentColor"
3849
+ aria-hidden="true"
3850
+ role="img"
3851
+ width="1em"
3852
+ height="1em"
3853
+ >
3854
+ <path
3855
+ 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"
3856
+ />
3857
+ </svg>
3642
3858
  </span>
3643
3859
 
3644
3860
  <a
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -444,21 +444,57 @@ section: components
444
444
  </li>
445
445
  <li class="pf-v6-c-breadcrumb__item">
446
446
  <span class="pf-v6-c-breadcrumb__item-divider">
447
- <i class="fas fa-angle-right" aria-hidden="true"></i>
447
+ <svg
448
+ class="pf-v6-svg"
449
+ viewBox="0 0 20 20"
450
+ fill="currentColor"
451
+ aria-hidden="true"
452
+ role="img"
453
+ width="1em"
454
+ height="1em"
455
+ >
456
+ <path
457
+ 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"
458
+ />
459
+ </svg>
448
460
  </span>
449
461
 
450
462
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
451
463
  </li>
452
464
  <li class="pf-v6-c-breadcrumb__item">
453
465
  <span class="pf-v6-c-breadcrumb__item-divider">
454
- <i class="fas fa-angle-right" aria-hidden="true"></i>
466
+ <svg
467
+ class="pf-v6-svg"
468
+ viewBox="0 0 20 20"
469
+ fill="currentColor"
470
+ aria-hidden="true"
471
+ role="img"
472
+ width="1em"
473
+ height="1em"
474
+ >
475
+ <path
476
+ 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"
477
+ />
478
+ </svg>
455
479
  </span>
456
480
 
457
481
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
458
482
  </li>
459
483
  <li class="pf-v6-c-breadcrumb__item">
460
484
  <span class="pf-v6-c-breadcrumb__item-divider">
461
- <i class="fas fa-angle-right" aria-hidden="true"></i>
485
+ <svg
486
+ class="pf-v6-svg"
487
+ viewBox="0 0 20 20"
488
+ fill="currentColor"
489
+ aria-hidden="true"
490
+ role="img"
491
+ width="1em"
492
+ height="1em"
493
+ >
494
+ <path
495
+ 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"
496
+ />
497
+ </svg>
462
498
  </span>
463
499
 
464
500
  <a
@@ -3021,21 +3057,57 @@ section: components
3021
3057
  </li>
3022
3058
  <li class="pf-v6-c-breadcrumb__item">
3023
3059
  <span class="pf-v6-c-breadcrumb__item-divider">
3024
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3060
+ <svg
3061
+ class="pf-v6-svg"
3062
+ viewBox="0 0 20 20"
3063
+ fill="currentColor"
3064
+ aria-hidden="true"
3065
+ role="img"
3066
+ width="1em"
3067
+ height="1em"
3068
+ >
3069
+ <path
3070
+ 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"
3071
+ />
3072
+ </svg>
3025
3073
  </span>
3026
3074
 
3027
3075
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3028
3076
  </li>
3029
3077
  <li class="pf-v6-c-breadcrumb__item">
3030
3078
  <span class="pf-v6-c-breadcrumb__item-divider">
3031
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3079
+ <svg
3080
+ class="pf-v6-svg"
3081
+ viewBox="0 0 20 20"
3082
+ fill="currentColor"
3083
+ aria-hidden="true"
3084
+ role="img"
3085
+ width="1em"
3086
+ height="1em"
3087
+ >
3088
+ <path
3089
+ 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"
3090
+ />
3091
+ </svg>
3032
3092
  </span>
3033
3093
 
3034
3094
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3035
3095
  </li>
3036
3096
  <li class="pf-v6-c-breadcrumb__item">
3037
3097
  <span class="pf-v6-c-breadcrumb__item-divider">
3038
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3098
+ <svg
3099
+ class="pf-v6-svg"
3100
+ viewBox="0 0 20 20"
3101
+ fill="currentColor"
3102
+ aria-hidden="true"
3103
+ role="img"
3104
+ width="1em"
3105
+ height="1em"
3106
+ >
3107
+ <path
3108
+ 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"
3109
+ />
3110
+ </svg>
3039
3111
  </span>
3040
3112
 
3041
3113
  <a