@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/Masthead/examples/Masthead.md CHANGED
@@ -871,7 +871,19 @@ wrapperTag: div
871
871
  aria-controls="masthead-toolbar-filters-example-docked-toolbar-expandable-content"
872
872
  >
873
873
  <span class="pf-v6-c-menu-toggle__icon">
874
- <i class="fas fa-filter" aria-hidden="true"></i>
874
+ <svg
875
+ class="pf-v6-svg"
876
+ viewBox="0 0 512 512"
877
+ fill="currentColor"
878
+ aria-hidden="true"
879
+ role="img"
880
+ width="1em"
881
+ height="1em"
882
+ >
883
+ <path
884
+ 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"
885
+ />
886
+ </svg>
875
887
  </span>
876
888
  </button>
877
889
  </div>
@@ -889,7 +901,19 @@ wrapperTag: div
889
901
  id="masthead-toolbar-filters-example-docked-toolbar-search-filter-menu"
890
902
  >
891
903
  <span class="pf-v6-c-menu-toggle__icon">
892
- <i class="fas fa-filter" aria-hidden="true"></i>
904
+ <svg
905
+ class="pf-v6-svg"
906
+ viewBox="0 0 512 512"
907
+ fill="currentColor"
908
+ aria-hidden="true"
909
+ role="img"
910
+ width="1em"
911
+ height="1em"
912
+ >
913
+ <path
914
+ 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"
915
+ />
916
+ </svg>
893
917
  </span>
894
918
  <span class="pf-v6-c-menu-toggle__text">Name</span>
895
919
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1287,7 +1311,19 @@ wrapperTag: div
1287
1311
  aria-controls="masthead-toggle-group-filters-example-docked-toolbar-expandable-content"
1288
1312
  >
1289
1313
  <span class="pf-v6-c-menu-toggle__icon">
1290
- <i class="fas fa-filter" aria-hidden="true"></i>
1314
+ <svg
1315
+ class="pf-v6-svg"
1316
+ viewBox="0 0 512 512"
1317
+ fill="currentColor"
1318
+ aria-hidden="true"
1319
+ role="img"
1320
+ width="1em"
1321
+ height="1em"
1322
+ >
1323
+ <path
1324
+ 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"
1325
+ />
1326
+ </svg>
1291
1327
  </span>
1292
1328
  </button>
1293
1329
  </div>
@@ -1305,7 +1341,19 @@ wrapperTag: div
1305
1341
  id="masthead-toggle-group-filters-example-docked-toolbar-search-filter-menu"
1306
1342
  >
1307
1343
  <span class="pf-v6-c-menu-toggle__icon">
1308
- <i class="fas fa-filter" aria-hidden="true"></i>
1344
+ <svg
1345
+ class="pf-v6-svg"
1346
+ viewBox="0 0 512 512"
1347
+ fill="currentColor"
1348
+ aria-hidden="true"
1349
+ role="img"
1350
+ width="1em"
1351
+ height="1em"
1352
+ >
1353
+ <path
1354
+ 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"
1355
+ />
1356
+ </svg>
1309
1357
  </span>
1310
1358
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1311
1359
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2403,23 +2451,11 @@ wrapperTag: div
2403
2451
  type="button"
2404
2452
  aria-expanded="false"
2405
2453
  aria-label="Application launcher"
2406
- >
2407
- <span class="pf-v6-c-menu-toggle__icon">
2408
- <i class="fas fa-th" aria-hidden="true"></i>
2409
- </span>
2410
- </button>
2411
- </div>
2412
- <div class="pf-v6-c-toolbar__item">
2413
- <button
2414
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2415
- type="button"
2416
- aria-expanded="false"
2417
- aria-label="Settings"
2418
2454
  >
2419
2455
  <span class="pf-v6-c-menu-toggle__icon">
2420
2456
  <svg
2421
2457
  class="pf-v6-svg"
2422
- viewBox="0 0 32 32"
2458
+ viewBox="0 0 512 512"
2423
2459
  fill="currentColor"
2424
2460
  aria-hidden="true"
2425
2461
  role="img"
@@ -2427,12 +2463,20 @@ wrapperTag: div
2427
2463
  height="1em"
2428
2464
  >
2429
2465
  <path
2430
- 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"
2466
+ 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"
2431
2467
  />
2432
2468
  </svg>
2433
2469
  </span>
2434
2470
  </button>
2435
2471
  </div>
2472
+ <div class="pf-v6-c-toolbar__item">
2473
+ <button
2474
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2475
+ type="button"
2476
+ aria-expanded="false"
2477
+ aria-label="Settings"
2478
+ ></button>
2479
+ </div>
2436
2480
  <div class="pf-v6-c-toolbar__item">
2437
2481
  <button
2438
2482
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2441,7 +2485,19 @@ wrapperTag: div
2441
2485
  aria-label="Help"
2442
2486
  >
2443
2487
  <span class="pf-v6-c-menu-toggle__icon">
2444
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2488
+ <svg
2489
+ class="pf-v6-svg"
2490
+ viewBox="0 0 512 512"
2491
+ fill="currentColor"
2492
+ aria-hidden="true"
2493
+ role="img"
2494
+ width="1em"
2495
+ height="1em"
2496
+ >
2497
+ <path
2498
+ 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"
2499
+ />
2500
+ </svg>
2445
2501
  </span>
2446
2502
  </button>
2447
2503
  </div>
@@ -3125,7 +3181,19 @@ wrapperTag: div
3125
3181
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar-expandable-content"
3126
3182
  >
3127
3183
  <span class="pf-v6-c-menu-toggle__icon">
3128
- <i class="fas fa-filter" aria-hidden="true"></i>
3184
+ <svg
3185
+ class="pf-v6-svg"
3186
+ viewBox="0 0 512 512"
3187
+ fill="currentColor"
3188
+ aria-hidden="true"
3189
+ role="img"
3190
+ width="1em"
3191
+ height="1em"
3192
+ >
3193
+ <path
3194
+ 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"
3195
+ />
3196
+ </svg>
3129
3197
  </span>
3130
3198
  </button>
3131
3199
  </div>
@@ -3175,7 +3243,19 @@ wrapperTag: div
3175
3243
  id="masthead-toggle-group-filters-expanded-mobile-example-docked-toolbar-search-filter-menu"
3176
3244
  >
3177
3245
  <span class="pf-v6-c-menu-toggle__icon">
3178
- <i class="fas fa-filter" aria-hidden="true"></i>
3246
+ <svg
3247
+ class="pf-v6-svg"
3248
+ viewBox="0 0 512 512"
3249
+ fill="currentColor"
3250
+ aria-hidden="true"
3251
+ role="img"
3252
+ width="1em"
3253
+ height="1em"
3254
+ >
3255
+ <path
3256
+ 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"
3257
+ />
3258
+ </svg>
3179
3259
  </span>
3180
3260
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3181
3261
  <span class="pf-v6-c-menu-toggle__controls">