@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/Page/examples/Page.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>
@@ -513,19 +465,7 @@ wrapperTag: div
513
465
  aria-label="Application launcher"
514
466
  >
515
467
  <span class="pf-v6-c-menu-toggle__icon">
516
- <svg
517
- class="pf-v5-svg"
518
- viewBox="0 0 192 512"
519
- fill="currentColor"
520
- aria-hidden="true"
521
- role="img"
522
- width="1em"
523
- height="1em"
524
- >
525
- <path
526
- 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"
527
- />
528
- </svg>
468
+ <i class="fas fa-th" aria-hidden="true"></i>
529
469
  </span>
530
470
  </button>
531
471
  </div>
@@ -537,19 +477,7 @@ wrapperTag: div
537
477
  aria-label="Settings"
538
478
  >
539
479
  <span class="pf-v6-c-menu-toggle__icon">
540
- <svg
541
- class="pf-v5-svg"
542
- viewBox="0 0 192 512"
543
- fill="currentColor"
544
- aria-hidden="true"
545
- role="img"
546
- width="1em"
547
- height="1em"
548
- >
549
- <path
550
- 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"
551
- />
552
- </svg>
480
+ <i class="fas fa-cog" aria-hidden="true"></i>
553
481
  </span>
554
482
  </button>
555
483
  </div>
@@ -561,19 +489,7 @@ wrapperTag: div
561
489
  aria-label="Help"
562
490
  >
563
491
  <span class="pf-v6-c-menu-toggle__icon">
564
- <svg
565
- class="pf-v5-svg"
566
- viewBox="0 0 192 512"
567
- fill="currentColor"
568
- aria-hidden="true"
569
- role="img"
570
- width="1em"
571
- height="1em"
572
- >
573
- <path
574
- 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"
575
- />
576
- </svg>
492
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
577
493
  </span>
578
494
  </button>
579
495
  </div>
@@ -586,19 +502,7 @@ wrapperTag: div
586
502
  aria-label="Actions"
587
503
  >
588
504
  <span class="pf-v6-c-menu-toggle__icon">
589
- <svg
590
- class="pf-v5-svg"
591
- viewBox="0 0 192 512"
592
- fill="currentColor"
593
- aria-hidden="true"
594
- role="img"
595
- width="1em"
596
- height="1em"
597
- >
598
- <path
599
- 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"
600
- />
601
- </svg>
505
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
602
506
  </span>
603
507
  </button>
604
508
  </div>
@@ -892,19 +796,7 @@ wrapperTag: div
892
796
  aria-label="Application launcher"
893
797
  >
894
798
  <span class="pf-v6-c-menu-toggle__icon">
895
- <svg
896
- class="pf-v5-svg"
897
- viewBox="0 0 192 512"
898
- fill="currentColor"
899
- aria-hidden="true"
900
- role="img"
901
- width="1em"
902
- height="1em"
903
- >
904
- <path
905
- 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"
906
- />
907
- </svg>
799
+ <i class="fas fa-th" aria-hidden="true"></i>
908
800
  </span>
909
801
  </button>
910
802
  </div>
@@ -916,19 +808,7 @@ wrapperTag: div
916
808
  aria-label="Settings"
917
809
  >
918
810
  <span class="pf-v6-c-menu-toggle__icon">
919
- <svg
920
- class="pf-v5-svg"
921
- viewBox="0 0 192 512"
922
- fill="currentColor"
923
- aria-hidden="true"
924
- role="img"
925
- width="1em"
926
- height="1em"
927
- >
928
- <path
929
- 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"
930
- />
931
- </svg>
811
+ <i class="fas fa-cog" aria-hidden="true"></i>
932
812
  </span>
933
813
  </button>
934
814
  </div>
@@ -940,19 +820,7 @@ wrapperTag: div
940
820
  aria-label="Help"
941
821
  >
942
822
  <span class="pf-v6-c-menu-toggle__icon">
