@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
@@ -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>
@@ -523,7 +531,9 @@ section: components
523
531
  aria-expanded="false"
524
532
  aria-label="Application launcher"
525
533
  >
526
- <i class="fas fa-th" aria-hidden="true"></i>
534
+ <span class="pf-v5-c-menu-toggle__icon">
535
+ <i class="fas fa-th" aria-hidden="true"></i>
536
+ </span>
527
537
  </button>
528
538
  </div>
529
539
  <div class="pf-v5-c-toolbar__item">
@@ -533,7 +543,9 @@ section: components
533
543
  aria-expanded="false"
534
544
  aria-label="Settings"
535
545
  >
536
- <i class="fas fa-cog" aria-hidden="true"></i>
546
+ <span class="pf-v5-c-menu-toggle__icon">
547
+ <i class="fas fa-cog" aria-hidden="true"></i>
548
+ </span>
537
549
  </button>
538
550
  </div>
539
551
  <div class="pf-v5-c-toolbar__item">
@@ -543,7 +555,9 @@ section: components
543
555
  aria-expanded="false"
544
556
  aria-label="Help"
545
557
  >
546
- <i class="fas fa-question-circle" aria-hidden="true"></i>
558
+ <span class="pf-v5-c-menu-toggle__icon">
559
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
560
+ </span>
547
561
  </button>
548
562
  </div>
549
563
  </div>
@@ -554,7 +568,9 @@ section: components
554
568
  aria-expanded="false"
555
569
  aria-label="Actions"
556
570
  >
557
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
571
+ <span class="pf-v5-c-menu-toggle__icon">
572
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
573
+ </span>
558
574
  </button>
559
575
  </div>
560
576
  </div>
@@ -992,7 +1008,9 @@ section: components
992
1008
  aria-expanded="false"
993
1009
  aria-label="Application launcher"
994
1010
  >
995
- <i class="fas fa-th" aria-hidden="true"></i>
1011
+ <span class="pf-v5-c-menu-toggle__icon">
1012
+ <i class="fas fa-th" aria-hidden="true"></i>
1013
+ </span>
996
1014
  </button>
997
1015
  </div>
998
1016
  <div class="pf-v5-c-toolbar__item">
@@ -1002,7 +1020,9 @@ section: components
1002
1020
  aria-expanded="false"
1003
1021
  aria-label="Settings"
1004
1022
  >
1005
- <i class="fas fa-cog" aria-hidden="true"></i>
1023
+ <span class="pf-v5-c-menu-toggle__icon">
1024
+ <i class="fas fa-cog" aria-hidden="true"></i>
1025
+ </span>
1006
1026
  </button>
1007
1027
  </div>
1008
1028
  <div class="pf-v5-c-toolbar__item">
@@ -1012,7 +1032,9 @@ section: components
1012
1032
  aria-expanded="false"
1013
1033
  aria-label="Help"
1014
1034
  >
1015
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1035
+ <span class="pf-v5-c-menu-toggle__icon">
1036
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1037
+ </span>
1016
1038
  </button>
1017
1039
  </div>
1018
1040
  </div>
@@ -1023,7 +1045,9 @@ section: components
1023
1045
  aria-expanded="false"
1024
1046
  aria-label="Actions"
1025
1047
  >
1026
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1048
+ <span class="pf-v5-c-menu-toggle__icon">
1049
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1050
+ </span>
1027
1051
  </button>
1028
1052
  </div>
1029
1053
  </div>
@@ -148,7 +148,9 @@ cssPrefix: pf-d-back-to-top
148
148
  aria-expanded="false"
149
149
  aria-label="Application launcher"
150
150
  >
151
- <i class="fas fa-th" aria-hidden="true"></i>
151
+ <span class="pf-v5-c-menu-toggle__icon">
152
+ <i class="fas fa-th" aria-hidden="true"></i>
153
+ </span>
152
154
  </button>
153
155
  </div>
154
156
  <div class="pf-v5-c-toolbar__item">
@@ -158,7 +160,9 @@ cssPrefix: pf-d-back-to-top
158
160
  aria-expanded="false"
