@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/Wizard/examples/Wizard.md CHANGED
@@ -250,21 +250,57 @@ wrapperTag: div
250
250
  </li>
251
251
  <li class="pf-v6-c-breadcrumb__item">
252
252
  <span class="pf-v6-c-breadcrumb__item-divider">
253
- <i class="fas fa-angle-right" aria-hidden="true"></i>
253
+ <svg
254
+ class="pf-v6-svg"
255
+ viewBox="0 0 20 20"
256
+ fill="currentColor"
257
+ aria-hidden="true"
258
+ role="img"
259
+ width="1em"
260
+ height="1em"
261
+ >
262
+ <path
263
+ 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"
264
+ />
265
+ </svg>
254
266
  </span>
255
267
 
256
268
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
257
269
  </li>
258
270
  <li class="pf-v6-c-breadcrumb__item">
259
271
  <span class="pf-v6-c-breadcrumb__item-divider">
260
- <i class="fas fa-angle-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 20 20"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
261
285
  </span>
262
286
 
263
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
264
288
  </li>
265
289
  <li class="pf-v6-c-breadcrumb__item">
266
290
  <span class="pf-v6-c-breadcrumb__item-divider">
267
- <i class="fas fa-angle-right" aria-hidden="true"></i>
291
+ <svg
292
+ class="pf-v6-svg"
293
+ viewBox="0 0 20 20"
294
+ fill="currentColor"
295
+ aria-hidden="true"
296
+ role="img"
297
+ width="1em"
298
+ height="1em"
299
+ >
300
+ <path
301
+ 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"
302
+ />
303
+ </svg>
268
304
  </span>
269
305
 
270
306
  <a
@@ -371,10 +407,23 @@ wrapperTag: div
371
407
  <span class="pf-v6-c-wizard__toggle-list-item">
372
408
  <span class="pf-v6-c-wizard__toggle-num">2</span>
373
409
  Configuration
374
- <i
375
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
376
- aria-hidden="true"
377
- ></i>
410
+ <span
411
+ class="pf-v6-c-wizard__toggle-separator"
412
+ >
413
+ <svg
414
+ class="pf-v6-svg"
415
+ viewBox="0 0 20 20"
416
+ fill="currentColor"
417
+ aria-hidden="true"
418
+ role="img"
419
+ width="1em"
420
+ height="1em"
421
+ >
422
+ <path
423
+ 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"
424
+ />
425
+ </svg>
426
+ </span>
378
427
  </span>
379
428
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
380
429
  </span>
@@ -405,7 +454,19 @@ wrapperTag: div
405
454
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
406
455
  <span class="pf-v6-c-wizard__nav-link-toggle">
407
456
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
408
- <i class="fas fa-angle-right" aria-hidden="true"></i>
457
+ <svg
458
+ class="pf-v6-svg"
459
+ viewBox="0 0 20 20"
460
+ fill="currentColor"
461
+ aria-hidden="true"
462
+ role="img"
463
+ width="1em"
464
+ height="1em"
465
+ >
466
+ <path
467
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
468
+ />
469
+ </svg>
409
470
  </span>
410
471
  </span>
411
472
  </span>
@@ -883,21 +944,57 @@ wrapperTag: div
883
944
  </li>
884
945
  <li class="pf-v6-c-breadcrumb__item">
885
946
  <span class="pf-v6-c-breadcrumb__item-divider">
886
- <i class="fas fa-angle-right" aria-hidden="true"></i>
947
+ <svg
948
+ class="pf-v6-svg"
949
+ viewBox="0 0 20 20"
950
+ fill="currentColor"
951
+ aria-hidden="true"
952
+ role="img"
953
+ width="1em"
954
+ height="1em"
955
+ >
956
+ <path
957
+ 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"
958
+ />
959
+ </svg>
887
960
  </span>
888
961
 
889
962
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
890
963
  </li>
891
964
  <li class="pf-v6-c-breadcrumb__item">
