@patternfly/patternfly 6.0.0-alpha.97 → 6.0.0-alpha.98

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 (34) hide show
  1. package/components/MenuToggle/menu-toggle.css +20 -6
  2. package/components/MenuToggle/menu-toggle.scss +32 -6
  3. package/docs/components/LogViewer/examples/LogViewer.md +130 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +162 -6
  5. package/docs/components/Toolbar/examples/Toolbar.md +143 -11
  6. package/docs/demos/AboutModal/examples/AboutModal.md +52 -4
  7. package/docs/demos/Alert/examples/Alert.md +156 -12
  8. package/docs/demos/BackToTop/examples/BackToTop.md +52 -4
  9. package/docs/demos/Banner/examples/Banner.md +104 -8
  10. package/docs/demos/CardView/examples/CardView.md +65 -5
  11. package/docs/demos/ContextSelector/examples/ContextSelector.md +156 -12
  12. package/docs/demos/Dashboard/examples/Dashboard.md +52 -4
  13. package/docs/demos/DataList/examples/DataList.md +273 -21
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -12
  15. package/docs/demos/Drawer/examples/Drawer.md +260 -20
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +312 -24
  17. package/docs/demos/Masthead/examples/Masthead.md +247 -19
  18. package/docs/demos/Modal/examples/Modal.md +312 -24
  19. package/docs/demos/Nav/examples/Nav.md +312 -24
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +260 -20
  21. package/docs/demos/Page/examples/Page.md +468 -36
  22. package/docs/demos/Page/examples/Penta.md +13 -1
  23. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +455 -35
  24. package/docs/demos/Skeleton/examples/Skeleton.md +52 -4
  25. package/docs/demos/Table/examples/Table.md +1094 -86
  26. package/docs/demos/Tabs/examples/Tabs.md +325 -25
  27. package/docs/demos/Toolbar/examples/Toolbar.md +325 -25
  28. package/docs/demos/Wizard/examples/Wizard.md +468 -36
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +20 -6
  31. package/patternfly-theme-dark-unversioned.css +20 -6
  32. package/patternfly.css +20 -6
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
@@ -114,7 +114,19 @@ wrapperTag: div
114
114
  aria-label="Actions"
115
115
  >
116
116
  <span class="pf-v6-c-menu-toggle__icon">
117
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
117
+ <svg
118
+ class="pf-v5-svg"
119
+ viewBox="0 0 192 512"
120
+ fill="currentColor"
121
+ aria-hidden="true"
122
+ role="img"
123
+ width="1em"
124
+ height="1em"
125
+ >
126
+ <path
127
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
128
+ />
129
+ </svg>
118
130
  </span>
119
131
  </button>
120
132
  </div>
@@ -387,7 +399,19 @@ wrapperTag: div
387
399
  aria-label="Actions"
388
400
  >
389
401
  <span class="pf-v6-c-menu-toggle__icon">
390
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
402
+ <svg
403
+ class="pf-v5-svg"
404
+ viewBox="0 0 192 512"
405
+ fill="currentColor"
406
+ aria-hidden="true"
407
+ role="img"
408
+ width="1em"
409
+ height="1em"
410
+ >
411
+ <path
412
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
413
+ />
414
+ </svg>
391
415
  </span>
392
416
  </button>
393
417
  </div>
@@ -633,7 +657,19 @@ wrapperTag: div
633
657
  aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
634
658
  >
635
659
  <span class="pf-v6-c-menu-toggle__icon">
636
- <i class="fas fa-filter" aria-hidden="true"></i>
660
+ <svg
661
+ class="pf-v5-svg"
662
+ viewBox="0 0 192 512"
663
+ fill="currentColor"
664
+ aria-hidden="true"
665
+ role="img"
666
+ width="1em"
667
+ height="1em"
668
+ >
669
+ <path
670
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
671
+ />
672
+ </svg>
637
673
  </span>
638
674
  </button>
639
675
  </div>
@@ -651,7 +687,19 @@ wrapperTag: div
651
687
  id="masthead-toolbar-filters-example-masthead-toolbar-search-filter-menu"
652
688
  >
653
689
  <span class="pf-v6-c-menu-toggle__icon">
654
- <i class="fas fa-filter" aria-hidden="true"></i>
690
+ <svg
691
+ class="pf-v5-svg"
692
+ viewBox="0 0 192 512"
693
+ fill="currentColor"
694
+ aria-hidden="true"
695
+ role="img"
696
+ width="1em"
697
+ height="1em"
698
+ >
699
+ <path
700
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
701
+ />
702
+ </svg>
655
703
  </span>
656
704
  <span class="pf-v6-c-menu-toggle__text">Name</span>
657
705
  <span class="pf-v6-c-menu-toggle__controls">
@@ -690,7 +738,19 @@ wrapperTag: div
690
738
  aria-label="Actions"
691
739
  >
692
740
  <span class="pf-v6-c-menu-toggle__icon">
