@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/Modal/examples/Modal.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>
@@ -493,7 +501,9 @@ section: components
493
501
  aria-expanded="false"
494
502
  aria-label="Application launcher"
495
503
  >
496
- <i class="fas fa-th" aria-hidden="true"></i>
504
+ <span class="pf-v5-c-menu-toggle__icon">
505
+ <i class="fas fa-th" aria-hidden="true"></i>
506
+ </span>
497
507
  </button>
498
508
  </div>
499
509
  <div class="pf-v5-c-toolbar__item">
@@ -503,7 +513,9 @@ section: components
503
513
  aria-expanded="false"
504
514
  aria-label="Settings"
505
515
  >
506
- <i class="fas fa-cog" aria-hidden="true"></i>
516
+ <span class="pf-v5-c-menu-toggle__icon">
517
+ <i class="fas fa-cog" aria-hidden="true"></i>
518
+ </span>
507
519
  </button>
508
520
  </div>
509
521
  <div class="pf-v5-c-toolbar__item">
@@ -513,7 +525,9 @@ section: components
513
525
  aria-expanded="false"
514
526
  aria-label="Help"
515
527
  >
516
- <i class="fas fa-question-circle" aria-hidden="true"></i>
528
+ <span class="pf-v5-c-menu-toggle__icon">
529
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
530
+ </span>
517
531
  </button>
518
532
  </div>
519
533
  </div>
@@ -524,7 +538,9 @@ section: components
524
538
  aria-expanded="false"
525
539
  aria-label="Actions"
526
540
  >
527
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
541
+ <span class="pf-v5-c-menu-toggle__icon">
542
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
543
+ </span>
528
544
  </button>
529
545
  </div>
530
546
  </div>
@@ -845,7 +861,9 @@ section: components
845
861
  aria-expanded="false"
846
862
  aria-label="Application launcher"
847
863
  >
848
- <i class="fas fa-th" aria-hidden="true"></i>
864
+ <span class="pf-v5-c-menu-toggle__icon">
865
+ <i class="fas fa-th" aria-hidden="true"></i>
866
+ </span>
849
867
  </button>
850
868
  </div>
851
869
  <div class="pf-v5-c-toolbar__item">
@@ -855,7 +873,9 @@ section: components
855
873
  aria-expanded="false"
856
874
  aria-label="Settings"
857
875
  >
858
- <i class="fas fa-cog" aria-hidden="true"></i>
876
+ <span class="pf-v5-c-menu-toggle__icon">
877
+ <i class="fas fa-cog" aria-hidden="true"></i>
878
+ </span>
859
879
  </button>
860
880
  </div>
861
881
  <div class="pf-v5-c-toolbar__item">
@@ -865,7 +885,9 @@ section: components
865
885
  aria-expanded="false"
866
886
  aria-label="Help"
867
887
  >
868
- <i class="fas fa-question-circle" aria-hidden="true"></i>
888
+ <span class="pf-v5-c-menu-toggle__icon">
889
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
890
+ </span>
869
891
  </button>
870
892
  </div>
871
893
  </div>
@@ -876,7 +898,9 @@ section: components
876
898
  aria-expanded="false"
877
899
  aria-label="Actions"
878
900
  >
879
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
901
+ <span class="pf-v5-c-menu-toggle__icon">
902
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
903
+ </span>
880
904
  </button>
881
905
  </div>
882
906
  </div>
@@ -1187,7 +1211,9 @@ section: components
1187
1211
  aria-expanded="false"
1188
1212
  aria-label="Application launcher"
1189
1213
  >
1190
- <i class="fas fa-th" aria-hidden="true"></i>
1214
+ <span class="pf-v5-c-menu-toggle__icon">
1215
+ <i class="fas fa-th" aria-hidden="true"></i>
1216
+ </span>
1191
1217
  </button>
1192
1218
  </div>
1193
1219
  <div class="pf-v5-c-toolbar__item">
@@ -1197,7 +1223,9 @@ section: components
1197
1223
  aria-expanded="false"
1198
1224
  aria-label="Settings"
1199
1225
  >
1200
- <i class="fas fa-cog" aria-hidden="true"></i>
1226
+ <span class="pf-v5-c-menu-toggle__icon">
1227
+ <i class="fas fa-cog" aria-hidden="true"></i>
1228
+ </span>
1201
1229
  </button>