892
965
  <span class="pf-v6-c-breadcrumb__item-divider">
893
- <i class="fas fa-angle-right" aria-hidden="true"></i>
966
+ <svg
967
+ class="pf-v6-svg"
968
+ viewBox="0 0 20 20"
969
+ fill="currentColor"
970
+ aria-hidden="true"
971
+ role="img"
972
+ width="1em"
973
+ height="1em"
974
+ >
975
+ <path
976
+ 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"
977
+ />
978
+ </svg>
894
979
  </span>
895
980
 
896
981
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
897
982
  </li>
898
983
  <li class="pf-v6-c-breadcrumb__item">
899
984
  <span class="pf-v6-c-breadcrumb__item-divider">
900
- <i class="fas fa-angle-right" aria-hidden="true"></i>
985
+ <svg
986
+ class="pf-v6-svg"
987
+ viewBox="0 0 20 20"
988
+ fill="currentColor"
989
+ aria-hidden="true"
990
+ role="img"
991
+ width="1em"
992
+ height="1em"
993
+ >
994
+ <path
995
+ 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"
996
+ />
997
+ </svg>
901
998
  </span>
902
999
 
903
1000
  <a
@@ -1004,10 +1101,23 @@ wrapperTag: div
1004
1101
  <span class="pf-v6-c-wizard__toggle-list-item">
1005
1102
  <span class="pf-v6-c-wizard__toggle-num">2</span>
1006
1103
  Configuration
1007
- <i
1008
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1009
- aria-hidden="true"
1010
- ></i>
1104
+ <span
1105
+ class="pf-v6-c-wizard__toggle-separator"
1106
+ >
1107
+ <svg
1108
+ class="pf-v6-svg"
1109
+ viewBox="0 0 20 20"
1110
+ fill="currentColor"
1111
+ aria-hidden="true"
1112
+ role="img"
1113
+ width="1em"
1114
+ height="1em"
1115
+ >
1116
+ <path
1117
+ 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"
1118
+ />
1119
+ </svg>
1120
+ </span>
1011
1121
  </span>
1012
1122
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1013
1123
  </span>
@@ -1038,7 +1148,19 @@ wrapperTag: div
1038
1148
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1039
1149
  <span class="pf-v6-c-wizard__nav-link-toggle">
1040
1150
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1041
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1151
+ <svg
1152
+ class="pf-v6-svg"
1153
+ viewBox="0 0 20 20"
1154
+ fill="currentColor"
1155
+ aria-hidden="true"
1156
+ role="img"
1157
+ width="1em"
1158
+ height="1em"
1159
+ >
1160
+ <path
1161
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1162
+ />
1163
+ </svg>
1042
1164
  </span>
1043
1165
  </span>
1044
1166
  </span>
@@ -1498,21 +1620,57 @@ wrapperTag: div
1498
1620
  </li>
1499
1621
  <li class="pf-v6-c-breadcrumb__item">
1500
1622
  <span class="pf-v6-c-breadcrumb__item-divider">
1501
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1623
+ <svg
1624
+ class="pf-v6-svg"
1625
+ viewBox="0 0 20 20"
1626
+ fill="currentColor"
1627
+ aria-hidden="true"
1628
+ role="img"
1629
+ width="1em"
1630
+ height="1em"
1631
+ >
1632
+ <path
1633
+ 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"
1634
+ />
1635
+ </svg>
1502
1636
  </span>
1503
1637
 
1504
1638
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1505
1639
  </li>
1506
1640
  <li class="pf-v6-c-breadcrumb__item">
1507
1641
  <span class="pf-v6-c-breadcrumb__item-divider">
1508
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1642
+ <svg
1643
+ class="pf-v6-svg"
1644
+ viewBox="0 0 20 20"
1645
+ fill="currentColor"
1646
+ aria-hidden="true"
1647
+ role="img"
1648
+ width="1em"
1649
+ height="1em"
1650
+ >
1651
+ <path
1652
+ 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"
1653
+ />
1654
+ </svg>
1509
1655
  </span>
