@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
@@ -444,21 +444,57 @@ section: components
444
444
  </li>
445
445
  <li class="pf-v6-c-breadcrumb__item">
446
446
  <span class="pf-v6-c-breadcrumb__item-divider">
447
- <i class="fas fa-angle-right" aria-hidden="true"></i>
447
+ <svg
448
+ class="pf-v6-svg"
449
+ viewBox="0 0 20 20"
450
+ fill="currentColor"
451
+ aria-hidden="true"
452
+ role="img"
453
+ width="1em"
454
+ height="1em"
455
+ >
456
+ <path
457
+ 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"
458
+ />
459
+ </svg>
448
460
  </span>
449
461
 
450
462
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
451
463
  </li>
452
464
  <li class="pf-v6-c-breadcrumb__item">
453
465
  <span class="pf-v6-c-breadcrumb__item-divider">
454
- <i class="fas fa-angle-right" aria-hidden="true"></i>
466
+ <svg
467
+ class="pf-v6-svg"
468
+ viewBox="0 0 20 20"
469
+ fill="currentColor"
470
+ aria-hidden="true"
471
+ role="img"
472
+ width="1em"
473
+ height="1em"
474
+ >
475
+ <path
476
+ 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"
477
+ />
478
+ </svg>
455
479
  </span>
456
480
 
457
481
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
458
482
  </li>
459
483
  <li class="pf-v6-c-breadcrumb__item">
460
484
  <span class="pf-v6-c-breadcrumb__item-divider">
461
- <i class="fas fa-angle-right" aria-hidden="true"></i>
485
+ <svg
486
+ class="pf-v6-svg"
487
+ viewBox="0 0 20 20"
488
+ fill="currentColor"
489
+ aria-hidden="true"
490
+ role="img"
491
+ width="1em"
492
+ height="1em"
493
+ >
494
+ <path
495
+ 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"
496
+ />
497
+ </svg>
462
498
  </span>
463
499
 
464
500
  <a
@@ -2012,7 +2048,7 @@ section: components
2012
2048
  <span class="pf-v6-c-button__icon">
2013
2049
  <svg
2014
2050
  class="pf-v6-svg"
2015
- viewBox="0 0 352 512"
2051
+ viewBox="0 0 20 20"
2016
2052
  fill="currentColor"
2017
2053
  aria-hidden="true"
2018
2054
  role="img"
@@ -2020,7 +2056,7 @@ section: components
2020
2056
  height="1em"
2021
2057
  >
2022
2058
  <path
2023
- 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"
2059
+ 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"
2024
2060
  />
2025
2061
  </svg>
2026
2062
  </span>
@@ -2049,7 +2085,7 @@ section: components
2049
2085
  <span class="pf-v6-c-button__icon">
2050
2086
  <svg
2051
2087
  class="pf-v6-svg"
2052
- viewBox="0 0 352 512"
2088
+ viewBox="0 0 20 20"
2053
2089
  fill="currentColor"
2054
2090
  aria-hidden="true"
2055
2091
  role="img"
@@ -2057,7 +2093,7 @@ section: components
2057
2093
  height="1em"
2058
2094
  >
2059
2095
  <path
2060
- 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"
2096
+ 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"
2061
2097
  />
2062
2098
  </svg>
2063
2099
  </span>
@@ -2086,7 +2122,7 @@ section: components
2086
2122
  <span class="pf-v6-c-button__icon">
2087
2123
  <svg
2088
2124
  class="pf-v6-svg"
2089
- viewBox="0 0 352 512"
2125
+ viewBox="0 0 20 20"
2090
2126
  fill="currentColor"
2091
2127
  aria-hidden="true"
2092
2128
  role="img"
@@ -2094,7 +2130,7 @@ section: components
2094
2130
  height="1em"
2095
2131
  >
2096
2132
  <path
2097
- 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"
2133
+ 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"
2098
2134
  />
2099
2135
  </svg>
2100
2136
  </span>
