@patternfly/patternfly 6.5.0-prerelease.65 → 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 (56) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Breadcrumb/breadcrumb.css +6 -2
  4. package/components/Breadcrumb/breadcrumb.scss +6 -2
  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/MenuToggle/menu-toggle.css +1 -1
  10. package/components/MenuToggle/menu-toggle.scss +1 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +59 -21
  14. package/components/Table/table.scss +77 -26
  15. package/components/Wizard/wizard.css +2 -2
  16. package/components/Wizard/wizard.scss +4 -4
  17. package/components/_index.css +84 -45
  18. package/docs/components/ActionList/examples/ActionList.md +2 -2
  19. package/docs/components/Alert/examples/Alert.md +4 -4
  20. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  21. package/docs/components/Button/examples/Button.md +31 -31
  22. package/docs/components/Icon/examples/Icon.md +13 -1
  23. package/docs/components/Menu/examples/Menu.md +26 -2
  24. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  25. package/docs/components/Table/examples/Table.css +2 -1
  26. package/docs/components/Table/examples/Table.md +1330 -166
  27. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  28. package/docs/components/TreeView/examples/TreeView.md +4 -4
  29. package/docs/components/Wizard/examples/Wizard.md +1 -1
  30. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  31. package/docs/demos/Alert/examples/Alert.md +69 -45
  32. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  33. package/docs/demos/Banner/examples/Banner.md +46 -30
  34. package/docs/demos/CardView/examples/CardView.md +36 -16
  35. package/docs/demos/Compass/examples/Compass.md +76 -19
  36. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  37. package/docs/demos/DataList/examples/DataList.md +157 -65
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  39. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  41. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  42. package/docs/demos/Modal/examples/Modal.md +138 -90
  43. package/docs/demos/Nav/examples/Nav.md +188 -120
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  45. package/docs/demos/Page/examples/Page.md +361 -213
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  47. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  48. package/docs/demos/Table/examples/Table.md +3561 -618
  49. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  50. package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
  51. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  52. package/package.json +2 -2
  53. package/patternfly-no-globals.css +84 -45
  54. package/patternfly.css +84 -45
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -144,23 +144,11 @@ section: components
144
144
  type="button"
145
145
  aria-expanded="false"
146
146
  aria-label="Application launcher"
147
- >
148
- <span class="pf-v6-c-menu-toggle__icon">
149
- <i class="fas fa-th" aria-hidden="true"></i>
150
- </span>
151
- </button>
152
- </div>
153
- <div class="pf-v6-c-toolbar__item">
154
- <button
155
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
156
- type="button"
157
- aria-expanded="false"
158
- aria-label="Settings"
159
147
  >
160
148
  <span class="pf-v6-c-menu-toggle__icon">
161
149
  <svg
162
150
  class="pf-v6-svg"
163
- viewBox="0 0 32 32"
151
+ viewBox="0 0 512 512"
164
152
  fill="currentColor"
165
153
  aria-hidden="true"
166
154
  role="img"
@@ -168,12 +156,20 @@ section: components
168
156
  height="1em"
169
157
  >
170
158
  <path
171
- 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"
159
+ 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"
172
160
  />
173
161
  </svg>
174
162
  </span>
175
163
  </button>
176
164
  </div>
165
+ <div class="pf-v6-c-toolbar__item">
166
+ <button
167
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
168
+ type="button"
169
+ aria-expanded="false"
170
+ aria-label="Settings"
171
+ ></button>
172
+ </div>
177
173
  <div class="pf-v6-c-toolbar__item">
178
174
  <button
179
175
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -182,7 +178,19 @@ section: components
182
178
  aria-label="Help"
183
179
  >
184
180
  <span class="pf-v6-c-menu-toggle__icon">
185
- <i class="fas fa-question-circle" aria-hidden="true"></i>
181
+ <svg
182
+ class="pf-v6-svg"
183
+ viewBox="0 0 512 512"
184
+ fill="currentColor"
185
+ aria-hidden="true"
186
+ role="img"
187
+ width="1em"
188
+ height="1em"
189
+ >
190
+ <path
191
+ 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"
192
+ />
193
+ </svg>
186
194
  </span>
