@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/Masthead/examples/Masthead.md CHANGED
@@ -207,21 +207,57 @@ wrapperTag: div
207
207
  </li>
208
208
  <li class="pf-v6-c-breadcrumb__item">
209
209
  <span class="pf-v6-c-breadcrumb__item-divider">
210
- <i class="fas fa-angle-right" aria-hidden="true"></i>
210
+ <svg
211
+ class="pf-v6-svg"
212
+ viewBox="0 0 20 20"
213
+ fill="currentColor"
214
+ aria-hidden="true"
215
+ role="img"
216
+ width="1em"
217
+ height="1em"
218
+ >
219
+ <path
220
+ 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"
221
+ />
222
+ </svg>
211
223
  </span>
212
224
 
213
225
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
214
226
  </li>
215
227
  <li class="pf-v6-c-breadcrumb__item">
216
228
  <span class="pf-v6-c-breadcrumb__item-divider">
217
- <i class="fas fa-angle-right" aria-hidden="true"></i>
229
+ <svg
230
+ class="pf-v6-svg"
231
+ viewBox="0 0 20 20"
232
+ fill="currentColor"
233
+ aria-hidden="true"
234
+ role="img"
235
+ width="1em"
236
+ height="1em"
237
+ >
238
+ <path
239
+ 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"
240
+ />
241
+ </svg>
218
242
  </span>
219
243
 
220
244
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
221
245
  </li>
222
246
  <li class="pf-v6-c-breadcrumb__item">
223
247
  <span class="pf-v6-c-breadcrumb__item-divider">
224
- <i class="fas fa-angle-right" aria-hidden="true"></i>
248
+ <svg
249
+ class="pf-v6-svg"
250
+ viewBox="0 0 20 20"
251
+ fill="currentColor"
252
+ aria-hidden="true"
253
+ role="img"
254
+ width="1em"
255
+ height="1em"
256
+ >
257
+ <path
258
+ 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"
259
+ />
260
+ </svg>
225
261
  </span>
226
262
 
227
263
  <a
@@ -517,21 +553,57 @@ wrapperTag: div
517
553
  </li>
518
554
  <li class="pf-v6-c-breadcrumb__item">
519
555
  <span class="pf-v6-c-breadcrumb__item-divider">
520
- <i class="fas fa-angle-right" aria-hidden="true"></i>
556
+ <svg
557
+ class="pf-v6-svg"
558
+ viewBox="0 0 20 20"
559
+ fill="currentColor"
560
+ aria-hidden="true"
561
+ role="img"
562
+ width="1em"
563
+ height="1em"
564
+ >
565
+ <path
566
+ 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"
567
+ />
568
+ </svg>
521
569
  </span>
522
570
 
523
571
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
524
572
  </li>
525
573
  <li class="pf-v6-c-breadcrumb__item">
526
574
  <span class="pf-v6-c-breadcrumb__item-divider">
527
- <i class="fas fa-angle-right" aria-hidden="true"></i>
575
+ <svg
576
+ class="pf-v6-svg"
577
+ viewBox="0 0 20 20"
578
+ fill="currentColor"
579
+ aria-hidden="true"
580
+ role="img"
581
+ width="1em"
582
+ height="1em"
583
+ >
584
+ <path
585
+ 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"
586
+ />
587
+ </svg>
528
588
  </span>
529
589
 
530
590
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
531
591
  </li>
532
592
  <li class="pf-v6-c-breadcrumb__item">
533
593
  <span class="pf-v6-c-breadcrumb__item-divider">
534
- <i class="fas fa-angle-right" aria-hidden="true"></i>
594
+ <svg
595
+ class="pf-v6-svg"
596
+ viewBox="0 0 20 20"
597
+ fill="currentColor"
598
+ aria-hidden="true"
599
+ role="img"
600
+ width="1em"
601
+ height="1em"
602
+ >
603
+ <path
604
+ 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"
605
+ />
606
+ </svg>
535
607
  </span>
536
608
 
537
609
  <a
@@ -861,21 +933,57 @@ wrapperTag: div
861
933
  </li>
862
934
  <li class="pf-v6-c-breadcrumb__item">
863
935
  <span class="pf-v6-c-breadcrumb__item-divider">
864
- <i class="fas fa-angle-right" aria-hidden="true"></i>
936
+ <svg
937
+ class="pf-v6-svg"
938
+ viewBox="0 0 20 20"
939
+ fill="currentColor"
940
+ aria-hidden="true"
941
+ role="img"
942
+ width="1em"
943
+ height="1em"
944
+ >
945
+ <path
946
+ 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"
947
+ />
948
+ </svg>
865
949
  </span>
866
950
 
867
951
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
868
952
  </li>
869
953
  <li class="pf-v6-c-breadcrumb__item">