943
- <svg
944
- class="pf-v5-svg"
945
- viewBox="0 0 192 512"
946
- fill="currentColor"
947
- aria-hidden="true"
948
- role="img"
949
- width="1em"
950
- height="1em"
951
- >
952
- <path
953
- 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"
954
- />
955
- </svg>
823
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
956
824
  </span>
957
825
  </button>
958
826
  </div>
@@ -965,19 +833,7 @@ wrapperTag: div
965
833
  aria-label="Actions"
966
834
  >
967
835
  <span class="pf-v6-c-menu-toggle__icon">
968
- <svg
969
- class="pf-v5-svg"
970
- viewBox="0 0 192 512"
971
- fill="currentColor"
972
- aria-hidden="true"
973
- role="img"
974
- width="1em"
975
- height="1em"
976
- >
977
- <path
978
- 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"
979
- />
980
- </svg>
836
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
981
837
  </span>
982
838
  </button>
983
839
  </div>
@@ -1023,23 +879,9 @@ wrapperTag: div
1023
879
  tabindex="-1"
1024
880
  id="main-content-page-demo-sticky-top-horizontal-subnav"
1025
881
  >
1026
- <section class="pf-v6-c-page__main-nav pf-m-limit-width pf-m-sticky-top">
882
+ <section class="pf-v6-c-page__main-subnav pf-m-limit-width pf-m-sticky-top">
1027
883
  <div class="pf-v6-c-page__main-body">
1028
- <nav
1029
- class="pf-v6-c-nav pf-m-scrollable pf-m-horizontal pf-m-subnav"
1030
- aria-label="Local"
1031
- >
1032
- <div class="pf-v6-c-nav__scroll-button">
1033
- <button
1034
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1035
- type="button"
1036
- aria-label="Scroll start"
1037
- >
1038
- <span class="pf-v6-c-button__icon">
1039
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1040
- </span>
1041
- </button>
1042
- </div>
884
+ <nav class="pf-v6-c-nav pf-m-horizontal pf-m-subnav" aria-label="Local">
1043
885
  <ul class="pf-v6-c-nav__list" role="list">
1044
886
  <li class="pf-v6-c-nav__item">
1045
887
  <a
@@ -1051,27 +893,7 @@ wrapperTag: div
1051
893
  <li class="pf-v6-c-nav__item">
1052
894
  <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 2</a>
1053
895
  </li>
1054
- <li class="pf-v6-c-nav__item">
1055
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 3</a>
1056
- </li>
1057
- <li class="pf-v6-c-nav__item">
1058
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 4</a>
1059
- </li>
1060
- <li class="pf-v6-c-nav__item">
1061
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 5</a>
1062
- </li>
1063
896
  </ul>
1064
- <div class="pf-v6-c-nav__scroll-button">
1065
- <button
1066
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1067
- type="button"
1068
- aria-label="Scroll end"
1069
- >
1070
- <span class="pf-v6-c-button__icon">
1071
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1072
- </span>
1073
- </button>
1074
- </div>
1075
897
  </nav>
1076
898
  </div>
1077
899
  </section>
@@ -1428,19 +1250,7 @@ wrapperTag: div
1428
1250
  aria-label="Application launcher"
1429
1251
  >
1430
1252
  <span class="pf-v6-c-menu-toggle__icon">
1431
- <svg
1432
- class="pf-v5-svg"
1433
- viewBox="0 0 192 512"
1434
- fill="currentColor"
1435
- aria-hidden="true"
1436
- role="img"
1437
- width="1em"
1438
- height="1em"
1439
- >
1440
- <path
1441
- 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"
1442
- />
1443
- </svg>
1253
+ <i class="fas fa-th" aria-hidden="true"></i>
1444
1254
  </span>
1445
1255
  </button>
1446
1256
  </div>
@@ -1452,19 +1262,7 @@ wrapperTag: div
1452
1262
  aria-label="Settings"
1453
1263
  >