187
195
  </button>
188
196
  </div>
@@ -806,23 +814,11 @@ section: components
806
814
  type="button"
807
815
  aria-expanded="false"
808
816
  aria-label="Application launcher"
809
- >
810
- <span class="pf-v6-c-menu-toggle__icon">
811
- <i class="fas fa-th" aria-hidden="true"></i>
812
- </span>
813
- </button>
814
- </div>
815
- <div class="pf-v6-c-toolbar__item">
816
- <button
817
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
818
- type="button"
819
- aria-expanded="false"
820
- aria-label="Settings"
821
817
  >
822
818
  <span class="pf-v6-c-menu-toggle__icon">
823
819
  <svg
824
820
  class="pf-v6-svg"
825
- viewBox="0 0 32 32"
821
+ viewBox="0 0 512 512"
826
822
  fill="currentColor"
827
823
  aria-hidden="true"
828
824
  role="img"
@@ -830,12 +826,20 @@ section: components
830
826
  height="1em"
831
827
  >
832
828
  <path
833
- 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"
829
+ 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"
834
830
  />
835
831
  </svg>
836
832
  </span>
837
833
  </button>
838
834
  </div>
835
+ <div class="pf-v6-c-toolbar__item">
836
+ <button
837
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
838
+ type="button"
839
+ aria-expanded="false"
840
+ aria-label="Settings"
841
+ ></button>
842
+ </div>
839
843
  <div class="pf-v6-c-toolbar__item">
840
844
  <button
841
845
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -844,7 +848,19 @@ section: components
844
848
  aria-label="Help"
845
849
  >
846
850
  <span class="pf-v6-c-menu-toggle__icon">
847
- <i class="fas fa-question-circle" aria-hidden="true"></i>
851
+ <svg
852
+ class="pf-v6-svg"
853
+ viewBox="0 0 512 512"
854
+ fill="currentColor"
855
+ aria-hidden="true"
856
+ role="img"
857
+ width="1em"
858
+ height="1em"
859
+ >
860
+ <path
861
+ 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"
862
+ />
863
+ </svg>
848
864
  </span>
849
865
  </button>
850
866
  </div>
@@ -1475,23 +1491,11 @@ section: components
1475
1491
  type="button"
1476
1492
  aria-expanded="false"
1477
1493
  aria-label="Application launcher"
1478
- >
1479
- <span class="pf-v6-c-menu-toggle__icon">
1480
- <i class="fas fa-th" aria-hidden="true"></i>
1481
- </span>
1482
- </button>
1483
- </div>
1484
- <div class="pf-v6-c-toolbar__item">
1485
- <button
1486
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1487
- type="button"
1488
- aria-expanded="false"
1489
- aria-label="Settings"
1490
1494
  >
1491
1495
  <span class="pf-v6-c-menu-toggle__icon">
1492
1496
  <svg
1493
1497
  class="pf-v6-svg"
1494
- viewBox="0 0 32 32"
1498
+ viewBox="0 0 512 512"
1495
1499
  fill="currentColor"
1496
1500
  aria-hidden="true"
1497
1501
  role="img"
@@ -1499,12 +1503,20 @@ section: components
1499
1503
  height="1em"
1500
1504
  >
1501
1505
  <path
1502
- 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"
1506
+ 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"
1503
1507
  />
1504
1508
  </svg>
1505
1509
  </span>
1506
1510
  </button>
1507
1511
  </div>
1512
+ <div class="pf-v6-c-toolbar__item">
1513
+ <button
1514
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1515
+ type="button"
1516
+ aria-expanded="false"
1517
+ aria-label="Settings"
1518
+ ></button>
1519
+ </div>
1508
1520
  <div class="pf-v6-c-toolbar__item">
1509
1521
  <button
1510
1522
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1513,7 +1525,19 @@ section: components
1513
1525
  aria-label="Help"
1514
1526
  >
