@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/Nav/examples/Nav.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
@@ -602,21 +638,57 @@ section: components
602
638
  </li>
603
639
  <li class="pf-v6-c-breadcrumb__item">
604
640
  <span class="pf-v6-c-breadcrumb__item-divider">
605
- <i class="fas fa-angle-right" aria-hidden="true"></i>
641
+ <svg
642
+ class="pf-v6-svg"
643
+ viewBox="0 0 20 20"
644
+ fill="currentColor"
645
+ aria-hidden="true"
646
+ role="img"
647
+ width="1em"
648
+ height="1em"
649
+ >
650
+ <path
651
+ 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"
652
+ />
653
+ </svg>
606
654
  </span>
607
655
 
608
656
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
609
657
  </li>
610
658
  <li class="pf-v6-c-breadcrumb__item">
611
659
  <span class="pf-v6-c-breadcrumb__item-divider">
612
- <i class="fas fa-angle-right" aria-hidden="true"></i>
660
+ <svg
661
+ class="pf-v6-svg"
662
+ viewBox="0 0 20 20"
663
+ fill="currentColor"
664
+ aria-hidden="true"
665
+ role="img"
666
+ width="1em"
667
+ height="1em"
668
+ >
669
+ <path
670
+ 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"
671
+ />
672
+ </svg>
613
673
  </span>
614
674
 
615
675
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
616
676
  </li>
617
677
  <li class="pf-v6-c-breadcrumb__item">
618
678
  <span class="pf-v6-c-breadcrumb__item-divider">
619
- <i class="fas fa-angle-right" aria-hidden="true"></i>
679
+ <svg
680
+ class="pf-v6-svg"
681
+ viewBox="0 0 20 20"
682
+ fill="currentColor"
683
+ aria-hidden="true"
684
+ role="img"
685
+ width="1em"
686
+ height="1em"
687
+ >
688
+ <path
689
+ 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"
690
+ />
691
+ </svg>
620
692
  </span>
621
693
 
622
694
  <a
@@ -884,7 +956,19 @@ section: components
884
956
  <span class="pf-v6-c-nav__link-text">System panel</span>
885
957
  <span class="pf-v6-c-nav__toggle">
886
958
  <span class="pf-v6-c-nav__toggle-icon">
887
- <i class="fas fa-angle-right" aria-hidden="true"></i>
959
+ <svg
960
+ class="pf-v6-svg"
961
+ viewBox="0 0 20 20"
962
+ fill="currentColor"
963
+ aria-hidden="true"
964
+ role="img"
965
+ width="1em"
966
+ height="1em"
967
+ >
968
+ <path
969
+ 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"
970
+ />
971
+ </svg>
888
972
  </span>
889
973
  </span>
890
974
  </button>
@@ -939,7 +1023,19 @@ section: components
939
1023
  <span class="pf-v6-c-nav__link-text">Policy</span>
940
1024
  <span class="pf-v6-c-nav__toggle">
941
1025
  <span class="pf-v6-c-nav__toggle-icon">
942
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1026
+ <svg
1027
+ class="pf-v6-svg"
1028
+ viewBox="0 0 20 20"
1029
+ fill="currentColor"
1030
+ aria-hidden="true"
1031
+ role="img"
1032
+ width="1em"
1033
+ height="1em"
1034
+ >
1035
+ <path
1036
+ 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"
1037
+ />
1038
+ </svg>
943
1039
  </span>
944
1040
  </span>
945
1041
  </button>
@@ -972,7 +1068,19 @@ section: components
972
1068
  <span class="pf-v6-c-nav__link-text">Authentication</span>
973
1069
  <span class="pf-v6-c-nav__toggle">
974
1070
  <span class="pf-v6-c-nav__toggle-icon">
975
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1071
+ <svg
1072
+ class="pf-v6-svg"
1073
+ viewBox="0 0 20 20"
1074
+ fill="currentColor"
1075
+ aria-hidden="true"
1076
+ role="img"
1077
+ width="1em"
1078
+ height="1em"
1079
+ >
1080
+ <path
1081
+ 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"
1082
+ />
1083
+ </svg>
976
1084
  </span>
