@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
@@ -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>
@@ -778,19 +730,7 @@ wrapperTag: div
778
730
  aria-label="Application launcher"
779
731
  >
780
732
  <span class="pf-v6-c-menu-toggle__icon">
781
- <svg
782
- class="pf-v5-svg"
783
- viewBox="0 0 192 512"
784
- fill="currentColor"
785
- aria-hidden="true"
786
- role="img"
787
- width="1em"
788
- height="1em"
789
- >
790
- <path
791
- 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"
792
- />
793
- </svg>
733
+ <i class="fas fa-th" aria-hidden="true"></i>
794
734
  </span>
795
735
  </button>
796
736
  </div>
@@ -802,19 +742,7 @@ wrapperTag: div
802
742
  aria-label="Settings"
803
743
  >
804
744
  <span class="pf-v6-c-menu-toggle__icon">
805
- <svg
806
- class="pf-v5-svg"
807
- viewBox="0 0 192 512"
808
- fill="currentColor"
809
- aria-hidden="true"
810
- role="img"
811
- width="1em"
812
- height="1em"
813
- >
814
- <path
815
- 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"
816
- />
817
- </svg>
745
+ <i class="fas fa-cog" aria-hidden="true"></i>
818
746
  </span>
819
747
  </button>
820
748
  </div>
@@ -826,19 +754,7 @@ wrapperTag: div
826
754
  aria-label="Help"
827
755
  >
828
756
  <span class="pf-v6-c-menu-toggle__icon">
829
- <svg
830
- class="pf-v5-svg"
831
- viewBox="0 0 192 512"
832
- fill="currentColor"
833
- aria-hidden="true"
834
- role="img"
835
- width="1em"
836
- height="1em"
837
- >
838
- <path
839
- 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"
840
- />
841
- </svg>
757
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
842
758
  </span>
843
759
  </button>
844
760
  </div>
@@ -851,19 +767,7 @@ wrapperTag: div
851
767
  aria-label="Actions"
852
768
  >
853
769
  <span class="pf-v6-c-menu-toggle__icon">
854
- <svg
855
- class="pf-v5-svg"
856
- viewBox="0 0 192 512"
857
- fill="currentColor"
858
- aria-hidden="true"
859
- role="img"
860
- width="1em"
861
- height="1em"
862
- >
863
- <path
864
- 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"
865
- />
866
- </svg>
770
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
867
771
  </span>
868
772
  </button>
869
773
  </div>
@@ -1389,19 +1293,7 @@ wrapperTag: div
1389
1293
  aria-label="Application launcher"
1390
1294
  >
1391
1295
  <span class="pf-v6-c-menu-toggle__icon">
1392
- <svg
1393
- class="pf-v5-svg"
1394
- viewBox="0 0 192 512"
1395
- fill="currentColor"
1396
- aria-hidden="true"
1397
- role="img"
1398
- width="1em"
1399
- height="1em"
1400
- >
1401
- <path
1402
- 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"
1403
- />
1404
- </svg>
1296
+ <i class="fas fa-th" aria-hidden="true"></i>
1405
1297
  </span>
1406
1298
  </button>
1407
1299
  </div>
@@ -1413,19 +1305,7 @@ wrapperTag: div
1413
1305
  aria-label="Settings"
1414
1306
  >
1415
1307
  <span class="pf-v6-c-menu-toggle__icon">
1416
- <svg
1417
- class="pf-v5-svg"
1418
- viewBox="0 0 192 512"
1419
- fill="currentColor"
1420
- aria-hidden="true"
1421
- role="img"
1422
- width="1em"
1423
- height="1em"
1424
- >
1425
- <path
1426
- 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"
1427
- />
1428
- </svg>
1308
+ <i class="fas fa-cog" aria-hidden="true"></i>
1429
1309
  </span>
1430
1310
  </button>
1431
1311
  </div>
@@ -1437,19 +1317,7 @@ wrapperTag: div
1437
1317
  aria-label="Help"
1438
1318
  >
1439
1319
  <span class="pf-v6-c-menu-toggle__icon">
1440
- <svg
1441
- class="pf-v5-svg"
1442
- viewBox="0 0 192 512"
1443
- fill="currentColor"
1444
- aria-hidden="true"
1445
- role="img"
1446
- width="1em"
1447
- height="1em"
1448
- >
1449
- <path
1450
- 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"
1451
- />
1452
- </svg>
1320
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1453
1321
  </span>