1515
1527
  <span class="pf-v6-c-menu-toggle__icon">
1516
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1528
+ <svg
1529
+ class="pf-v6-svg"
1530
+ viewBox="0 0 512 512"
1531
+ fill="currentColor"
1532
+ aria-hidden="true"
1533
+ role="img"
1534
+ width="1em"
1535
+ height="1em"
1536
+ >
1537
+ <path
1538
+ 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"
1539
+ />
1540
+ </svg>
1517
1541
  </span>
1518
1542
  </button>
1519
1543
  </div>
@@ -2061,23 +2085,11 @@ section: components
2061
2085
  type="button"
2062
2086
  aria-expanded="false"
2063
2087
  aria-label="Application launcher"
2064
- >
2065
- <span class="pf-v6-c-menu-toggle__icon">
2066
- <i class="fas fa-th" aria-hidden="true"></i>
2067
- </span>
2068
- </button>
2069
- </div>
2070
- <div class="pf-v6-c-toolbar__item">
2071
- <button
2072
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2073
- type="button"
2074
- aria-expanded="false"
2075
- aria-label="Settings"
2076
2088
  >
2077
2089
  <span class="pf-v6-c-menu-toggle__icon">
2078
2090
  <svg
2079
2091
  class="pf-v6-svg"
2080
- viewBox="0 0 32 32"
2092
+ viewBox="0 0 512 512"
2081
2093
  fill="currentColor"
2082
2094
  aria-hidden="true"
2083
2095
  role="img"
@@ -2085,12 +2097,20 @@ section: components
2085
2097
  height="1em"
2086
2098
  >
2087
2099
  <path
2088
- 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"
2100
+ 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"
2089
2101
  />
2090
2102
  </svg>
2091
2103
  </span>
2092
2104
  </button>
2093
2105
  </div>
2106
+ <div class="pf-v6-c-toolbar__item">
2107
+ <button
2108
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2109
+ type="button"
2110
+ aria-expanded="false"
2111
+ aria-label="Settings"
2112
+ ></button>
2113
+ </div>
2094
2114
  <div class="pf-v6-c-toolbar__item">
2095
2115
  <button
2096
2116
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2099,7 +2119,19 @@ section: components
2099
2119
  aria-label="Help"
2100
2120
  >
2101
2121
  <span class="pf-v6-c-menu-toggle__icon">
2102
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2122
+ <svg
2123
+ class="pf-v6-svg"
2124
+ viewBox="0 0 512 512"
2125
+ fill="currentColor"
2126
+ aria-hidden="true"
2127
+ role="img"
2128
+ width="1em"
2129
+ height="1em"
2130
+ >
2131
+ <path
2132
+ 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"
2133
+ />
2134
+ </svg>
2103
2135
  </span>
2104
2136
  </button>
2105
2137
  </div>
@@ -2285,7 +2317,19 @@ section: components
2285
2317
  aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
2286
2318
  >
2287
2319
  <span class="pf-v6-c-menu-toggle__icon">
2288
- <i class="fas fa-filter" aria-hidden="true"></i>
2320
+ <svg
2321
+ class="pf-v6-svg"
2322
+ viewBox="0 0 512 512"
2323
+ fill="currentColor"
2324
+ aria-hidden="true"
2325
+ role="img"
2326
+ width="1em"
2327
+ height="1em"
2328
+ >
2329
+ <path
2330
+ d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
2331
+ />
2332
+ </svg>
2289
2333
  </span>
2290
2334
  </button>
2291
2335
  </div>
@@ -3555,23 +3599,11 @@ section: components
3555
3599
  type="button"
3556
3600
  aria-expanded="false"
3557
3601
  aria-label="Application launcher"
3558
- >
3559
- <span class="pf-v6-c-menu-toggle__icon">
3560
- <i class="fas fa-th" aria-hidden="true"></i>
3561
- </span>
3562
- </button>
3563
- </div>
3564
- <div class="pf-v6-c-toolbar__item">
3565
- <button
3566
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3567
- type="button"
3568
- aria-expanded="false"
3569
- aria-label="Settings"
3570
3602
  >
