@patternfly/patternfly 6.0.0-alpha.86 → 6.0.0-alpha.88

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 +7 -22
  2. package/components/MenuToggle/menu-toggle.scss +8 -31
  3. package/docs/components/LogViewer/examples/LogViewer.md +30 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +132 -132
  5. package/docs/components/Toolbar/examples/Toolbar.md +21 -7
  6. package/docs/demos/AboutModal/examples/AboutModal.md +12 -4
  7. package/docs/demos/Alert/examples/Alert.md +36 -12
  8. package/docs/demos/BackToTop/examples/BackToTop.md +12 -4
  9. package/docs/demos/Banner/examples/Banner.md +24 -8
  10. package/docs/demos/CardView/examples/CardView.md +15 -5
  11. package/docs/demos/ContextSelector/examples/ContextSelector.md +36 -12
  12. package/docs/demos/Dashboard/examples/Dashboard.md +12 -4
  13. package/docs/demos/DataList/examples/DataList.md +57 -19
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +36 -12
  15. package/docs/demos/Drawer/examples/Drawer.md +60 -20
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +72 -24
  17. package/docs/demos/Masthead/examples/Masthead.md +48 -16
  18. package/docs/demos/Modal/examples/Modal.md +72 -24
  19. package/docs/demos/Nav/examples/Nav.md +72 -24
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +60 -20
  21. package/docs/demos/Page/examples/Page.md +108 -36
  22. package/docs/demos/Page/examples/Penta.md +3 -1
  23. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -32
  24. package/docs/demos/Skeleton/examples/Skeleton.md +12 -4
  25. package/docs/demos/Table/examples/Table.md +216 -72
  26. package/docs/demos/Tabs/examples/Tabs.md +75 -25
  27. package/docs/demos/Toolbar/examples/Toolbar.md +48 -16
  28. package/docs/demos/Wizard/examples/Wizard.md +108 -36
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +7 -22
  31. package/patternfly-theme-dark-unversioned.css +7 -22
  32. package/patternfly.css +7 -22
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -150,7 +150,9 @@ section: components
150
150
  aria-expanded="false"
151
151
  aria-label="Application launcher"
152
152
  >
153
- <i class="fas fa-th" aria-hidden="true"></i>
153
+ <span class="pf-v5-c-menu-toggle__icon">
154
+ <i class="fas fa-th" aria-hidden="true"></i>
155
+ </span>
154
156
  </button>
155
157
  </div>
156
158
  <div class="pf-v5-c-toolbar__item">
@@ -160,7 +162,9 @@ section: components
160
162
  aria-expanded="false"
161
163
  aria-label="Settings"
162
164
  >
163
- <i class="fas fa-cog" aria-hidden="true"></i>
165
+ <span class="pf-v5-c-menu-toggle__icon">
166
+ <i class="fas fa-cog" aria-hidden="true"></i>
167
+ </span>
164
168
  </button>
165
169
  </div>
166
170
  <div class="pf-v5-c-toolbar__item">
@@ -170,7 +174,9 @@ section: components
170
174
  aria-expanded="false"
171
175
  aria-label="Help"
172
176
  >
173
- <i class="fas fa-question-circle" aria-hidden="true"></i>
177
+ <span class="pf-v5-c-menu-toggle__icon">
178
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
179
+ </span>
174
180
  </button>
175
181
  </div>
176
182
  </div>
@@ -181,7 +187,9 @@ section: components
181
187
  aria-expanded="false"
182
188
  aria-label="Actions"
183
189
  >
184
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
190
+ <span class="pf-v5-c-menu-toggle__icon">
191
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
192
+ </span>
185
193
  </button>
186
194
  </div>
187
195
  </div>
@@ -550,7 +558,9 @@ section: components
550
558
  aria-expanded="false"
551
559
  aria-label="Application launcher"
552
560
  >
553
- <i class="fas fa-th" aria-hidden="true"></i>
561
+ <span class="pf-v5-c-menu-toggle__icon">
562
+ <i class="fas fa-th" aria-hidden="true"></i>
563
+ </span>
554
564
  </button>
555
565
  </div>
556
566
  <div class="pf-v5-c-toolbar__item">
@@ -560,7 +570,9 @@ section: components
560
570
  aria-expanded="false"
561
571
  aria-label="Settings"
562
572
  >
563
- <i class="fas fa-cog" aria-hidden="true"></i>
573
+ <span class="pf-v5-c-menu-toggle__icon">
574
+ <i class="fas fa-cog" aria-hidden="true"></i>
575
+ </span>
564
576
  </button>
565
577
  </div>
566
578
  <div class="pf-v5-c-toolbar__item">
@@ -570,7 +582,9 @@ section: components
570
582
  aria-expanded="false"
571
583
  aria-label="Help"
572
584
  >