159
161
  aria-label="Settings"
160
162
  >
161
- <i class="fas fa-cog" aria-hidden="true"></i>
163
+ <span class="pf-v5-c-menu-toggle__icon">
164
+ <i class="fas fa-cog" aria-hidden="true"></i>
165
+ </span>
162
166
  </button>
163
167
  </div>
164
168
  <div class="pf-v5-c-toolbar__item">
@@ -168,7 +172,9 @@ cssPrefix: pf-d-back-to-top
168
172
  aria-expanded="false"
169
173
  aria-label="Help"
170
174
  >
171
- <i class="fas fa-question-circle" aria-hidden="true"></i>
175
+ <span class="pf-v5-c-menu-toggle__icon">
176
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
177
+ </span>
172
178
  </button>
173
179
  </div>
174
180
  </div>
@@ -179,7 +185,9 @@ cssPrefix: pf-d-back-to-top
179
185
  aria-expanded="false"
180
186
  aria-label="Actions"
181
187
  >
182
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
188
+ <span class="pf-v5-c-menu-toggle__icon">
189
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
190
+ </span>
183
191
  </button>
184
192
  </div>
185
193
  </div>
@@ -149,7 +149,9 @@ wrapperTag: div
149
149
  aria-expanded="false"
150
150
  aria-label="Application launcher"
151
151
  >
152
- <i class="fas fa-th" aria-hidden="true"></i>
152
+ <span class="pf-v5-c-menu-toggle__icon">
153
+ <i class="fas fa-th" aria-hidden="true"></i>
154
+ </span>
153
155
  </button>
154
156
  </div>
155
157
  <div class="pf-v5-c-toolbar__item">
@@ -159,7 +161,9 @@ wrapperTag: div
159
161
  aria-expanded="false"
160
162
  aria-label="Settings"
161
163
  >
162
- <i class="fas fa-cog" aria-hidden="true"></i>
164
+ <span class="pf-v5-c-menu-toggle__icon">
165
+ <i class="fas fa-cog" aria-hidden="true"></i>
166
+ </span>
163
167
  </button>
164
168
  </div>
165
169
  <div class="pf-v5-c-toolbar__item">
@@ -169,7 +173,9 @@ wrapperTag: div
169
173
  aria-expanded="false"
170
174
  aria-label="Help"
171
175
  >
172
- <i class="fas fa-question-circle" aria-hidden="true"></i>
176
+ <span class="pf-v5-c-menu-toggle__icon">
177
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
178
+ </span>
173
179
  </button>
174
180
  </div>
175
181
  </div>
@@ -180,7 +186,9 @@ wrapperTag: div
180
186
  aria-expanded="false"
181
187
  aria-label="Actions"
182
188
  >
183
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
189
+ <span class="pf-v5-c-menu-toggle__icon">
190
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
191
+ </span>
184
192
  </button>
185
193
  </div>
186
194
  </div>
@@ -617,7 +625,9 @@ wrapperTag: div
617
625
  aria-expanded="false"
618
626
  aria-label="Application launcher"
619
627
  >
620
- <i class="fas fa-th" aria-hidden="true"></i>
628
+ <span class="pf-v5-c-menu-toggle__icon">
629
+ <i class="fas fa-th" aria-hidden="true"></i>
630
+ </span>
621
631
  </button>
622
632
  </div>
623
633
  <div class="pf-v5-c-toolbar__item">
@@ -627,7 +637,9 @@ wrapperTag: div
627
637
  aria-expanded="false"
628
638
  aria-label="Settings"
629
639
  >
630
- <i class="fas fa-cog" aria-hidden="true"></i>
640
+ <span class="pf-v5-c-menu-toggle__icon">
641
+ <i class="fas fa-cog" aria-hidden="true"></i>
642
+ </span>
631
643
  </button>
632
644
  </div>
633
645
  <div class="pf-v5-c-toolbar__item">
@@ -637,7 +649,9 @@ wrapperTag: div
637
649
  aria-expanded="false"
638
650
  aria-label="Help"
639
651
  >
