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

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 +6 -22
  2. package/components/MenuToggle/menu-toggle.scss +7 -31
  3. package/docs/components/LogViewer/examples/LogViewer.md +30 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +113 -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 +6 -22
  31. package/patternfly-theme-dark-unversioned.css +6 -22
  32. package/patternfly.css +6 -22
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -147,7 +147,9 @@ section: components
147
147
  aria-expanded="false"
148
148
  aria-label="Application launcher"
149
149
  >
150
- <i class="fas fa-th" aria-hidden="true"></i>
150
+ <span class="pf-v5-c-menu-toggle__icon">
151
+ <i class="fas fa-th" aria-hidden="true"></i>
152
+ </span>
151
153
  </button>
152
154
  </div>
153
155
  <div class="pf-v5-c-toolbar__item">
@@ -157,7 +159,9 @@ section: components
157
159
  aria-expanded="false"
158
160
  aria-label="Settings"
159
161
  >
160
- <i class="fas fa-cog" aria-hidden="true"></i>
162
+ <span class="pf-v5-c-menu-toggle__icon">
163
+ <i class="fas fa-cog" aria-hidden="true"></i>
164
+ </span>
161
165
  </button>
162
166
  </div>
163
167
  <div class="pf-v5-c-toolbar__item">
@@ -167,7 +171,9 @@ section: components
167
171
  aria-expanded="false"
168
172
  aria-label="Help"
169
173
  >
170
- <i class="fas fa-question-circle" aria-hidden="true"></i>
174
+ <span class="pf-v5-c-menu-toggle__icon">
175
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
176
+ </span>
171
177
  </button>
172
178
  </div>
173
179
  </div>
@@ -178,7 +184,9 @@ section: components
178
184
  aria-expanded="false"
179
185
  aria-label="Actions"
180
186
  >
181
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
187
+ <span class="pf-v5-c-menu-toggle__icon">
188
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
189
+ </span>
182
190
  </button>
183
191
  </div>
184
192
  </div>
@@ -712,7 +720,9 @@ section: components
712
720
  aria-expanded="false"
713
721
  aria-label="Application launcher"
714
722
  >
715
- <i class="fas fa-th" aria-hidden="true"></i>
723
+ <span class="pf-v5-c-menu-toggle__icon">
724
+ <i class="fas fa-th" aria-hidden="true"></i>
725
+ </span>
716
726
  </button>
717
727
  </div>
718
728
  <div class="pf-v5-c-toolbar__item">
@@ -722,7 +732,9 @@ section: components
722
732
  aria-expanded="false"
723
733
  aria-label="Settings"
724
734
  >
725
- <i class="fas fa-cog" aria-hidden="true"></i>
735
+ <span class="pf-v5-c-menu-toggle__icon">
736
+ <i class="fas fa-cog" aria-hidden="true"></i>
737
+ </span>
726
738
  </button>
727
739
  </div>
728
740
  <div class="pf-v5-c-toolbar__item">
@@ -732,7 +744,9 @@ section: components
732
744
  aria-expanded="false"
733
745
  aria-label="Help"
734
746
  >
735
- <i class="fas fa-question-circle" aria-hidden="true"></i>
747
+ <span class="pf-v5-c-menu-toggle__icon">
748
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
749
+ </span>
736
750
  </button>
737
751
  </div>
738
752
  </div>
@@ -743,7 +757,9 @@ section: components
743
757
  aria-expanded="false"
744
758
  aria-label="Actions"
745
759
  >
746
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
760
+ <span class="pf-v5-c-menu-toggle__icon">
761
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
762
+ </span>
747
763
  </button>
748
764
  </div>
749
765
  </div>
@@ -1282,7 +1298,9 @@ section: components
1282
1298
  aria-expanded="false"
1283
1299
  aria-label="Application launcher"
1284
1300
  >
1285
- <i class="fas fa-th" aria-hidden="true"></i>
1301
+ <span class="pf-v5-c-menu-toggle__icon">
1302
+ <i class="fas fa-th" aria-hidden="true"></i>
1303
+ </span>
1286
1304
  </button>
1287
1305
  </div>
1288
1306
  <div class="pf-v5-c-toolbar__item">
@@ -1292,7 +1310,9 @@ section: components
1292
1310
  aria-expanded="false"
1293
1311
  aria-label="Settings"
1294
1312
  >
1295
- <i class="fas fa-cog" aria-hidden="true"></i>
1313
+ <span class="pf-v5-c-menu-toggle__icon">
1314
+ <i class="fas fa-cog" aria-hidden="true"></i>
1315
+ </span>
1296
1316
  </button>
1297
1317
  </div>
1298
1318
  <div class="pf-v5-c-toolbar__item">
