@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/DataList/examples/DataList.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>
@@ -1274,23 +1282,11 @@ wrapperTag: div
1274
1282
  type="button"
1275
1283
  aria-expanded="false"
1276
1284
  aria-label="Application launcher"
1277
- >
1278
- <span class="pf-v6-c-menu-toggle__icon">
1279
- <i class="fas fa-th" aria-hidden="true"></i>
1280
- </span>
1281
- </button>
1282
- </div>
1283
- <div class="pf-v6-c-toolbar__item">
1284
- <button
1285
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1286
- type="button"
1287
- aria-expanded="false"
1288
- aria-label="Settings"
1289
1285
  >
1290
1286
  <span class="pf-v6-c-menu-toggle__icon">
1291
1287
  <svg
1292
1288
  class="pf-v6-svg"
1293
- viewBox="0 0 32 32"
1289
+ viewBox="0 0 512 512"
1294
1290
  fill="currentColor"
1295
1291
  aria-hidden="true"
1296
1292
  role="img"
@@ -1298,12 +1294,20 @@ wrapperTag: div
1298
1294
  height="1em"
1299
1295
  >
1300
1296
  <path
1301
- 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"
1297
+ 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"
1302
1298
  />
1303
1299
  </svg>
1304
1300
  </span>
1305
1301
  </button>
1306
1302
  </div>
1303
+ <div class="pf-v6-c-toolbar__item">
1304
+ <button
1305
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1306
+ type="button"
1307
+ aria-expanded="false"
1308
+ aria-label="Settings"
1309
+ ></button>
1310
+ </div>
1307
1311
  <div class="pf-v6-c-toolbar__item">
1308
1312
  <button
1309
1313
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1312,7 +1316,19 @@ wrapperTag: div
1312
1316
  aria-label="Help"
1313
1317
  >
1314
1318
  <span class="pf-v6-c-menu-toggle__icon">
1315
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1319
+ <svg
1320
+ class="pf-v6-svg"
1321
+ viewBox="0 0 512 512"
1322
+ fill="currentColor"
1323
+ aria-hidden="true"
1324
+ role="img"
1325
+ width="1em"
1326
+ height="1em"
1327
+ >
1328
+ <path
1329
+ 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"
1330
+ />
1331
+ </svg>
1316
1332
  </span>
1317
1333
  </button>
1318
1334
  </div>
@@ -1501,7 +1517,19 @@ wrapperTag: div
1501
1517
  aria-controls="data-list-actionable-example-toolbar-expandable-content"
1502
1518
  >
1503
1519
  <span class="pf-v6-c-menu-toggle__icon">
1504
- <i class="fas fa-filter" aria-hidden="true"></i>
1520
+ <svg
1521
+ class="pf-v6-svg"
1522
+ viewBox="0 0 512 512"
1523
+ fill="currentColor"
1524
+ aria-hidden="true"
1525
+ role="img"
1526
+ width="1em"
1527
+ height="1em"
1528
+ >
1529
+ <path
1530
+ 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"
1531
+ />
1532
+ </svg>
1505
1533
  </span>
1506
1534
  </button>
1507
1535
  </div>
@@ -2374,23 +2402,11 @@ wrapperTag: div
2374
2402
  type="button"
2375
2403
  aria-expanded="false"
2376
2404
  aria-label="Application launcher"
2377
- >
2378
- <span class="pf-v6-c-menu-toggle__icon">
2379
- <i class="fas fa-th" aria-hidden="true"></i>
2380
- </span>
2381
- </button>
2382
- </div>
2383
- <div class="pf-v6-c-toolbar__item">
2384
- <button
2385
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2386
- type="button"
2387
- aria-expanded="false"
2388
- aria-label="Settings"
2389
2405
  >
2390
2406
  <span class="pf-v6-c-menu-toggle__icon">
2391
2407
  <svg
2392
2408
  class="pf-v6-svg"
2393
- viewBox="0 0 32 32"
2409
+ viewBox="0 0 512 512"
2394
2410
  fill="currentColor"
2395
2411
  aria-hidden="true"
2396
2412
  role="img"
@@ -2398,12 +2414,20 @@ wrapperTag: div
2398
2414
  height="1em"
2399
2415
  >
2400
2416
  <path
2401
- 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"
2417
+ 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"
2402
2418
  />
2403
2419
  </svg>
2404
2420
  </span>
2405
2421
  </button>
2406
2422
  </div>
2423
+ <div class="pf-v6-c-toolbar__item">
2424
+ <button
2425
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2426
+ type="button"
2427
+ aria-expanded="false"
2428
+ aria-label="Settings"
2429
+ ></button>
2430
+ </div>
2407
2431
  <div class="pf-v6-c-toolbar__item">
2408
2432
  <button
2409
2433
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2412,7 +2436,19 @@ wrapperTag: div
2412
2436
  aria-label="Help"
2413
2437
  >
2414
2438
  <span class="pf-v6-c-menu-toggle__icon">
2415
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2439
+ <svg
2440
+ class="pf-v6-svg"
2441
+ viewBox="0 0 512 512"
2442
+ fill="currentColor"
2443
+ aria-hidden="true"
2444
+ role="img"
2445
+ width="1em"
2446
+ height="1em"
2447
+ >
2448
+ <path
2449
+ 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"
2450
+ />
2451
+ </svg>
2416
2452
  </span>
2417
2453
  </button>
2418
2454
  </div>
