@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/Tabs/examples/Tabs.md CHANGED
@@ -249,21 +249,57 @@ section: components
249
249
  </li>
250
250
  <li class="pf-v6-c-breadcrumb__item">
251
251
  <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
+ <svg
253
+ class="pf-v6-svg"
254
+ viewBox="0 0 20 20"
255
+ fill="currentColor"
256
+ aria-hidden="true"
257
+ role="img"
258
+ width="1em"
259
+ height="1em"
260
+ >
261
+ <path
262
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
263
+ />
264
+ </svg>
253
265
  </span>
254
266
 
255
267
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
268
  </li>
257
269
  <li class="pf-v6-c-breadcrumb__item">
258
270
  <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 20 20"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
282
+ />
283
+ </svg>
260
284
  </span>
261
285
 
262
286
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
263
287
  </li>
264
288
  <li class="pf-v6-c-breadcrumb__item">
265
289
  <span class="pf-v6-c-breadcrumb__item-divider">
266
- <i class="fas fa-angle-right" aria-hidden="true"></i>
290
+ <svg
291
+ class="pf-v6-svg"
292
+ viewBox="0 0 20 20"
293
+ fill="currentColor"
294
+ aria-hidden="true"
295
+ role="img"
296
+ width="1em"
297
+ height="1em"
298
+ >
299
+ <path
300
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
301
+ />
302
+ </svg>
267
303
  </span>
268
304
 
269
305
  <a
@@ -842,21 +878,57 @@ section: components
842
878
  </li>
843
879
  <li class="pf-v6-c-breadcrumb__item">
844
880
  <span class="pf-v6-c-breadcrumb__item-divider">
845
- <i class="fas fa-angle-right" aria-hidden="true"></i>
881
+ <svg
882
+ class="pf-v6-svg"
883
+ viewBox="0 0 20 20"
884
+ fill="currentColor"
885
+ aria-hidden="true"
886
+ role="img"
887
+ width="1em"
888
+ height="1em"
889
+ >
890
+ <path
891
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
892
+ />
893
+ </svg>
846
894
  </span>
847
895
 
848
896
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
849
897
  </li>
850
898
  <li class="pf-v6-c-breadcrumb__item">
851
899
  <span class="pf-v6-c-breadcrumb__item-divider">
852
- <i class="fas fa-angle-right" aria-hidden="true"></i>
900
+ <svg
901
+ class="pf-v6-svg"
902
+ viewBox="0 0 20 20"
903
+ fill="currentColor"
904
+ aria-hidden="true"
905
+ role="img"
906
+ width="1em"
907
+ height="1em"
908
+ >
909
+ <path
910
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
911
+ />
912
+ </svg>
853
913
  </span>
854
914
 
855
915
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
856
916
  </li>
857
917
  <li class="pf-v6-c-breadcrumb__item">
858
918
  <span class="pf-v6-c-breadcrumb__item-divider">
859
- <i class="fas fa-angle-right" aria-hidden="true"></i>
919
+ <svg
920
+ class="pf-v6-svg"
921
+ viewBox="0 0 20 20"
922
+ fill="currentColor"
923
+ aria-hidden="true"
924
+ role="img"
925
+ width="1em"
926
+ height="1em"
927
+ >
928
+ <path
929
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
930
+ />
931
+ </svg>
860
932
  </span>
861
933
 
862
934
  <a
@@ -1442,21 +1514,57 @@ section: components
1442
1514
  </li>
1443
1515
  <li class="pf-v6-c-breadcrumb__item">
1444
1516
  <span class="pf-v6-c-breadcrumb__item-divider">
1445
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1517
+ <svg
1518
+ class="pf-v6-svg"
1519
+ viewBox="0 0 20 20"
1520
+ fill="currentColor"
1521
+ aria-hidden="true"
1522
+ role="img"
1523
+ width="1em"
1524
+ height="1em"
1525
+ >
1526
+ <path
1527
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1528
+ />
1529
+ </svg>
1446
1530
  </span>
1447
1531
 
1448
1532
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1449
1533
  </li>
1450
1534
  <li class="pf-v6-c-breadcrumb__item">
1451
1535
  <span class="pf-v6-c-breadcrumb__item-divider">
1452
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1536
+ <svg
1537
+ class="pf-v6-svg"
1538
+ viewBox="0 0 20 20"
1539
+ fill="currentColor"
1540
+ aria-hidden="true"
1541
+ role="img"
1542
+ width="1em"
1543
+ height="1em"
1544
+ >
1545
+ <path
1546
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1547
+ />
1548
+ </svg>
1453
1549
  </span>
1454
1550
 
1455
1551
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1456
1552
  </li>
1457
1553
  <li class="pf-v6-c-breadcrumb__item">
1458
1554
  <span class="pf-v6-c-breadcrumb__item-divider">
