@patternfly/patternfly 6.0.0-alpha.85 → 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 (39) hide show
  1. package/components/DualListSelector/dual-list-selector.css +3 -8
  2. package/components/DualListSelector/dual-list-selector.scss +5 -11
  3. package/components/Login/login.css +5 -0
  4. package/components/Login/login.scss +7 -0
  5. package/components/MenuToggle/menu-toggle.css +6 -22
  6. package/components/MenuToggle/menu-toggle.scss +7 -31
  7. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  8. package/docs/components/LogViewer/examples/LogViewer.md +30 -10
  9. package/docs/components/MenuToggle/examples/MenuToggle.md +113 -132
  10. package/docs/components/Toolbar/examples/Toolbar.md +21 -7
  11. package/docs/demos/AboutModal/examples/AboutModal.md +12 -4
  12. package/docs/demos/Alert/examples/Alert.md +36 -12
  13. package/docs/demos/BackToTop/examples/BackToTop.md +12 -4
  14. package/docs/demos/Banner/examples/Banner.md +24 -8
  15. package/docs/demos/CardView/examples/CardView.md +15 -5
  16. package/docs/demos/ContextSelector/examples/ContextSelector.md +36 -12
  17. package/docs/demos/Dashboard/examples/Dashboard.md +12 -4
  18. package/docs/demos/DataList/examples/DataList.md +57 -19
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +36 -12
  20. package/docs/demos/Drawer/examples/Drawer.md +60 -20
  21. package/docs/demos/JumpLinks/examples/JumpLinks.md +72 -24
  22. package/docs/demos/Masthead/examples/Masthead.md +48 -16
  23. package/docs/demos/Modal/examples/Modal.md +72 -24
  24. package/docs/demos/Nav/examples/Nav.md +72 -24
  25. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +60 -20
  26. package/docs/demos/Page/examples/Page.md +108 -36
  27. package/docs/demos/Page/examples/Penta.md +3 -1
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -32
  29. package/docs/demos/Skeleton/examples/Skeleton.md +12 -4
  30. package/docs/demos/Table/examples/Table.md +216 -72
  31. package/docs/demos/Tabs/examples/Tabs.md +75 -25
  32. package/docs/demos/Toolbar/examples/Toolbar.md +48 -16
  33. package/docs/demos/Wizard/examples/Wizard.md +108 -36
  34. package/package.json +1 -1
  35. package/patternfly-no-globals.css +14 -30
  36. package/patternfly-theme-dark-unversioned.css +14 -30
  37. package/patternfly.css +14 -30
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -151,7 +151,9 @@ wrapperTag: div
151
151
  aria-expanded="false"
152
152
  aria-label="Application launcher"
153
153
  >
154
- <i class="fas fa-th" aria-hidden="true"></i>
154
+ <span class="pf-v5-c-menu-toggle__icon">
155
+ <i class="fas fa-th" aria-hidden="true"></i>
156
+ </span>
155
157
  </button>
156
158
  </div>
157
159
  <div class="pf-v5-c-toolbar__item">
@@ -161,7 +163,9 @@ wrapperTag: div
161
163
  aria-expanded="false"
162
164
  aria-label="Settings"
163
165
  >
164
- <i class="fas fa-cog" aria-hidden="true"></i>
166
+ <span class="pf-v5-c-menu-toggle__icon">
167
+ <i class="fas fa-cog" aria-hidden="true"></i>
168
+ </span>
165
169
  </button>
166
170
  </div>
167
171
  <div class="pf-v5-c-toolbar__item">
@@ -171,7 +175,9 @@ wrapperTag: div
171
175
  aria-expanded="false"
172
176
  aria-label="Help"
173
177
  >
174
- <i class="fas fa-question-circle" aria-hidden="true"></i>
178
+ <span class="pf-v5-c-menu-toggle__icon">
179
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
180
+ </span>
175
181
  </button>
176
182
  </div>
177
183
  </div>
@@ -182,7 +188,9 @@ wrapperTag: div
182
188
  aria-expanded="false"
183
189
  aria-label="Actions"
184
190
  >
185
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
191
+ <span class="pf-v5-c-menu-toggle__icon">
192
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
193
+ </span>
186
194
  </button>
187
195
  </div>
188
196
  </div>
@@ -296,7 +304,9 @@ wrapperTag: div
296
304
  aria-label="Show filters"
297
305
  aria-controls="primary-detail-expanded-example-drawer-toolbar-expandable-content"