1510
1656
 
1511
1657
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1512
1658
  </li>
1513
1659
  <li class="pf-v6-c-breadcrumb__item">
1514
1660
  <span class="pf-v6-c-breadcrumb__item-divider">
1515
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1661
+ <svg
1662
+ class="pf-v6-svg"
1663
+ viewBox="0 0 20 20"
1664
+ fill="currentColor"
1665
+ aria-hidden="true"
1666
+ role="img"
1667
+ width="1em"
1668
+ height="1em"
1669
+ >
1670
+ <path
1671
+ 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"
1672
+ />
1673
+ </svg>
1516
1674
  </span>
1517
1675
 
1518
1676
  <a
@@ -1619,10 +1777,23 @@ wrapperTag: div
1619
1777
  <span class="pf-v6-c-wizard__toggle-list-item">
1620
1778
  <span class="pf-v6-c-wizard__toggle-num">2</span>
1621
1779
  Configuration
1622
- <i
1623
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
1624
- aria-hidden="true"
1625
- ></i>
1780
+ <span
1781
+ class="pf-v6-c-wizard__toggle-separator"
1782
+ >
1783
+ <svg
1784
+ class="pf-v6-svg"
1785
+ viewBox="0 0 20 20"
1786
+ fill="currentColor"
1787
+ aria-hidden="true"
1788
+ role="img"
1789
+ width="1em"
1790
+ height="1em"
1791
+ >
1792
+ <path
1793
+ 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"
1794
+ />
1795
+ </svg>
1796
+ </span>
1626
1797
  </span>
1627
1798
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
1628
1799
  </span>
@@ -1653,7 +1824,19 @@ wrapperTag: div
1653
1824
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
1654
1825
  <span class="pf-v6-c-wizard__nav-link-toggle">
1655
1826
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
1656
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1827
+ <svg
1828
+ class="pf-v6-svg"
1829
+ viewBox="0 0 20 20"
1830
+ fill="currentColor"
1831
+ aria-hidden="true"
1832
+ role="img"
1833
+ width="1em"
1834
+ height="1em"
1835
+ >
1836
+ <path
1837
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1838
+ />
1839
+ </svg>
1657
1840
  </span>
1658
1841
  </span>
1659
1842
  </span>
@@ -2209,21 +2392,57 @@ wrapperTag: div
2209
2392
  </li>
2210
2393
  <li class="pf-v6-c-breadcrumb__item">
2211
2394
  <span class="pf-v6-c-breadcrumb__item-divider">
2212
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2395
+ <svg
2396
+ class="pf-v6-svg"
2397
+ viewBox="0 0 20 20"
2398
+ fill="currentColor"
2399
+ aria-hidden="true"
2400
+ role="img"
2401
+ width="1em"
2402
+ height="1em"
2403
+ >
2404
+ <path
2405
+ 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"
2406
+ />
2407
+ </svg>
2213
2408
  </span>
2214
2409
 
2215
2410
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2216
2411
  </li>
2217
2412
  <li class="pf-v6-c-breadcrumb__item">
2218
2413
  <span class="pf-v6-c-breadcrumb__item-divider">
2219
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2414
+ <svg
2415
+ class="pf-v6-svg"
2416
+ viewBox="0 0 20 20"
2417
+ fill="currentColor"
2418
+ aria-hidden="true"
2419
+ role="img"
2420
+ width="1em"
2421
+ height="1em"
2422
+ >
2423
+ <path
2424
+ 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"
2425
+ />
2426
+ </svg>
2220
2427
  </span>
2221
2428
 
2222
2429
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2223
2430
  </li>
2224
2431
  <li class="pf-v6-c-breadcrumb__item">
2225
2432
  <span class="pf-v6-c-breadcrumb__item-divider">