977
1085
  </span>
978
1086
  </button>
@@ -1015,21 +1123,57 @@ section: components
1015
1123
  </li>
1016
1124
  <li class="pf-v6-c-breadcrumb__item">
1017
1125
  <span class="pf-v6-c-breadcrumb__item-divider">
1018
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1126
+ <svg
1127
+ class="pf-v6-svg"
1128
+ viewBox="0 0 20 20"
1129
+ fill="currentColor"
1130
+ aria-hidden="true"
1131
+ role="img"
1132
+ width="1em"
1133
+ height="1em"
1134
+ >
1135
+ <path
1136
+ 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"
1137
+ />
1138
+ </svg>
1019
1139
  </span>
1020
1140
 
1021
1141
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1022
1142
  </li>
1023
1143
  <li class="pf-v6-c-breadcrumb__item">
1024
1144
  <span class="pf-v6-c-breadcrumb__item-divider">
1025
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1145
+ <svg
1146
+ class="pf-v6-svg"
1147
+ viewBox="0 0 20 20"
1148
+ fill="currentColor"
1149
+ aria-hidden="true"
1150
+ role="img"
1151
+ width="1em"
1152
+ height="1em"
1153
+ >
1154
+ <path
1155
+ 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"
1156
+ />
1157
+ </svg>
1026
1158
  </span>
1027
1159
 
1028
1160
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1029
1161
  </li>
1030
1162
  <li class="pf-v6-c-breadcrumb__item">
1031
1163
  <span class="pf-v6-c-breadcrumb__item-divider">
1032
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1164
+ <svg
1165
+ class="pf-v6-svg"
1166
+ viewBox="0 0 20 20"
1167
+ fill="currentColor"
1168
+ aria-hidden="true"
1169
+ role="img"
1170
+ width="1em"
1171
+ height="1em"
1172
+ >
1173
+ <path
1174
+ 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"
1175
+ />
1176
+ </svg>
1033
1177
  </span>
1034
1178
 
1035
1179
  <a
@@ -1206,7 +1350,7 @@ section: components
1206
1350
  <span class="pf-v6-c-button__icon">
1207
1351
  <svg
1208
1352
  class="pf-v6-svg"
1209
- viewBox="0 0 256 512"
1353
+ viewBox="0 0 20 20"
1210
1354
  fill="currentColor"
1211
1355
  aria-hidden="true"
1212
1356
  role="img"
@@ -1214,7 +1358,7 @@ section: components
1214
1358
  height="1em"
1215
1359
  >
1216
1360
  <path
1217
- 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"
1361
+ 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"
1218
1362
  />
1219
1363
  </svg>
1220
1364
  </span>
@@ -1260,7 +1404,7 @@ section: components
1260
1404
  <span class="pf-v6-c-button__icon">
1261
1405
  <svg
1262
1406
  class="pf-v6-svg"
1263
- viewBox="0 0 256 512"
1407
+ viewBox="0 0 20 20"
1264
1408
  fill="currentColor"
1265
1409
  aria-hidden="true"
1266
1410
  role="img"
@@ -1268,7 +1412,7 @@ section: components
1268
1412
  height="1em"
1269
1413
  >
1270
1414
  <path
1271
- 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"
1415
+ 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"
1272
1416
  />
1273
1417
  </svg>
1274
1418
  </span>
@@ -1354,21 +1498,57 @@ section: components
1354
1498
  </li>
1355
1499
  <li class="pf-v6-c-breadcrumb__item">
1356
1500
  <span class="pf-v6-c-breadcrumb__item-divider">
1357
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1501
+ <svg
1502
+ class="pf-v6-svg"
1503
+ viewBox="0 0 20 20"
1504
+ fill="currentColor"
1505
+ aria-hidden="true"
1506
+ role="img"
1507
+ width="1em"
1508
+ height="1em"
1509
+ >
1510
+ <path
1511
+ 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"
1512
+ />
1513
+ </svg>
1358
1514
  </span>
1359
1515
 
1360
1516
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1361
1517
  </li>
1362
1518
  <li class="pf-v6-c-breadcrumb__item">