@@ -1302,7 +1322,9 @@ section: components
1302
1322
  aria-expanded="false"
1303
1323
  aria-label="Help"
1304
1324
  >
1305
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1325
+ <span class="pf-v5-c-menu-toggle__icon">
1326
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1327
+ </span>
1306
1328
  </button>
1307
1329
  </div>
1308
1330
  </div>
@@ -1313,7 +1335,9 @@ section: components
1313
1335
  aria-expanded="false"
1314
1336
  aria-label="Actions"
1315
1337
  >
1316
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1338
+ <span class="pf-v5-c-menu-toggle__icon">
1339
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1340
+ </span>
1317
1341
  </button>
1318
1342
  </div>
1319
1343
  </div>
@@ -1756,7 +1780,9 @@ section: components
1756
1780
  aria-expanded="false"
1757
1781
  aria-label="Application launcher"
1758
1782
  >
1759
- <i class="fas fa-th" aria-hidden="true"></i>
1783
+ <span class="pf-v5-c-menu-toggle__icon">
1784
+ <i class="fas fa-th" aria-hidden="true"></i>
1785
+ </span>
1760
1786
  </button>
1761
1787
  </div>
1762
1788
  <div class="pf-v5-c-toolbar__item">
@@ -1766,7 +1792,9 @@ section: components
1766
1792
  aria-expanded="false"
1767
1793
  aria-label="Settings"
1768
1794
  >
1769
- <i class="fas fa-cog" aria-hidden="true"></i>
1795
+ <span class="pf-v5-c-menu-toggle__icon">
1796
+ <i class="fas fa-cog" aria-hidden="true"></i>
1797
+ </span>
1770
1798
  </button>
1771
1799
  </div>
1772
1800
  <div class="pf-v5-c-toolbar__item">
@@ -1776,7 +1804,9 @@ section: components
1776
1804
  aria-expanded="false"
1777
1805
  aria-label="Help"
1778
1806
  >
1779
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1807
+ <span class="pf-v5-c-menu-toggle__icon">
1808
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1809
+ </span>
1780
1810
  </button>
1781
1811
  </div>
1782
1812
  </div>
@@ -1787,7 +1817,9 @@ section: components
1787
1817
  aria-expanded="false"
1788
1818
  aria-label="Actions"
1789
1819
  >
1790
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1820
+ <span class="pf-v5-c-menu-toggle__icon">
1821
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1822
+ </span>
1791
1823
  </button>
1792
1824
  </div>
1793
1825
  </div>
@@ -1894,7 +1926,9 @@ section: components
1894
1926
  aria-label="Show filters"
1895
1927
  aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
1896
1928
  >
1897
- <i class="fas fa-filter" aria-hidden="true"></i>
1929
+ <span class="pf-v5-c-menu-toggle__icon">
1930
+ <i class="fas fa-filter" aria-hidden="true"></i>
1931
+ </span>
1898
1932
  </button>
1899
1933
  </div>
1900
1934
 
@@ -3125,7 +3159,9 @@ section: components
3125
3159
  aria-expanded="false"
3126
3160
  aria-label="Application launcher"
3127
3161
  >
3128
- <i class="fas fa-th" aria-hidden="true"></i>
3162
+ <span class="pf-v5-c-menu-toggle__icon">
3163
+ <i class="fas fa-th" aria-hidden="true"></i>
3164
+ </span>
3129
3165
  </button>
3130
3166
  </div>
3131
3167
  <div class="pf-v5-c-toolbar__item">
@@ -3135,7 +3171,9 @@ section: components
3135
3171
  aria-expanded="false"
3136
3172
  aria-label="Settings"
3137
3173
  >
3138
- <i class="fas fa-cog" aria-hidden="true"></i>
3174
+ <span class="pf-v5-c-menu-toggle__icon">
3175
+ <i class="fas fa-cog" aria-hidden="true"></i>
3176
+ </span>
3139
3177
  </button>
3140
3178
  </div>
3141
3179
  <div class="pf-v5-c-toolbar__item">
@@ -3145,7 +3183,9 @@ section: components
3145
3183
  aria-expanded="false"
3146
3184
  aria-label="Help"
3147
3185
  >
3148
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3186
+ <span class="pf-v5-c-menu-toggle__icon">
3187
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3188
+ </span>
3149
3189
  </button>
3150
3190
  </div>
3151
3191
  </div>
@@ -3156,7 +3196,9 @@ section: components
3156
3196
  aria-expanded="false"
3157
3197
  aria-label="Actions"
3158
3198
  >
3159
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3199
+ <span class="pf-v5-c-menu-toggle__icon">
3200
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3201
+ </span>
3160
3202
  </button>