298
306
  >
299
- <i class="fas fa-filter" aria-hidden="true"></i>
307
+ <span class="pf-v5-c-menu-toggle__icon">
308
+ <i class="fas fa-filter" aria-hidden="true"></i>
309
+ </span>
300
310
  </button>
301
311
  </div>
302
312
 
@@ -1441,7 +1451,9 @@ wrapperTag: div
1441
1451
  aria-expanded="false"
1442
1452
  aria-label="Application launcher"
1443
1453
  >
1444
- <i class="fas fa-th" aria-hidden="true"></i>
1454
+ <span class="pf-v5-c-menu-toggle__icon">
1455
+ <i class="fas fa-th" aria-hidden="true"></i>
1456
+ </span>
1445
1457
  </button>
1446
1458
  </div>
1447
1459
  <div class="pf-v5-c-toolbar__item">
@@ -1451,7 +1463,9 @@ wrapperTag: div
1451
1463
  aria-expanded="false"
1452
1464
  aria-label="Settings"
1453
1465
  >
1454
- <i class="fas fa-cog" aria-hidden="true"></i>
1466
+ <span class="pf-v5-c-menu-toggle__icon">
1467
+ <i class="fas fa-cog" aria-hidden="true"></i>
1468
+ </span>
1455
1469
  </button>
1456
1470
  </div>
1457
1471
  <div class="pf-v5-c-toolbar__item">
@@ -1461,7 +1475,9 @@ wrapperTag: div
1461
1475
  aria-expanded="false"
1462
1476
  aria-label="Help"
1463
1477
  >
1464
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1478
+ <span class="pf-v5-c-menu-toggle__icon">
1479
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1480
+ </span>
1465
1481
  </button>
1466
1482
  </div>
1467
1483
  </div>
@@ -1472,7 +1488,9 @@ wrapperTag: div
1472
1488
  aria-expanded="false"
1473
1489
  aria-label="Actions"
1474
1490
  >
1475
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1491
+ <span class="pf-v5-c-menu-toggle__icon">
1492
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1493
+ </span>
1476
1494
  </button>
1477
1495
  </div>
1478
1496
  </div>
@@ -1586,7 +1604,9 @@ wrapperTag: div
1586
1604
  aria-label="Show filters"
1587
1605
  aria-controls="primary-detail-collapsed-example-drawer-toolbar-expandable-content"
1588
1606
  >
1589
- <i class="fas fa-filter" aria-hidden="true"></i>
1607
+ <span class="pf-v5-c-menu-toggle__icon">
1608
+ <i class="fas fa-filter" aria-hidden="true"></i>
1609
+ </span>
1590
1610
  </button>
1591
1611
  </div>
1592
1612
 
@@ -2648,7 +2668,9 @@ wrapperTag: div
2648
2668
  aria-expanded="false"
2649
2669
  aria-label="Application launcher"
2650
2670
  >
2651
- <i class="fas fa-th" aria-hidden="true"></i>
2671
+ <span class="pf-v5-c-menu-toggle__icon">
2672
+ <i class="fas fa-th" aria-hidden="true"></i>
2673
+ </span>
2652
2674
  </button>
2653
2675
  </div>
2654
2676
  <div class="pf-v5-c-toolbar__item">
@@ -2658,7 +2680,9 @@ wrapperTag: div
2658
2680
  aria-expanded="false"
2659
2681
  aria-label="Settings"
2660
2682
  >
2661
- <i class="fas fa-cog" aria-hidden="true"></i>
2683
+ <span class="pf-v5-c-menu-toggle__icon">
2684
+ <i class="fas fa-cog" aria-hidden="true"></i>
2685
+ </span>
2662
2686
  </button>
2663
2687
  </div>
2664
2688
  <div class="pf-v5-c-toolbar__item">
@@ -2668,7 +2692,9 @@ wrapperTag: div
2668
2692
  aria-expanded="false"
2669
2693
  aria-label="Help"
2670
2694
  >
2671
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2695
+ <span class="pf-v5-c-menu-toggle__icon">
2696
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2697
+ </span>
2672
2698
  </button>
2673
2699
  </div>
2674
2700
  </div>
@@ -2679,7 +2705,9 @@ wrapperTag: div
2679
2705
  aria-expanded="false"
2680
2706
  aria-label="Actions"
2681
2707
  >
