@patternfly/patternfly 6.5.0-prerelease.45 → 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 (94) 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 +11 -3
  20. package/components/NotificationDrawer/notification-drawer.scss +12 -5
  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 +28 -20
  32. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  33. package/docs/components/Accordion/examples/Accordion.md +390 -30
  34. package/docs/components/ActionList/examples/ActionList.md +10 -10
  35. package/docs/components/Alert/examples/Alert.md +30 -30
  36. package/docs/components/Banner/examples/Banner.md +65 -5
  37. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  38. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  39. package/docs/components/Card/examples/Card.md +52 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  41. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  42. package/docs/components/DataList/examples/DataList.md +221 -17
  43. package/docs/components/Drawer/examples/Drawer.md +42 -42
  44. package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
  45. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  46. package/docs/components/Form/examples/Form.md +78 -6
  47. package/docs/components/Icon/examples/Icon.md +91 -7
  48. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  49. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  50. package/docs/components/Label/examples/Label.md +2812 -220
  51. package/docs/components/Menu/examples/Menu.md +1456 -112
  52. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  53. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  54. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
  55. package/docs/components/Nav/examples/Navigation.md +710 -62
  56. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
  57. package/docs/components/Popover/examples/Popover.md +110 -38
  58. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  59. package/docs/components/Slider/examples/Slider.md +52 -4
  60. package/docs/components/Table/examples/Table.md +819 -63
  61. package/docs/components/Tabs/examples/Tabs.md +1959 -339
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  63. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  64. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  65. package/docs/components/Wizard/examples/Wizard.md +349 -85
  66. package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
  67. package/docs/demos/Alert/examples/Alert.md +123 -15
  68. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  69. package/docs/demos/Banner/examples/Banner.md +78 -6
  70. package/docs/demos/Card/examples/Card.md +310 -34
  71. package/docs/demos/CardView/examples/CardView.md +78 -6
  72. package/docs/demos/Compass/examples/Compass.md +73 -37
  73. package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
  74. package/docs/demos/DataList/examples/DataList.md +234 -18
  75. package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
  76. package/docs/demos/Drawer/examples/Drawer.md +147 -21
  77. package/docs/demos/Form/examples/BasicForms.md +169 -13
  78. package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
  79. package/docs/demos/Masthead/examples/Masthead.md +370 -34
  80. package/docs/demos/Modal/examples/Modal.md +246 -30
  81. package/docs/demos/Nav/examples/Nav.md +320 -32
  82. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
  83. package/docs/demos/Page/examples/Page.md +548 -44
  84. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
  85. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  86. package/docs/demos/Table/examples/Table.md +934 -73
  87. package/docs/demos/Tabs/examples/Tabs.md +261 -27
  88. package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
  89. package/docs/demos/Wizard/examples/Wizard.md +641 -92
  90. package/package.json +1 -1
  91. package/patternfly-no-globals.css +28 -20
  92. package/patternfly.css +28 -20
  93. package/patternfly.min.css +1 -1
  94. 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
@@ -1424,7 +1568,19 @@ wrapperTag: div
1424
1568
  aria-label="Open search"
1425
1569
  >
1426
1570
  <span class="pf-v6-c-button__icon">
1427
- <!-- Icon "search fa-fw" not found -->
1571
+ <svg
1572
+ class="pf-v6-svg"
1573
+ viewBox="0 0 512 512"
1574
+ fill="currentColor"
1575
+ aria-hidden="true"
1576
+ role="img"
1577
+ width="1em"
1578
+ height="1em"
1579
+ >
1580
+ <path
1581
+ d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
1582
+ />
1583
+ </svg>
1428
1584
  </span>
1429
1585
  </button>
1430
1586
  </div>
@@ -1492,21 +1648,57 @@ wrapperTag: div
1492
1648
  </li>
1493
1649
  <li class="pf-v6-c-breadcrumb__item">
1494
1650
  <span class="pf-v6-c-breadcrumb__item-divider">
1495
- <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>
1496
1664
  </span>
1497
1665
 
1498
1666
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1499
1667
  </li>
1500
1668
  <li class="pf-v6-c-breadcrumb__item">
1501
1669
  <span class="pf-v6-c-breadcrumb__item-divider">
1502
- <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>
1503
1683
  </span>
1504
1684
 
1505
1685
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1506
1686
  </li>
1507
1687
  <li class="pf-v6-c-breadcrumb__item">
1508
1688
  <span class="pf-v6-c-breadcrumb__item-divider">
1509
- <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>
1510
1702
  </span>
1511
1703
 
1512
1704
  <a
@@ -1728,7 +1920,7 @@ wrapperTag: div
1728
1920
  <span class="pf-v6-c-button__icon">
1729
1921
  <svg
1730
1922
  class="pf-v6-svg"
1731
- viewBox="0 0 352 512"
1923
+ viewBox="0 0 20 20"
1732
1924
  fill="currentColor"
1733
1925
  aria-hidden="true"
1734
1926
  role="img"