@@ -2633,7 +2669,19 @@ wrapperTag: div
2633
2669
  aria-controls="data-list-expandable-example-toolbar-expandable-content"
2634
2670
  >
2635
2671
  <span class="pf-v6-c-menu-toggle__icon">
2636
- <i class="fas fa-filter" aria-hidden="true"></i>
2672
+ <svg
2673
+ class="pf-v6-svg"
2674
+ viewBox="0 0 512 512"
2675
+ fill="currentColor"
2676
+ aria-hidden="true"
2677
+ role="img"
2678
+ width="1em"
2679
+ height="1em"
2680
+ >
2681
+ <path
2682
+ 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"
2683
+ />
2684
+ </svg>
2637
2685
  </span>
2638
2686
  </button>
2639
2687
  </div>
@@ -2696,7 +2744,19 @@ wrapperTag: div
2696
2744
  id="data-list-expandable-example-toolbar-search-filter-menu"
2697
2745
  >
2698
2746
  <span class="pf-v6-c-menu-toggle__icon">
2699
- <i class="fas fa-filter" aria-hidden="true"></i>
2747
+ <svg
2748
+ class="pf-v6-svg"
2749
+ viewBox="0 0 512 512"
2750
+ fill="currentColor"
2751
+ aria-hidden="true"
2752
+ role="img"
2753
+ width="1em"
2754
+ height="1em"
2755
+ >
2756
+ <path
2757
+ 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"
2758
+ />
2759
+ </svg>
2700
2760
  </span>
2701
2761
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2702
2762
  <span class="pf-v6-c-menu-toggle__controls">
@@ -4321,23 +4381,11 @@ wrapperTag: div
4321
4381
  type="button"
4322
4382
  aria-expanded="false"
4323
4383
  aria-label="Application launcher"
4324
- >
4325
- <span class="pf-v6-c-menu-toggle__icon">
4326
- <i class="fas fa-th" aria-hidden="true"></i>
4327
- </span>
4328
- </button>
4329
- </div>
4330
- <div class="pf-v6-c-toolbar__item">
4331
- <button
4332
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4333
- type="button"
4334
- aria-expanded="false"
4335
- aria-label="Settings"
4336
4384
  >
4337
4385
  <span class="pf-v6-c-menu-toggle__icon">
4338
4386
  <svg
4339
4387
  class="pf-v6-svg"
4340
- viewBox="0 0 32 32"
4388
+ viewBox="0 0 512 512"
4341
4389
  fill="currentColor"
4342
4390
  aria-hidden="true"
4343
4391
  role="img"
@@ -4345,12 +4393,20 @@ wrapperTag: div
4345
4393
  height="1em"
4346
4394
  >
4347
4395
  <path
4348
- 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"
4396
+ 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"
4349
4397
  />
4350
4398
  </svg>
4351
4399
  </span>
4352
4400
  </button>
4353
4401
  </div>
4402
+ <div class="pf-v6-c-toolbar__item">
4403
+ <button
4404
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4405
+ type="button"
4406
+ aria-expanded="false"
4407
+ aria-label="Settings"
4408
+ ></button>
4409
+ </div>
4354
4410
  <div class="pf-v6-c-toolbar__item">
4355
4411
  <button
4356
4412
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -4359,7 +4415,19 @@ wrapperTag: div
4359
4415
  aria-label="Help"
4360
4416
  >
4361
4417
  <span class="pf-v6-c-menu-toggle__icon">
4362
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4418
+ <svg
4419
+ class="pf-v6-svg"
4420
+ viewBox="0 0 512 512"
4421
+ fill="currentColor"
4422
+ aria-hidden="true"
4423
+ role="img"
4424
+ width="1em"
4425
+ height="1em"
4426
+ >
4427
+ <path
4428
+ 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"
4429
+ />
4430
+ </svg>
4363
4431
  </span>
4364
4432
  </button>
4365
4433
  </div>
@@ -4548,7 +4616,19 @@ wrapperTag: div
4548
4616
  aria-controls="data-list-static-bottom-example-toolbar-expandable-content"
4549
4617
  >
4550
4618
  <span class="pf-v6-c-menu-toggle__icon">
4551
- <i class="fas fa-filter" aria-hidden="true"></i>
4619
+ <svg
4620
+ class="pf-v6-svg"
4621
+ viewBox="0 0 512 512"
4622
+ fill="currentColor"
4623
+ aria-hidden="true"
4624
+ role="img"
4625
+ width="1em"
4626
+ height="1em"
4627
+ >
4628
+ <path
4629
+ 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"
4630
+ />
4631
+ </svg>
4552
4632
  </span>
4553
4633
  </button>
4554
4634
  </div>
@@ -4567,7 +4647,19 @@ wrapperTag: div
4567
4647
  id="data-list-static-bottom-example-toolbar-search-filter-menu"
4568
4648
  >
4569
4649
  <span class="pf-v6-c-menu-toggle__icon">
4570
- <i class="fas fa-filter" aria-hidden="true"></i>
4650
+ <svg
4651
+ class="pf-v6-svg"
4652
+ viewBox="0 0 512 512"
4653
+ fill="currentColor"
4654
+ aria-hidden="true"
4655
+ role="img"
4656
+ width="1em"
4657
+ height="1em"
4658
+ >
4659
+ <path
4660
+ 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"
4661
+ />
4662
+ </svg>
4571
4663
  </span>
4572
4664
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4573
4665
  <span class="pf-v6-c-menu-toggle__controls">