1363
1519
  <span class="pf-v6-c-breadcrumb__item-divider">
1364
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1520
+ <svg
1521
+ class="pf-v6-svg"
1522
+ viewBox="0 0 20 20"
1523
+ fill="currentColor"
1524
+ aria-hidden="true"
1525
+ role="img"
1526
+ width="1em"
1527
+ height="1em"
1528
+ >
1529
+ <path
1530
+ 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"
1531
+ />
1532
+ </svg>
1365
1533
  </span>
1366
1534
 
1367
1535
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1368
1536
  </li>
1369
1537
  <li class="pf-v6-c-breadcrumb__item">
1370
1538
  <span class="pf-v6-c-breadcrumb__item-divider">
1371
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1539
+ <svg
1540
+ class="pf-v6-svg"
1541
+ viewBox="0 0 20 20"
1542
+ fill="currentColor"
1543
+ aria-hidden="true"
1544
+ role="img"
1545
+ width="1em"
1546
+ height="1em"
1547
+ >
1548
+ <path
1549
+ 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"
1550
+ />
1551
+ </svg>
1372
1552
  </span>
1373
1553
 
1374
1554
  <a
@@ -1700,21 +1880,57 @@ section: components
1700
1880
  </li>
1701
1881
  <li class="pf-v6-c-breadcrumb__item">
1702
1882
  <span class="pf-v6-c-breadcrumb__item-divider">
1703
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1883
+ <svg
1884
+ class="pf-v6-svg"
1885
+ viewBox="0 0 20 20"
1886
+ fill="currentColor"
1887
+ aria-hidden="true"
1888
+ role="img"
1889
+ width="1em"
1890
+ height="1em"
1891
+ >
1892
+ <path
1893
+ 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"
1894
+ />
1895
+ </svg>
1704
1896
  </span>
1705
1897
 
1706
1898
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1707
1899
  </li>
1708
1900
  <li class="pf-v6-c-breadcrumb__item">
1709
1901
  <span class="pf-v6-c-breadcrumb__item-divider">
1710
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1902
+ <svg
1903
+ class="pf-v6-svg"
1904
+ viewBox="0 0 20 20"
1905
+ fill="currentColor"
1906
+ aria-hidden="true"
1907
+ role="img"
1908
+ width="1em"
1909
+ height="1em"
1910
+ >
1911
+ <path
1912
+ 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"
1913
+ />
1914
+ </svg>
1711
1915
  </span>
1712
1916
 
1713
1917
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1714
1918
  </li>
1715
1919
  <li class="pf-v6-c-breadcrumb__item">
1716
1920
  <span class="pf-v6-c-breadcrumb__item-divider">
1717
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1921
+ <svg
1922
+ class="pf-v6-svg"
1923
+ viewBox="0 0 20 20"
1924
+ fill="currentColor"
1925
+ aria-hidden="true"
1926
+ role="img"
1927
+ width="1em"
1928
+ height="1em"
1929
+ >
1930
+ <path
1931
+ 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"
1932
+ />
1933
+ </svg>
1718
1934
  </span>
1719
1935
 
1720
1936
  <a
@@ -1894,7 +2110,7 @@ section: components
1894
2110
  <span class="pf-v6-c-button__icon">
1895
2111
  <svg
1896
2112
  class="pf-v6-svg"
1897
- viewBox="0 0 256 512"
2113
+ viewBox="0 0 20 20"
1898
2114
  fill="currentColor"
1899
2115
  aria-hidden="true"
1900
2116
  role="img"
@@ -1902,7 +2118,7 @@ section: components
1902
2118
  height="1em"
1903
2119
  >
1904
2120
  <path
1905
- 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"
2121
+ 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"
1906
2122
  />
1907
2123
  </svg>
1908
2124
  </span>
@@ -1948,7 +2164,7 @@ section: components
1948
2164
  <span class="pf-v6-c-button__icon">
1949
2165
  <svg
1950
2166
  class="pf-v6-svg"
1951
- viewBox="0 0 256 512"
2167
+ viewBox="0 0 20 20"
1952
2168
  fill="currentColor"
1953
2169
  aria-hidden="true"
1954
2170
  role="img"