1202
1230
  </div>
1203
1231
  <div class="pf-v5-c-toolbar__item">
@@ -1207,7 +1235,9 @@ section: components
1207
1235
  aria-expanded="false"
1208
1236
  aria-label="Help"
1209
1237
  >
1210
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1238
+ <span class="pf-v5-c-menu-toggle__icon">
1239
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1240
+ </span>
1211
1241
  </button>
1212
1242
  </div>
1213
1243
  </div>
@@ -1218,7 +1248,9 @@ section: components
1218
1248
  aria-expanded="false"
1219
1249
  aria-label="Actions"
1220
1250
  >
1221
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1251
+ <span class="pf-v5-c-menu-toggle__icon">
1252
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1253
+ </span>
1222
1254
  </button>
1223
1255
  </div>
1224
1256
  </div>
@@ -1529,7 +1561,9 @@ section: components
1529
1561
  aria-expanded="false"
1530
1562
  aria-label="Application launcher"
1531
1563
  >
1532
- <i class="fas fa-th" aria-hidden="true"></i>
1564
+ <span class="pf-v5-c-menu-toggle__icon">
1565
+ <i class="fas fa-th" aria-hidden="true"></i>
1566
+ </span>
1533
1567
  </button>
1534
1568
  </div>
1535
1569
  <div class="pf-v5-c-toolbar__item">
@@ -1539,7 +1573,9 @@ section: components
1539
1573
  aria-expanded="false"
1540
1574
  aria-label="Settings"
1541
1575
  >
1542
- <i class="fas fa-cog" aria-hidden="true"></i>
1576
+ <span class="pf-v5-c-menu-toggle__icon">
1577
+ <i class="fas fa-cog" aria-hidden="true"></i>
1578
+ </span>
1543
1579
  </button>
1544
1580
  </div>
1545
1581
  <div class="pf-v5-c-toolbar__item">
@@ -1549,7 +1585,9 @@ section: components
1549
1585
  aria-expanded="false"
1550
1586
  aria-label="Help"
1551
1587
  >
1552
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1588
+ <span class="pf-v5-c-menu-toggle__icon">
1589
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1590
+ </span>
1553
1591
  </button>
1554
1592
  </div>
1555
1593
  </div>
@@ -1560,7 +1598,9 @@ section: components
1560
1598
  aria-expanded="false"
1561
1599
  aria-label="Actions"
1562
1600
  >
1563
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1601
+ <span class="pf-v5-c-menu-toggle__icon">
1602
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1603
+ </span>
1564
1604
  </button>
1565
1605
  </div>
1566
1606
  </div>
@@ -1871,7 +1911,9 @@ section: components
1871
1911
  aria-expanded="false"
1872
1912
  aria-label="Application launcher"
1873
1913
  >
1874
- <i class="fas fa-th" aria-hidden="true"></i>
1914
+ <span class="pf-v5-c-menu-toggle__icon">
1915
+ <i class="fas fa-th" aria-hidden="true"></i>
1916
+ </span>
1875
1917
  </button>
1876
1918
  </div>
1877
1919
  <div class="pf-v5-c-toolbar__item">
@@ -1881,7 +1923,9 @@ section: components
1881
1923
  aria-expanded="false"
1882
1924
  aria-label="Settings"
1883
1925
  >
1884
- <i class="fas fa-cog" aria-hidden="true"></i>
1926
+ <span class="pf-v5-c-menu-toggle__icon">
1927
+ <i class="fas fa-cog" aria-hidden="true"></i>
1928
+ </span>
1885
1929
  </button>
1886
1930
  </div>
1887
1931
  <div class="pf-v5-c-toolbar__item">
@@ -1891,7 +1935,9 @@ section: components
1891
1935
  aria-expanded="false"
1892
1936
  aria-label="Help"
1893
1937
  >
1894
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1938
+ <span class="pf-v5-c-menu-toggle__icon">
1939
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1940
+ </span>
1895
1941
  </button>
1896
1942
  </div>
1897
1943
  </div>
@@ -1902,7 +1948,9 @@ section: components
1902
1948
  aria-expanded="false"
1903
1949
  aria-label="Actions"
1904
1950
  >
1905
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1951
+ <span class="pf-v5-c-menu-toggle__icon">
1952
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1953
+ </span>
1906
1954
  </button>
1907
1955
  </div>
1908
1956
  </div>