870
954
  <span class="pf-v6-c-breadcrumb__item-divider">
871
- <i class="fas fa-angle-right" aria-hidden="true"></i>
955
+ <svg
956
+ class="pf-v6-svg"
957
+ viewBox="0 0 20 20"
958
+ fill="currentColor"
959
+ aria-hidden="true"
960
+ role="img"
961
+ width="1em"
962
+ height="1em"
963
+ >
964
+ <path
965
+ 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"
966
+ />
967
+ </svg>
872
968
  </span>
873
969
 
874
970
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
875
971
  </li>
876
972
  <li class="pf-v6-c-breadcrumb__item">
877
973
  <span class="pf-v6-c-breadcrumb__item-divider">
878
- <i class="fas fa-angle-right" aria-hidden="true"></i>
974
+ <svg
975
+ class="pf-v6-svg"
976
+ viewBox="0 0 20 20"
977
+ fill="currentColor"
978
+ aria-hidden="true"
979
+ role="img"
980
+ width="1em"
981
+ height="1em"
982
+ >
983
+ <path
984
+ 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"
985
+ />
986
+ </svg>
879
987
  </span>
880
988
 
881
989
  <a
@@ -1208,21 +1316,57 @@ wrapperTag: div
1208
1316
  </li>
1209
1317
  <li class="pf-v6-c-breadcrumb__item">
1210
1318
  <span class="pf-v6-c-breadcrumb__item-divider">
1211
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1319
+ <svg
1320
+ class="pf-v6-svg"
1321
+ viewBox="0 0 20 20"
1322
+ fill="currentColor"
1323
+ aria-hidden="true"
1324
+ role="img"
1325
+ width="1em"
1326
+ height="1em"
1327
+ >
1328
+ <path
1329
+ 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"
1330
+ />
1331
+ </svg>
1212
1332
  </span>
1213
1333
 
1214
1334
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1215
1335
  </li>
1216
1336
  <li class="pf-v6-c-breadcrumb__item">
1217
1337
  <span class="pf-v6-c-breadcrumb__item-divider">
1218
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1338
+ <svg
1339
+ class="pf-v6-svg"
1340
+ viewBox="0 0 20 20"
1341
+ fill="currentColor"
1342
+ aria-hidden="true"
1343
+ role="img"
1344
+ width="1em"
1345
+ height="1em"
1346
+ >
1347
+ <path
1348
+ 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"
1349
+ />
1350
+ </svg>
1219
1351
  </span>
1220
1352
 
1221
1353
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1222
1354
  </li>
1223
1355
  <li class="pf-v6-c-breadcrumb__item">
1224
1356
  <span class="pf-v6-c-breadcrumb__item-divider">
1225
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1357
+ <svg
1358
+ class="pf-v6-svg"
1359
+ viewBox="0 0 20 20"
1360
+ fill="currentColor"
1361
+ aria-hidden="true"
1362
+ role="img"
1363
+ width="1em"
1364
+ height="1em"
1365
+ >
1366
+ <path
1367
+ 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"
1368
+ />
1369
+ </svg>
1226
1370
  </span>
1227
1371
 
1228
1372
  <a
@@ -1504,21 +1648,57 @@ wrapperTag: div
1504
1648
  </li>
1505
1649
  <li class="pf-v6-c-breadcrumb__item">
1506
1650
  <span class="pf-v6-c-breadcrumb__item-divider">
1507
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1651
+ <svg
1652
+ class="pf-v6-svg"
1653
+ viewBox="0 0 20 20"
1654
+ fill="currentColor"
1655
+ aria-hidden="true"
1656
+ role="img"
1657
+ width="1em"
1658
+ height="1em"
1659
+ >
1660
+ <path
1661
+ 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"
1662
+ />
1663
+ </svg>
1508
1664
  </span>
1509
1665
 
1510
1666
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1511
1667
  </li>
1512
1668
  <li class="pf-v6-c-breadcrumb__item">
1513
1669
  <span class="pf-v6-c-breadcrumb__item-divider">
1514
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1670
+ <svg
1671
+ class="pf-v6-svg"
1672
+ viewBox="0 0 20 20"
1673
+ fill="currentColor"
1674
+ aria-hidden="true"
1675
+ role="img"
1676
+ width="1em"
1677
+ height="1em"
1678
+ >
1679
+ <path
1680
+ 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"
1681
+ />
1682
+ </svg>
1515
1683
  </span>
1516
1684
 
1517
1685
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1518
1686
  </li>
1519
1687
  <li class="pf-v6-c-breadcrumb__item">
1520
1688
  <span class="pf-v6-c-breadcrumb__item-divider">