@@ -2140,7 +2176,7 @@ section: components
2140
2176
  <span class="pf-v6-c-button__icon">
2141
2177
  <svg
2142
2178
  class="pf-v6-svg"
2143
- viewBox="0 0 352 512"
2179
+ viewBox="0 0 20 20"
2144
2180
  fill="currentColor"
2145
2181
  aria-hidden="true"
2146
2182
  role="img"
@@ -2148,7 +2184,7 @@ section: components
2148
2184
  height="1em"
2149
2185
  >
2150
2186
  <path
2151
- 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"
2187
+ 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"
2152
2188
  />
2153
2189
  </svg>
2154
2190
  </span>
@@ -2177,7 +2213,7 @@ section: components
2177
2213
  <span class="pf-v6-c-button__icon">
2178
2214
  <svg
2179
2215
  class="pf-v6-svg"
2180
- viewBox="0 0 352 512"
2216
+ viewBox="0 0 20 20"
2181
2217
  fill="currentColor"
2182
2218
  aria-hidden="true"
2183
2219
  role="img"
@@ -2185,7 +2221,7 @@ section: components
2185
2221
  height="1em"
2186
2222
  >
2187
2223
  <path
2188
- 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"
2224
+ 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"
2189
2225
  />
2190
2226
  </svg>
2191
2227
  </span>
@@ -2214,7 +2250,7 @@ section: components
2214
2250
  <span class="pf-v6-c-button__icon">
2215
2251
  <svg
2216
2252
  class="pf-v6-svg"
2217
- viewBox="0 0 352 512"
2253
+ viewBox="0 0 20 20"
2218
2254
  fill="currentColor"
2219
2255
  aria-hidden="true"
2220
2256
  role="img"
@@ -2222,7 +2258,7 @@ section: components
2222
2258
  height="1em"
2223
2259
  >
2224
2260
  <path
2225
- 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"
2261
+ 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"
2226
2262
  />
2227
2263
  </svg>
2228
2264
  </span>
@@ -2527,7 +2563,7 @@ section: components
2527
2563
  <span class="pf-v6-c-button__icon">
2528
2564
  <svg
2529
2565
  class="pf-v6-svg"
2530
- viewBox="0 0 352 512"
2566
+ viewBox="0 0 20 20"
2531
2567
  fill="currentColor"
2532
2568
  aria-hidden="true"
2533
2569
  role="img"
@@ -2535,7 +2571,7 @@ section: components
2535
2571
  height="1em"
2536
2572
  >
2537
2573
  <path
2538
- 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"
2574
+ 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"
2539
2575
  />
2540
2576
  </svg>
2541
2577
  </span>
@@ -2564,7 +2600,7 @@ section: components
2564
2600
  <span class="pf-v6-c-button__icon">
2565
2601
  <svg
2566
2602
  class="pf-v6-svg"
2567
- viewBox="0 0 352 512"
2603
+ viewBox="0 0 20 20"
2568
2604
  fill="currentColor"
2569
2605
  aria-hidden="true"
2570
2606
  role="img"
@@ -2572,7 +2608,7 @@ section: components
2572
2608
  height="1em"
2573
2609
  >
2574
2610
  <path
2575
- 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"
2611
+ 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"
2576
2612
  />
2577
2613
  </svg>
2578
2614
  </span>
@@ -2601,7 +2637,7 @@ section: components
2601
2637
  <span class="pf-v6-c-button__icon">
2602
2638
  <svg
2603
2639
  class="pf-v6-svg"
2604
- viewBox="0 0 352 512"
2640
+ viewBox="0 0 20 20"
2605
2641
  fill="currentColor"
2606
2642
  aria-hidden="true"
2607
2643
  role="img"
@@ -2609,7 +2645,7 @@ section: components
2609
2645
  height="1em"
2610
2646
  >
2611
2647
  <path
2612
- 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"
2648
+ 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"
2613
2649
  />
2614
2650
  </svg>