2682
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2708
+ <span class="pf-v5-c-menu-toggle__icon">
2709
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2710
+ </span>
2683
2711
  </button>
2684
2712
  </div>
2685
2713
  </div>
@@ -2793,7 +2821,9 @@ wrapperTag: div
2793
2821
  aria-label="Show filters"
2794
2822
  aria-controls="primary-detail-content-body-padding-example-drawer-toolbar-expandable-content"
2795
2823
  >
2796
- <i class="fas fa-filter" aria-hidden="true"></i>
2824
+ <span class="pf-v5-c-menu-toggle__icon">
2825
+ <i class="fas fa-filter" aria-hidden="true"></i>
2826
+ </span>
2797
2827
  </button>
2798
2828
  </div>
2799
2829
 
@@ -3805,7 +3835,9 @@ wrapperTag: div
3805
3835
  aria-expanded="false"
3806
3836
  aria-label="Application launcher"
3807
3837
  >
3808
- <i class="fas fa-th" aria-hidden="true"></i>
3838
+ <span class="pf-v5-c-menu-toggle__icon">
3839
+ <i class="fas fa-th" aria-hidden="true"></i>
3840
+ </span>
3809
3841
  </button>
3810
3842
  </div>
3811
3843
  <div class="pf-v5-c-toolbar__item">
@@ -3815,7 +3847,9 @@ wrapperTag: div
3815
3847
  aria-expanded="false"
3816
3848
  aria-label="Settings"
3817
3849
  >
3818
- <i class="fas fa-cog" aria-hidden="true"></i>
3850
+ <span class="pf-v5-c-menu-toggle__icon">
3851
+ <i class="fas fa-cog" aria-hidden="true"></i>
3852
+ </span>
3819
3853
  </button>
3820
3854
  </div>
3821
3855
  <div class="pf-v5-c-toolbar__item">
@@ -3825,7 +3859,9 @@ wrapperTag: div
3825
3859
  aria-expanded="false"
3826
3860
  aria-label="Help"
3827
3861
  >
3828
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3862
+ <span class="pf-v5-c-menu-toggle__icon">
3863
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3864
+ </span>
3829
3865
  </button>
3830
3866
  </div>
3831
3867
  </div>
@@ -3836,7 +3872,9 @@ wrapperTag: div
3836
3872
  aria-expanded="false"
3837
3873
  aria-label="Actions"
3838
3874
  >
3839
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3875
+ <span class="pf-v5-c-menu-toggle__icon">
3876
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3877
+ </span>
3840
3878
  </button>
3841
3879
  </div>
3842
3880
  </div>
@@ -3946,7 +3984,9 @@ wrapperTag: div
3946
3984
  aria-label="Show filters"
3947
3985
  aria-controls="primary-detail-card-view-expanded-example-drawer-toolbar-expandable-content"
3948
3986
  >
3949
- <i class="fas fa-filter" aria-hidden="true"></i>
3987
+ <span class="pf-v5-c-menu-toggle__icon">
3988
+ <i class="fas fa-filter" aria-hidden="true"></i>
3989
+ </span>
3950
3990
  </button>
3951
3991
  </div>
3952
3992
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
@@ -5382,7 +5422,9 @@ wrapperTag: div
5382
5422
  aria-expanded="false"
5383
5423
  aria-label="Application launcher"
5384
5424
  >
5385
- <i class="fas fa-th" aria-hidden="true"></i>
5425
+ <span class="pf-v5-c-menu-toggle__icon">
5426
+ <i class="fas fa-th" aria-hidden="true"></i>
5427
+ </span>
5386
5428
  </button>
5387
5429
  </div>
5388
5430
  <div class="pf-v5-c-toolbar__item">
@@ -5392,7 +5434,9 @@ wrapperTag: div
5392
5434
  aria-expanded="false"
5393
5435
  aria-label="Settings"
5394
5436
  >
5395
- <i class="fas fa-cog" aria-hidden="true"></i>
5437
+ <span class="pf-v5-c-menu-toggle__icon">
5438
+ <i class="fas fa-cog" aria-hidden="true"></i>
5439
+ </span>
5396
5440
  </button>
5397
5441
  </div>
5398
5442
  <div class="pf-v5-c-toolbar__item">
@@ -5402,7 +5446,9 @@ wrapperTag: div
5402
5446
  aria-expanded="false"
5403
5447
  aria-label="Help"
5404
5448
  >
