@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
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -149,19 +149,7 @@ wrapperTag: div
149
149
  aria-label="Application launcher"
150
150
  >
151
151
  <span class="pf-v6-c-menu-toggle__icon">
152
- <svg
153
- class="pf-v5-svg"
154
- viewBox="0 0 192 512"
155
- fill="currentColor"
156
- aria-hidden="true"
157
- role="img"
158
- width="1em"
159
- height="1em"
160
- >
161
- <path
162
- 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"
163
- />
164
- </svg>
152
+ <i class="fas fa-th" aria-hidden="true"></i>
165
153
  </span>
166
154
  </button>
167
155
  </div>
@@ -173,19 +161,7 @@ wrapperTag: div
173
161
  aria-label="Settings"
174
162
  >
175
163
  <span class="pf-v6-c-menu-toggle__icon">
176
- <svg
177
- class="pf-v5-svg"
178
- viewBox="0 0 192 512"
179
- fill="currentColor"
180
- aria-hidden="true"
181
- role="img"
182
- width="1em"
183
- height="1em"
184
- >
185
- <path
186
- 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"
187
- />
188
- </svg>
164
+ <i class="fas fa-cog" aria-hidden="true"></i>
189
165
  </span>
190
166
  </button>
191
167
  </div>
@@ -197,19 +173,7 @@ wrapperTag: div
197
173
  aria-label="Help"
198
174
  >
199
175
  <span class="pf-v6-c-menu-toggle__icon">
200
- <svg
201
- class="pf-v5-svg"
202
- viewBox="0 0 192 512"
203
- fill="currentColor"
204
- aria-hidden="true"
205
- role="img"
206
- width="1em"
207
- height="1em"
208
- >
209
- <path
210
- 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"
211
- />
212
- </svg>
176
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
213
177
  </span>
214
178
  </button>
215
179
  </div>
@@ -222,19 +186,7 @@ wrapperTag: div
222
186
  aria-label="Actions"
223
187
  >
224
188
  <span class="pf-v6-c-menu-toggle__icon">
225
- <svg
226
- class="pf-v5-svg"
227
- viewBox="0 0 192 512"
228
- fill="currentColor"
229
- aria-hidden="true"
230
- role="img"
231
- width="1em"
232
- height="1em"
233
- >
234
- <path
235
- 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"
236
- />
237
- </svg>
189
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
238
190
  </span>
239
191
  </button>
240
192
  </div>
@@ -723,19 +675,7 @@ wrapperTag: div
723
675
  aria-label="Application launcher"
724
676
  >
725
677
  <span class="pf-v6-c-menu-toggle__icon">
726
- <svg
727
- class="pf-v5-svg"
728
- viewBox="0 0 192 512"
729
- fill="currentColor"
730
- aria-hidden="true"
731
- role="img"
732
- width="1em"
733
- height="1em"
734
- >
735
- <path
736
- 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"
737
- />
738
- </svg>
678
+ <i class="fas fa-th" aria-hidden="true"></i>
739
679
  </span>
740
680
  </button>
741
681
  </div>
@@ -747,19 +687,7 @@ wrapperTag: div
747
687
  aria-label="Settings"
748
688
  >
749
689
  <span class="pf-v6-c-menu-toggle__icon">
750
- <svg
751
- class="pf-v5-svg"
752
- viewBox="0 0 192 512"
753
- fill="currentColor"
754
- aria-hidden="true"
755
- role="img"
756
- width="1em"
757
- height="1em"
758
- >
759
- <path
760
- 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"
761
- />
762
- </svg>
690
+ <i class="fas fa-cog" aria-hidden="true"></i>
763
691
  </span>
764
692
  </button>
765
693
  </div>
@@ -771,19 +699,7 @@ wrapperTag: div
771
699
  aria-label="Help"
772
700
  >
773
701
  <span class="pf-v6-c-menu-toggle__icon">
774
- <svg
775
- class="pf-v5-svg"
776
- viewBox="0 0 192 512"
777
- fill="currentColor"
778
- aria-hidden="true"
779
- role="img"
780
- width="1em"
781
- height="1em"
782
- >
783
- <path
784
- 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"
785
- />
786
- </svg>
702
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
787
703
  </span>
788
704
  </button>
789
705
  </div>