1454
1264
  <span class="pf-v6-c-menu-toggle__icon">
1455
- <svg
1456
- class="pf-v5-svg"
1457
- viewBox="0 0 192 512"
1458
- fill="currentColor"
1459
- aria-hidden="true"
1460
- role="img"
1461
- width="1em"
1462
- height="1em"
1463
- >
1464
- <path
1465
- 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"
1466
- />
1467
- </svg>
1265
+ <i class="fas fa-cog" aria-hidden="true"></i>
1468
1266
  </span>
1469
1267
  </button>
1470
1268
  </div>
@@ -1476,19 +1274,7 @@ wrapperTag: div
1476
1274
  aria-label="Help"
1477
1275
  >
1478
1276
  <span class="pf-v6-c-menu-toggle__icon">
1479
- <svg
1480
- class="pf-v5-svg"
1481
- viewBox="0 0 192 512"
1482
- fill="currentColor"
1483
- aria-hidden="true"
1484
- role="img"
1485
- width="1em"
1486
- height="1em"
1487
- >
1488
- <path
1489
- 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"
1490
- />
1491
- </svg>
1277
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1492
1278
  </span>
1493
1279
  </button>
1494
1280
  </div>
@@ -1501,19 +1287,7 @@ wrapperTag: div
1501
1287
  aria-label="Actions"
1502
1288
  >
1503
1289
  <span class="pf-v6-c-menu-toggle__icon">
1504
- <svg
1505
- class="pf-v5-svg"
1506
- viewBox="0 0 192 512"
1507
- fill="currentColor"
1508
- aria-hidden="true"
1509
- role="img"
1510
- width="1em"
1511
- height="1em"
1512
- >
1513
- <path
1514
- 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"
1515
- />
1516
- </svg>
1290
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1517
1291
  </span>
1518
1292
  </button>
1519
1293
  </div>
@@ -1914,19 +1688,7 @@ wrapperTag: div
1914
1688
  aria-label="Application launcher"
1915
1689
  >
1916
1690
  <span class="pf-v6-c-menu-toggle__icon">
1917
- <svg
1918
- class="pf-v5-svg"
1919
- viewBox="0 0 192 512"
1920
- fill="currentColor"
1921
- aria-hidden="true"
1922
- role="img"
1923
- width="1em"
1924
- height="1em"
1925
- >
1926
- <path
1927
- 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"
1928
- />
1929
- </svg>
1691
+ <i class="fas fa-th" aria-hidden="true"></i>
1930
1692
  </span>
1931
1693
  </button>
1932
1694
  </div>
@@ -1938,19 +1700,7 @@ wrapperTag: div
1938
1700
  aria-label="Settings"
1939
1701
  >
1940
1702
  <span class="pf-v6-c-menu-toggle__icon">
1941
- <svg
1942
- class="pf-v5-svg"
1943
- viewBox="0 0 192 512"
1944
- fill="currentColor"
1945
- aria-hidden="true"
1946
- role="img"
1947
- width="1em"
1948
- height="1em"
1949
- >
1950
- <path
1951
- 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"
1952
- />
1953
- </svg>
1703
+ <i class="fas fa-cog" aria-hidden="true"></i>
1954
1704
  </span>
1955
1705
  </button>
1956
1706
  </div>
@@ -1962,19 +1712,7 @@ wrapperTag: div
1962
1712
  aria-label="Help"
1963
1713
  >
1964
1714
  <span class="pf-v6-c-menu-toggle__icon">
1965
- <svg
1966
- class="pf-v5-svg"
1967
- viewBox="0 0 192 512"
1968
- fill="currentColor"
1969
- aria-hidden="true"
1970
- role="img"
1971
- width="1em"
1972
- height="1em"
1973
- >
1974
- <path
1975
- 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"
1976
- />
1977
- </svg>
1715
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1978
1716
  </span>
1979
1717
  </button>
1980
1718
  </div>