2615
2651
  </span>
@@ -2655,7 +2691,7 @@ section: components
2655
2691
  <span class="pf-v6-c-button__icon">
2656
2692
  <svg
2657
2693
  class="pf-v6-svg"
2658
- viewBox="0 0 352 512"
2694
+ viewBox="0 0 20 20"
2659
2695
  fill="currentColor"
2660
2696
  aria-hidden="true"
2661
2697
  role="img"
@@ -2663,7 +2699,7 @@ section: components
2663
2699
  height="1em"
2664
2700
  >
2665
2701
  <path
2666
- 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"
2702
+ 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"
2667
2703
  />
2668
2704
  </svg>
2669
2705
  </span>
@@ -2692,7 +2728,7 @@ section: components
2692
2728
  <span class="pf-v6-c-button__icon">
2693
2729
  <svg
2694
2730
  class="pf-v6-svg"
2695
- viewBox="0 0 352 512"
2731
+ viewBox="0 0 20 20"
2696
2732
  fill="currentColor"
2697
2733
  aria-hidden="true"
2698
2734
  role="img"
@@ -2700,7 +2736,7 @@ section: components
2700
2736
  height="1em"
2701
2737
  >
2702
2738
  <path
2703
- 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"
2739
+ 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"
2704
2740
  />
2705
2741
  </svg>
2706
2742
  </span>
@@ -2729,7 +2765,7 @@ section: components
2729
2765
  <span class="pf-v6-c-button__icon">
2730
2766
  <svg
2731
2767
  class="pf-v6-svg"
2732
- viewBox="0 0 352 512"
2768
+ viewBox="0 0 20 20"
2733
2769
  fill="currentColor"
2734
2770
  aria-hidden="true"
2735
2771
  role="img"
@@ -2737,7 +2773,7 @@ section: components
2737
2773
  height="1em"
2738
2774
  >
2739
2775
  <path
2740
- 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"
2776
+ 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"
2741
2777
  />
2742
2778
  </svg>
2743
2779
  </span>
@@ -3021,21 +3057,57 @@ section: components
3021
3057
  </li>
3022
3058
  <li class="pf-v6-c-breadcrumb__item">
3023
3059
  <span class="pf-v6-c-breadcrumb__item-divider">
3024
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3060
+ <svg
3061
+ class="pf-v6-svg"
3062
+ viewBox="0 0 20 20"
3063
+ fill="currentColor"
3064
+ aria-hidden="true"
3065
+ role="img"
3066
+ width="1em"
3067
+ height="1em"
3068
+ >
3069
+ <path
3070
+ 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"
3071
+ />
3072
+ </svg>
3025
3073
  </span>
3026
3074
 
3027
3075
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3028
3076
  </li>
3029
3077
  <li class="pf-v6-c-breadcrumb__item">
3030
3078
  <span class="pf-v6-c-breadcrumb__item-divider">
3031
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3079
+ <svg
3080
+ class="pf-v6-svg"
3081
+ viewBox="0 0 20 20"
3082
+ fill="currentColor"
3083
+ aria-hidden="true"
3084
+ role="img"
3085
+ width="1em"
3086
+ height="1em"
3087
+ >
3088
+ <path
3089
+ 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"
3090
+ />
3091
+ </svg>
3032
3092
  </span>
3033
3093
 
3034
3094
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3035
3095
  </li>
3036
3096
  <li class="pf-v6-c-breadcrumb__item">
3037
3097
  <span class="pf-v6-c-breadcrumb__item-divider">
3038
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3098
+ <svg
3099
+ class="pf-v6-svg"
3100
+ viewBox="0 0 20 20"
3101
+ fill="currentColor"
3102
+ aria-hidden="true"
3103
+ role="img"
3104
+ width="1em"
3105
+ height="1em"
3106
+ >
3107
+ <path
3108
+ 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"
3109
+ />
3110
+ </svg>
3039
3111
  </span>
3040
3112
 
3041
3113
  <a