@@ -796,19 +712,7 @@ wrapperTag: div
796
712
  aria-label="Actions"
797
713
  >
798
714
  <span class="pf-v6-c-menu-toggle__icon">
799
- <svg
800
- class="pf-v5-svg"
801
- viewBox="0 0 192 512"
802
- fill="currentColor"
803
- aria-hidden="true"
804
- role="img"
805
- width="1em"
806
- height="1em"
807
- >
808
- <path
809
- 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"
810
- />
811
- </svg>
715
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
812
716
  </span>
813
717
  </button>
814
718
  </div>
@@ -1108,19 +1012,7 @@ wrapperTag: div
1108
1012
  aria-label="Application launcher"
1109
1013
  >
1110
1014
  <span class="pf-v6-c-menu-toggle__icon">
1111
- <svg
1112
- class="pf-v5-svg"
1113
- viewBox="0 0 192 512"
1114
- fill="currentColor"
1115
- aria-hidden="true"
1116
- role="img"
1117
- width="1em"
1118
- height="1em"
1119
- >
1120
- <path
1121
- 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"
1122
- />
1123
- </svg>
1015
+ <i class="fas fa-th" aria-hidden="true"></i>
1124
1016
  </span>
1125
1017
  </button>
1126
1018
  </div>
@@ -1132,19 +1024,7 @@ wrapperTag: div
1132
1024
  aria-label="Settings"
1133
1025
  >
1134
1026
  <span class="pf-v6-c-menu-toggle__icon">
1135
- <svg
1136
- class="pf-v5-svg"
1137
- viewBox="0 0 192 512"
1138
- fill="currentColor"
1139
- aria-hidden="true"
1140
- role="img"
1141
- width="1em"
1142
- height="1em"
1143
- >
1144
- <path
1145
- 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"
1146
- />
1147
- </svg>
1027
+ <i class="fas fa-cog" aria-hidden="true"></i>
1148
1028
  </span>
1149
1029
  </button>
1150
1030
  </div>
@@ -1156,19 +1036,7 @@ wrapperTag: div
1156
1036
  aria-label="Help"
1157
1037
  >
1158
1038
  <span class="pf-v6-c-menu-toggle__icon">
1159
- <svg
1160
- class="pf-v5-svg"
1161
- viewBox="0 0 192 512"
1162
- fill="currentColor"
1163
- aria-hidden="true"
1164
- role="img"
1165
- width="1em"
1166
- height="1em"
1167
- >
1168
- <path
1169
- 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"
1170
- />
1171
- </svg>
1039
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1172
1040
  </span>
1173
1041
  </button>
1174
1042
  </div>
@@ -1181,19 +1049,7 @@ wrapperTag: div
1181
1049
  aria-label="Actions"
1182
1050
  >
1183
1051
  <span class="pf-v6-c-menu-toggle__icon">
1184
- <svg
1185
- class="pf-v5-svg"
1186
- viewBox="0 0 192 512"
1187
- fill="currentColor"
1188
- aria-hidden="true"
1189
- role="img"
1190
- width="1em"
1191
- height="1em"
1192
- >
1193
- <path
1194
- 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"
1195
- />
1196
- </svg>
1052
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1197
1053
  </span>
1198
1054
  </button>
1199
1055
  </div>
@@ -1493,19 +1349,7 @@ wrapperTag: div
1493
1349
  aria-label="Application launcher"
1494
1350
  >
1495
1351
  <span class="pf-v6-c-menu-toggle__icon">
1496
- <svg
1497
- class="pf-v5-svg"
1498
- viewBox="0 0 192 512"
1499
- fill="currentColor"
1500
- aria-hidden="true"
1501
- role="img"
1502
- width="1em"
1503
- height="1em"
1504
- >
1505
- <path
1506
- 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"
1507
- />
1508
- </svg>
1352
+ <i class="fas fa-th" aria-hidden="true"></i>
1509
1353
  </span>
1510
1354
  </button>
1511
1355
  </div>
@@ -1517,19 +1361,7 @@ wrapperTag: div
1517
1361
  aria-label="Settings"
1518
1362
  >
1519
1363
  <span class="pf-v6-c-menu-toggle__icon">