1454
1322
  </button>
1455
1323
  </div>
@@ -1462,19 +1330,7 @@ wrapperTag: div
1462
1330
  aria-label="Actions"
1463
1331
  >
1464
1332
  <span class="pf-v6-c-menu-toggle__icon">
1465
- <svg
1466
- class="pf-v5-svg"
1467
- viewBox="0 0 192 512"
1468
- fill="currentColor"
1469
- aria-hidden="true"
1470
- role="img"
1471
- width="1em"
1472
- height="1em"
1473
- >
1474
- <path
1475
- 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"
1476
- />
1477
- </svg>
1333
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1478
1334
  </span>
1479
1335
  </button>
1480
1336
  </div>
@@ -2084,19 +1940,7 @@ wrapperTag: div
2084
1940
  aria-label="Application launcher"
2085
1941
  >
2086
1942
  <span class="pf-v6-c-menu-toggle__icon">
2087
- <svg
2088
- class="pf-v5-svg"
2089
- viewBox="0 0 192 512"
2090
- fill="currentColor"
2091
- aria-hidden="true"
2092
- role="img"
2093
- width="1em"
2094
- height="1em"
2095
- >
2096
- <path
2097
- 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"
2098
- />
2099
- </svg>
1943
+ <i class="fas fa-th" aria-hidden="true"></i>
2100
1944
  </span>
2101
1945
  </button>
2102
1946
  </div>
@@ -2108,19 +1952,7 @@ wrapperTag: div
2108
1952
  aria-label="Settings"
2109
1953
  >
2110
1954
  <span class="pf-v6-c-menu-toggle__icon">
2111
- <svg
2112
- class="pf-v5-svg"
2113
- viewBox="0 0 192 512"
2114
- fill="currentColor"
2115
- aria-hidden="true"
2116
- role="img"
2117
- width="1em"
2118
- height="1em"
2119
- >
2120
- <path
2121
- 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"
2122
- />
2123
- </svg>
1955
+ <i class="fas fa-cog" aria-hidden="true"></i>
2124
1956
  </span>
2125
1957
  </button>
2126
1958
  </div>
@@ -2132,19 +1964,7 @@ wrapperTag: div
2132
1964
  aria-label="Help"
2133
1965
  >
2134
1966
  <span class="pf-v6-c-menu-toggle__icon">
2135
- <svg
2136
- class="pf-v5-svg"
2137
- viewBox="0 0 192 512"
2138
- fill="currentColor"
2139
- aria-hidden="true"
2140
- role="img"
2141
- width="1em"
2142
- height="1em"
2143
- >
2144
- <path
2145
- 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"
2146
- />
2147
- </svg>
1967
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2148
1968
  </span>
2149
1969
  </button>
2150
1970
  </div>
@@ -2157,19 +1977,7 @@ wrapperTag: div
2157
1977
  aria-label="Actions"
2158
1978
  >
2159
1979
  <span class="pf-v6-c-menu-toggle__icon">
2160
- <svg
2161
- class="pf-v5-svg"
2162
- viewBox="0 0 192 512"
2163
- fill="currentColor"
2164
- aria-hidden="true"
2165
- role="img"
2166
- width="1em"
2167
- height="1em"
2168
- >
2169
- <path
2170
- 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"
2171
- />
2172
- </svg>
1980
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2173
1981
  </span>
2174
1982
  </button>
2175
1983
  </div>
@@ -2778,19 +2586,7 @@ wrapperTag: div
2778
2586
  aria-label="Application launcher"
2779
2587
  >
2780
2588
  <span class="pf-v6-c-menu-toggle__icon">
2781
- <svg
2782
- class="pf-v5-svg"
2783
- viewBox="0 0 192 512"
2784
- fill="currentColor"
2785
- aria-hidden="true"
2786
- role="img"
2787
- width="1em"
2788
- height="1em"
2789
- >
2790
- <path
2791
- 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"
2792
- />
2793
- </svg>
2589
+ <i class="fas fa-th" aria-hidden="true"></i>
2794
2590
  </span>
2795
2591
  </button>