3161
3203
  </div>
3162
3204
  </div>
@@ -3431,7 +3473,9 @@ section: components
3431
3473
  aria-expanded="false"
3432
3474
  aria-label="Application launcher"
3433
3475
  >
3434
- <i class="fas fa-th" aria-hidden="true"></i>
3476
+ <span class="pf-v5-c-menu-toggle__icon">
3477
+ <i class="fas fa-th" aria-hidden="true"></i>
3478
+ </span>
3435
3479
  </button>
3436
3480
  </div>
3437
3481
  <div class="pf-v5-c-toolbar__item">
@@ -3441,7 +3485,9 @@ section: components
3441
3485
  aria-expanded="false"
3442
3486
  aria-label="Settings"
3443
3487
  >
3444
- <i class="fas fa-cog" aria-hidden="true"></i>
3488
+ <span class="pf-v5-c-menu-toggle__icon">
3489
+ <i class="fas fa-cog" aria-hidden="true"></i>
3490
+ </span>
3445
3491
  </button>
3446
3492
  </div>
3447
3493
  <div class="pf-v5-c-toolbar__item">
@@ -3451,7 +3497,9 @@ section: components
3451
3497
  aria-expanded="false"
3452
3498
  aria-label="Help"
3453
3499
  >
3454
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3500
+ <span class="pf-v5-c-menu-toggle__icon">
3501
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3502
+ </span>
3455
3503
  </button>
3456
3504
  </div>
3457
3505
  </div>
@@ -3462,7 +3510,9 @@ section: components
3462
3510
  aria-expanded="false"
3463
3511
  aria-label="Actions"
3464
3512
  >
3465
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3513
+ <span class="pf-v5-c-menu-toggle__icon">
3514
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3515
+ </span>
3466
3516
  </button>
3467
3517
  </div>
3468
3518
  </div>
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -23,7 +23,9 @@ section: components
23
23
  aria-label="Show filters"
24
24
  aria-controls="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
25
25
  >
26
- <i class="fas fa-filter" aria-hidden="true"></i>
26
+ <span class="pf-v5-c-menu-toggle__icon">
27
+ <i class="fas fa-filter" aria-hidden="true"></i>
28
+ </span>
27
29
  </button>
28
30
  </div>
29
31
  <div class="pf-v5-c-toolbar__item pf-m-search-filter">
@@ -362,7 +364,9 @@ section: components
362
364
  aria-expanded="false"
363
365
  aria-label="Application launcher"
364
366
  >
365
- <i class="fas fa-th" aria-hidden="true"></i>
367
+ <span class="pf-v5-c-menu-toggle__icon">
368
+ <i class="fas fa-th" aria-hidden="true"></i>
369
+ </span>
366
370
  </button>
367
371
  </div>
368
372
  <div class="pf-v5-c-toolbar__item">
@@ -372,7 +376,9 @@ section: components
372
376
  aria-expanded="false"
373
377
  aria-label="Settings"
374
378
  >
375
- <i class="fas fa-cog" aria-hidden="true"></i>
379
+ <span class="pf-v5-c-menu-toggle__icon">
380
+ <i class="fas fa-cog" aria-hidden="true"></i>
381
+ </span>
376
382
  </button>
377
383
  </div>
378
384
  <div class="pf-v5-c-toolbar__item">
@@ -382,7 +388,9 @@ section: components
382
388
  aria-expanded="false"
383
389
  aria-label="Help"
384
390
  >
385
- <i class="fas fa-question-circle" aria-hidden="true"></i>
391
+ <span class="pf-v5-c-menu-toggle__icon">
392
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
393
+ </span>
386
394
  </button>
387
395
  </div>
388
396
  </div>
@@ -393,7 +401,9 @@ section: components
393
401
  aria-expanded="false"
394
402
  aria-label="Actions"
395
403
  >
396
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
404
+ <span class="pf-v5-c-menu-toggle__icon">
405
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
406
+ </span>
397
407
  </button>
398
408
  </div>
399
409
  </div>
@@ -497,7 +507,9 @@ section: components
497
507
  aria-label="Show filters"
498
508
  aria-controls="toolbar-with-validation-example-expandable-content"
499
509
  >
500
- <i class="fas fa-filter" aria-hidden="true"></i>
510
+ <span class="pf-v5-c-menu-toggle__icon">
511
+ <i class="fas fa-filter" aria-hidden="true"></i>
512
+ </span>
501
513
  </button>
502
514
  </div>
503
515
  <div class="pf-v5-c-toolbar__group pf-m-filter-group">
@@ -1280,7 +1292,9 @@ section: components
1280
1292
  aria-label="Show filters"
1281
1293
  aria-controls="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
1282
1294
  >