@@ -1987,19 +1725,7 @@ wrapperTag: div
1987
1725
  aria-label="Actions"
1988
1726
  >
1989
1727
  <span class="pf-v6-c-menu-toggle__icon">
1990
- <svg
1991
- class="pf-v5-svg"
1992
- viewBox="0 0 192 512"
1993
- fill="currentColor"
1994
- aria-hidden="true"
1995
- role="img"
1996
- width="1em"
1997
- height="1em"
1998
- >
1999
- <path
2000
- 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"
2001
- />
2002
- </svg>
1728
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2003
1729
  </span>
2004
1730
  </button>
2005
1731
  </div>
@@ -2400,19 +2126,7 @@ wrapperTag: div
2400
2126
  aria-label="Application launcher"
2401
2127
  >
2402
2128
  <span class="pf-v6-c-menu-toggle__icon">
2403
- <svg
2404
- class="pf-v5-svg"
2405
- viewBox="0 0 192 512"
2406
- fill="currentColor"
2407
- aria-hidden="true"
2408
- role="img"
2409
- width="1em"
2410
- height="1em"
2411
- >
2412
- <path
2413
- 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"
2414
- />
2415
- </svg>
2129
+ <i class="fas fa-th" aria-hidden="true"></i>
2416
2130
  </span>
2417
2131
  </button>
2418
2132
  </div>
@@ -2424,19 +2138,7 @@ wrapperTag: div
2424
2138
  aria-label="Settings"
2425
2139
  >
2426
2140
  <span class="pf-v6-c-menu-toggle__icon">
2427
- <svg
2428
- class="pf-v5-svg"
2429
- viewBox="0 0 192 512"
2430
- fill="currentColor"
2431
- aria-hidden="true"
2432
- role="img"
2433
- width="1em"
2434
- height="1em"
2435
- >
2436
- <path
2437
- 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"
2438
- />
2439
- </svg>
2141
+ <i class="fas fa-cog" aria-hidden="true"></i>
2440
2142
  </span>
2441
2143
  </button>
2442
2144
  </div>
@@ -2448,19 +2150,7 @@ wrapperTag: div
2448
2150
  aria-label="Help"
2449
2151
  >
2450
2152
  <span class="pf-v6-c-menu-toggle__icon">
2451
- <svg
2452
- class="pf-v5-svg"
2453
- viewBox="0 0 192 512"
2454
- fill="currentColor"
2455
- aria-hidden="true"
2456
- role="img"
2457
- width="1em"
2458
- height="1em"
2459
- >
2460
- <path
2461
- 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"
2462
- />
2463
- </svg>
2153
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2464
2154
  </span>
2465
2155
  </button>
2466
2156
  </div>
@@ -2473,19 +2163,7 @@ wrapperTag: div
2473
2163
  aria-label="Actions"
2474
2164
  >
2475
2165
  <span class="pf-v6-c-menu-toggle__icon">
2476
- <svg
2477
- class="pf-v5-svg"
2478
- viewBox="0 0 192 512"
2479
- fill="currentColor"
2480
- aria-hidden="true"
2481
- role="img"
2482
- width="1em"
2483
- height="1em"
2484
- >
2485
- <path
2486
- 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"
2487
- />
2488
- </svg>
2166
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2489
2167
  </span>
2490
2168
  </button>
2491
2169
  </div>
@@ -2886,19 +2564,7 @@ wrapperTag: div
2886
2564
  aria-label="Application launcher"
2887
2565
  >
2888
2566
  <span class="pf-v6-c-menu-toggle__icon">
2889
- <svg
2890
- class="pf-v5-svg"
2891
- viewBox="0 0 192 512"
2892
- fill="currentColor"
2893
- aria-hidden="true"
2894
- role="img"
2895
- width="1em"
2896
- height="1em"
2897
- >
2898
- <path
2899
- 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"
2900
- />
2901
- </svg>
2567
+ <i class="fas fa-th" aria-hidden="true"></i>
2902
2568
  </span>
