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

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 (49) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/DataList/data-list.css +1 -1
  4. package/components/DataList/data-list.scss +2 -2
  5. package/components/Drawer/drawer.css +3 -5
  6. package/components/Drawer/drawer.scss +7 -9
  7. package/components/Page/page.css +11 -11
  8. package/components/Page/page.scss +2 -2
  9. package/components/Table/table.css +1 -2
  10. package/components/Table/table.scss +2 -2
  11. package/components/Wizard/wizard.css +2 -2
  12. package/components/Wizard/wizard.scss +4 -4
  13. package/components/_index.css +19 -23
  14. package/docs/components/ActionList/examples/ActionList.md +2 -2
  15. package/docs/components/Alert/examples/Alert.md +4 -4
  16. package/docs/components/Button/examples/Button.md +1 -1
  17. package/docs/components/Icon/examples/Icon.md +13 -1
  18. package/docs/components/Menu/examples/Menu.md +26 -2
  19. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  20. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  21. package/docs/components/TreeView/examples/TreeView.md +4 -4
  22. package/docs/components/Wizard/examples/Wizard.md +1 -1
  23. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  24. package/docs/demos/Alert/examples/Alert.md +69 -45
  25. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  26. package/docs/demos/Banner/examples/Banner.md +46 -30
  27. package/docs/demos/CardView/examples/CardView.md +36 -16
  28. package/docs/demos/Compass/examples/Compass.md +76 -19
  29. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  30. package/docs/demos/DataList/examples/DataList.md +157 -65
  31. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  32. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  33. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  34. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  35. package/docs/demos/Modal/examples/Modal.md +138 -90
  36. package/docs/demos/Nav/examples/Nav.md +188 -120
  37. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  38. package/docs/demos/Page/examples/Page.md +361 -213
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  40. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  41. package/docs/demos/Table/examples/Table.md +711 -271
  42. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  43. package/docs/demos/Toolbar/examples/Toolbar.md +124 -36
  44. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  45. package/package.json +1 -1
  46. package/patternfly-no-globals.css +19 -23
  47. package/patternfly.css +19 -23
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -147,23 +147,11 @@ section: components
147
147
  type="button"
148
148
  aria-expanded="false"
149
149
  aria-label="Application launcher"
150
- >
151
- <span class="pf-v6-c-menu-toggle__icon">
152
- <i class="fas fa-th" aria-hidden="true"></i>
153
- </span>
154
- </button>
155
- </div>
156
- <div class="pf-v6-c-toolbar__item">
157
- <button
158
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
159
- type="button"
160
- aria-expanded="false"
161
- aria-label="Settings"
162
150
  >
163
151
  <span class="pf-v6-c-menu-toggle__icon">
164
152
  <svg
165
153
  class="pf-v6-svg"
166
- viewBox="0 0 32 32"
154
+ viewBox="0 0 512 512"
167
155
  fill="currentColor"
168
156
  aria-hidden="true"
169
157
  role="img"
@@ -171,12 +159,20 @@ section: components
171
159
  height="1em"
172
160
  >
173
161
  <path
174
- 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"
162
+ 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"
175
163
  />
176
164
  </svg>
177
165
  </span>
178
166
  </button>
179
167
  </div>
168
+ <div class="pf-v6-c-toolbar__item">
169
+ <button
170
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
171
+ type="button"
172
+ aria-expanded="false"
173
+ aria-label="Settings"
174
+ ></button>
175
+ </div>
180
176
  <div class="pf-v6-c-toolbar__item">
181
177
  <button
182
178
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -185,7 +181,19 @@ section: components
185
181
  aria-label="Help"
186
182
  >
187
183
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-question-circle" aria-hidden="true"></i>
184
+ <svg
185
+ class="pf-v6-svg"
186
+ viewBox="0 0 512 512"
187
+ fill="currentColor"
188
+ aria-hidden="true"
189
+ role="img"
190
+ width="1em"
191
+ height="1em"
192
+ >
193
+ <path
194
+ 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"
195
+ />
196
+ </svg>
189
197
  </span>
190
198
  </button>
191
199
  </div>
@@ -659,23 +667,11 @@ section: components
659
667
  type="button"
660
668
  aria-expanded="false"
661
669
  aria-label="Application launcher"
662
- >
663
- <span class="pf-v6-c-menu-toggle__icon">
664
- <i class="fas fa-th" aria-hidden="true"></i>
665
- </span>
666
- </button>
667
- </div>
668
- <div class="pf-v6-c-toolbar__item">
669
- <button
670
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
671
- type="button"
672
- aria-expanded="false"
673
- aria-label="Settings"
674
670
  >
675
671
  <span class="pf-v6-c-menu-toggle__icon">
676
672
  <svg
677
673
  class="pf-v6-svg"
678
- viewBox="0 0 32 32"
674
+ viewBox="0 0 512 512"
679
675
  fill="currentColor"
680
676
  aria-hidden="true"
681
677
  role="img"
@@ -683,12 +679,20 @@ section: components
683
679
  height="1em"
684
680
  >
685
681
  <path