2796
2592
  </div>
@@ -2802,19 +2598,7 @@ wrapperTag: div
2802
2598
  aria-label="Settings"
2803
2599
  >
2804
2600
  <span class="pf-v6-c-menu-toggle__icon">
2805
- <svg
2806
- class="pf-v5-svg"
2807
- viewBox="0 0 192 512"
2808
- fill="currentColor"
2809
- aria-hidden="true"
2810
- role="img"
2811
- width="1em"
2812
- height="1em"
2813
- >
2814
- <path
2815
- 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"
2816
- />
2817
- </svg>
2601
+ <i class="fas fa-cog" aria-hidden="true"></i>
2818
2602
  </span>
2819
2603
  </button>
2820
2604
  </div>
@@ -2826,19 +2610,7 @@ wrapperTag: div
2826
2610
  aria-label="Help"
2827
2611
  >
2828
2612
  <span class="pf-v6-c-menu-toggle__icon">
2829
- <svg
2830
- class="pf-v5-svg"
2831
- viewBox="0 0 192 512"
2832
- fill="currentColor"
2833
- aria-hidden="true"
2834
- role="img"
2835
- width="1em"
2836
- height="1em"
2837
- >
2838
- <path
2839
- 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"
2840
- />
2841
- </svg>
2613
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2842
2614
  </span>
2843
2615
  </button>
2844
2616
  </div>
@@ -2851,19 +2623,7 @@ wrapperTag: div
2851
2623
  aria-label="Actions"
2852
2624
  >
2853
2625
  <span class="pf-v6-c-menu-toggle__icon">
2854
- <svg
2855
- class="pf-v5-svg"
2856
- viewBox="0 0 192 512"
2857
- fill="currentColor"
2858
- aria-hidden="true"
2859
- role="img"
2860
- width="1em"
2861
- height="1em"
2862
- >
2863
- <path
2864
- 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"
2865
- />
2866
- </svg>
2626
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2867
2627
  </span>
2868
2628
  </button>
2869
2629
  </div>
@@ -3340,19 +3100,7 @@ wrapperTag: div
3340
3100
  aria-label="Application launcher"
3341
3101
  >
3342
3102
  <span class="pf-v6-c-menu-toggle__icon">
3343
- <svg
3344
- class="pf-v5-svg"
3345
- viewBox="0 0 192 512"
3346
- fill="currentColor"
3347
- aria-hidden="true"
3348
- role="img"
3349
- width="1em"
3350
- height="1em"
3351
- >
3352
- <path
3353
- 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"
3354
- />
3355
- </svg>
3103
+ <i class="fas fa-th" aria-hidden="true"></i>
3356
3104
  </span>
3357
3105
  </button>
3358
3106
  </div>
@@ -3364,19 +3112,7 @@ wrapperTag: div
3364
3112
  aria-label="Settings"
3365
3113
  >
3366
3114
  <span class="pf-v6-c-menu-toggle__icon">
3367
- <svg
3368
- class="pf-v5-svg"
3369
- viewBox="0 0 192 512"
3370
- fill="currentColor"
3371
- aria-hidden="true"
3372
- role="img"
3373
- width="1em"
3374
- height="1em"
3375
- >
3376
- <path
3377
- 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"
3378
- />
3379
- </svg>
3115
+ <i class="fas fa-cog" aria-hidden="true"></i>
3380
3116
  </span>
3381
3117
  </button>
3382
3118
  </div>
@@ -3388,19 +3124,7 @@ wrapperTag: div
3388
3124
  aria-label="Help"
3389
3125
  >
3390
3126
  <span class="pf-v6-c-menu-toggle__icon">
3391
- <svg
3392
- class="pf-v5-svg"
3393
- viewBox="0 0 192 512"
3394
- fill="currentColor"
3395
- aria-hidden="true"
3396
- role="img"
3397
- width="1em"
3398
- height="1em"
3399
- >
3400
- <path
3401
- 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"
3402
- />
3403
- </svg>
3127
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3404
3128
  </span>
3405
3129
  </button>
3406
3130
  </div>
@@ -3413,19 +3137,7 @@ wrapperTag: div
3413
3137
  aria-label="Actions"
3414
3138
  >
3415
3139
  <span class="pf-v6-c-menu-toggle__icon">