3571
3603
  <span class="pf-v6-c-menu-toggle__icon">
3572
3604
  <svg
3573
3605
  class="pf-v6-svg"
3574
- viewBox="0 0 32 32"
3606
+ viewBox="0 0 512 512"
3575
3607
  fill="currentColor"
3576
3608
  aria-hidden="true"
3577
3609
  role="img"
@@ -3579,12 +3611,20 @@ section: components
3579
3611
  height="1em"
3580
3612
  >
3581
3613
  <path
3582
- 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"
3614
+ 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"
3583
3615
  />
3584
3616
  </svg>
3585
3617
  </span>
3586
3618
  </button>
3587
3619
  </div>
3620
+ <div class="pf-v6-c-toolbar__item">
3621
+ <button
3622
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3623
+ type="button"
3624
+ aria-expanded="false"
3625
+ aria-label="Settings"
3626
+ ></button>
3627
+ </div>
3588
3628
  <div class="pf-v6-c-toolbar__item">
3589
3629
  <button
3590
3630
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3593,7 +3633,19 @@ section: components
3593
3633
  aria-label="Help"
3594
3634
  >
3595
3635
  <span class="pf-v6-c-menu-toggle__icon">
3596
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3636
+ <svg
3637
+ class="pf-v6-svg"
3638
+ viewBox="0 0 512 512"
3639
+ fill="currentColor"
3640
+ aria-hidden="true"
3641
+ role="img"
3642
+ width="1em"
3643
+ height="1em"
3644
+ >
3645
+ <path
3646
+ 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"
3647
+ />
3648
+ </svg>
3597
3649
  </span>
3598
3650
  </button>
3599
3651
  </div>
@@ -3948,23 +4000,11 @@ section: components
3948
4000
  type="button"
3949
4001
  aria-expanded="false"
3950
4002
  aria-label="Application launcher"
3951
- >
3952
- <span class="pf-v6-c-menu-toggle__icon">
3953
- <i class="fas fa-th" aria-hidden="true"></i>
3954
- </span>
3955
- </button>
3956
- </div>
3957
- <div class="pf-v6-c-toolbar__item">
3958
- <button
3959
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3960
- type="button"
3961
- aria-expanded="false"
3962
- aria-label="Settings"
3963
4003
  >
3964
4004
  <span class="pf-v6-c-menu-toggle__icon">
3965
4005
  <svg
3966
4006
  class="pf-v6-svg"
3967
- viewBox="0 0 32 32"
4007
+ viewBox="0 0 512 512"
3968
4008
  fill="currentColor"
3969
4009
  aria-hidden="true"
3970
4010
  role="img"
@@ -3972,12 +4012,20 @@ section: components
3972
4012
  height="1em"
3973
4013
  >
3974
4014
  <path
3975
- 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"
4015
+ 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"
3976
4016
  />
3977
4017
  </svg>
3978
4018
  </span>
3979
4019
  </button>
3980
4020
  </div>
4021
+ <div class="pf-v6-c-toolbar__item">
4022
+ <button
4023
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4024
+ type="button"
4025
+ aria-expanded="false"
4026
+ aria-label="Settings"
4027
+ ></button>
4028
+ </div>
3981
4029
  <div class="pf-v6-c-toolbar__item">
3982
4030
  <button
3983
4031
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3986,7 +4034,19 @@ section: components
3986
4034
  aria-label="Help"
3987
4035
  >
3988
4036
  <span class="pf-v6-c-menu-toggle__icon">
3989
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4037
+ <svg
4038
+ class="pf-v6-svg"
4039
+ viewBox="0 0 512 512"
4040
+ fill="currentColor"
4041
+ aria-hidden="true"
4042
+ role="img"
4043
+ width="1em"
4044
+ height="1em"
4045
+ >
4046
+ <path
4047
+ 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"
4048
+ />
4049
+ </svg>
3990
4050
  </span>
3991
4051
  </button>
3992
4052
  </div>