2226
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2433
+ <svg
2434
+ class="pf-v6-svg"
2435
+ viewBox="0 0 20 20"
2436
+ fill="currentColor"
2437
+ aria-hidden="true"
2438
+ role="img"
2439
+ width="1em"
2440
+ height="1em"
2441
+ >
2442
+ <path
2443
+ 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"
2444
+ />
2445
+ </svg>
2227
2446
  </span>
2228
2447
 
2229
2448
  <a
@@ -2330,10 +2549,23 @@ wrapperTag: div
2330
2549
  <span class="pf-v6-c-wizard__toggle-list-item">
2331
2550
  <span class="pf-v6-c-wizard__toggle-num">2</span>
2332
2551
  Configuration
2333
- <i
2334
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
2335
- aria-hidden="true"
2336
- ></i>
2552
+ <span
2553
+ class="pf-v6-c-wizard__toggle-separator"
2554
+ >
2555
+ <svg
2556
+ class="pf-v6-svg"
2557
+ viewBox="0 0 20 20"
2558
+ fill="currentColor"
2559
+ aria-hidden="true"
2560
+ role="img"
2561
+ width="1em"
2562
+ height="1em"
2563
+ >
2564
+ <path
2565
+ 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"
2566
+ />
2567
+ </svg>
2568
+ </span>
2337
2569
  </span>
2338
2570
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
2339
2571
  </span>
@@ -2364,7 +2596,19 @@ wrapperTag: div
2364
2596
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
2365
2597
  <span class="pf-v6-c-wizard__nav-link-toggle">
2366
2598
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
2367
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2599
+ <svg
2600
+ class="pf-v6-svg"
2601
+ viewBox="0 0 20 20"
2602
+ fill="currentColor"
2603
+ aria-hidden="true"
2604
+ role="img"
2605
+ width="1em"
2606
+ height="1em"
2607
+ >
2608
+ <path
2609
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2610
+ />
2611
+ </svg>
2368
2612
  </span>
2369
2613
  </span>
2370
2614
  </span>
@@ -2916,21 +3160,57 @@ wrapperTag: div
2916
3160
  </li>
2917
3161
  <li class="pf-v6-c-breadcrumb__item">
2918
3162
  <span class="pf-v6-c-breadcrumb__item-divider">
2919
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3163
+ <svg
3164
+ class="pf-v6-svg"
3165
+ viewBox="0 0 20 20"
3166
+ fill="currentColor"
3167
+ aria-hidden="true"
3168
+ role="img"
3169
+ width="1em"
3170
+ height="1em"
3171
+ >
3172
+ <path
3173
+ 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"
3174
+ />
3175
+ </svg>
2920
3176
  </span>
2921
3177
 
2922
3178
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2923
3179
  </li>
2924
3180
  <li class="pf-v6-c-breadcrumb__item">
2925
3181
  <span class="pf-v6-c-breadcrumb__item-divider">
2926
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3182
+ <svg
3183
+ class="pf-v6-svg"
3184
+ viewBox="0 0 20 20"
3185
+ fill="currentColor"
3186
+ aria-hidden="true"
3187
+ role="img"
3188
+ width="1em"
3189
+ height="1em"
3190
+ >
3191
+ <path
3192
+ 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"
3193
+ />
3194
+ </svg>
2927
3195
  </span>
2928
3196
 
2929
3197
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2930
3198
  </li>
2931
3199
  <li class="pf-v6-c-breadcrumb__item">
2932
3200
  <span class="pf-v6-c-breadcrumb__item-divider">
2933
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3201
+ <svg
3202
+ class="pf-v6-svg"
3203
+ viewBox="0 0 20 20"
3204
+ fill="currentColor"
3205
+ aria-hidden="true"
3206
+ role="img"
3207
+ width="1em"
3208
+ height="1em"
3209
+ >
3210
+ <path
3211
+ 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"
3212
+ />
3213
+ </svg>
2934
3214
  </span>
2935
3215
 
2936
3216
  <a
@@ -3037,10 +3317,23 @@ wrapperTag: div
3037
3317
  <span class="pf-v6-c-wizard__toggle-list-item">