573
- <i class="fas fa-question-circle" aria-hidden="true"></i>
585
+ <span class="pf-v5-c-menu-toggle__icon">
586
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
587
+ </span>
574
588
  </button>
575
589
  </div>
576
590
  </div>
@@ -581,7 +595,9 @@ section: components
581
595
  aria-expanded="false"
582
596
  aria-label="Actions"
583
597
  >
584
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
598
+ <span class="pf-v5-c-menu-toggle__icon">
599
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
600
+ </span>
585
601
  </button>
586
602
  </div>
587
603
  </div>
@@ -950,7 +966,9 @@ section: components
950
966
  aria-expanded="false"
951
967
  aria-label="Application launcher"
952
968
  >
953
- <i class="fas fa-th" aria-hidden="true"></i>
969
+ <span class="pf-v5-c-menu-toggle__icon">
970
+ <i class="fas fa-th" aria-hidden="true"></i>
971
+ </span>
954
972
  </button>
955
973
  </div>
956
974
  <div class="pf-v5-c-toolbar__item">
@@ -960,7 +978,9 @@ section: components
960
978
  aria-expanded="false"
961
979
  aria-label="Settings"
962
980
  >
963
- <i class="fas fa-cog" aria-hidden="true"></i>
981
+ <span class="pf-v5-c-menu-toggle__icon">
982
+ <i class="fas fa-cog" aria-hidden="true"></i>
983
+ </span>
964
984
  </button>
965
985
  </div>
966
986
  <div class="pf-v5-c-toolbar__item">
@@ -970,7 +990,9 @@ section: components
970
990
  aria-expanded="false"
971
991
  aria-label="Help"
972
992
  >
973
- <i class="fas fa-question-circle" aria-hidden="true"></i>
993
+ <span class="pf-v5-c-menu-toggle__icon">
994
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
995
+ </span>
974
996
  </button>
975
997
  </div>
976
998
  </div>
@@ -981,7 +1003,9 @@ section: components
981
1003
  aria-expanded="false"
982
1004
  aria-label="Actions"
983
1005
  >
984
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1006
+ <span class="pf-v5-c-menu-toggle__icon">
1007
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1008
+ </span>
985
1009
  </button>
986
1010
  </div>
987
1011
  </div>
@@ -1347,7 +1371,9 @@ section: components
1347
1371
  aria-expanded="false"
1348
1372
  aria-label="Application launcher"
1349
1373
  >
1350
- <i class="fas fa-th" aria-hidden="true"></i>
1374
+ <span class="pf-v5-c-menu-toggle__icon">
1375
+ <i class="fas fa-th" aria-hidden="true"></i>
1376
+ </span>
1351
1377
  </button>
1352
1378
  </div>
1353
1379
  <div class="pf-v5-c-toolbar__item">
@@ -1357,7 +1383,9 @@ section: components
1357
1383
  aria-expanded="false"
1358
1384
  aria-label="Settings"
1359
1385
  >
1360
- <i class="fas fa-cog" aria-hidden="true"></i>
1386
+ <span class="pf-v5-c-menu-toggle__icon">
1387
+ <i class="fas fa-cog" aria-hidden="true"></i>
1388
+ </span>
1361
1389
  </button>
1362
1390
  </div>
1363
1391
  <div class="pf-v5-c-toolbar__item">
@@ -1367,7 +1395,9 @@ section: components
1367
1395
  aria-expanded="false"
1368
1396
  aria-label="Help"
1369
1397
  >
1370
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1398
+ <span class="pf-v5-c-menu-toggle__icon">
1399
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1400
+ </span>
1371
1401
  </button>
1372
1402
  </div>
1373
1403
  </div>
@@ -1378,7 +1408,9 @@ section: components
1378
1408
  aria-expanded="false"
1379
1409
  aria-label="Actions"
1380
1410
  >
1381
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1411
+ <span class="pf-v5-c-menu-toggle__icon">
1412
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1413
+ </span>
1382
1414
  </button>
1383
1415
  </div>
1384
1416
  </div>
@@ -1684,7 +1716,9 @@ section: components
1684
1716
  aria-expanded="false"
1685
1717
  aria-label="Application launcher"
1686
1718
  >
1687
- <i class="fas fa-th" aria-hidden="true"></i>
1719
+ <span class="pf-v5-c-menu-toggle__icon">
1720
+ <i class="fas fa-th" aria-hidden="true"></i>
1721
+ </span>
1688
1722
  </button>
1689
1723
  </div>
1690
1724
  <div class="pf-v5-c-toolbar__item">
@@ -1694,7 +1728,9 @@ section: components
1694
1728
  aria-expanded="false"
1695
1729
  aria-label="Settings"
1696
1730
  >
