@patternfly/patternfly 6.5.0-prerelease.66 → 6.5.0-prerelease.68

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 (58) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Card/card.css +8 -0
  4. package/components/Card/card.scss +13 -0
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +2 -2
  7. package/components/Drawer/drawer.css +3 -5
  8. package/components/Drawer/drawer.scss +7 -9
  9. package/components/OverflowMenu/overflow-menu.css +16 -0
  10. package/components/OverflowMenu/overflow-menu.scss +20 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +1 -2
  14. package/components/Table/table.scss +2 -2
  15. package/components/Toolbar/toolbar.css +100 -0
  16. package/components/Toolbar/toolbar.scss +2 -2
  17. package/components/Wizard/wizard.css +2 -2
  18. package/components/Wizard/wizard.scss +4 -4
  19. package/components/_index.css +143 -23
  20. package/docs/components/ActionList/examples/ActionList.md +2 -2
  21. package/docs/components/Alert/examples/Alert.md +4 -4
  22. package/docs/components/Button/examples/Button.md +1 -1
  23. package/docs/components/Icon/examples/Icon.md +13 -1
  24. package/docs/components/Menu/examples/Menu.md +26 -2
  25. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  26. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +21 -0
  28. package/docs/components/Toolbar/examples/Toolbar.md +106 -7
  29. package/docs/components/TreeView/examples/TreeView.md +4 -4
  30. package/docs/components/Wizard/examples/Wizard.md +1 -1
  31. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  32. package/docs/demos/Alert/examples/Alert.md +69 -45
  33. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  34. package/docs/demos/Banner/examples/Banner.md +46 -30
  35. package/docs/demos/CardView/examples/CardView.md +36 -16
  36. package/docs/demos/Compass/examples/Compass.md +76 -19
  37. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  38. package/docs/demos/DataList/examples/DataList.md +157 -65
  39. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  40. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  41. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  42. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  43. package/docs/demos/Modal/examples/Modal.md +138 -90
  44. package/docs/demos/Nav/examples/Nav.md +188 -120
  45. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  46. package/docs/demos/Page/examples/Page.md +361 -213
  47. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  48. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  49. package/docs/demos/Table/examples/Table.md +711 -271
  50. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  51. package/docs/demos/Toolbar/examples/Toolbar.md +124 -36
  52. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  53. package/package.json +1 -1
  54. package/patternfly-no-globals.css +143 -23
  55. package/patternfly.css +143 -23
  56. package/patternfly.min.css +1 -1
  57. package/patternfly.min.css.map +1 -1
  58. package/sass-utilities/mixins.scss +16 -1
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -145,23 +145,11 @@ wrapperTag: div
145
145
  type="button"
146
146
  aria-expanded="false"
147
147
  aria-label="Application launcher"
148
- >
149
- <span class="pf-v6-c-menu-toggle__icon">
150
- <i class="fas fa-th" aria-hidden="true"></i>
151
- </span>
152
- </button>
153
- </div>
154
- <div class="pf-v6-c-toolbar__item">
155
- <button
156
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
157
- type="button"
158
- aria-expanded="false"
159
- aria-label="Settings"
160
148
  >
161
149
  <span class="pf-v6-c-menu-toggle__icon">
162
150
  <svg
163
151
  class="pf-v6-svg"
164
- viewBox="0 0 32 32"
152
+ viewBox="0 0 512 512"
165
153
  fill="currentColor"
166
154
  aria-hidden="true"
167
155
  role="img"
@@ -169,12 +157,20 @@ wrapperTag: div
169
157
  height="1em"
170
158
  >
171
159
  <path
172
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
160
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
173
161
  />
174
162
  </svg>
175
163
  </span>
176
164
  </button>
177
165
  </div>
166
+ <div class="pf-v6-c-toolbar__item">
167
+ <button
168
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
169
+ type="button"
170
+ aria-expanded="false"
171
+ aria-label="Settings"
172
+ ></button>
173
+ </div>
178
174
  <div class="pf-v6-c-toolbar__item">
179
175
  <button
180
176
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -183,7 +179,19 @@ wrapperTag: div
183
179
  aria-label="Help"
184
180
  >
185
181
  <span class="pf-v6-c-menu-toggle__icon">
186
- <i class="fas fa-question-circle" aria-hidden="true"></i>
182
+ <svg
183
+ class="pf-v6-svg"
184
+ viewBox="0 0 512 512"
185
+ fill="currentColor"
186
+ aria-hidden="true"
187
+ role="img"
188
+ width="1em"
189
+ height="1em"
190
+ >
191
+ <path
192
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
193
+ />
194
+ </svg>
187
195
  </span>