2903
2569
  </button>
2904
2570
  </div>
@@ -2910,19 +2576,7 @@ wrapperTag: div
2910
2576
  aria-label="Settings"
2911
2577
  >
2912
2578
  <span class="pf-v6-c-menu-toggle__icon">
2913
- <svg
2914
- class="pf-v5-svg"
2915
- viewBox="0 0 192 512"
2916
- fill="currentColor"
2917
- aria-hidden="true"
2918
- role="img"
2919
- width="1em"
2920
- height="1em"
2921
- >
2922
- <path
2923
- 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"
2924
- />
2925
- </svg>
2579
+ <i class="fas fa-cog" aria-hidden="true"></i>
2926
2580
  </span>
2927
2581
  </button>
2928
2582
  </div>
@@ -2934,19 +2588,7 @@ wrapperTag: div
2934
2588
  aria-label="Help"
2935
2589
  >
2936
2590
  <span class="pf-v6-c-menu-toggle__icon">
2937
- <svg
2938
- class="pf-v5-svg"
2939
- viewBox="0 0 192 512"
2940
- fill="currentColor"
2941
- aria-hidden="true"
2942
- role="img"
2943
- width="1em"
2944
- height="1em"
2945
- >
2946
- <path
2947
- 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"
2948
- />
2949
- </svg>
2591
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2950
2592
  </span>
2951
2593
  </button>
2952
2594
  </div>
@@ -2959,19 +2601,7 @@ wrapperTag: div
2959
2601
  aria-label="Actions"
2960
2602
  >
2961
2603
  <span class="pf-v6-c-menu-toggle__icon">
2962
- <svg
2963
- class="pf-v5-svg"
2964
- viewBox="0 0 192 512"
2965
- fill="currentColor"
2966
- aria-hidden="true"
2967
- role="img"
2968
- width="1em"
2969
- height="1em"
2970
- >
2971
- <path
2972
- 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"
2973
- />
2974
- </svg>
2604
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2975
2605
  </span>
2976
2606
  </button>
2977
2607
  </div>
@@ -3374,19 +3004,7 @@ wrapperTag: div
3374
3004
  aria-label="Application launcher"
3375
3005
  >
3376
3006
  <span class="pf-v6-c-menu-toggle__icon">
3377
- <svg
3378
- class="pf-v5-svg"
3379
- viewBox="0 0 192 512"
3380
- fill="currentColor"
3381
- aria-hidden="true"
3382
- role="img"
3383
- width="1em"
3384
- height="1em"
3385
- >
3386
- <path
3387
- 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"
3388
- />
3389
- </svg>
3007
+ <i class="fas fa-th" aria-hidden="true"></i>
3390
3008
  </span>
3391
3009
  </button>
3392
3010
  </div>
@@ -3398,19 +3016,7 @@ wrapperTag: div
3398
3016
  aria-label="Settings"
3399
3017
  >
3400
3018
  <span class="pf-v6-c-menu-toggle__icon">
3401
- <svg
3402
- class="pf-v5-svg"
3403
- viewBox="0 0 192 512"
3404
- fill="currentColor"
3405
- aria-hidden="true"
3406
- role="img"
3407
- width="1em"
3408
- height="1em"
3409
- >
3410
- <path
3411
- 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"
3412
- />
3413
- </svg>
3019
+ <i class="fas fa-cog" aria-hidden="true"></i>
3414
3020
  </span>
3415
3021
  </button>
3416
3022
  </div>
@@ -3422,19 +3028,7 @@ wrapperTag: div
3422
3028
  aria-label="Help"
3423
3029
  >
3424
3030
  <span class="pf-v6-c-menu-toggle__icon">
3425
- <svg
3426
- class="pf-v5-svg"
3427
- viewBox="0 0 192 512"
3428
- fill="currentColor"
3429
- aria-hidden="true"
3430
- role="img"
3431
- width="1em"
3432
- height="1em"
3433
- >
3434
- <path
3435
- 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"
3436
- />
3437
- </svg>
3031
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3438
3032
  </span>
