@patternfly/patternfly 6.0.0-alpha.98 → 6.0.0-alpha.99

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 (166) hide show
  1. package/components/Card/card.css +1 -0
  2. package/components/Card/card.scss +1 -0
  3. package/components/Check/check.css +10 -3
  4. package/components/Check/check.scss +17 -4
  5. package/components/Masthead/masthead.css +17 -9
  6. package/components/Masthead/masthead.scss +18 -9
  7. package/components/MenuToggle/menu-toggle.css +4 -4
  8. package/components/MenuToggle/menu-toggle.scss +4 -4
  9. package/components/ModalBox/modal-box.css +11 -7
  10. package/components/ModalBox/modal-box.scss +27 -12
  11. package/components/Nav/nav.css +64 -110
  12. package/components/Nav/nav.scss +70 -143
  13. package/components/Page/page.css +9 -17
  14. package/components/Page/page.scss +10 -23
  15. package/components/Radio/radio.css +12 -5
  16. package/components/Radio/radio.scss +21 -6
  17. package/components/Table/table-grid.css +30 -35
  18. package/components/Table/table-grid.scss +44 -32
  19. package/components/Table/table-scrollable.css +14 -6
  20. package/components/Table/table-scrollable.scss +6 -1
  21. package/components/Table/table-tree-view.css +5 -5
  22. package/components/Table/table-tree-view.scss +14 -8
  23. package/components/Table/table.css +90 -254
  24. package/components/Table/table.scss +158 -347
  25. package/components/Toolbar/toolbar.css +66 -2
  26. package/components/Toolbar/toolbar.scss +21 -2
  27. package/docs/components/AboutModalBox/examples/AboutModalBox.md +12 -12
  28. package/docs/components/Accordion/examples/Accordion.md +19 -19
  29. package/docs/components/ActionList/examples/ActionList.md +5 -5
  30. package/docs/components/Alert/examples/Alert.md +26 -26
  31. package/docs/components/AppLauncher/deprecated/application-launcher.md +31 -31
  32. package/docs/components/Avatar/examples/Avatar.md +8 -8
  33. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  34. package/docs/components/Backdrop/examples/Backdrop.md +3 -3
  35. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  36. package/docs/components/Badge/examples/Badge.md +6 -6
  37. package/docs/components/Banner/examples/Banner.md +17 -17
  38. package/docs/components/Brand/examples/Brand.css +3 -3
  39. package/docs/components/Brand/examples/Brand.md +7 -7
  40. package/docs/components/Breadcrumb/examples/Breadcrumb.md +12 -12
  41. package/docs/components/Button/examples/Button.css +2 -2
  42. package/docs/components/Button/examples/Button.md +35 -35
  43. package/docs/components/CalendarMonth/examples/CalendarMonth.md +29 -29
  44. package/docs/components/Card/examples/Card.md +30 -30
  45. package/docs/components/Check/examples/Check.md +12 -12
  46. package/docs/components/Chip/examples/Chip.md +21 -21
  47. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +19 -19
  48. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  49. package/docs/components/CodeEditor/examples/CodeEditor.md +14 -14
  50. package/docs/components/Content/examples/Content.md +5 -5
  51. package/docs/components/ContextSelector/deprecated/context-selector.md +23 -23
  52. package/docs/components/DataList/examples/DataList.md +177 -112
  53. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  54. package/docs/components/DescriptionList/examples/DescriptionList.md +29 -29
  55. package/docs/components/Divider/examples/Divider.md +7 -7
  56. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  57. package/docs/components/Drawer/examples/Drawer.md +36 -36
  58. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  59. package/docs/components/Dropdown/deprecated/Dropdown.md +47 -47
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +41 -41
  61. package/docs/components/EmptyState/examples/EmptyState.md +21 -21
  62. package/docs/components/ExpandableSection/examples/ExpandableSection.md +18 -18
  63. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  64. package/docs/components/Form/examples/Form.md +52 -52
  65. package/docs/components/FormControl/examples/FormControl.md +22 -22
  66. package/docs/components/HelperText/examples/HelperText.md +11 -11
  67. package/docs/components/Hint/examples/Hint.md +6 -6
  68. package/docs/components/Icon/examples/Icon.md +13 -13
  69. package/docs/components/InlineEdit/examples/InlineEdit.md +54 -138
  70. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  71. package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
  72. package/docs/components/Label/examples/Label.css +4 -4
  73. package/docs/components/Label/examples/Label.md +45 -45
  74. package/docs/components/List/examples/List.md +6 -6
  75. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  76. package/docs/components/LogViewer/examples/LogViewer.md +45 -165
  77. package/docs/components/Login/examples/Login.md +21 -21
  78. package/docs/components/Masthead/examples/masthead.md +7 -7
  79. package/docs/components/Menu/examples/Menu.md +60 -60
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +34 -106
  81. package/docs/components/ModalBox/examples/ModalBox.md +75 -34
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +21 -21
  83. package/docs/components/Nav/examples/Navigation.css +20 -3
  84. package/docs/components/Nav/examples/Navigation.md +44 -50
  85. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  86. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +36 -36
  87. package/docs/components/NumberInput/examples/NumberInput.md +13 -13
  88. package/docs/components/OptionsMenu/deprecated/options-menu.md +22 -22
  89. package/docs/components/OverflowMenu/examples/overflow-menu.md +20 -20
  90. package/docs/components/Page/deprecated/PageHeader.md +30 -30
  91. package/docs/components/Page/examples/Page.md +55 -54
  92. package/docs/components/Pagination/examples/Pagination.md +25 -25
  93. package/docs/components/Panel/examples/Panel.md +10 -10
  94. package/docs/components/Popover/examples/Popover.md +30 -30
  95. package/docs/components/Progress/examples/Progress.md +31 -31
  96. package/docs/components/ProgressStepper/examples/ProgressStepper.md +17 -17
  97. package/docs/components/Radio/examples/Radio.md +9 -9
  98. package/docs/components/Select/deprecated/Select.md +110 -110
  99. package/docs/components/Sidebar/examples/Sidebar.md +16 -16
  100. package/docs/components/SimpleList/examples/SimpleList.md +9 -9
  101. package/docs/components/Skeleton/examples/Skeleton.md +14 -14
  102. package/docs/components/SkipToContent/examples/SkipToContent.md +4 -4
  103. package/docs/components/Slider/examples/Slider.md +33 -33
  104. package/docs/components/Spinner/examples/Spinner.md +14 -14
  105. package/docs/components/Switch/examples/Switch.md +14 -14
  106. package/docs/components/TabContent/examples/TabContent.md +10 -10
  107. package/docs/components/Table/examples/Table.md +5395 -15077
  108. package/docs/components/Tabs/examples/Tabs.md +39 -39
  109. package/docs/components/TextInputGroup/examples/TextInputGroup.md +1 -1
  110. package/docs/components/Tile/examples/Tile.md +12 -12
  111. package/docs/components/Timestamp/examples/Timestamp.md +4 -4
  112. package/docs/components/Title/examples/Title.md +20 -20
  113. package/docs/components/ToggleGroup/examples/toggle-group.md +10 -10
  114. package/docs/components/Toolbar/examples/Toolbar.md +68 -200
  115. package/docs/components/Tooltip/examples/Tooltip.md +9 -9
  116. package/docs/components/TreeView/examples/TreeView.md +31 -31
  117. package/docs/components/Truncate/examples/Truncate.md +8 -8
  118. package/docs/components/Wizard/examples/Wizard.md +46 -46
  119. package/docs/demos/AboutModal/examples/AboutModal.md +4 -52
  120. package/docs/demos/Alert/examples/Alert.md +12 -156
  121. package/docs/demos/BackToTop/examples/BackToTop.md +4 -52
  122. package/docs/demos/Banner/examples/Banner.md +9 -105
  123. package/docs/demos/Card/examples/Card.md +12 -19
  124. package/docs/demos/CardView/examples/CardView.md +5 -65
  125. package/docs/demos/ContextSelector/examples/ContextSelector.md +12 -156
  126. package/docs/demos/Dashboard/examples/Dashboard.md +4 -52
  127. package/docs/demos/DataList/examples/DataList.md +200 -553
  128. package/docs/demos/DescriptionList/examples/DescriptionList.md +18 -156
  129. package/docs/demos/Drawer/examples/Drawer.md +20 -260
  130. package/docs/demos/JumpLinks/examples/JumpLinks.md +24 -312
  131. package/docs/demos/Masthead/examples/Masthead.md +23 -255
  132. package/docs/demos/Modal/examples/Modal.md +24 -312
  133. package/docs/demos/Nav/examples/Nav.md +69 -461
  134. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +20 -260
  135. package/docs/demos/Page/examples/Page.md +39 -505
  136. package/docs/demos/Page/examples/Penta.md +120 -53
  137. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -455
  138. package/docs/demos/Skeleton/examples/Skeleton.md +4 -52
  139. package/docs/demos/Table/examples/Table.md +1598 -6045
  140. package/docs/demos/Tabs/examples/Tabs.md +143 -499
  141. package/docs/demos/Toolbar/examples/Toolbar.md +245 -925
  142. package/docs/demos/Wizard/examples/Wizard.md +36 -468
  143. package/docs/layouts/Bullseye/examples/Bullseye.md +3 -3
  144. package/docs/layouts/Flex/examples/Flex.md +76 -76
  145. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  146. package/docs/layouts/Grid/examples/Grid.md +8 -8
  147. package/docs/layouts/Level/examples/Level.md +4 -4
  148. package/docs/layouts/Split/examples/Split.md +6 -6
  149. package/docs/layouts/Stack/examples/Stack.md +5 -5
  150. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  151. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  152. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +10 -10
  153. package/docs/utilities/BoxShadow/examples/box-shadow.md +20 -20
  154. package/docs/utilities/Display/examples/Display.md +9 -9
  155. package/docs/utilities/Flex/examples/Flex.md +32 -32
  156. package/docs/utilities/Float/examples/Float.md +2 -2
  157. package/docs/utilities/Sizing/examples/Sizing.md +41 -41
  158. package/docs/utilities/Spacing/examples/Spacing.md +11 -11
  159. package/docs/utilities/Text/examples/Text.md +28 -28
  160. package/package.json +2 -1
  161. package/patternfly-no-globals.css +347 -463
  162. package/patternfly-theme-dark-unversioned.css +347 -463
  163. package/patternfly.css +347 -463
  164. package/patternfly.min.css +1 -1
  165. package/patternfly.min.css.map +1 -1
  166. package/components/Table/themes/dark/table.scss +0 -16