693
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
741
+ <svg
742
+ class="pf-v5-svg"
743
+ viewBox="0 0 192 512"
744
+ fill="currentColor"
745
+ aria-hidden="true"
746
+ role="img"
747
+ width="1em"
748
+ height="1em"
749
+ >
750
+ <path
751
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
752
+ />
753
+ </svg>
694
754
  </span>
695
755
  </button>
696
756
  </div>
@@ -941,7 +1001,19 @@ wrapperTag: div
941
1001
  aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
942
1002
  >
943
1003
  <span class="pf-v6-c-menu-toggle__icon">
944
- <i class="fas fa-filter" aria-hidden="true"></i>
1004
+ <svg
1005
+ class="pf-v5-svg"
1006
+ viewBox="0 0 192 512"
1007
+ fill="currentColor"
1008
+ aria-hidden="true"
1009
+ role="img"
1010
+ width="1em"
1011
+ height="1em"
1012
+ >
1013
+ <path
1014
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1015
+ />
1016
+ </svg>
945
1017
  </span>
946
1018
  </button>
947
1019
  </div>
@@ -959,7 +1031,19 @@ wrapperTag: div
959
1031
  id="masthead-toggle-group-filters-example-masthead-toolbar-search-filter-menu"
960
1032
  >
961
1033
  <span class="pf-v6-c-menu-toggle__icon">
962
- <i class="fas fa-filter" aria-hidden="true"></i>
1034
+ <svg
1035
+ class="pf-v5-svg"
1036
+ viewBox="0 0 192 512"
1037
+ fill="currentColor"
1038
+ aria-hidden="true"
1039
+ role="img"
1040
+ width="1em"
1041
+ height="1em"
1042
+ >
1043
+ <path
1044
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1045
+ />
1046
+ </svg>
963
1047
  </span>
964
1048
  <span class="pf-v6-c-menu-toggle__text">Name</span>
965
1049
  <span class="pf-v6-c-menu-toggle__controls">
@@ -998,7 +1082,19 @@ wrapperTag: div
998
1082
  aria-label="Actions"
999
1083
  >
1000
1084
  <span class="pf-v6-c-menu-toggle__icon">
1001
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1085
+ <svg
1086
+ class="pf-v5-svg"
1087
+ viewBox="0 0 192 512"
1088
+ fill="currentColor"
1089
+ aria-hidden="true"
1090
+ role="img"
1091
+ width="1em"
1092
+ height="1em"
1093
+ >
1094
+ <path
1095
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1096
+ />
1097
+ </svg>
1002
1098
  </span>
1003
1099
  </button>
1004
1100
  </div>
@@ -1789,7 +1885,19 @@ wrapperTag: div
1789
1885
  aria-label="Application launcher"
1790
1886
  >
1791
1887
  <span class="pf-v6-c-menu-toggle__icon">
1792
- <i class="fas fa-th" aria-hidden="true"></i>
1888
+ <svg
1889
+ class="pf-v5-svg"
1890
+ viewBox="0 0 192 512"
1891
+ fill="currentColor"
1892
+ aria-hidden="true"
1893
+ role="img"
1894
+ width="1em"
1895
+ height="1em"
1896
+ >
1897
+ <path
1898
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1899
+ />
1900
+ </svg>
1793
1901
  </span>
1794
1902
  </button>
1795
1903
  </div>
@@ -1801,7 +1909,19 @@ wrapperTag: div
1801
1909
  aria-label="Settings"
1802
1910
  >
1803
1911
  <span class="pf-v6-c-menu-toggle__icon">
1804
- <i class="fas fa-cog" aria-hidden="true"></i>
1912
+ <svg
1913
+ class="pf-v5-svg"
1914
+ viewBox="0 0 192 512"
1915
+ fill="currentColor"
1916
+ aria-hidden="true"
1917
+ role="img"
1918
+ width="1em"
1919
+ height="1em"
1920
+ >
1921
+ <path
1922
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1923
+ />
1924
+ </svg>
1805
1925
  </span>
1806
1926
  </button>
1807
1927
  </div>
@@ -1813,7 +1933,19 @@ wrapperTag: div
1813
1933
  aria-label="Help"
1814
1934
  >
1815
1935
  <span class="pf-v6-c-menu-toggle__icon">
1816
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1936
+ <svg
1937
+ class="pf-v5-svg"
1938
+ viewBox="0 0 192 512"
1939
+ fill="currentColor"
1940
+ aria-hidden="true"
1941
+ role="img"
1942
+ width="1em"
1943
+ height="1em"
1944
+ >
1945
+ <path
1946
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1947
+ />
1948
+ </svg>
1817
1949
  </span>
1818
1950
  </button>
1819
1951
  </div>
@@ -1826,7 +1958,19 @@ wrapperTag: div
1826
1958
  aria-label="Actions"
1827
1959
  >
1828
1960
  <span class="pf-v6-c-menu-toggle__icon">
1829
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1961
+ <svg
1962
+ class="pf-v5-svg"
1963
+ viewBox="0 0 192 512"
1964
+ fill="currentColor"
1965
+ aria-hidden="true"
1966
+ role="img"
1967
+ width="1em"
1968
+ height="1em"
1969
+ >
1970
+ <path
1971
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1972
+ />
1973
+ </svg>
1830
1974
  </span>