3439
3033
  </button>
3440
3034
  </div>
@@ -3447,19 +3041,7 @@ wrapperTag: div
3447
3041
  aria-label="Actions"
3448
3042
  >
3449
3043
  <span class="pf-v6-c-menu-toggle__icon">
3450
- <svg
3451
- class="pf-v5-svg"
3452
- viewBox="0 0 192 512"
3453
- fill="currentColor"
3454
- aria-hidden="true"
3455
- role="img"
3456
- width="1em"
3457
- height="1em"
3458
- >
3459
- <path
3460
- 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"
3461
- />
3462
- </svg>
3044
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3463
3045
  </span>
3464
3046
  </button>
3465
3047
  </div>
@@ -3867,19 +3449,7 @@ wrapperTag: div
3867
3449
  aria-label="Application launcher"
3868
3450
  >
3869
3451
  <span class="pf-v6-c-menu-toggle__icon">
3870
- <svg
3871
- class="pf-v5-svg"
3872
- viewBox="0 0 192 512"
3873
- fill="currentColor"
3874
- aria-hidden="true"
3875
- role="img"
3876
- width="1em"
3877
- height="1em"
3878
- >
3879
- <path
3880
- 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"
3881
- />
3882
- </svg>
3452
+ <i class="fas fa-th" aria-hidden="true"></i>
3883
3453
  </span>
3884
3454
  </button>
3885
3455
  </div>
@@ -3891,19 +3461,7 @@ wrapperTag: div
3891
3461
  aria-label="Settings"
3892
3462
  >
3893
3463
  <span class="pf-v6-c-menu-toggle__icon">
3894
- <svg
3895
- class="pf-v5-svg"
3896
- viewBox="0 0 192 512"
3897
- fill="currentColor"
3898
- aria-hidden="true"
3899
- role="img"
3900
- width="1em"
3901
- height="1em"
3902
- >
3903
- <path
3904
- 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"
3905
- />
3906
- </svg>
3464
+ <i class="fas fa-cog" aria-hidden="true"></i>
3907
3465
  </span>
3908
3466
  </button>
3909
3467
  </div>
@@ -3915,19 +3473,7 @@ wrapperTag: div
3915
3473
  aria-label="Help"
3916
3474
  >
3917
3475
  <span class="pf-v6-c-menu-toggle__icon">
3918
- <svg
3919
- class="pf-v5-svg"
3920
- viewBox="0 0 192 512"
3921
- fill="currentColor"
3922
- aria-hidden="true"
3923
- role="img"
3924
- width="1em"
3925
- height="1em"
3926
- >
3927
- <path
3928
- 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"
3929
- />
3930
- </svg>
3476
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3931
3477
  </span>
3932
3478
  </button>
3933
3479
  </div>
@@ -3940,19 +3486,7 @@ wrapperTag: div
3940
3486
  aria-label="Actions"
3941
3487
  >
3942
3488
  <span class="pf-v6-c-menu-toggle__icon">
3943
- <svg
3944
- class="pf-v5-svg"
3945
- viewBox="0 0 192 512"
3946
- fill="currentColor"
3947
- aria-hidden="true"
3948
- role="img"
3949
- width="1em"
3950
- height="1em"
3951
- >
3952
- <path
3953
- 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"
3954
- />
3955
- </svg>
3489
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3956
3490
  </span>
3957
3491
  </button>
3958
3492
  </div>
@@ -4006,7 +3540,7 @@ wrapperTag: div
4006
3540
  <h1>Centering page sections</h1>
4007
3541
  <p>
4008
3542
  When a width limited page section is wider than the value of
4009
- <code>--pf-v5-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
3543
+ <code>--pf-v6-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
4010
3544
  </p>
4011
3545
  <p>All of the page sections on this page are centered.</p>
4012
3546
  </div>