1459
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1555
+ <svg
1556
+ class="pf-v6-svg"
1557
+ viewBox="0 0 20 20"
1558
+ fill="currentColor"
1559
+ aria-hidden="true"
1560
+ role="img"
1561
+ width="1em"
1562
+ height="1em"
1563
+ >
1564
+ <path
1565
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1566
+ />
1567
+ </svg>
1460
1568
  </span>
1461
1569
 
1462
1570
  <a
@@ -1959,21 +2067,57 @@ section: components
1959
2067
  </li>
1960
2068
  <li class="pf-v6-c-breadcrumb__item">
1961
2069
  <span class="pf-v6-c-breadcrumb__item-divider">
1962
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2070
+ <svg
2071
+ class="pf-v6-svg"
2072
+ viewBox="0 0 20 20"
2073
+ fill="currentColor"
2074
+ aria-hidden="true"
2075
+ role="img"
2076
+ width="1em"
2077
+ height="1em"
2078
+ >
2079
+ <path
2080
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2081
+ />
2082
+ </svg>
1963
2083
  </span>
1964
2084
 
1965
2085
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1966
2086
  </li>
1967
2087
  <li class="pf-v6-c-breadcrumb__item">
1968
2088
  <span class="pf-v6-c-breadcrumb__item-divider">
1969
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2089
+ <svg
2090
+ class="pf-v6-svg"
2091
+ viewBox="0 0 20 20"
2092
+ fill="currentColor"
2093
+ aria-hidden="true"
2094
+ role="img"
2095
+ width="1em"
2096
+ height="1em"
2097
+ >
2098
+ <path
2099
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2100
+ />
2101
+ </svg>
1970
2102
  </span>
1971
2103
 
1972
2104
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1973
2105
  </li>
1974
2106
  <li class="pf-v6-c-breadcrumb__item">
1975
2107
  <span class="pf-v6-c-breadcrumb__item-divider">
1976
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2108
+ <svg
2109
+ class="pf-v6-svg"
2110
+ viewBox="0 0 20 20"
2111
+ fill="currentColor"
2112
+ aria-hidden="true"
2113
+ role="img"
2114
+ width="1em"
2115
+ height="1em"
2116
+ >
2117
+ <path
2118
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2119
+ />
2120
+ </svg>
1977
2121
  </span>
1978
2122
 
1979
2123
  <a
@@ -2038,7 +2182,25 @@ section: components
2038
2182
  aria-label="Sort"
2039
2183
  >
2040
2184
  <span class="pf-v6-c-button__icon">
2041
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2185
+ <span class="pf-v6-c-icon">
2186
+ <span
2187
+ class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl"
2188
+ >
2189
+ <svg
2190
+ class="pf-v6-svg"
2191
+ viewBox="0 0 512 512"
2192
+ fill="currentColor"
2193
+ aria-hidden="true"
2194
+ role="img"
2195
+ width="1em"
2196
+ height="1em"
2197
+ >
2198
+ <path
2199
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2200
+ />
2201
+ </svg>
2202
+ </span>
2203
+ </span>
2042
2204
  </span>
2043
2205
  </button>
2044
2206
  </div>
@@ -2647,7 +2809,7 @@ section: components
2647
2809
  <span class="pf-v6-c-button__icon">
2648
2810
  <svg
2649
2811
  class="pf-v6-svg"
2650
- viewBox="0 0 352 512"
2812
+ viewBox="0 0 20 20"
2651
2813
  fill="currentColor"
2652
2814
  aria-hidden="true"
2653
2815
  role="img"
@@ -2655,7 +2817,7 @@ section: components
2655
2817
  height="1em"
2656
2818
  >
2657
2819
  <path
2658
- 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"
2820
+ 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"
2659
2821
  />
2660
2822
  </svg>
2661
2823
  </span>
@@ -2691,7 +2853,7 @@ section: components
2691
2853
  <span class="pf-v6-c-button__icon">
2692
2854
  <svg
2693
2855
  class="pf-v6-svg"
2694
- viewBox="0 0 256 512"
2856
+ viewBox="0 0 20 20"
2695
2857
  fill="currentColor"
2696
2858
  aria-hidden="true"
2697
2859
  role="img"
@@ -2699,7 +2861,7 @@ section: components
2699
2861
  height="1em"
2700
2862
  >
2701
2863
  <path
2702
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2864
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2703
2865
  />
2704
2866
  </svg>
2705
2867
  </span>
@@ -2747,7 +2909,7 @@ section: components
2747
2909
  <span class="pf-v6-c-button__icon">
2748
2910
  <svg
2749
2911
  class="pf-v6-svg"
2750
- viewBox="0 0 256 512"
2912
+ viewBox="0 0 20 20"
2751
2913
  fill="currentColor"