3038
3318
  <span class="pf-v6-c-wizard__toggle-num">2</span>
3039
3319
  Configuration
3040
- <i
3041
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
3042
- aria-hidden="true"
3043
- ></i>
3320
+ <span
3321
+ class="pf-v6-c-wizard__toggle-separator"
3322
+ >
3323
+ <svg
3324
+ class="pf-v6-svg"
3325
+ viewBox="0 0 20 20"
3326
+ fill="currentColor"
3327
+ aria-hidden="true"
3328
+ role="img"
3329
+ width="1em"
3330
+ height="1em"
3331
+ >
3332
+ <path
3333
+ 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"
3334
+ />
3335
+ </svg>
3336
+ </span>
3044
3337
  </span>
3045
3338
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3046
3339
  </span>
@@ -3071,7 +3364,19 @@ wrapperTag: div
3071
3364
  <span class="pf-v6-c-wizard__nav-link-text">Configuration</span>
3072
3365
  <span class="pf-v6-c-wizard__nav-link-toggle">
3073
3366
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3074
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3367
+ <svg
3368
+ class="pf-v6-svg"
3369
+ viewBox="0 0 20 20"
3370
+ fill="currentColor"
3371
+ aria-hidden="true"
3372
+ role="img"
3373
+ width="1em"
3374
+ height="1em"
3375
+ >
3376
+ <path
3377
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3378
+ />
3379
+ </svg>
3075
3380
  </span>
3076
3381
  </span>
3077
3382
  </span>
@@ -3498,21 +3803,57 @@ wrapperTag: div
3498
3803
  </li>
3499
3804
  <li class="pf-v6-c-breadcrumb__item">
3500
3805
  <span class="pf-v6-c-breadcrumb__item-divider">
3501
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3806
+ <svg
3807
+ class="pf-v6-svg"
3808
+ viewBox="0 0 20 20"
3809
+ fill="currentColor"
3810
+ aria-hidden="true"
3811
+ role="img"
3812
+ width="1em"
3813
+ height="1em"
3814
+ >
3815
+ <path
3816
+ 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"
3817
+ />
3818
+ </svg>
3502
3819
  </span>
3503
3820
 
3504
3821
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3505
3822
  </li>
3506
3823
  <li class="pf-v6-c-breadcrumb__item">
3507
3824
  <span class="pf-v6-c-breadcrumb__item-divider">
3508
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3825
+ <svg
3826
+ class="pf-v6-svg"
3827
+ viewBox="0 0 20 20"
3828
+ fill="currentColor"
3829
+ aria-hidden="true"
3830
+ role="img"
3831
+ width="1em"
3832
+ height="1em"
3833
+ >
3834
+ <path
3835
+ 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"
3836
+ />
3837
+ </svg>
3509
3838
  </span>
3510
3839
 
3511
3840
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3512
3841
  </li>
3513
3842
  <li class="pf-v6-c-breadcrumb__item">
3514
3843
  <span class="pf-v6-c-breadcrumb__item-divider">
3515
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3844
+ <svg
3845
+ class="pf-v6-svg"
3846
+ viewBox="0 0 20 20"
3847
+ fill="currentColor"
3848
+ aria-hidden="true"
3849
+ role="img"
3850
+ width="1em"
3851
+ height="1em"
3852
+ >
3853
+ <path
3854
+ 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"
3855
+ />
3856
+ </svg>
3516
3857
  </span>
3517
3858
 
3518
3859
  <a
@@ -3542,10 +3883,23 @@ wrapperTag: div
3542
3883
  <span class="pf-v6-c-wizard__toggle-list-item">
3543
3884
  <span class="pf-v6-c-wizard__toggle-num">2</span>
3544
3885
  Configuration