1520
- <svg
1521
- class="pf-v5-svg"
1522
- viewBox="0 0 192 512"
1523
- fill="currentColor"
1524
- aria-hidden="true"
1525
- role="img"
1526
- width="1em"
1527
- height="1em"
1528
- >
1529
- <path
1530
- 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"
1531
- />
1532
- </svg>
1364
+ <i class="fas fa-cog" aria-hidden="true"></i>
1533
1365
  </span>
1534
1366
  </button>
1535
1367
  </div>
@@ -1541,19 +1373,7 @@ wrapperTag: div
1541
1373
  aria-label="Help"
1542
1374
  >
1543
1375
  <span class="pf-v6-c-menu-toggle__icon">
1544
- <svg
1545
- class="pf-v5-svg"
1546
- viewBox="0 0 192 512"
1547
- fill="currentColor"
1548
- aria-hidden="true"
1549
- role="img"
1550
- width="1em"
1551
- height="1em"
1552
- >
1553
- <path
1554
- 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"
1555
- />
1556
- </svg>
1376
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1557
1377
  </span>
1558
1378
  </button>
1559
1379
  </div>
@@ -1566,19 +1386,7 @@ wrapperTag: div
1566
1386
  aria-label="Actions"
1567
1387
  >
1568
1388
  <span class="pf-v6-c-menu-toggle__icon">
1569
- <svg
1570
- class="pf-v5-svg"
1571
- viewBox="0 0 192 512"
1572
- fill="currentColor"
1573
- aria-hidden="true"
1574
- role="img"
1575
- width="1em"
1576
- height="1em"
1577
- >
1578
- <path
1579
- 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"
1580
- />
1581
- </svg>
1389
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1582
1390
  </span>
1583
1391
  </button>
1584
1392
  </div>
@@ -1908,19 +1716,7 @@ wrapperTag: div
1908
1716
  aria-label="Application launcher"
1909
1717
  >
1910
1718
  <span class="pf-v6-c-menu-toggle__icon">
1911
- <svg
1912
- class="pf-v5-svg"
1913
- viewBox="0 0 192 512"
1914
- fill="currentColor"
1915
- aria-hidden="true"
1916
- role="img"
1917
- width="1em"
1918
- height="1em"
1919
- >
1920
- <path
1921
- 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"
1922
- />
1923
- </svg>
1719
+ <i class="fas fa-th" aria-hidden="true"></i>
1924
1720
  </span>
1925
1721
  </button>
1926
1722
  </div>
@@ -1932,19 +1728,7 @@ wrapperTag: div
1932
1728
  aria-label="Settings"
1933
1729
  >
1934
1730
  <span class="pf-v6-c-menu-toggle__icon">
1935
- <svg
1936
- class="pf-v5-svg"
1937
- viewBox="0 0 192 512"
1938
- fill="currentColor"
1939
- aria-hidden="true"
1940
- role="img"
1941
- width="1em"
1942
- height="1em"
1943
- >
1944
- <path
1945
- 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"
1946
- />
1947
- </svg>
1731
+ <i class="fas fa-cog" aria-hidden="true"></i>
1948
1732
  </span>
1949
1733
  </button>
1950
1734
  </div>
@@ -1956,19 +1740,7 @@ wrapperTag: div
1956
1740
  aria-label="Help"
1957
1741
  >
1958
1742
  <span class="pf-v6-c-menu-toggle__icon">
1959
- <svg
1960
- class="pf-v5-svg"
1961
- viewBox="0 0 192 512"
1962
- fill="currentColor"
1963
- aria-hidden="true"
1964
- role="img"
1965
- width="1em"
1966
- height="1em"
1967
- >
1968
- <path
1969
- 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"
1970
- />
1971
- </svg>
1743
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1972
1744
  </span>
1973
1745
  </button>
1974
1746
  </div>
@@ -1981,19 +1753,7 @@ wrapperTag: div
1981
1753
  aria-label="Actions"
1982
1754
  >
1983
1755
  <span class="pf-v6-c-menu-toggle__icon">
1984
- <svg
1985
- class="pf-v5-svg"
1986
- viewBox="0 0 192 512"
1987
- fill="currentColor"
1988
- aria-hidden="true"
1989
- role="img"
1990
- width="1em"
1991
- height="1em"
1992
- >
1993
- <path
1994
- 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"
1995
- />
1996
- </svg>
1756
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1997
1757
  </span>
1998
1758
  </button>
1999
1759
  </div>