package/docs/demos/Nav/examples/Nav.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>
@@ -452,7 +460,9 @@ section: components
452
460
  aria-expanded="false"
453
461
  aria-label="Application launcher"
454
462
  >
455
- <i class="fas fa-th" aria-hidden="true"></i>
463
+ <span class="pf-v5-c-menu-toggle__icon">
464
+ <i class="fas fa-th" aria-hidden="true"></i>
465
+ </span>
456
466
  </button>
457
467
  </div>
458
468
  <div class="pf-v5-c-toolbar__item">
@@ -462,7 +472,9 @@ section: components
462
472
  aria-expanded="false"
463
473
  aria-label="Settings"
464
474
  >
465
- <i class="fas fa-cog" aria-hidden="true"></i>
475
+ <span class="pf-v5-c-menu-toggle__icon">
476
+ <i class="fas fa-cog" aria-hidden="true"></i>
477
+ </span>
466
478
  </button>
467
479
  </div>
468
480
  <div class="pf-v5-c-toolbar__item">
@@ -472,7 +484,9 @@ section: components
472
484
  aria-expanded="false"
473
485
  aria-label="Help"
474
486
  >
475
- <i class="fas fa-question-circle" aria-hidden="true"></i>
487
+ <span class="pf-v5-c-menu-toggle__icon">
488
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
489
+ </span>
476
490
  </button>
477
491
  </div>
478
492
  </div>
@@ -483,7 +497,9 @@ section: components
483
497
  aria-expanded="false"
484
498
  aria-label="Actions"
485
499
  >
486
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
500
+ <span class="pf-v5-c-menu-toggle__icon">
501
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
502
+ </span>
487
503
  </button>
488
504
  </div>
489
505
  </div>
@@ -781,7 +797,9 @@ section: components
781
797
  aria-expanded="false"
782
798
  aria-label="Application launcher"
783
799
  >
784
- <i class="fas fa-th" aria-hidden="true"></i>
800
+ <span class="pf-v5-c-menu-toggle__icon">
801
+ <i class="fas fa-th" aria-hidden="true"></i>
802
+ </span>
785
803
  </button>
786
804
  </div>
787
805
  <div class="pf-v5-c-toolbar__item">
@@ -791,7 +809,9 @@ section: components
791
809
  aria-expanded="false"
792
810
  aria-label="Settings"
793
811
  >
794
- <i class="fas fa-cog" aria-hidden="true"></i>
812
+ <span class="pf-v5-c-menu-toggle__icon">
813
+ <i class="fas fa-cog" aria-hidden="true"></i>
814
+ </span>
795
815
  </button>
796
816
  </div>
797
817
  <div class="pf-v5-c-toolbar__item">
@@ -801,7 +821,9 @@ section: components
801
821
  aria-expanded="false"
802
822
  aria-label="Help"
803
823
  >
804
- <i class="fas fa-question-circle" aria-hidden="true"></i>
824
+ <span class="pf-v5-c-menu-toggle__icon">
825
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
826
+ </span>
805
827
  </button>
806
828
  </div>
807
829
  </div>
@@ -812,7 +834,9 @@ section: components
812
834
  aria-expanded="false"
813
835
  aria-label="Actions"
814
836
  >
815
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
837
+ <span class="pf-v5-c-menu-toggle__icon">
838
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
839
+ </span>
816
840
  </button>
817
841
  </div>
818
842
  </div>
@@ -1211,7 +1235,9 @@ section: components
1211
1235
  aria-expanded="false"
1212
1236
  aria-label="Application launcher"
1213
1237
  >
1214
- <i class="fas fa-th" aria-hidden="true"></i>
1238
+ <span class="pf-v5-c-menu-toggle__icon">
1239
+ <i class="fas fa-th" aria-hidden="true"></i>
1240
+ </span>
1215
1241
  </button>
1216
1242
  </div>
1217
1243
  <div class="pf-v5-c-toolbar__item">
@@ -1221,7 +1247,9 @@ section: components
1221
1247
  aria-expanded="false"
1222
1248
  aria-label="Settings"
1223
1249
  >
1224
- <i class="fas fa-cog" aria-hidden="true"></i>
1250
+ <span class="pf-v5-c-menu-toggle__icon">
1251
+ <i class="fas fa-cog" aria-hidden="true"></i>
1252
+ </span>
1225
1253
  </button>