3545
- <i
3546
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
3547
- aria-hidden="true"
3548
- ></i>
3886
+ <span
3887
+ class="pf-v6-c-wizard__toggle-separator"
3888
+ >
3889
+ <svg
3890
+ class="pf-v6-svg"
3891
+ viewBox="0 0 20 20"
3892
+ fill="currentColor"
3893
+ aria-hidden="true"
3894
+ role="img"
3895
+ width="1em"
3896
+ height="1em"
3897
+ >
3898
+ <path
3899
+ 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"
3900
+ />
3901
+ </svg>
3902
+ </span>
3549
3903
  </span>
3550
3904
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
3551
3905
  </span>
@@ -3578,7 +3932,19 @@ wrapperTag: div
3578
3932
  >Configuration</span>
3579
3933
  <span class="pf-v6-c-wizard__nav-link-toggle">
3580
3934
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
3581
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3935
+ <svg
3936
+ class="pf-v6-svg"
3937
+ viewBox="0 0 20 20"
3938
+ fill="currentColor"
3939
+ aria-hidden="true"
3940
+ role="img"
3941
+ width="1em"
3942
+ height="1em"
3943
+ >
3944
+ <path
3945
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3946
+ />
3947
+ </svg>
3582
3948
  </span>
3583
3949
  </span>
3584
3950
  </span>
@@ -4063,21 +4429,57 @@ wrapperTag: div
4063
4429
  </li>
4064
4430
  <li class="pf-v6-c-breadcrumb__item">
4065
4431
  <span class="pf-v6-c-breadcrumb__item-divider">
4066
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4432
+ <svg
4433
+ class="pf-v6-svg"
4434
+ viewBox="0 0 20 20"
4435
+ fill="currentColor"
4436
+ aria-hidden="true"
4437
+ role="img"
4438
+ width="1em"
4439
+ height="1em"
4440
+ >
4441
+ <path
4442
+ 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"
4443
+ />
4444
+ </svg>
4067
4445
  </span>
4068
4446
 
4069
4447
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4070
4448
  </li>
4071
4449
  <li class="pf-v6-c-breadcrumb__item">
4072
4450
  <span class="pf-v6-c-breadcrumb__item-divider">
4073
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4451
+ <svg
4452
+ class="pf-v6-svg"
4453
+ viewBox="0 0 20 20"
4454
+ fill="currentColor"
4455
+ aria-hidden="true"
4456
+ role="img"
4457
+ width="1em"
4458
+ height="1em"
4459
+ >
4460
+ <path
4461
+ 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"
4462
+ />
4463
+ </svg>
4074
4464
  </span>
4075
4465
 
4076
4466
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4077
4467
  </li>
4078
4468
  <li class="pf-v6-c-breadcrumb__item">
4079
4469
  <span class="pf-v6-c-breadcrumb__item-divider">
4080
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4470
+ <svg
4471
+ class="pf-v6-svg"
4472
+ viewBox="0 0 20 20"
4473
+ fill="currentColor"
4474
+ aria-hidden="true"
4475
+ role="img"
4476
+ width="1em"
4477
+ height="1em"
4478
+ >
4479
+ <path
4480
+ 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"
4481
+ />
4482
+ </svg>
4081
4483
  </span>
4082
4484
 
4083
4485
  <a
@@ -4107,10 +4509,23 @@ wrapperTag: div
4107
4509
  <span class="pf-v6-c-wizard__toggle-list-item">
4108
4510
  <span class="pf-v6-c-wizard__toggle-num">2</span>
4109
4511
  Configuration
4110
- <i
4111
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
4112
- aria-hidden="true"
4113
- ></i>
4512
+ <span
4513
+ class="pf-v6-c-wizard__toggle-separator"
4514
+ >
4515
+ <svg
4516
+ class="pf-v6-svg"
4517
+ viewBox="0 0 20 20"
4518
+ fill="currentColor"
4519
+ aria-hidden="true"
4520
+ role="img"
4521
+ width="1em"
4522
+ height="1em"
4523
+ >
4524
+ <path
4525
+ 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"
4526
+ />
4527
+ </svg>
4528
+ </span>
4114
4529
  </span>
4115
4530
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
4116
4531
  </span>