5405
- <i class="fas fa-question-circle" aria-hidden="true"></i>
5449
+ <span class="pf-v5-c-menu-toggle__icon">
5450
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
5451
+ </span>
5406
5452
  </button>
5407
5453
  </div>
5408
5454
  </div>
@@ -5413,7 +5459,9 @@ wrapperTag: div
5413
5459
  aria-expanded="false"
5414
5460
  aria-label="Actions"
5415
5461
  >
5416
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5462
+ <span class="pf-v5-c-menu-toggle__icon">
5463
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5464
+ </span>
5417
5465
  </button>
5418
5466
  </div>
5419
5467
  </div>
@@ -5835,7 +5883,9 @@ wrapperTag: div
5835
5883
  aria-expanded="false"
5836
5884
  aria-label="Application launcher"
5837
5885
  >
5838
- <i class="fas fa-th" aria-hidden="true"></i>
5886
+ <span class="pf-v5-c-menu-toggle__icon">
5887
+ <i class="fas fa-th" aria-hidden="true"></i>
5888
+ </span>
5839
5889
  </button>
5840
5890
  </div>
5841
5891
  <div class="pf-v5-c-toolbar__item">
@@ -5845,7 +5895,9 @@ wrapperTag: div
5845
5895
  aria-expanded="false"
5846
5896
  aria-label="Settings"
5847
5897
  >
5848
- <i class="fas fa-cog" aria-hidden="true"></i>
5898
+ <span class="pf-v5-c-menu-toggle__icon">
5899
+ <i class="fas fa-cog" aria-hidden="true"></i>
5900
+ </span>
5849
5901
  </button>
5850
5902
  </div>
5851
5903
  <div class="pf-v5-c-toolbar__item">
@@ -5855,7 +5907,9 @@ wrapperTag: div
5855
5907
  aria-expanded="false"
5856
5908
  aria-label="Help"
5857
5909
  >
5858
- <i class="fas fa-question-circle" aria-hidden="true"></i>
5910
+ <span class="pf-v5-c-menu-toggle__icon">
5911
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
5912
+ </span>
5859
5913
  </button>
5860
5914
  </div>
5861
5915
  </div>
@@ -5866,7 +5920,9 @@ wrapperTag: div
5866
5920
  aria-expanded="false"
5867
5921
  aria-label="Actions"
5868
5922
  >
5869
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5923
+ <span class="pf-v5-c-menu-toggle__icon">
5924
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5925
+ </span>
5870
5926
  </button>
5871
5927
  </div>
5872
5928
  </div>
@@ -6534,7 +6590,9 @@ wrapperTag: div
6534
6590
  aria-expanded="false"
6535
6591
  aria-label="Application launcher"
6536
6592
  >
6537
- <i class="fas fa-th" aria-hidden="true"></i>
6593
+ <span class="pf-v5-c-menu-toggle__icon">
6594
+ <i class="fas fa-th" aria-hidden="true"></i>
6595
+ </span>
6538
6596
  </button>
6539
6597
  </div>
6540
6598
  <div class="pf-v5-c-toolbar__item">
@@ -6544,7 +6602,9 @@ wrapperTag: div
6544
6602
  aria-expanded="false"
6545
6603
  aria-label="Settings"
6546
6604
  >
6547
- <i class="fas fa-cog" aria-hidden="true"></i>
6605
+ <span class="pf-v5-c-menu-toggle__icon">
6606
+ <i class="fas fa-cog" aria-hidden="true"></i>
6607
+ </span>
6548
6608
  </button>
6549
6609
  </div>
6550
6610
  <div class="pf-v5-c-toolbar__item">
@@ -6554,7 +6614,9 @@ wrapperTag: div
6554
6614
  aria-expanded="false"
6555
6615
  aria-label="Help"
6556
6616
  >
6557
- <i class="fas fa-question-circle" aria-hidden="true"></i>
6617
+ <span class="pf-v5-c-menu-toggle__icon">
6618
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
6619
+ </span>
6558
6620
  </button>
6559
6621
  </div>
6560
6622
  </div>
@@ -6565,7 +6627,9 @@ wrapperTag: div
6565
6627
  aria-expanded="false"
6566
6628
  aria-label="Actions"
6567
6629
  >
6568
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6630
+ <span class="pf-v5-c-menu-toggle__icon">
6631
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6632
+ </span>
6569
6633
  </button>
6570
6634
  </div>
6571
6635
  </div>
package/docs/demos/Skeleton/examples/Skeleton.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>