640
- <i class="fas fa-question-circle" aria-hidden="true"></i>
652
+ <span class="pf-v5-c-menu-toggle__icon">
653
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
654
+ </span>
641
655
  </button>
642
656
  </div>
643
657
  </div>
@@ -648,7 +662,9 @@ wrapperTag: div
648
662
  aria-expanded="false"
649
663
  aria-label="Actions"
650
664
  >
651
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
665
+ <span class="pf-v5-c-menu-toggle__icon">
666
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
667
+ </span>
652
668
  </button>
653
669
  </div>
654
670
  </div>
@@ -147,7 +147,9 @@ section: patterns
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: patterns
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: patterns
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: patterns
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>
@@ -365,7 +373,9 @@ section: patterns
365
373
  aria-label="Show filters"
366
374
  aria-controls="card-view-basic-example-toolbar-expandable-content"
367
375
  >
368
- <i class="fas fa-filter" aria-hidden="true"></i>
376
+ <span class="pf-v5-c-menu-toggle__icon">
377
+ <i class="fas fa-filter" aria-hidden="true"></i>
378
+ </span>
369
379
  </button>
370
380
  </div>
371
381
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
@@ -393,7 +393,9 @@ deprecated: true
393
393
  aria-expanded="false"
394
394
  aria-label="Application launcher"
395
395
  >
396
- <i class="fas fa-th" aria-hidden="true"></i>
396
+ <span class="pf-v5-c-menu-toggle__icon">
397
+ <i class="fas fa-th" aria-hidden="true"></i>
398
+ </span>
397
399
  </button>
398
400
  </div>
399
401
  <div class="pf-v5-c-toolbar__item">
@@ -403,7 +405,9 @@ deprecated: true
403
405
  aria-expanded="false"
404
406
  aria-label="Settings"
405
407
  >
406
- <i class="fas fa-cog" aria-hidden="true"></i>
408
+ <span class="pf-v5-c-menu-toggle__icon">
409
+ <i class="fas fa-cog" aria-hidden="true"></i>
410
+ </span>
407
411
  </button>
408
412
  </div>
409
413
  <div class="pf-v5-c-toolbar__item">
@@ -413,7 +417,9 @@ deprecated: true
413
417
  aria-expanded="false"
414
418
  aria-label="Help"
415
419
  >
416
- <i class="fas fa-question-circle" aria-hidden="true"></i>
420
+ <span class="pf-v5-c-menu-toggle__icon">
421
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
422
+ </span>
417
423
  </button>
418
424
  </div>
419
425
  </div>
@@ -424,7 +430,9 @@ deprecated: true
424
430
  aria-expanded="false"
425
431
  aria-label="Actions"
426
432
  >
427
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
433
+ <span class="pf-v5-c-menu-toggle__icon">
434
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
435
+ </span>
428
436
  </button>
429
437
  </div>
430
438
  </div>
@@ -843,7 +851,9 @@ deprecated: true
843
851
  aria-expanded="false"
844
852
  aria-label="Application launcher"
845
853
  >
846
- <i class="fas fa-th" aria-hidden="true"></i>
854
+ <span class="pf-v5-c-menu-toggle__icon">
855
+ <i class="fas fa-th" aria-hidden="true"></i>
856
+ </span>
847
857
  </button>
848
858
  </div>
849
859
  <div class="pf-v5-c-toolbar__item">
@@ -853,7 +863,9 @@ deprecated: true
853
863
  aria-expanded="false"
854
864
  aria-label="Settings"
855
865
  >
856
- <i class="fas fa-cog" aria-hidden="true"></i>
866
+ <span class="pf-v5-c-menu-toggle__icon">
867
+ <i class="fas fa-cog" aria-hidden="true"></i>
868
+ </span>
857
869
  </button>
858
870
  </div>
859
871
  <div class="pf-v5-c-toolbar__item">
@@ -863,7 +875,9 @@ deprecated: true
863
875
  aria-expanded="false"
864
876
  aria-label="Help"
865
877
  >