@@ -114,19 +114,7 @@ wrapperTag: div
114
114
  aria-label="Actions"
115
115
  >
116
116
  <span class="pf-v6-c-menu-toggle__icon">
117
- <svg
118
- class="pf-v5-svg"
119
- viewBox="0 0 192 512"
120
- fill="currentColor"
121
- aria-hidden="true"
122
- role="img"
123
- width="1em"
124
- height="1em"
125
- >
126
- <path
127
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
128
- />
129
- </svg>
117
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
130
118
  </span>
131
119
  </button>
132
120
  </div>
@@ -399,19 +387,7 @@ wrapperTag: div
399
387
  aria-label="Actions"
400
388
  >
401
389
  <span class="pf-v6-c-menu-toggle__icon">
402
- <svg
403
- class="pf-v5-svg"
404
- viewBox="0 0 192 512"
405
- fill="currentColor"
406
- aria-hidden="true"
407
- role="img"
408
- width="1em"
409
- height="1em"
410
- >
411
- <path
412
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
413
- />
414
- </svg>
390
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
415
391
  </span>
416
392
  </button>
417
393
  </div>
@@ -657,19 +633,7 @@ wrapperTag: div
657
633
  aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
658
634
  >
659
635
  <span class="pf-v6-c-menu-toggle__icon">