@@ -1956,7 +2172,7 @@ section: components
1956
2172
  height="1em"
1957
2173
  >
1958
2174
  <path
1959
- 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"
2175
+ 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"
1960
2176
  />
1961
2177
  </svg>
1962
2178
  </span>
@@ -2067,21 +2283,57 @@ section: components
2067
2283
  </li>
2068
2284
  <li class="pf-v6-c-breadcrumb__item">
2069
2285
  <span class="pf-v6-c-breadcrumb__item-divider">
2070
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2286
+ <svg
2287
+ class="pf-v6-svg"
2288
+ viewBox="0 0 20 20"
2289
+ fill="currentColor"
2290
+ aria-hidden="true"
2291
+ role="img"
2292
+ width="1em"
2293
+ height="1em"
2294
+ >
2295
+ <path
2296
+ 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"
2297
+ />
2298
+ </svg>
2071
2299
  </span>
2072
2300
 
2073
2301
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2074
2302
  </li>
2075
2303
  <li class="pf-v6-c-breadcrumb__item">
2076
2304
  <span class="pf-v6-c-breadcrumb__item-divider">
2077
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2305
+ <svg
2306
+ class="pf-v6-svg"
2307
+ viewBox="0 0 20 20"
2308
+ fill="currentColor"
2309
+ aria-hidden="true"
2310
+ role="img"
2311
+ width="1em"
2312
+ height="1em"
2313
+ >
2314
+ <path
2315
+ 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"
2316
+ />
2317
+ </svg>
2078
2318
  </span>
2079
2319
 
2080
2320
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2081
2321
  </li>
2082
2322
  <li class="pf-v6-c-breadcrumb__item">
2083
2323
  <span class="pf-v6-c-breadcrumb__item-divider">
2084
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2324
+ <svg
2325
+ class="pf-v6-svg"
2326
+ viewBox="0 0 20 20"
2327
+ fill="currentColor"
2328
+ aria-hidden="true"
2329
+ role="img"
2330
+ width="1em"
2331
+ height="1em"
2332
+ >
2333
+ <path
2334
+ 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"
2335
+ />
2336
+ </svg>
2085
2337
  </span>
2086
2338
 
2087
2339
  <a
@@ -2334,21 +2586,57 @@ section: components
2334
2586
  </li>
2335
2587
  <li class="pf-v6-c-breadcrumb__item">
2336
2588
  <span class="pf-v6-c-breadcrumb__item-divider">
2337
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2589
+ <svg
2590
+ class="pf-v6-svg"
2591
+ viewBox="0 0 20 20"
2592
+ fill="currentColor"
2593
+ aria-hidden="true"
2594
+ role="img"
2595
+ width="1em"
2596
+ height="1em"
2597
+ >
2598
+ <path
2599
+ 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"
2600
+ />
2601
+ </svg>
2338
2602
  </span>
2339
2603
 
2340
2604
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2341
2605
  </li>
2342
2606
  <li class="pf-v6-c-breadcrumb__item">
2343
2607
  <span class="pf-v6-c-breadcrumb__item-divider">
2344
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2608
+ <svg
2609
+ class="pf-v6-svg"
2610
+ viewBox="0 0 20 20"
2611
+ fill="currentColor"
2612
+ aria-hidden="true"
2613
+ role="img"
2614
+ width="1em"
2615
+ height="1em"
2616
+ >
2617
+ <path
2618
+ 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"
2619
+ />
2620
+ </svg>
2345
2621
  </span>
2346
2622
 
2347
2623
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2348
2624
  </li>
2349
2625
  <li class="pf-v6-c-breadcrumb__item">
2350
2626
  <span class="pf-v6-c-breadcrumb__item-divider">
2351
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2627
+ <svg
2628
+ class="pf-v6-svg"
2629
+ viewBox="0 0 20 20"
2630
+ fill="currentColor"
2631
+ aria-hidden="true"
2632
+ role="img"
2633
+ width="1em"
2634
+ height="1em"
2635
+ >
2636
+ <path
2637
+ 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"
2638
+ />
2639
+ </svg>
2352
2640
  </span>
2353
2641
 
2354
2642
  <a