1697
- <i class="fas fa-cog" aria-hidden="true"></i>
1731
+ <span class="pf-v5-c-menu-toggle__icon">
1732
+ <i class="fas fa-cog" aria-hidden="true"></i>
1733
+ </span>
1698
1734
  </button>
1699
1735
  </div>
1700
1736
  <div class="pf-v5-c-toolbar__item">
@@ -1704,7 +1740,9 @@ section: components
1704
1740
  aria-expanded="false"
1705
1741
  aria-label="Help"
1706
1742
  >
1707
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1743
+ <span class="pf-v5-c-menu-toggle__icon">
1744
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1745
+ </span>
1708
1746
  </button>
1709
1747
  </div>
1710
1748
  </div>
@@ -1715,7 +1753,9 @@ section: components
1715
1753
  aria-expanded="false"
1716
1754
  aria-label="Actions"
1717
1755
  >
1718
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1756
+ <span class="pf-v5-c-menu-toggle__icon">
1757
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1758
+ </span>
1719
1759
  </button>
1720
1760
  </div>
1721
1761
  </div>
@@ -2043,7 +2083,9 @@ section: components
2043
2083
  aria-expanded="false"
2044
2084
  aria-label="Application launcher"
2045
2085
  >
2046
- <i class="fas fa-th" aria-hidden="true"></i>
2086
+ <span class="pf-v5-c-menu-toggle__icon">
2087
+ <i class="fas fa-th" aria-hidden="true"></i>
2088
+ </span>
2047
2089
  </button>
2048
2090
  </div>
2049
2091
  <div class="pf-v5-c-toolbar__item">
@@ -2053,7 +2095,9 @@ section: components
2053
2095
  aria-expanded="false"
2054
2096
  aria-label="Settings"
2055
2097
  >
2056
- <i class="fas fa-cog" aria-hidden="true"></i>
2098
+ <span class="pf-v5-c-menu-toggle__icon">
2099
+ <i class="fas fa-cog" aria-hidden="true"></i>
2100
+ </span>
2057
2101
  </button>
2058
2102
  </div>
2059
2103
  <div class="pf-v5-c-toolbar__item">
@@ -2063,7 +2107,9 @@ section: components
2063
2107
  aria-expanded="false"
2064
2108
  aria-label="Help"
2065
2109
  >
2066
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2110
+ <span class="pf-v5-c-menu-toggle__icon">
2111
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2112
+ </span>
2067
2113
  </button>
2068
2114
  </div>
2069
2115
  </div>
@@ -2074,7 +2120,9 @@ section: components
2074
2120
  aria-expanded="false"
2075
2121
  aria-label="Actions"
2076
2122
  >
2077
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2123
+ <span class="pf-v5-c-menu-toggle__icon">
2124
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2125
+ </span>
2078
2126
  </button>
2079
2127
  </div>
2080
2128
  </div>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -113,7 +113,9 @@ wrapperTag: div
113
113
  aria-expanded="false"
114
114
  aria-label="Actions"
115
115
  >
116
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
116
+ <span class="pf-v5-c-menu-toggle__icon">
117
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
118
+ </span>
117
119
  </button>
118
120
  </div>
119
121
  </div>
@@ -384,7 +386,9 @@ wrapperTag: div
384
386
  aria-expanded="false"
385
387
  aria-label="Actions"
386
388
  >
387
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
389
+ <span class="pf-v5-c-menu-toggle__icon">
390
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
391
+ </span>
388
392
  </button>
389
393
  </div>
390
394
  </div>
@@ -628,7 +632,9 @@ wrapperTag: div
628
632
  aria-label="Show filters"
629
633
  aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
630
634
  >
631
- <i class="fas fa-filter" aria-hidden="true"></i>
635
+ <span class="pf-v5-c-menu-toggle__icon">
636
+ <i class="fas fa-filter" aria-hidden="true"></i>
637
+ </span>
632
638
  </button>
633
639
  </div>
634
640
  <div class="pf-v5-c-toolbar__item pf-m-search-filter">
@@ -683,7 +689,9 @@ wrapperTag: div
683
689
  aria-expanded="false"
684
690
  aria-label="Actions"
685
691
  >
686
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
692
+ <span class="pf-v5-c-menu-toggle__icon">
693
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
694
+ </span>
687
695
  </button>
688
696
  </div>
689
697
  </div>
@@ -932,7 +940,9 @@ wrapperTag: div
932
940
  aria-label="Show filters"
933
941
  aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
934
942
  >
935
- <i class="fas fa-filter" aria-hidden="true"></i>
943
+ <span class="pf-v5-c-menu-toggle__icon">
944
+ <i class="fas fa-filter" aria-hidden="true"></i>
945
+ </span>
936
946
  </button>
937
947
  </div>
938
948
  <div class="pf-v5-c-toolbar__item pf-m-search-filter">