686
- 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"
682
+ 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"
687
683
  />
688
684
  </svg>
689
685
  </span>
690
686
  </button>
691
687
  </div>
688
+ <div class="pf-v6-c-toolbar__item">
689
+ <button
690
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
691
+ type="button"
692
+ aria-expanded="false"
693
+ aria-label="Settings"
694
+ ></button>
695
+ </div>
692
696
  <div class="pf-v6-c-toolbar__item">
693
697
  <button
694
698
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -697,7 +701,19 @@ section: components
697
701
  aria-label="Help"
698
702
  >
699
703
  <span class="pf-v6-c-menu-toggle__icon">
700
- <i class="fas fa-question-circle" aria-hidden="true"></i>
704
+ <svg
705
+ class="pf-v6-svg"
706
+ viewBox="0 0 512 512"
707
+ fill="currentColor"
708
+ aria-hidden="true"
709
+ role="img"
710
+ width="1em"
711
+ height="1em"
712
+ >
713
+ <path
714
+ 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"
715
+ />
716
+ </svg>
701
717
  </span>
702
718
  </button>
703
719
  </div>
@@ -1171,23 +1187,11 @@ section: components
1171
1187
  type="button"
1172
1188
  aria-expanded="false"
1173
1189
  aria-label="Application launcher"
1174
- >
1175
- <span class="pf-v6-c-menu-toggle__icon">
1176
- <i class="fas fa-th" aria-hidden="true"></i>
1177
- </span>
1178
- </button>
1179
- </div>
1180
- <div class="pf-v6-c-toolbar__item">
1181
- <button
1182
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1183
- type="button"
1184
- aria-expanded="false"
1185
- aria-label="Settings"
1186
1190
  >
1187
1191
  <span class="pf-v6-c-menu-toggle__icon">
1188
1192
  <svg
1189
1193
  class="pf-v6-svg"
1190
- viewBox="0 0 32 32"
1194
+ viewBox="0 0 512 512"
1191
1195
  fill="currentColor"
1192
1196
  aria-hidden="true"
1193
1197
  role="img"
@@ -1195,12 +1199,20 @@ section: components
1195
1199
  height="1em"
1196
1200
  >
1197
1201
  <path
1198
- 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"
1202
+ 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"
1199
1203
  />
1200
1204
  </svg>
1201
1205
  </span>
1202
1206
  </button>
1203
1207
  </div>
1208
+ <div class="pf-v6-c-toolbar__item">
1209
+ <button
1210
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1211
+ type="button"
1212
+ aria-expanded="false"
1213
+ aria-label="Settings"
1214
+ ></button>
1215
+ </div>
1204
1216
  <div class="pf-v6-c-toolbar__item">
1205
1217
  <button
1206
1218
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1209,7 +1221,19 @@ section: components
1209
1221
  aria-label="Help"
1210
1222
  >
1211
1223
  <span class="pf-v6-c-menu-toggle__icon">
1212
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1224
+ <svg
1225
+ class="pf-v6-svg"
1226
+ viewBox="0 0 512 512"
1227
+ fill="currentColor"
1228
+ aria-hidden="true"
1229
+ role="img"
1230
+ width="1em"
1231
+ height="1em"
1232
+ >
1233
+ <path
1234
+ 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"
1235
+ />
1236
+ </svg>
1213
1237
  </span>
1214
1238
  </button>
1215
1239
  </div>
@@ -1680,23 +1704,11 @@ section: components
1680
1704
  type="button"
1681
1705
  aria-expanded="false"
1682
1706
  aria-label="Application launcher"
1683
- >
1684
- <span class="pf-v6-c-menu-toggle__icon">
1685
- <i class="fas fa-th" aria-hidden="true"></i>
1686
- </span>
1687
- </button>
1688
- </div>
1689
- <div class="pf-v6-c-toolbar__item">
1690
- <button
1691
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1692
- type="button"
1693
- aria-expanded="false"
1694
- aria-label="Settings"
1695
1707
  >
1696
1708
  <span class="pf-v6-c-menu-toggle__icon">
1697
1709
  <svg
1698
1710
  class="pf-v6-svg"
1699
- viewBox="0 0 32 32"
1711
+ viewBox="0 0 512 512"
1700
1712
  fill="currentColor"
1701
1713
  aria-hidden="true"
1702
1714
  role="img"
@@ -1704,12 +1716,20 @@ section: components
1704
1716
  height="1em"
1705
1717
  >
1706
1718
  <path
1707
- 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"
1719
+ 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"
1708
1720
  />
1709
1721
  </svg>
1710
1722
  </span>
1711
1723
  </button>
1712
1724
  </div>
1725
+ <div class="pf-v6-c-toolbar__item">
1726
+ <button
1727
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1728
+ type="button"
1729
+ aria-expanded="false"
1730
+ aria-label="Settings"
1731
+ ></button>
1732
+ </div>
1713
1733
  <div class="pf-v6-c-toolbar__item">
1714
1734
  <button
1715
1735
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1718,7 +1738,19 @@ section: components
1718
1738
  aria-label="Help"