188
196
  </button>
189
197
  </div>
@@ -733,23 +741,11 @@ wrapperTag: div
733
741
  type="button"
734
742
  aria-expanded="false"
735
743
  aria-label="Application launcher"
736
- >
737
- <span class="pf-v6-c-menu-toggle__icon">
738
- <i class="fas fa-th" aria-hidden="true"></i>
739
- </span>
740
- </button>
741
- </div>
742
- <div class="pf-v6-c-toolbar__item">
743
- <button
744
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
745
- type="button"
746
- aria-expanded="false"
747
- aria-label="Settings"
748
744
  >
749
745
  <span class="pf-v6-c-menu-toggle__icon">
750
746
  <svg
751
747
  class="pf-v6-svg"
752
- viewBox="0 0 32 32"
748
+ viewBox="0 0 512 512"
753
749
  fill="currentColor"
754
750
  aria-hidden="true"
755
751
  role="img"
@@ -757,12 +753,20 @@ wrapperTag: div
757
753
  height="1em"
758
754
  >
759
755
  <path
760
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
756
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
761
757
  />
762
758
  </svg>
763
759
  </span>
764
760
  </button>
765
761
  </div>
762
+ <div class="pf-v6-c-toolbar__item">
763
+ <button
764
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
765
+ type="button"
766
+ aria-expanded="false"
767
+ aria-label="Settings"
768
+ ></button>
769
+ </div>
766
770
  <div class="pf-v6-c-toolbar__item">
767
771
  <button
768
772
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -771,7 +775,19 @@ wrapperTag: div
771
775
  aria-label="Help"
772
776
  >
773
777
  <span class="pf-v6-c-menu-toggle__icon">
774
- <i class="fas fa-question-circle" aria-hidden="true"></i>
778
+ <svg
779
+ class="pf-v6-svg"
780
+ viewBox="0 0 512 512"
781
+ fill="currentColor"
782
+ aria-hidden="true"
783
+ role="img"
784
+ width="1em"
785
+ height="1em"
786
+ >
787
+ <path
788
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
789
+ />
790
+ </svg>
775
791
  </span>
776
792
  </button>
777
793
  </div>
@@ -1145,23 +1161,11 @@ wrapperTag: div
1145
1161
  type="button"
1146
1162
  aria-expanded="false"
1147
1163
  aria-label="Application launcher"
1148
- >
1149
- <span class="pf-v6-c-menu-toggle__icon">
1150
- <i class="fas fa-th" aria-hidden="true"></i>
1151
- </span>
1152
- </button>
1153
- </div>
1154
- <div class="pf-v6-c-toolbar__item">
1155
- <button
1156
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1157
- type="button"
1158
- aria-expanded="false"
1159
- aria-label="Settings"
1160
1164
  >
1161
1165
  <span class="pf-v6-c-menu-toggle__icon">
1162
1166
  <svg
1163
1167
  class="pf-v6-svg"
1164
- viewBox="0 0 32 32"
1168
+ viewBox="0 0 512 512"
1165
1169
  fill="currentColor"
1166
1170
  aria-hidden="true"
1167
1171
  role="img"
@@ -1169,12 +1173,20 @@ wrapperTag: div
1169
1173
  height="1em"
1170
1174
  >
1171
1175
  <path
1172
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
1176
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
1173
1177
  />
1174
1178
  </svg>
1175
1179
  </span>
1176
1180
  </button>
1177
1181
  </div>
1182
+ <div class="pf-v6-c-toolbar__item">
1183
+ <button
1184
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1185
+ type="button"
1186
+ aria-expanded="false"
1187
+ aria-label="Settings"
1188
+ ></button>
1189
+ </div>
1178
1190
  <div class="pf-v6-c-toolbar__item">
1179
1191
  <button
1180
1192
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1183,7 +1195,19 @@ wrapperTag: div
1183
1195
  aria-label="Help"
1184
1196
  >
1185
1197
  <span class="pf-v6-c-menu-toggle__icon">
1186
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1198
+ <svg
1199
+ class="pf-v6-svg"
1200
+ viewBox="0 0 512 512"
1201
+ fill="currentColor"
1202
+ aria-hidden="true"
1203
+ role="img"
1204
+ width="1em"
1205
+ height="1em"
1206
+ >
1207
+ <path
1208
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
1209
+ />
1210
+ </svg>
1187
1211
  </span>
1188
1212
  </button>
1189
1213
  </div>