660
- <svg
661
- class="pf-v5-svg"
662
- viewBox="0 0 192 512"
663
- fill="currentColor"
664
- aria-hidden="true"
665
- role="img"
666
- width="1em"
667
- height="1em"
668
- >
669
- <path
670
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
671
- />
672
- </svg>
636
+ <i class="fas fa-filter" aria-hidden="true"></i>
673
637
  </span>
674
638
  </button>
675
639
  </div>
@@ -687,19 +651,7 @@ wrapperTag: div
687
651
  id="masthead-toolbar-filters-example-masthead-toolbar-search-filter-menu"
688
652
  >
689
653
  <span class="pf-v6-c-menu-toggle__icon">
690
- <svg
691
- class="pf-v5-svg"
692
- viewBox="0 0 192 512"
693
- fill="currentColor"
694
- aria-hidden="true"
695
- role="img"
696
- width="1em"
697
- height="1em"
698
- >
699
- <path
700
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
701
- />
702
- </svg>
654
+ <i class="fas fa-filter" aria-hidden="true"></i>
703
655
  </span>
704
656
  <span class="pf-v6-c-menu-toggle__text">Name</span>
705
657
  <span class="pf-v6-c-menu-toggle__controls">
@@ -738,19 +690,7 @@ wrapperTag: div
738
690
  aria-label="Actions"