1226
1254
  </div>
1227
1255
  <div class="pf-v5-c-toolbar__item">
@@ -1231,7 +1259,9 @@ section: components
1231
1259
  aria-expanded="false"
1232
1260
  aria-label="Help"
1233
1261
  >
1234
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1262
+ <span class="pf-v5-c-menu-toggle__icon">
1263
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1264
+ </span>
1235
1265
  </button>
1236
1266
  </div>
1237
1267
  </div>
@@ -1242,7 +1272,9 @@ section: components
1242
1272
  aria-expanded="false"
1243
1273
  aria-label="Actions"
1244
1274
  >
1245
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1275
+ <span class="pf-v5-c-menu-toggle__icon">
1276
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1277
+ </span>
1246
1278
  </button>
1247
1279
  </div>
1248
1280
  </div>
@@ -1485,7 +1517,9 @@ section: components
1485
1517
  aria-expanded="false"
1486
1518
  aria-label="Application launcher"
1487
1519
  >
1488
- <i class="fas fa-th" aria-hidden="true"></i>
1520
+ <span class="pf-v5-c-menu-toggle__icon">
1521
+ <i class="fas fa-th" aria-hidden="true"></i>
1522
+ </span>
1489
1523
  </button>
1490
1524
  </div>
1491
1525
  <div class="pf-v5-c-toolbar__item">
@@ -1495,7 +1529,9 @@ section: components
1495
1529
  aria-expanded="false"
1496
1530
  aria-label="Settings"
1497
1531
  >
1498
- <i class="fas fa-cog" aria-hidden="true"></i>
1532
+ <span class="pf-v5-c-menu-toggle__icon">
1533
+ <i class="fas fa-cog" aria-hidden="true"></i>
1534
+ </span>
1499
1535
  </button>
1500
1536
  </div>
1501
1537
  <div class="pf-v5-c-toolbar__item">
@@ -1505,7 +1541,9 @@ section: components
1505
1541
  aria-expanded="false"
1506
1542
  aria-label="Help"
1507
1543
  >
1508
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1544
+ <span class="pf-v5-c-menu-toggle__icon">
1545
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1546
+ </span>
1509
1547
  </button>
1510
1548
  </div>
1511
1549
  </div>
@@ -1516,7 +1554,9 @@ section: components
1516
1554
  aria-expanded="false"
1517
1555
  aria-label="Actions"
1518
1556
  >
1519
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1557
+ <span class="pf-v5-c-menu-toggle__icon">
1558
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1559
+ </span>
1520
1560
  </button>
1521
1561
  </div>
1522
1562
  </div>
@@ -1927,7 +1967,9 @@ section: components
1927
1967
  aria-expanded="false"
1928
1968
  aria-label="Application launcher"
1929
1969
  >
1930
- <i class="fas fa-th" aria-hidden="true"></i>
1970
+ <span class="pf-v5-c-menu-toggle__icon">
1971
+ <i class="fas fa-th" aria-hidden="true"></i>
1972
+ </span>
1931
1973
  </button>
1932
1974
  </div>
1933
1975
  <div class="pf-v5-c-toolbar__item">
@@ -1937,7 +1979,9 @@ section: components
1937
1979
  aria-expanded="false"
1938
1980
  aria-label="Settings"
1939
1981
  >
1940
- <i class="fas fa-cog" aria-hidden="true"></i>
1982
+ <span class="pf-v5-c-menu-toggle__icon">
1983
+ <i class="fas fa-cog" aria-hidden="true"></i>
1984
+ </span>
1941
1985
  </button>
1942
1986
  </div>
1943
1987
  <div class="pf-v5-c-toolbar__item">
@@ -1947,7 +1991,9 @@ section: components
1947
1991
  aria-expanded="false"
1948
1992
  aria-label="Help"
1949
1993
  >
1950
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1994
+ <span class="pf-v5-c-menu-toggle__icon">
1995
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1996
+ </span>
1951
1997
  </button>
1952
1998
  </div>
1953
1999
  </div>
@@ -1958,7 +2004,9 @@ section: components
1958
2004
  aria-expanded="false"
1959
2005
  aria-label="Actions"
1960
2006
  >
1961
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2007
+ <span class="pf-v5-c-menu-toggle__icon">
2008
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2009
+ </span>
1962
2010
  </button>
1963
2011
  </div>
1964
2012
  </div>