@@ -1557,23 +1581,11 @@ wrapperTag: div
1557
1581
  type="button"
1558
1582
  aria-expanded="false"
1559
1583
  aria-label="Application launcher"
1560
- >
1561
- <span class="pf-v6-c-menu-toggle__icon">
1562
- <i class="fas fa-th" aria-hidden="true"></i>
1563
- </span>
1564
- </button>
1565
- </div>
1566
- <div class="pf-v6-c-toolbar__item">
1567
- <button
1568
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1569
- type="button"
1570
- aria-expanded="false"
1571
- aria-label="Settings"
1572
1584
  >
1573
1585
  <span class="pf-v6-c-menu-toggle__icon">
1574
1586
  <svg
1575
1587
  class="pf-v6-svg"
1576
- viewBox="0 0 32 32"
1588
+ viewBox="0 0 512 512"
1577
1589
  fill="currentColor"
1578
1590
  aria-hidden="true"
1579
1591
  role="img"
@@ -1581,12 +1593,20 @@ wrapperTag: div
1581
1593
  height="1em"
1582
1594
  >
1583
1595
  <path
1584
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
1596
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
1585
1597
  />
1586
1598
  </svg>
1587
1599
  </span>
1588
1600
  </button>
1589
1601
  </div>
1602
+ <div class="pf-v6-c-toolbar__item">
1603
+ <button
1604
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1605
+ type="button"
1606
+ aria-expanded="false"
1607
+ aria-label="Settings"
1608
+ ></button>
1609
+ </div>
1590
1610
  <div class="pf-v6-c-toolbar__item">
1591
1611
  <button
1592
1612
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1595,7 +1615,19 @@ wrapperTag: div
1595
1615
  aria-label="Help"
1596
1616
  >
1597
1617
  <span class="pf-v6-c-menu-toggle__icon">
1598
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1618
+ <svg
1619
+ class="pf-v6-svg"
1620
+ viewBox="0 0 512 512"
1621
+ fill="currentColor"
1622
+ aria-hidden="true"
1623
+ role="img"
1624
+ width="1em"
1625
+ height="1em"
1626
+ >
1627
+ <path
1628
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
1629
+ />
1630
+ </svg>
1599
1631
  </span>
1600
1632
  </button>
1601
1633
  </div>
@@ -2027,23 +2059,11 @@ wrapperTag: div
2027
2059
  type="button"
2028
2060
  aria-expanded="false"
2029
2061
  aria-label="Application launcher"
2030
- >
2031
- <span class="pf-v6-c-menu-toggle__icon">
2032
- <i class="fas fa-th" aria-hidden="true"></i>
2033
- </span>
2034
- </button>
2035
- </div>
2036
- <div class="pf-v6-c-toolbar__item">
2037
- <button
2038
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2039
- type="button"
2040
- aria-expanded="false"
2041
- aria-label="Settings"
2042
2062
  >
2043
2063
  <span class="pf-v6-c-menu-toggle__icon">
2044
2064
  <svg
2045
2065
  class="pf-v6-svg"
2046
- viewBox="0 0 32 32"
2066
+ viewBox="0 0 512 512"
2047
2067
  fill="currentColor"
2048
2068
  aria-hidden="true"
2049
2069
  role="img"
@@ -2051,12 +2071,20 @@ wrapperTag: div
2051
2071
  height="1em"
2052
2072
  >
2053
2073
  <path
2054
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
2074
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
2055
2075
  />
2056
2076
  </svg>
2057
2077
  </span>
2058
2078
  </button>
2059
2079
  </div>
2080
+ <div class="pf-v6-c-toolbar__item">
2081
+ <button
2082
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2083
+ type="button"
2084
+ aria-expanded="false"
2085
+ aria-label="Settings"
2086
+ ></button>
2087
+ </div>
2060
2088
  <div class="pf-v6-c-toolbar__item">
2061
2089
  <button
2062
2090
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2065,7 +2093,19 @@ wrapperTag: div
2065
2093
  aria-label="Help"
2066
2094
  >
2067
2095
  <span class="pf-v6-c-menu-toggle__icon">
2068
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2096
+ <svg
2097
+ class="pf-v6-svg"
2098
+ viewBox="0 0 512 512"
2099
+ fill="currentColor"
2100
+ aria-hidden="true"
2101
+ role="img"
2102
+ width="1em"
2103
+ height="1em"
2104
+ >
2105
+ <path
2106
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
2107
+ />
2108
+ </svg>
2069
2109
  </span>
2070
2110
  </button>
2071
2111
  </div>