739
691
  >
740
692
  <span class="pf-v6-c-menu-toggle__icon">
741
- <svg
742
- class="pf-v5-svg"
743
- viewBox="0 0 192 512"
744
- fill="currentColor"
745
- aria-hidden="true"
746
- role="img"
747
- width="1em"
748
- height="1em"
749
- >
750
- <path
751
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
752
- />
753
- </svg>
693
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
754
694
  </span>
755
695
  </button>
756
696
  </div>
@@ -1001,19 +941,7 @@ wrapperTag: div
1001
941
  aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
1002
942
  >
1003
943
  <span class="pf-v6-c-menu-toggle__icon">
1004
- <svg
1005
- class="pf-v5-svg"
1006
- viewBox="0 0 192 512"
1007
- fill="currentColor"
1008
- aria-hidden="true"
1009
- role="img"
1010
- width="1em"
1011
- height="1em"
1012
- >
1013
- <path
1014
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1015
- />
1016
- </svg>
944
+ <i class="fas fa-filter" aria-hidden="true"></i>
1017
945
  </span>
1018
946
  </button>
1019
947
  </div>
@@ -1031,19 +959,7 @@ wrapperTag: div
1031
959
  id="masthead-toggle-group-filters-example-masthead-toolbar-search-filter-menu"
1032
960
  >
1033
961
  <span class="pf-v6-c-menu-toggle__icon">
1034
- <svg
1035
- class="pf-v5-svg"
1036
- viewBox="0 0 192 512"
1037
- fill="currentColor"
1038
- aria-hidden="true"
1039
- role="img"
1040
- width="1em"
1041
- height="1em"
1042
- >
1043
- <path
1044
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1045
- />
1046
- </svg>
962
+ <i class="fas fa-filter" aria-hidden="true"></i>
1047
963
  </span>
1048
964
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1049
965
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1082,19 +998,7 @@ wrapperTag: div
1082
998
  aria-label="Actions"
1083
999
  >
1084
1000
  <span class="pf-v6-c-menu-toggle__icon">
1085
- <svg
1086
- class="pf-v5-svg"
1087
- viewBox="0 0 192 512"
1088
- fill="currentColor"
1089
- aria-hidden="true"
1090
- role="img"
1091
- width="1em"
1092
- height="1em"
1093
- >
1094
- <path
1095
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1096
- />
1097
- </svg>
1001
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1098
1002
  </span>
1099
1003
  </button>
1100
1004
  </div>
@@ -1885,19 +1789,7 @@ wrapperTag: div
1885
1789
  aria-label="Application launcher"
1886
1790
  >
1887
1791
  <span class="pf-v6-c-menu-toggle__icon">