1719
1739
  >
1720
1740
  <span class="pf-v6-c-menu-toggle__icon">
1721
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1741
+ <svg
1742
+ class="pf-v6-svg"
1743
+ viewBox="0 0 512 512"
1744
+ fill="currentColor"
1745
+ aria-hidden="true"
1746
+ role="img"
1747
+ width="1em"
1748
+ height="1em"
1749
+ >
1750
+ <path
1751
+ 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"
1752
+ />
1753
+ </svg>
1722
1754
  </span>
1723
1755
  </button>
1724
1756
  </div>
@@ -2126,23 +2158,11 @@ section: components
2126
2158
  type="button"
2127
2159
  aria-expanded="false"
2128
2160
  aria-label="Application launcher"
2129
- >
2130
- <span class="pf-v6-c-menu-toggle__icon">
2131
- <i class="fas fa-th" aria-hidden="true"></i>
2132
- </span>
2133
- </button>
2134
- </div>
2135
- <div class="pf-v6-c-toolbar__item">
2136
- <button
2137
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2138
- type="button"
2139
- aria-expanded="false"
2140
- aria-label="Settings"
2141
2161
  >
2142
2162
  <span class="pf-v6-c-menu-toggle__icon">
2143
2163
  <svg
2144
2164
  class="pf-v6-svg"
2145
- viewBox="0 0 32 32"
2165
+ viewBox="0 0 512 512"
2146
2166
  fill="currentColor"
2147
2167
  aria-hidden="true"
2148
2168
  role="img"
@@ -2150,12 +2170,20 @@ section: components
2150
2170
  height="1em"
2151
2171
  >
2152
2172
  <path
2153
- 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"
2173
+ 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"
2154
2174
  />
2155
2175
  </svg>
2156
2176
  </span>
2157
2177
  </button>
2158
2178
  </div>
2179
+ <div class="pf-v6-c-toolbar__item">
2180
+ <button
2181
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2182
+ type="button"
2183
+ aria-expanded="false"
2184
+ aria-label="Settings"
2185
+ ></button>
2186
+ </div>
2159
2187
  <div class="pf-v6-c-toolbar__item">
2160
2188
  <button
2161
2189
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2164,7 +2192,19 @@ section: components
2164
2192
  aria-label="Help"
2165
2193
  >
2166
2194
  <span class="pf-v6-c-menu-toggle__icon">
2167
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2195
+ <svg
2196
+ class="pf-v6-svg"
2197
+ viewBox="0 0 512 512"
2198
+ fill="currentColor"
2199
+ aria-hidden="true"
2200
+ role="img"
2201
+ width="1em"
2202
+ height="1em"
2203
+ >
2204
+ <path
2205
+ 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"
2206
+ />
2207
+ </svg>
2168
2208
  </span>
2169
2209
  </button>
2170
2210
  </div>
@@ -2596,23 +2636,11 @@ section: components
2596
2636
  type="button"
2597
2637
  aria-expanded="false"
2598
2638
  aria-label="Application launcher"
2599
- >
2600
- <span class="pf-v6-c-menu-toggle__icon">
2601
- <i class="fas fa-th" aria-hidden="true"></i>
2602
- </span>
2603
- </button>
2604
- </div>
2605
- <div class="pf-v6-c-toolbar__item">
2606
- <button
2607
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2608
- type="button"
2609
- aria-expanded="false"
2610
- aria-label="Settings"
2611
2639
  >
2612
2640
  <span class="pf-v6-c-menu-toggle__icon">
2613
2641
  <svg
2614
2642
  class="pf-v6-svg"
2615
- viewBox="0 0 32 32"
2643
+ viewBox="0 0 512 512"
2616
2644
  fill="currentColor"
2617
2645
  aria-hidden="true"
2618
2646
  role="img"
@@ -2620,12 +2648,20 @@ section: components
2620
2648
  height="1em"
2621
2649
  >
2622
2650
  <path
2623
- 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"
2651
+ 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"
2624
2652
  />
2625
2653
  </svg>
2626
2654
  </span>
2627
2655
  </button>
2628
2656
  </div>
2657
+ <div class="pf-v6-c-toolbar__item">
2658
+ <button
2659
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2660
+ type="button"
2661
+ aria-expanded="false"
2662
+ aria-label="Settings"
2663
+ ></button>
2664
+ </div>
2629
2665
  <div class="pf-v6-c-toolbar__item">
2630
2666
  <button
2631
2667
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2634,7 +2670,19 @@ section: components
2634
2670
  aria-label="Help"
2635
2671
  >
2636
2672
  <span class="pf-v6-c-menu-toggle__icon">
2637
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2673
+ <svg
2674
+ class="pf-v6-svg"
2675
+ viewBox="0 0 512 512"
2676
+ fill="currentColor"
2677
+ aria-hidden="true"
2678
+ role="img"
2679
+ width="1em"
2680
+ height="1em"
2681
+ >
2682
+ <path
2683
+ 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"
2684
+ />
2685
+ </svg>
2638
2686
  </span>
2639
2687
  </button>
2640
2688
  </div>