@@ -1736,7 +1928,7 @@ wrapperTag: div
1736
1928
  height="1em"
1737
1929
  >
1738
1930
  <path
1739
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1931
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1740
1932
  />
1741
1933
  </svg>
1742
1934
  </span>
@@ -1806,21 +1998,57 @@ wrapperTag: div
1806
1998
  </li>
1807
1999
  <li class="pf-v6-c-breadcrumb__item">
1808
2000
  <span class="pf-v6-c-breadcrumb__item-divider">
1809
- <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>
1810
2014
  </span>
1811
2015
 
1812
2016
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1813
2017
  </li>
1814
2018
  <li class="pf-v6-c-breadcrumb__item">
1815
2019
  <span class="pf-v6-c-breadcrumb__item-divider">
1816
- <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>
1817
2033
  </span>
1818
2034
 
1819
2035
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1820
2036
  </li>
1821
2037
  <li class="pf-v6-c-breadcrumb__item">
1822
2038
  <span class="pf-v6-c-breadcrumb__item-divider">
1823
- <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>
1824
2052
  </span>
1825
2053
 
1826
2054
  <a
@@ -2130,21 +2358,57 @@ wrapperTag: div
2130
2358
  </li>
2131
2359
  <li class="pf-v6-c-breadcrumb__item">
2132
2360
  <span class="pf-v6-c-breadcrumb__item-divider">
2133
- <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>
2134
2374
  </span>
2135
2375
 
2136
2376
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2137
2377
  </li>
2138
2378
  <li class="pf-v6-c-breadcrumb__item">
2139
2379
  <span class="pf-v6-c-breadcrumb__item-divider">
2140
- <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>
2141
2393
  </span>
2142
2394
 
2143
2395
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2144
2396
  </li>
2145
2397
  <li class="pf-v6-c-breadcrumb__item">
2146
2398
  <span class="pf-v6-c-breadcrumb__item-divider">
2147
- <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>
2148
2412
  </span>
2149
2413
 
2150
2414
  <a
@@ -2321,7 +2585,7 @@ wrapperTag: div
2321
2585
  <span class="pf-v6-c-button__icon">
2322
2586
  <svg
2323
2587
  class="pf-v6-svg"
2324
- viewBox="0 0 256 512"
2588
+ viewBox="0 0 20 20"
2325
2589
  fill="currentColor"
2326
2590
  aria-hidden="true"
2327
2591
  role="img"
@@ -2329,7 +2593,7 @@ wrapperTag: div
2329
2593
  height="1em"
2330
2594
  >
2331
2595
  <path
2332
- 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"
2333
2597
  />
2334
2598
  </svg>
2335
2599
  </span>
@@ -2375,7 +2639,7 @@ wrapperTag: div
2375
2639
  <span class="pf-v6-c-button__icon">
2376
2640
  <svg
2377
2641
  class="pf-v6-svg"
2378
- viewBox="0 0 256 512"
2642
+ viewBox="0 0 20 20"
2379
2643
  fill="currentColor"
2380
2644
  aria-hidden="true"
2381
2645
  role="img"
@@ -2383,7 +2647,7 @@ wrapperTag: div
2383
2647
  height="1em"
2384
2648
  >
2385
2649
  <path
2386
- 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"
2387
2651
  />
2388
2652
  </svg>
2389
2653
  </span>
@@ -2469,21 +2733,57 @@ wrapperTag: div
2469
2733
  </li>
2470
2734
  <li class="pf-v6-c-breadcrumb__item">
2471
2735
  <span class="pf-v6-c-breadcrumb__item-divider">
2472
- <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>
2473
2749
  </span>
2474
2750
 
2475
2751
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2476
2752
  </li>
2477
2753
  <li class="pf-v6-c-breadcrumb__item">
2478
2754
  <span class="pf-v6-c-breadcrumb__item-divider">
2479
- <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>
2480
2768
  </span>
2481
2769
 
2482
2770
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2483
2771
  </li>
2484
2772
  <li class="pf-v6-c-breadcrumb__item">
2485
2773
  <span class="pf-v6-c-breadcrumb__item-divider">
2486
- <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>
2487
2787
  </span>
2488
2788
 
2489
2789
  <a
@@ -2821,21 +3121,57 @@ wrapperTag: div
2821
3121
  </li>
2822
3122
  <li class="pf-v6-c-breadcrumb__item">
2823
3123
  <span class="pf-v6-c-breadcrumb__item-divider">
2824
- <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>
2825
3137
  </span>
2826
3138
 
2827
3139
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2828
3140
  </li>
2829
3141
  <li class="pf-v6-c-breadcrumb__item">
2830
3142
  <span class="pf-v6-c-breadcrumb__item-divider">
2831
- <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>
2832
3156
  </span>
2833
3157
 
2834
3158
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2835
3159
  </li>
2836
3160
  <li class="pf-v6-c-breadcrumb__item">
2837
3161
  <span class="pf-v6-c-breadcrumb__item-divider">
2838
- <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>
2839
3175
  </span>
2840
3176
 
2841
3177
  <a