@@ -4143,7 +4558,19 @@ wrapperTag: div
4143
4558
  >Configuration</span>
4144
4559
  <span class="pf-v6-c-wizard__nav-link-toggle">
4145
4560
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
4146
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4561
+ <svg
4562
+ class="pf-v6-svg"
4563
+ viewBox="0 0 20 20"
4564
+ fill="currentColor"
4565
+ aria-hidden="true"
4566
+ role="img"
4567
+ width="1em"
4568
+ height="1em"
4569
+ >
4570
+ <path
4571
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
4572
+ />
4573
+ </svg>
4147
4574
  </span>
4148
4575
  </span>
4149
4576
  </span>
@@ -4610,21 +5037,57 @@ wrapperTag: div
4610
5037
  </li>
4611
5038
  <li class="pf-v6-c-breadcrumb__item">
4612
5039
  <span class="pf-v6-c-breadcrumb__item-divider">
4613
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5040
+ <svg
5041
+ class="pf-v6-svg"
5042
+ viewBox="0 0 20 20"
5043
+ fill="currentColor"
5044
+ aria-hidden="true"
5045
+ role="img"
5046
+ width="1em"
5047
+ height="1em"
5048
+ >
5049
+ <path
5050
+ 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"
5051
+ />
5052
+ </svg>
4614
5053
  </span>
4615
5054
 
4616
5055
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4617
5056
  </li>
4618
5057
  <li class="pf-v6-c-breadcrumb__item">
4619
5058
  <span class="pf-v6-c-breadcrumb__item-divider">
4620
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5059
+ <svg
5060
+ class="pf-v6-svg"
5061
+ viewBox="0 0 20 20"
5062
+ fill="currentColor"
5063
+ aria-hidden="true"
5064
+ role="img"
5065
+ width="1em"
5066
+ height="1em"
5067
+ >
5068
+ <path
5069
+ 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"
5070
+ />
5071
+ </svg>
4621
5072
  </span>
4622
5073
 
4623
5074
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4624
5075
  </li>
4625
5076
  <li class="pf-v6-c-breadcrumb__item">
4626
5077
  <span class="pf-v6-c-breadcrumb__item-divider">
4627
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5078
+ <svg
5079
+ class="pf-v6-svg"
5080
+ viewBox="0 0 20 20"
5081
+ fill="currentColor"
5082
+ aria-hidden="true"
5083
+ role="img"
5084
+ width="1em"
5085
+ height="1em"
5086
+ >
5087
+ <path
5088
+ 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"
5089
+ />
5090
+ </svg>
4628
5091
  </span>
4629
5092
 
4630
5093
  <a
@@ -4654,10 +5117,23 @@ wrapperTag: div
4654
5117
  <span class="pf-v6-c-wizard__toggle-list-item">
4655
5118
  <span class="pf-v6-c-wizard__toggle-num">2</span>
4656
5119
  Configuration
4657
- <i
4658
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
4659
- aria-hidden="true"
4660
- ></i>
5120
+ <span
5121
+ class="pf-v6-c-wizard__toggle-separator"
5122
+ >
5123
+ <svg
5124
+ class="pf-v6-svg"
5125
+ viewBox="0 0 20 20"
5126
+ fill="currentColor"
5127
+ aria-hidden="true"
5128
+ role="img"
5129
+ width="1em"
5130
+ height="1em"
5131
+ >
5132
+ <path
5133
+ 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"
5134
+ />
5135
+ </svg>
5136
+ </span>
4661
5137
  </span>
4662
5138
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
4663
5139
  </span>
@@ -4690,7 +5166,19 @@ wrapperTag: div
4690
5166
  >Configuration</span>
4691
5167
  <span class="pf-v6-c-wizard__nav-link-toggle">
4692
5168
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
4693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5169
+ <svg
5170
+ class="pf-v6-svg"
5171
+ viewBox="0 0 20 20"
5172
+ fill="currentColor"
5173
+ aria-hidden="true"
5174
+ role="img"
5175
+ width="1em"
5176
+ height="1em"
5177
+ >
5178
+ <path
5179
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
5180
+ />
5181
+ </svg>
4694
5182
  </span>