1283
- <i class="fas fa-filter" aria-hidden="true"></i>
1295
+ <span class="pf-v5-c-menu-toggle__icon">
1296
+ <i class="fas fa-filter" aria-hidden="true"></i>
1297
+ </span>
1284
1298
  </button>
1285
1299
  </div>
1286
1300
  </div>
@@ -1485,7 +1499,9 @@ section: components
1485
1499
  aria-label="Show filters"
1486
1500
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
1487
1501
  >
1488
- <i class="fas fa-filter" aria-hidden="true"></i>
1502
+ <span class="pf-v5-c-menu-toggle__icon">
1503
+ <i class="fas fa-filter" aria-hidden="true"></i>
1504
+ </span>
1489
1505
  </button>
1490
1506
  </div>
1491
1507
  <div class="pf-v5-c-toolbar__group pf-m-filter-group">
@@ -1748,7 +1764,9 @@ section: components
1748
1764
  aria-label="Show filters"
1749
1765
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
1750
1766
  >
1751
- <i class="fas fa-filter" aria-hidden="true"></i>
1767
+ <span class="pf-v5-c-menu-toggle__icon">
1768
+ <i class="fas fa-filter" aria-hidden="true"></i>
1769
+ </span>
1752
1770
  </button>
1753
1771
  </div>
1754
1772
  </div>
@@ -2004,7 +2022,9 @@ section: components
2004
2022
  aria-label="Show filters"
2005
2023
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
2006
2024
  >
2007
- <i class="fas fa-filter" aria-hidden="true"></i>
2025
+ <span class="pf-v5-c-menu-toggle__icon">
2026
+ <i class="fas fa-filter" aria-hidden="true"></i>
2027
+ </span>
2008
2028
  </button>
2009
2029
  </div>
2010
2030
  <div class="pf-v5-c-toolbar__group pf-m-filter-group">
@@ -2422,7 +2442,9 @@ section: components
2422
2442
  aria-label="Show filters"
2423
2443
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
2424
2444
  >
2425
- <i class="fas fa-filter" aria-hidden="true"></i>
2445
+ <span class="pf-v5-c-menu-toggle__icon">
2446
+ <i class="fas fa-filter" aria-hidden="true"></i>
2447
+ </span>
2426
2448
  </button>
2427
2449
  </div>
2428
2450
  </div>
@@ -2962,7 +2984,9 @@ section: components
2962
2984
  aria-expanded="false"
2963
2985
  aria-label="Application launcher"
2964
2986
  >
2965
- <i class="fas fa-th" aria-hidden="true"></i>
2987
+ <span class="pf-v5-c-menu-toggle__icon">
2988
+ <i class="fas fa-th" aria-hidden="true"></i>
2989
+ </span>
2966
2990
  </button>
2967
2991
  </div>
2968
2992
  <div class="pf-v5-c-toolbar__item">
@@ -2972,7 +2996,9 @@ section: components
2972
2996
  aria-expanded="false"
2973
2997
  aria-label="Settings"
2974
2998
  >
2975
- <i class="fas fa-cog" aria-hidden="true"></i>
2999
+ <span class="pf-v5-c-menu-toggle__icon">
3000
+ <i class="fas fa-cog" aria-hidden="true"></i>
3001
+ </span>
2976
3002
  </button>
2977
3003
  </div>
2978
3004
  <div class="pf-v5-c-toolbar__item">
@@ -2982,7 +3008,9 @@ section: components
2982
3008
  aria-expanded="false"
2983
3009
  aria-label="Help"
2984
3010
  >
2985
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3011
+ <span class="pf-v5-c-menu-toggle__icon">
3012
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3013
+ </span>
2986
3014
  </button>
2987
3015
  </div>
2988
3016
  </div>
@@ -2993,7 +3021,9 @@ section: components
2993
3021
  aria-expanded="false"
2994
3022
  aria-label="Actions"
2995
3023
  >
2996
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3024
+ <span class="pf-v5-c-menu-toggle__icon">
3025
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3026
+ </span>
2997
3027
  </button>
2998
3028
  </div>
2999
3029
  </div>
@@ -3098,7 +3128,9 @@ section: components
3098
3128
  aria-label="Show filters"
3099
3129
  aria-controls="toolbar-pagination-management-example-toolbar-expandable-content"
3100
3130
  >
3101
- <i class="fas fa-filter" aria-hidden="true"></i>
3131
+ <span class="pf-v5-c-menu-toggle__icon">
3132
+ <i class="fas fa-filter" aria-hidden="true"></i>
3133
+ </span>
3102
3134
  </button>
3103
3135
  </div>
3104
3136
  <div class="pf-v5-c-toolbar__item pf-m-search-filter">