3416
- <svg
3417
- class="pf-v5-svg"
3418
- viewBox="0 0 192 512"
3419
- fill="currentColor"
3420
- aria-hidden="true"
3421
- role="img"
3422
- width="1em"
3423
- height="1em"
3424
- >
3425
- <path
3426
- 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"
3427
- />
3428
- </svg>
3140
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3429
3141
  </span>
3430
3142
  </button>
3431
3143
  </div>
@@ -3907,19 +3619,7 @@ wrapperTag: div
3907
3619
  aria-label="Application launcher"
3908
3620
  >
3909
3621
  <span class="pf-v6-c-menu-toggle__icon">
3910
- <svg
3911
- class="pf-v5-svg"
3912
- viewBox="0 0 192 512"
3913
- fill="currentColor"
3914
- aria-hidden="true"
3915
- role="img"
3916
- width="1em"
3917
- height="1em"
3918
- >
3919
- <path
3920
- 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"
3921
- />
3922
- </svg>
3622
+ <i class="fas fa-th" aria-hidden="true"></i>
3923
3623
  </span>
3924
3624
  </button>
3925
3625
  </div>
@@ -3931,19 +3631,7 @@ wrapperTag: div
3931
3631
  aria-label="Settings"
3932
3632
  >
3933
3633
  <span class="pf-v6-c-menu-toggle__icon">
3934
- <svg
3935
- class="pf-v5-svg"
3936
- viewBox="0 0 192 512"
3937
- fill="currentColor"
3938
- aria-hidden="true"
3939
- role="img"
3940
- width="1em"
3941
- height="1em"
3942
- >
3943
- <path
3944
- 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"
3945
- />
3946
- </svg>
3634
+ <i class="fas fa-cog" aria-hidden="true"></i>
3947
3635
  </span>
3948
3636
  </button>
3949
3637
  </div>
@@ -3955,19 +3643,7 @@ wrapperTag: div
3955
3643
  aria-label="Help"
3956
3644
  >
3957
3645
  <span class="pf-v6-c-menu-toggle__icon">
3958
- <svg
3959
- class="pf-v5-svg"
3960
- viewBox="0 0 192 512"
3961
- fill="currentColor"
3962
- aria-hidden="true"
3963
- role="img"
3964
- width="1em"
3965
- height="1em"
3966
- >
3967
- <path
3968
- 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"
3969
- />
3970
- </svg>
3646
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3971
3647
  </span>
3972
3648
  </button>
3973
3649
  </div>
@@ -3980,19 +3656,7 @@ wrapperTag: div
3980
3656
  aria-label="Actions"
3981
3657
  >
3982
3658
  <span class="pf-v6-c-menu-toggle__icon">
3983
- <svg
3984
- class="pf-v5-svg"
3985
- viewBox="0 0 192 512"
3986
- fill="currentColor"
3987
- aria-hidden="true"
3988
- role="img"
3989
- width="1em"
3990
- height="1em"
3991
- >
3992
- <path
3993
- 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"
3994
- />
3995
- </svg>
3659
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3996
3660
  </span>
3997
3661
  </button>
3998
3662
  </div>
@@ -4456,19 +4120,7 @@ wrapperTag: div
4456
4120
  aria-label="Application launcher"
4457
4121
  >
4458
4122
  <span class="pf-v6-c-menu-toggle__icon">
4459
- <svg
4460
- class="pf-v5-svg"
4461
- viewBox="0 0 192 512"
4462
- fill="currentColor"
4463
- aria-hidden="true"
4464
- role="img"
4465
- width="1em"
4466
- height="1em"
4467
- >
4468
- <path
4469
- 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"
4470
- />
4471
- </svg>
4123
+ <i class="fas fa-th" aria-hidden="true"></i>
4472
4124
  </span>
4473
4125
  </button>
4474
4126
  </div>
@@ -4480,19 +4132,7 @@ wrapperTag: div
4480
4132
  aria-label="Settings"
4481
4133
  >
4482
4134
  <span class="pf-v6-c-menu-toggle__icon">