1521
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1689
+ <svg
1690
+ class="pf-v6-svg"
1691
+ viewBox="0 0 20 20"
1692
+ fill="currentColor"
1693
+ aria-hidden="true"
1694
+ role="img"
1695
+ width="1em"
1696
+ height="1em"
1697
+ >
1698
+ <path
1699
+ 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"
1700
+ />
1701
+ </svg>
1522
1702
  </span>
1523
1703
 
1524
1704
  <a
@@ -1818,21 +1998,57 @@ wrapperTag: div
1818
1998
  </li>
1819
1999
  <li class="pf-v6-c-breadcrumb__item">
1820
2000
  <span class="pf-v6-c-breadcrumb__item-divider">
1821
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2001
+ <svg
2002
+ class="pf-v6-svg"
2003
+ viewBox="0 0 20 20"
2004
+ fill="currentColor"
2005
+ aria-hidden="true"
2006
+ role="img"
2007
+ width="1em"
2008
+ height="1em"
2009
+ >
2010
+ <path
2011
+ 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"
2012
+ />
2013
+ </svg>
1822
2014
  </span>
1823
2015
 
1824
2016
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1825
2017
  </li>
1826
2018
  <li class="pf-v6-c-breadcrumb__item">
1827
2019
  <span class="pf-v6-c-breadcrumb__item-divider">
1828
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2020
+ <svg
2021
+ class="pf-v6-svg"
2022
+ viewBox="0 0 20 20"
2023
+ fill="currentColor"
2024
+ aria-hidden="true"
2025
+ role="img"
2026
+ width="1em"
2027
+ height="1em"
2028
+ >
2029
+ <path
2030
+ 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"
2031
+ />
2032
+ </svg>
1829
2033
  </span>
1830
2034
 
1831
2035
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1832
2036
  </li>
1833
2037
  <li class="pf-v6-c-breadcrumb__item">
1834
2038
  <span class="pf-v6-c-breadcrumb__item-divider">
1835
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2039
+ <svg
2040
+ class="pf-v6-svg"
2041
+ viewBox="0 0 20 20"
2042
+ fill="currentColor"
2043
+ aria-hidden="true"
2044
+ role="img"
2045
+ width="1em"
2046
+ height="1em"
2047
+ >
2048
+ <path
2049
+ 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"
2050
+ />
2051
+ </svg>
1836
2052
  </span>
1837
2053
 
1838
2054
  <a
@@ -2142,21 +2358,57 @@ wrapperTag: div
2142
2358
  </li>
2143
2359
  <li class="pf-v6-c-breadcrumb__item">
2144
2360
  <span class="pf-v6-c-breadcrumb__item-divider">
2145
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2361
+ <svg
2362
+ class="pf-v6-svg"
2363
+ viewBox="0 0 20 20"
2364
+ fill="currentColor"
2365
+ aria-hidden="true"
2366
+ role="img"
2367
+ width="1em"
2368
+ height="1em"
2369
+ >
2370
+ <path
2371
+ 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"
2372
+ />
2373
+ </svg>
2146
2374
  </span>
2147
2375
 
2148
2376
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2149
2377
  </li>
2150
2378
  <li class="pf-v6-c-breadcrumb__item">
2151
2379
  <span class="pf-v6-c-breadcrumb__item-divider">
2152
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2380
+ <svg
2381
+ class="pf-v6-svg"
2382
+ viewBox="0 0 20 20"
2383
+ fill="currentColor"
2384
+ aria-hidden="true"
2385
+ role="img"
2386
+ width="1em"
2387
+ height="1em"
2388
+ >
2389
+ <path
2390
+ 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"
2391
+ />
2392
+ </svg>
2153
2393
  </span>
2154
2394
 
2155
2395
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2156
2396
  </li>
2157
2397
  <li class="pf-v6-c-breadcrumb__item">
2158
2398
  <span class="pf-v6-c-breadcrumb__item-divider">
2159
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2399
+ <svg
2400
+ class="pf-v6-svg"
2401
+ viewBox="0 0 20 20"
2402
+ fill="currentColor"
2403
+ aria-hidden="true"
2404
+ role="img"
2405
+ width="1em"
2406
+ height="1em"
2407
+ >
2408
+ <path
2409
+ 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"
2410
+ />
2411
+ </svg>
2160
2412
  </span>
2161
2413
 
2162
2414
  <a
@@ -2333,7 +2585,7 @@ wrapperTag: div
2333
2585
  <span class="pf-v6-c-button__icon">
2334
2586
  <svg
2335
2587
  class="pf-v6-svg"
2336
- viewBox="0 0 256 512"
2588
+ viewBox="0 0 20 20"
2337
2589
  fill="currentColor"
2338
2590
  aria-hidden="true"
2339
2591
  role="img"
@@ -2341,7 +2593,7 @@ wrapperTag: div
2341
2593
  height="1em"