866
- <i class="fas fa-question-circle" aria-hidden="true"></i>
878
+ <span class="pf-v5-c-menu-toggle__icon">
879
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
880
+ </span>
867
881
  </button>
868
882
  </div>
869
883
  </div>
@@ -874,7 +888,9 @@ deprecated: true
874
888
  aria-expanded="false"
875
889
  aria-label="Actions"
876
890
  >
877
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
891
+ <span class="pf-v5-c-menu-toggle__icon">
892
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
893
+ </span>
878
894
  </button>
879
895
  </div>
880
896
  </div>
@@ -1295,7 +1311,9 @@ deprecated: true
1295
1311
  aria-expanded="false"
1296
1312
  aria-label="Application launcher"
1297
1313
  >
1298
- <i class="fas fa-th" aria-hidden="true"></i>
1314
+ <span class="pf-v5-c-menu-toggle__icon">
1315
+ <i class="fas fa-th" aria-hidden="true"></i>
1316
+ </span>
1299
1317
  </button>
1300
1318
  </div>
1301
1319
  <div class="pf-v5-c-toolbar__item">
@@ -1305,7 +1323,9 @@ deprecated: true
1305
1323
  aria-expanded="false"
1306
1324
  aria-label="Settings"
1307
1325
  >
1308
- <i class="fas fa-cog" aria-hidden="true"></i>
1326
+ <span class="pf-v5-c-menu-toggle__icon">
1327
+ <i class="fas fa-cog" aria-hidden="true"></i>
1328
+ </span>
1309
1329
  </button>
1310
1330
  </div>
1311
1331
  <div class="pf-v5-c-toolbar__item">
@@ -1315,7 +1335,9 @@ deprecated: true
1315
1335
  aria-expanded="false"
1316
1336
  aria-label="Help"
1317
1337
  >
1318
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1338
+ <span class="pf-v5-c-menu-toggle__icon">
1339
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1340
+ </span>
1319
1341
  </button>
1320
1342
  </div>
1321
1343
  </div>
@@ -1326,7 +1348,9 @@ deprecated: true
1326
1348
  aria-expanded="false"
1327
1349
  aria-label="Actions"
1328
1350
  >
1329
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1351
+ <span class="pf-v5-c-menu-toggle__icon">
1352
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1353
+ </span>
1330
1354
  </button>
1331
1355
  </div>
1332
1356
  </div>
@@ -148,7 +148,9 @@ cssPrefix: pf-d-dashboard
148
148
  aria-expanded="false"
149
149
  aria-label="Application launcher"
150
150
  >
151
- <i class="fas fa-th" aria-hidden="true"></i>
151
+ <span class="pf-v5-c-menu-toggle__icon">
152
+ <i class="fas fa-th" aria-hidden="true"></i>
153
+ </span>
152
154
  </button>
153
155
  </div>
154
156
  <div class="pf-v5-c-toolbar__item">
@@ -158,7 +160,9 @@ cssPrefix: pf-d-dashboard
158
160
  aria-expanded="false"
159
161
  aria-label="Settings"
160
162
  >
161
- <i class="fas fa-cog" aria-hidden="true"></i>
163
+ <span class="pf-v5-c-menu-toggle__icon">
164
+ <i class="fas fa-cog" aria-hidden="true"></i>
165
+ </span>
162
166
  </button>
163
167
  </div>
164
168
  <div class="pf-v5-c-toolbar__item">
@@ -168,7 +172,9 @@ cssPrefix: pf-d-dashboard
168
172
  aria-expanded="false"
169
173
  aria-label="Help"
170
174
  >
171
- <i class="fas fa-question-circle" aria-hidden="true"></i>
175
+ <span class="pf-v5-c-menu-toggle__icon">
176
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
177
+ </span>
172
178
  </button>
173
179
  </div>
174
180
  </div>
@@ -179,7 +185,9 @@ cssPrefix: pf-d-dashboard
179
185
  aria-expanded="false"
180
186
  aria-label="Actions"
181
187
  >
182
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
188
+ <span class="pf-v5-c-menu-toggle__icon">
189
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
190
+ </span>
183
191
  </button>
184
192
  </div>
185
193
  </div>