4483
- <svg
4484
- class="pf-v5-svg"
4485
- viewBox="0 0 192 512"
4486
- fill="currentColor"
4487
- aria-hidden="true"
4488
- role="img"
4489
- width="1em"
4490
- height="1em"
4491
- >
4492
- <path
4493
- 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"
4494
- />
4495
- </svg>
4135
+ <i class="fas fa-cog" aria-hidden="true"></i>
4496
4136
  </span>
4497
4137
  </button>
4498
4138
  </div>
@@ -4504,19 +4144,7 @@ wrapperTag: div
4504
4144
  aria-label="Help"
4505
4145
  >
4506
4146
  <span class="pf-v6-c-menu-toggle__icon">
4507
- <svg
4508
- class="pf-v5-svg"
4509
- viewBox="0 0 192 512"
4510
- fill="currentColor"
4511
- aria-hidden="true"
4512
- role="img"
4513
- width="1em"
4514
- height="1em"
4515
- >
4516
- <path
4517
- 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"
4518
- />
4519
- </svg>
4147
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
4520
4148
  </span>
4521
4149
  </button>
4522
4150
  </div>
@@ -4529,19 +4157,7 @@ wrapperTag: div
4529
4157
  aria-label="Actions"
4530
4158
  >
4531
4159
  <span class="pf-v6-c-menu-toggle__icon">
4532
- <svg
4533
- class="pf-v5-svg"
4534
- viewBox="0 0 192 512"
4535
- fill="currentColor"
4536
- aria-hidden="true"
4537
- role="img"
4538
- width="1em"
4539
- height="1em"
4540
- >
4541
- <path
4542
- 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"
4543
- />
4544
- </svg>
4160
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4545
4161
  </span>
4546
4162
  </button>
4547
4163
  </div>
@@ -5077,19 +4693,7 @@ wrapperTag: div
5077
4693
  aria-label="Application launcher"
5078
4694
  >
5079
4695
  <span class="pf-v6-c-menu-toggle__icon">
5080
- <svg
5081
- class="pf-v5-svg"
5082
- viewBox="0 0 192 512"
5083
- fill="currentColor"
5084
- aria-hidden="true"
5085
- role="img"
5086
- width="1em"
5087
- height="1em"
5088
- >
5089
- <path
5090
- 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"
5091
- />
5092
- </svg>
4696
+ <i class="fas fa-th" aria-hidden="true"></i>
5093
4697
  </span>
5094
4698
  </button>
5095
4699
  </div>
@@ -5101,19 +4705,7 @@ wrapperTag: div
5101
4705
  aria-label="Settings"
5102
4706
  >
5103
4707
  <span class="pf-v6-c-menu-toggle__icon">
5104
- <svg
5105
- class="pf-v5-svg"
5106
- viewBox="0 0 192 512"
5107
- fill="currentColor"
5108
- aria-hidden="true"
5109
- role="img"
5110
- width="1em"
5111
- height="1em"
5112
- >
5113
- <path
5114
- 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"
5115
- />
5116
- </svg>
4708
+ <i class="fas fa-cog" aria-hidden="true"></i>
5117
4709
  </span>
5118
4710
  </button>
5119
4711
  </div>
@@ -5125,19 +4717,7 @@ wrapperTag: div
5125
4717
  aria-label="Help"
5126
4718
  >
5127
4719
  <span class="pf-v6-c-menu-toggle__icon">
5128
- <svg
5129
- class="pf-v5-svg"
5130
- viewBox="0 0 192 512"
5131
- fill="currentColor"
5132
- aria-hidden="true"
5133
- role="img"
5134
- width="1em"
5135
- height="1em"
5136
- >
5137
- <path
5138
- 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"
5139
- />
5140
- </svg>
4720
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
5141
4721
  </span>
5142
4722
  </button>
5143
4723
  </div>
@@ -5150,19 +4730,7 @@ wrapperTag: div
5150
4730
  aria-label="Actions"
5151
4731
  >
5152
4732
  <span class="pf-v6-c-menu-toggle__icon">
5153
- <svg
5154
- class="pf-v5-svg"
5155
- viewBox="0 0 192 512"
5156
- fill="currentColor"
5157
- aria-hidden="true"
5158
- role="img"
5159
- width="1em"
5160
- height="1em"
5161
- >
5162
- <path
5163
- 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"
5164
- />
5165
- </svg>
4733
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5166
4734
  </span>
5167
4735
  </button>
5168
4736
  </div>