1888
- <svg
1889
- class="pf-v5-svg"
1890
- viewBox="0 0 192 512"
1891
- fill="currentColor"
1892
- aria-hidden="true"
1893
- role="img"
1894
- width="1em"
1895
- height="1em"
1896
- >
1897
- <path
1898
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1899
- />
1900
- </svg>
1792
+ <i class="fas fa-th" aria-hidden="true"></i>
1901
1793
  </span>
1902
1794
  </button>
1903
1795
  </div>
@@ -1909,19 +1801,7 @@ wrapperTag: div
1909
1801
  aria-label="Settings"
1910
1802
  >
1911
1803
  <span class="pf-v6-c-menu-toggle__icon">
1912
- <svg
1913
- class="pf-v5-svg"
1914
- viewBox="0 0 192 512"
1915
- fill="currentColor"
1916
- aria-hidden="true"
1917
- role="img"
1918
- width="1em"
1919
- height="1em"
1920
- >
1921
- <path
1922
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1923
- />
1924
- </svg>
1804
+ <i class="fas fa-cog" aria-hidden="true"></i>
1925
1805
  </span>
1926
1806
  </button>
1927
1807
  </div>
@@ -1933,19 +1813,7 @@ wrapperTag: div
1933
1813
  aria-label="Help"
1934
1814
  >
1935
1815
  <span class="pf-v6-c-menu-toggle__icon">
1936
- <svg
1937
- class="pf-v5-svg"
1938
- viewBox="0 0 192 512"
1939
- fill="currentColor"
1940
- aria-hidden="true"
1941
- role="img"
1942
- width="1em"
1943
- height="1em"
1944
- >
1945
- <path
1946
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1947
- />
1948
- </svg>
1816
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1949
1817
  </span>
1950
1818
  </button>
1951
1819
  </div>
@@ -1958,19 +1826,7 @@ wrapperTag: div
1958
1826
  aria-label="Actions"
1959
1827
  >
1960
1828
  <span class="pf-v6-c-menu-toggle__icon">
1961
- <svg
1962
- class="pf-v5-svg"
1963
- viewBox="0 0 192 512"
1964
- fill="currentColor"
1965
- aria-hidden="true"
1966
- role="img"
1967
- width="1em"
1968
- height="1em"
1969
- >
1970
- <path
1971
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1972
- />
1973
- </svg>
1829
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1974
1830
  </span>
1975
1831
  </button>
1976
1832
  </div>
@@ -2234,13 +2090,11 @@ wrapperTag: div
2234
2090
  >
2235
2091
  <div class="pf-v6-c-nav__scroll-button">
2236
2092
  <button
2237
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2093
+ class="pf-v6-c-button pf-m-plain"
2238
2094
  type="button"
2239
2095
  aria-label="Scroll start"
2240
2096
  >
2241
- <span class="pf-v6-c-button__icon">
2242
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2243
- </span>
2097
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2244
2098
  </button>
2245
2099
  </div>
2246
2100
  <ul class="pf-v6-c-nav__list" role="list">
@@ -2266,13 +2120,11 @@ wrapperTag: div
2266
2120
  </ul>
2267
2121
  <div class="pf-v6-c-nav__scroll-button">
2268
2122
  <button
2269
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2123
+ class="pf-v6-c-button pf-m-plain"
2270
2124
  type="button"
2271
2125
  aria-label="Scroll end"
2272
2126
  >
2273
- <span class="pf-v6-c-button__icon">
2274
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2275
- </span>
2127
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2276
2128
  </button>
2277
2129
  </div>
2278
2130
  </nav>
@@ -2291,19 +2143,7 @@ wrapperTag: div
2291
2143
  aria-label="Application launcher"
2292
2144
  >
2293
2145
  <span class="pf-v6-c-menu-toggle__icon">
2294
- <svg
2295
- class="pf-v5-svg"
2296
- viewBox="0 0 192 512"
2297
- fill="currentColor"
2298
- aria-hidden="true"
2299
- role="img"
2300
- width="1em"
2301
- height="1em"
2302
- >
2303
- <path
2304
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2305
- />
2306
- </svg>
2146
+ <i class="fas fa-th" aria-hidden="true"></i>
2307
2147
  </span>