1831
1975
  </button>
1832
1976
  </div>
@@ -2147,7 +2291,19 @@ wrapperTag: div
2147
2291
  aria-label="Application launcher"
2148
2292
  >
2149
2293
  <span class="pf-v6-c-menu-toggle__icon">
2150
- <i class="fas fa-th" aria-hidden="true"></i>
2294
+ <svg
2295
+ class="pf-v5-svg"
2296
+ viewBox="0 0 192 512"
2297
+ fill="currentColor"
2298
+ aria-hidden="true"
2299
+ role="img"
2300
+ width="1em"
2301
+ height="1em"
2302
+ >
2303
+ <path
2304
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2305
+ />
2306
+ </svg>
2151
2307
  </span>
2152
2308
  </button>
2153
2309
  </div>
@@ -2159,7 +2315,19 @@ wrapperTag: div
2159
2315
  aria-label="Settings"
2160
2316
  >
2161
2317
  <span class="pf-v6-c-menu-toggle__icon">
2162
- <i class="fas fa-cog" aria-hidden="true"></i>
2318
+ <svg
2319
+ class="pf-v5-svg"
2320
+ viewBox="0 0 192 512"
2321
+ fill="currentColor"
2322
+ aria-hidden="true"
2323
+ role="img"
2324
+ width="1em"
2325
+ height="1em"
2326
+ >
2327
+ <path
2328
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2329
+ />
2330
+ </svg>
2163
2331
  </span>
2164
2332
  </button>
2165
2333
  </div>
@@ -2171,7 +2339,19 @@ wrapperTag: div
2171
2339
  aria-label="Help"
2172
2340
  >
2173
2341
  <span class="pf-v6-c-menu-toggle__icon">
2174
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2342
+ <svg
2343
+ class="pf-v5-svg"
2344
+ viewBox="0 0 192 512"
2345
+ fill="currentColor"
2346
+ aria-hidden="true"
2347
+ role="img"
2348
+ width="1em"
2349
+ height="1em"
2350
+ >
2351
+ <path
2352
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2353
+ />
2354
+ </svg>
2175
2355
  </span>
2176
2356
  </button>
2177
2357
  </div>
@@ -2184,7 +2364,19 @@ wrapperTag: div
2184
2364
  aria-label="Actions"
2185
2365
  >
2186
2366
  <span class="pf-v6-c-menu-toggle__icon">
2187
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2367
+ <svg
2368
+ class="pf-v5-svg"
2369
+ viewBox="0 0 192 512"
2370
+ fill="currentColor"
2371
+ aria-hidden="true"
2372
+ role="img"
2373
+ width="1em"
2374
+ height="1em"
2375
+ >
2376
+ <path
2377
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2378
+ />
2379
+ </svg>
2188
2380
  </span>
2189
2381
  </button>
2190
2382
  </div>
@@ -2405,7 +2597,19 @@ wrapperTag: div
2405
2597
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2406
2598
  >
2407
2599
  <span class="pf-v6-c-menu-toggle__icon">
2408
- <i class="fas fa-filter" aria-hidden="true"></i>
2600
+ <svg
2601
+ class="pf-v5-svg"
2602
+ viewBox="0 0 192 512"
2603
+ fill="currentColor"
2604
+ aria-hidden="true"
2605
+ role="img"
2606
+ width="1em"
2607
+ height="1em"
2608
+ >
2609
+ <path
2610
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2611
+ />
2612
+ </svg>
2409
2613
  </span>
2410
2614
  </button>
2411
2615
  </div>
@@ -2418,7 +2622,19 @@ wrapperTag: div
2418
2622
  aria-label="Actions"
2419
2623
  >
2420
2624
  <span class="pf-v6-c-menu-toggle__icon">
2421
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2625
+ <svg
2626
+ class="pf-v5-svg"
2627
+ viewBox="0 0 192 512"
2628
+ fill="currentColor"
2629
+ aria-hidden="true"
2630
+ role="img"
2631
+ width="1em"
2632
+ height="1em"
2633
+ >
2634
+ <path
2635
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2636
+ />
2637
+ </svg>
2422
2638
  </span>
2423
2639
  </button>
2424
2640
  </div>
@@ -2441,7 +2657,19 @@ wrapperTag: div
2441
2657
  id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-search-filter-menu"
2442
2658
  >
2443
2659
  <span class="pf-v6-c-menu-toggle__icon">
2444
- <i class="fas fa-filter" aria-hidden="true"></i>
2660
+ <svg
2661
+ class="pf-v5-svg"
2662
+ viewBox="0 0 192 512"
2663
+ fill="currentColor"
2664
+ aria-hidden="true"
2665
+ role="img"
2666
+ width="1em"
2667
+ height="1em"
2668
+ >
2669
+ <path
2670
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2671
+ />
2672
+ </svg>
2445
2673
  </span>
2446
2674
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2447
2675
  <span class="pf-v6-c-menu-toggle__controls">