2752
2914
  aria-hidden="true"
2753
2915
  role="img"
@@ -2755,7 +2917,7 @@ section: components
2755
2917
  height="1em"
2756
2918
  >
2757
2919
  <path
2758
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2920
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2759
2921
  />
2760
2922
  </svg>
2761
2923
  </span>
@@ -2932,7 +3094,7 @@ section: components
2932
3094
  <span class="pf-v6-c-button__icon">
2933
3095
  <svg
2934
3096
  class="pf-v6-svg"
2935
- viewBox="0 0 352 512"
3097
+ viewBox="0 0 20 20"
2936
3098
  fill="currentColor"
2937
3099
  aria-hidden="true"
2938
3100
  role="img"
@@ -2940,7 +3102,7 @@ section: components
2940
3102
  height="1em"
2941
3103
  >
2942
3104
  <path
2943
- 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"
3105
+ 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"
2944
3106
  />
2945
3107
  </svg>
2946
3108
  </span>
@@ -3282,21 +3444,57 @@ section: components
3282
3444
  </li>
3283
3445
  <li class="pf-v6-c-breadcrumb__item">
3284
3446
  <span class="pf-v6-c-breadcrumb__item-divider">
3285
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3447
+ <svg
3448
+ class="pf-v6-svg"
3449
+ viewBox="0 0 20 20"
3450
+ fill="currentColor"
3451
+ aria-hidden="true"
3452
+ role="img"
3453
+ width="1em"
3454
+ height="1em"
3455
+ >
3456
+ <path
3457
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3458
+ />
3459
+ </svg>
3286
3460
  </span>
3287
3461
 
3288
3462
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3289
3463
  </li>
3290
3464
  <li class="pf-v6-c-breadcrumb__item">
3291
3465
  <span class="pf-v6-c-breadcrumb__item-divider">
3292
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3466
+ <svg
3467
+ class="pf-v6-svg"
3468
+ viewBox="0 0 20 20"
3469
+ fill="currentColor"
3470
+ aria-hidden="true"
3471
+ role="img"
3472
+ width="1em"
3473
+ height="1em"
3474
+ >
3475
+ <path
3476
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3477
+ />
3478
+ </svg>
3293
3479
  </span>
3294
3480
 
3295
3481
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3296
3482
  </li>
3297
3483
  <li class="pf-v6-c-breadcrumb__item">
3298
3484
  <span class="pf-v6-c-breadcrumb__item-divider">
3299
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3485
+ <svg
3486
+ class="pf-v6-svg"
3487
+ viewBox="0 0 20 20"
3488
+ fill="currentColor"
3489
+ aria-hidden="true"
3490
+ role="img"
3491
+ width="1em"
3492
+ height="1em"
3493
+ >
3494
+ <path
3495
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3496
+ />
3497
+ </svg>
3300
3498
  </span>
3301
3499
 
3302
3500
  <a
@@ -3606,21 +3804,57 @@ section: components
3606
3804
  </li>
3607
3805
  <li class="pf-v6-c-breadcrumb__item">
3608
3806
  <span class="pf-v6-c-breadcrumb__item-divider">
3609
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3807
+ <svg
3808
+ class="pf-v6-svg"
3809
+ viewBox="0 0 20 20"
3810
+ fill="currentColor"
3811
+ aria-hidden="true"
3812
+ role="img"
3813
+ width="1em"
3814
+ height="1em"
3815
+ >
3816
+ <path
3817
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3818
+ />
3819
+ </svg>
3610
3820
  </span>
3611
3821
 
3612
3822
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3613
3823
  </li>
3614
3824
  <li class="pf-v6-c-breadcrumb__item">
3615
3825
  <span class="pf-v6-c-breadcrumb__item-divider">
3616
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3826
+ <svg
3827
+ class="pf-v6-svg"
3828
+ viewBox="0 0 20 20"
3829
+ fill="currentColor"
3830
+ aria-hidden="true"
3831
+ role="img"
3832
+ width="1em"
3833
+ height="1em"
3834
+ >
3835
+ <path
3836
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3837
+ />
3838
+ </svg>
3617
3839
  </span>
3618
3840
 
3619
3841
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3620
3842
  </li>
3621
3843
  <li class="pf-v6-c-breadcrumb__item">
3622
3844
  <span class="pf-v6-c-breadcrumb__item-divider">
3623
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3845
+ <svg
3846
+ class="pf-v6-svg"
3847
+ viewBox="0 0 20 20"
3848
+ fill="currentColor"
3849
+ aria-hidden="true"
3850
+ role="img"
3851
+ width="1em"
3852
+ height="1em"
3853
+ >
3854
+ <path
3855
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3856
+ />
3857
+ </svg>
3624
3858
  </span>
3625
3859
 
3626
3860
  <a