4695
5183
  </span>
4696
5184
  </span>
@@ -5240,21 +5728,57 @@ wrapperTag: div
5240
5728
  </li>
5241
5729
  <li class="pf-v6-c-breadcrumb__item">
5242
5730
  <span class="pf-v6-c-breadcrumb__item-divider">
5243
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5731
+ <svg
5732
+ class="pf-v6-svg"
5733
+ viewBox="0 0 20 20"
5734
+ fill="currentColor"
5735
+ aria-hidden="true"
5736
+ role="img"
5737
+ width="1em"
5738
+ height="1em"
5739
+ >
5740
+ <path
5741
+ 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"
5742
+ />
5743
+ </svg>
5244
5744
  </span>
5245
5745
 
5246
5746
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5247
5747
  </li>
5248
5748
  <li class="pf-v6-c-breadcrumb__item">
5249
5749
  <span class="pf-v6-c-breadcrumb__item-divider">
5250
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5750
+ <svg
5751
+ class="pf-v6-svg"
5752
+ viewBox="0 0 20 20"
5753
+ fill="currentColor"
5754
+ aria-hidden="true"
5755
+ role="img"
5756
+ width="1em"
5757
+ height="1em"
5758
+ >
5759
+ <path
5760
+ 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"
5761
+ />
5762
+ </svg>
5251
5763
  </span>
5252
5764
 
5253
5765
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5254
5766
  </li>
5255
5767
  <li class="pf-v6-c-breadcrumb__item">
5256
5768
  <span class="pf-v6-c-breadcrumb__item-divider">
5257
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5769
+ <svg
5770
+ class="pf-v6-svg"
5771
+ viewBox="0 0 20 20"
5772
+ fill="currentColor"
5773
+ aria-hidden="true"
5774
+ role="img"
5775
+ width="1em"
5776
+ height="1em"
5777
+ >
5778
+ <path
5779
+ 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"
5780
+ />
5781
+ </svg>
5258
5782
  </span>
5259
5783
 
5260
5784
  <a
@@ -5284,10 +5808,23 @@ wrapperTag: div
5284
5808
  <span class="pf-v6-c-wizard__toggle-list-item">
5285
5809
  <span class="pf-v6-c-wizard__toggle-num">2</span>
5286
5810
  Configuration
5287
- <i
5288
- class="fas fa-angle-right pf-v6-c-wizard__toggle-separator"
5289
- aria-hidden="true"
5290
- ></i>
5811
+ <span
5812
+ class="pf-v6-c-wizard__toggle-separator"
5813
+ >
5814
+ <svg
5815
+ class="pf-v6-svg"
5816
+ viewBox="0 0 20 20"
5817
+ fill="currentColor"
5818
+ aria-hidden="true"
5819
+ role="img"
5820
+ width="1em"
5821
+ height="1em"
5822
+ >
5823
+ <path
5824
+ 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"
5825
+ />
5826
+ </svg>
5827
+ </span>
5291
5828
  </span>
5292
5829
  <span class="pf-v6-c-wizard__toggle-list-item">Substep B</span>
5293
5830
  </span>
@@ -5320,7 +5857,19 @@ wrapperTag: div
5320
5857
  >Configuration</span>
5321
5858
  <span class="pf-v6-c-wizard__nav-link-toggle">
5322
5859
  <span class="pf-v6-c-wizard__nav-link-toggle-icon">
5323
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5860
+ <svg
5861
+ class="pf-v6-svg"
5862
+ viewBox="0 0 20 20"
5863
+ fill="currentColor"
5864
+ aria-hidden="true"
5865
+ role="img"
5866
+ width="1em"
5867
+ height="1em"
5868
+ >
5869
+ <path
5870
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
5871
+ />
5872
+ </svg>
5324
5873
  </span>
5325
5874
  </span>
5326
5875
  </span>