2308
2148
  </button>
2309
2149
  </div>
@@ -2315,19 +2155,7 @@ wrapperTag: div
2315
2155
  aria-label="Settings"
2316
2156
  >
2317
2157
  <span class="pf-v6-c-menu-toggle__icon">
2318
- <svg
2319
- class="pf-v5-svg"
2320
- viewBox="0 0 192 512"
2321
- fill="currentColor"
2322
- aria-hidden="true"
2323
- role="img"
2324
- width="1em"
2325
- height="1em"
2326
- >
2327
- <path
2328
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2329
- />
2330
- </svg>
2158
+ <i class="fas fa-cog" aria-hidden="true"></i>
2331
2159
  </span>
2332
2160
  </button>
2333
2161
  </div>
@@ -2339,19 +2167,7 @@ wrapperTag: div
2339
2167
  aria-label="Help"
2340
2168
  >
2341
2169
  <span class="pf-v6-c-menu-toggle__icon">
2342
- <svg
2343
- class="pf-v5-svg"
2344
- viewBox="0 0 192 512"
2345
- fill="currentColor"
2346
- aria-hidden="true"
2347
- role="img"
2348
- width="1em"
2349
- height="1em"
2350
- >
2351
- <path
2352
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2353
- />
2354
- </svg>
2170
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2355
2171
  </span>
2356
2172
  </button>
2357
2173
  </div>
@@ -2364,19 +2180,7 @@ wrapperTag: div
2364
2180
  aria-label="Actions"
2365
2181
  >
2366
2182
  <span class="pf-v6-c-menu-toggle__icon">
2367
- <svg
2368
- class="pf-v5-svg"
2369
- viewBox="0 0 192 512"
2370
- fill="currentColor"
2371
- aria-hidden="true"
2372
- role="img"
2373
- width="1em"
2374
- height="1em"
2375
- >
2376
- <path
2377
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2378
- />
2379
- </svg>
2183
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2380
2184
  </span>
2381
2185
  </button>
2382
2186
  </div>
@@ -2597,19 +2401,7 @@ wrapperTag: div
2597
2401
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2598
2402
  >
2599
2403
  <span class="pf-v6-c-menu-toggle__icon">
2600
- <svg
2601
- class="pf-v5-svg"
2602
- viewBox="0 0 192 512"
2603
- fill="currentColor"
2604
- aria-hidden="true"
2605
- role="img"
2606
- width="1em"
2607
- height="1em"
2608
- >
2609
- <path
2610
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2611
- />
2612
- </svg>
2404
+ <i class="fas fa-filter" aria-hidden="true"></i>
2613
2405
  </span>
2614
2406
  </button>
2615
2407
  </div>
@@ -2622,19 +2414,7 @@ wrapperTag: div
2622
2414
  aria-label="Actions"
2623
2415
  >
2624
2416
  <span class="pf-v6-c-menu-toggle__icon">
2625
- <svg
2626
- class="pf-v5-svg"
2627
- viewBox="0 0 192 512"
2628
- fill="currentColor"
2629
- aria-hidden="true"
2630
- role="img"
2631
- width="1em"
2632
- height="1em"
2633
- >
2634
- <path
2635
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2636
- />
2637
- </svg>
2417
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2638
2418
  </span>
2639
2419
  </button>
2640
2420
  </div>
@@ -2657,19 +2437,7 @@ wrapperTag: div
2657
2437
  id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-search-filter-menu"
2658
2438
  >
2659
2439
  <span class="pf-v6-c-menu-toggle__icon">
2660
- <svg
2661
- class="pf-v5-svg"
2662
- viewBox="0 0 192 512"
2663
- fill="currentColor"
2664
- aria-hidden="true"
2665
- role="img"
2666
- width="1em"
2667
- height="1em"
2668
- >
2669
- <path
2670
- d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2671
- />
2672
- </svg>
2440
+ <i class="fas fa-filter" aria-hidden="true"></i>
2673
2441
  </span>
2674
2442
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2675
2443
  <span class="pf-v6-c-menu-toggle__controls">