@@ -987,7 +997,9 @@ wrapperTag: div
987
997
  aria-expanded="false"
988
998
  aria-label="Actions"
989
999
  >
990
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1000
+ <span class="pf-v5-c-menu-toggle__icon">
1001
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1002
+ </span>
991
1003
  </button>
992
1004
  </div>
993
1005
  </div>
@@ -1776,7 +1788,9 @@ wrapperTag: div
1776
1788
  aria-expanded="false"
1777
1789
  aria-label="Application launcher"
1778
1790
  >
1779
- <i class="fas fa-th" aria-hidden="true"></i>
1791
+ <span class="pf-v5-c-menu-toggle__icon">
1792
+ <i class="fas fa-th" aria-hidden="true"></i>
1793
+ </span>
1780
1794
  </button>
1781
1795
  </div>
1782
1796
  <div class="pf-v5-c-toolbar__item">
@@ -1786,7 +1800,9 @@ wrapperTag: div
1786
1800
  aria-expanded="false"
1787
1801
  aria-label="Settings"
1788
1802
  >
1789
- <i class="fas fa-cog" aria-hidden="true"></i>
1803
+ <span class="pf-v5-c-menu-toggle__icon">
1804
+ <i class="fas fa-cog" aria-hidden="true"></i>
1805
+ </span>
1790
1806
  </button>
1791
1807
  </div>
1792
1808
  <div class="pf-v5-c-toolbar__item">
@@ -1796,7 +1812,9 @@ wrapperTag: div
1796
1812
  aria-expanded="false"
1797
1813
  aria-label="Help"
1798
1814
  >
1799
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1815
+ <span class="pf-v5-c-menu-toggle__icon">
1816
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1817
+ </span>
1800
1818
  </button>
1801
1819
  </div>
1802
1820
  </div>
@@ -1807,7 +1825,9 @@ wrapperTag: div
1807
1825
  aria-expanded="false"
1808
1826
  aria-label="Actions"
1809
1827
  >
1810
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1828
+ <span class="pf-v5-c-menu-toggle__icon">
1829
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1830
+ </span>
1811
1831
  </button>
1812
1832
  </div>
1813
1833
  </div>
@@ -2126,7 +2146,9 @@ wrapperTag: div
2126
2146
  aria-expanded="false"
2127
2147
  aria-label="Application launcher"
2128
2148
  >
2129
- <i class="fas fa-th" aria-hidden="true"></i>
2149
+ <span class="pf-v5-c-menu-toggle__icon">
2150
+ <i class="fas fa-th" aria-hidden="true"></i>
2151
+ </span>
2130
2152
  </button>
2131
2153
  </div>
2132
2154
  <div class="pf-v5-c-toolbar__item">
@@ -2136,7 +2158,9 @@ wrapperTag: div
2136
2158
  aria-expanded="false"
2137
2159
  aria-label="Settings"
2138
2160
  >
2139
- <i class="fas fa-cog" aria-hidden="true"></i>
2161
+ <span class="pf-v5-c-menu-toggle__icon">
2162
+ <i class="fas fa-cog" aria-hidden="true"></i>
2163
+ </span>
2140
2164
  </button>
2141
2165
  </div>
2142
2166
  <div class="pf-v5-c-toolbar__item">
@@ -2146,7 +2170,9 @@ wrapperTag: div
2146
2170
  aria-expanded="false"
2147
2171
  aria-label="Help"
2148
2172
  >
2149
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2173
+ <span class="pf-v5-c-menu-toggle__icon">
2174
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2175
+ </span>
2150
2176
  </button>
2151
2177
  </div>
2152
2178
  </div>
@@ -2157,7 +2183,9 @@ wrapperTag: div
2157
2183
  aria-expanded="false"
2158
2184
  aria-label="Actions"
2159
2185
  >
2160
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2186
+ <span class="pf-v5-c-menu-toggle__icon">
2187
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2188
+ </span>
2161
2189
  </button>
2162
2190
  </div>
2163
2191
  </div>
@@ -2376,7 +2404,9 @@ wrapperTag: div
2376
2404
  aria-label="Show filters"
2377
2405
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2378
2406
  >
2379
- <i class="fas fa-filter" aria-hidden="true"></i>
2407
+ <span class="pf-v5-c-menu-toggle__icon">
2408
+ <i class="fas fa-filter" aria-hidden="true"></i>
2409
+ </span>
2380
2410
  </button>
2381
2411
  </div>
2382
2412
  </div>
@@ -2387,7 +2417,9 @@ wrapperTag: div
2387
2417
  aria-expanded="false"
2388
2418
  aria-label="Actions"
2389
2419
  >
2390
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2420
+ <span class="pf-v5-c-menu-toggle__icon">
2421
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2422
+ </span>
2391
2423
  </button>
2392
2424
  </div>
2393
2425
  </div>