2342
2594
  >
2343
2595
  <path
2344
- 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"
2596
+ 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"
2345
2597
  />
2346
2598
  </svg>
2347
2599
  </span>
@@ -2387,7 +2639,7 @@ wrapperTag: div
2387
2639
  <span class="pf-v6-c-button__icon">
2388
2640
  <svg
2389
2641
  class="pf-v6-svg"
2390
- viewBox="0 0 256 512"
2642
+ viewBox="0 0 20 20"
2391
2643
  fill="currentColor"
2392
2644
  aria-hidden="true"
2393
2645
  role="img"
@@ -2395,7 +2647,7 @@ wrapperTag: div
2395
2647
  height="1em"
2396
2648
  >
2397
2649
  <path
2398
- 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"
2650
+ 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"
2399
2651
  />
2400
2652
  </svg>
2401
2653
  </span>
@@ -2481,21 +2733,57 @@ wrapperTag: div
2481
2733
  </li>
2482
2734
  <li class="pf-v6-c-breadcrumb__item">
2483
2735
  <span class="pf-v6-c-breadcrumb__item-divider">
2484
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2736
+ <svg
2737
+ class="pf-v6-svg"
2738
+ viewBox="0 0 20 20"
2739
+ fill="currentColor"
2740
+ aria-hidden="true"
2741
+ role="img"
2742
+ width="1em"
2743
+ height="1em"
2744
+ >
2745
+ <path
2746
+ 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"
2747
+ />
2748
+ </svg>
2485
2749
  </span>
2486
2750
 
2487
2751
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2488
2752
  </li>
2489
2753
  <li class="pf-v6-c-breadcrumb__item">
2490
2754
  <span class="pf-v6-c-breadcrumb__item-divider">
2491
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2755
+ <svg
2756
+ class="pf-v6-svg"
2757
+ viewBox="0 0 20 20"
2758
+ fill="currentColor"
2759
+ aria-hidden="true"
2760
+ role="img"
2761
+ width="1em"
2762
+ height="1em"
2763
+ >
2764
+ <path
2765
+ 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"
2766
+ />
2767
+ </svg>
2492
2768
  </span>
2493
2769
 
2494
2770
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2495
2771
  </li>
2496
2772
  <li class="pf-v6-c-breadcrumb__item">
2497
2773
  <span class="pf-v6-c-breadcrumb__item-divider">
2498
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2774
+ <svg
2775
+ class="pf-v6-svg"
2776
+ viewBox="0 0 20 20"
2777
+ fill="currentColor"
2778
+ aria-hidden="true"
2779
+ role="img"
2780
+ width="1em"
2781
+ height="1em"
2782
+ >
2783
+ <path
2784
+ 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"
2785
+ />
2786
+ </svg>
2499
2787
  </span>
2500
2788
 
2501
2789
  <a
@@ -2833,21 +3121,57 @@ wrapperTag: div
2833
3121
  </li>
2834
3122
  <li class="pf-v6-c-breadcrumb__item">
2835
3123
  <span class="pf-v6-c-breadcrumb__item-divider">
2836
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3124
+ <svg
3125
+ class="pf-v6-svg"
3126
+ viewBox="0 0 20 20"
3127
+ fill="currentColor"
3128
+ aria-hidden="true"
3129
+ role="img"
3130
+ width="1em"
3131
+ height="1em"
3132
+ >
3133
+ <path
3134
+ 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"
3135
+ />
3136
+ </svg>
2837
3137
  </span>
2838
3138
 
2839
3139
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2840
3140
  </li>
2841
3141
  <li class="pf-v6-c-breadcrumb__item">
2842
3142
  <span class="pf-v6-c-breadcrumb__item-divider">
2843
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3143
+ <svg
3144
+ class="pf-v6-svg"
3145
+ viewBox="0 0 20 20"
3146
+ fill="currentColor"
3147
+ aria-hidden="true"
3148
+ role="img"
3149
+ width="1em"
3150
+ height="1em"
3151
+ >
3152
+ <path
3153
+ 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"
3154
+ />
3155
+ </svg>
2844
3156
  </span>
2845
3157
 
2846
3158
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2847
3159
  </li>
2848
3160
  <li class="pf-v6-c-breadcrumb__item">
2849
3161
  <span class="pf-v6-c-breadcrumb__item-divider">
2850
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3162
+ <svg
3163
+ class="pf-v6-svg"
3164
+ viewBox="0 0 20 20"
3165
+ fill="currentColor"
3166
+ aria-hidden="true"
3167
+ role="img"
3168
+ width="1em"
3169
+ height="1em"
3170
+ >
3171
+ <path
3172
+ 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"
3173
+ />
3174
+ </svg>
2851
3175
  </span>
2852
3176
 
2853
3177
  <a