@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/DataList/examples/DataList.md CHANGED
@@ -148,7 +148,9 @@ wrapperTag: div
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 @@ wrapperTag: div
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 @@ wrapperTag: div
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 @@ wrapperTag: div
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>
@@ -1029,7 +1037,9 @@ wrapperTag: div
1029
1037
  aria-expanded="false"
1030
1038
  aria-label="Application launcher"
1031
1039
  >
1032
- <i class="fas fa-th" aria-hidden="true"></i>
1040
+ <span class="pf-v5-c-menu-toggle__icon">
1041
+ <i class="fas fa-th" aria-hidden="true"></i>
1042
+ </span>
1033
1043
  </button>
1034
1044
  </div>
1035
1045
  <div class="pf-v5-c-toolbar__item">
@@ -1039,7 +1049,9 @@ wrapperTag: div
1039
1049
  aria-expanded="false"
1040
1050
  aria-label="Settings"
1041
1051
  >
1042
- <i class="fas fa-cog" aria-hidden="true"></i>
1052
+ <span class="pf-v5-c-menu-toggle__icon">
1053
+ <i class="fas fa-cog" aria-hidden="true"></i>
1054
+ </span>
1043
1055
  </button>
1044
1056
  </div>
1045
1057
  <div class="pf-v5-c-toolbar__item">
@@ -1049,7 +1061,9 @@ wrapperTag: div
1049
1061
  aria-expanded="false"
1050
1062
  aria-label="Help"
1051
1063
  >
1052
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1064
+ <span class="pf-v5-c-menu-toggle__icon">
1065
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1066
+ </span>
1053
1067
  </button>
1054
1068
  </div>
1055
1069
  </div>
@@ -1060,7 +1074,9 @@ wrapperTag: div
1060
1074
  aria-expanded="false"
1061
1075
  aria-label="Actions"
1062
1076
  >
1063
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1077
+ <span class="pf-v5-c-menu-toggle__icon">
1078
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1079
+ </span>
1064
1080
  </button>
1065
1081
  </div>
1066
1082
  </div>
@@ -1167,7 +1183,9 @@ wrapperTag: div
1167
1183
  aria-label="Show filters"
1168
1184
  aria-controls="data-list-actionable-example-toolbar-expandable-content"
1169
1185
  >
1170
- <i class="fas fa-filter" aria-hidden="true"></i>
1186
+ <span class="pf-v5-c-menu-toggle__icon">
1187
+ <i class="fas fa-filter" aria-hidden="true"></i>
1188
+ </span>
1171
1189
  </button>
1172
1190
  </div>
1173
1191
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
@@ -1897,7 +1915,9 @@ wrapperTag: div
1897
1915
  aria-expanded="false"
1898
1916
  aria-label="Application launcher"
1899
1917
  >
1900
- <i class="fas fa-th" aria-hidden="true"></i>
1918
+ <span class="pf-v5-c-menu-toggle__icon">
1919
+ <i class="fas fa-th" aria-hidden="true"></i>
1920
+ </span>
1901
1921
  </button>
1902
1922
  </div>
1903
1923
  <div class="pf-v5-c-toolbar__item">
@@ -1907,7 +1927,9 @@ wrapperTag: div
1907
1927
  aria-expanded="false"
1908
1928
  aria-label="Settings"
1909
1929
  >
1910
- <i class="fas fa-cog" aria-hidden="true"></i>
1930
+ <span class="pf-v5-c-menu-toggle__icon">
1931
+ <i class="fas fa-cog" aria-hidden="true"></i>
1932
+ </span>
1911
1933
  </button>
1912
1934
  </div>
1913
1935
  <div class="pf-v5-c-toolbar__item">
@@ -1917,7 +1939,9 @@ wrapperTag: div
1917
1939
  aria-expanded="false"
1918
1940
  aria-label="Help"
1919
1941
  >
1920
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1942
+ <span class="pf-v5-c-menu-toggle__icon">
1943
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1944
+ </span>
1921
1945
  </button>
1922
1946
  </div>
1923
1947
  </div>
@@ -1928,7 +1952,9 @@ wrapperTag: div
1928
1952
  aria-expanded="false"
1929
1953
  aria-label="Actions"
1930
1954
  >
1931
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1955
+ <span class="pf-v5-c-menu-toggle__icon">
1956
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1957
+ </span>
1932
1958
  </button>
1933
1959
  </div>
1934
1960
  </div>
@@ -2053,7 +2079,9 @@ wrapperTag: div
2053
2079
  aria-label="Show filters"
2054
2080
  aria-controls="data-list-expandable-example-toolbar-expandable-content"
2055
2081
  >
2056
- <i class="fas fa-filter" aria-hidden="true"></i>
2082
+ <span class="pf-v5-c-menu-toggle__icon">
2083
+ <i class="fas fa-filter" aria-hidden="true"></i>
2084
+ </span>
2057
2085
  </button>
2058
2086
  </div>
2059
2087
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
@@ -3574,7 +3602,9 @@ wrapperTag: div
3574
3602
  aria-expanded="false"
3575
3603
  aria-label="Application launcher"
3576
3604
  >
3577
- <i class="fas fa-th" aria-hidden="true"></i>
3605
+ <span class="pf-v5-c-menu-toggle__icon">
3606
+ <i class="fas fa-th" aria-hidden="true"></i>
3607
+ </span>
3578
3608
  </button>
3579
3609
  </div>
3580
3610
  <div class="pf-v5-c-toolbar__item">
@@ -3584,7 +3614,9 @@ wrapperTag: div
3584
3614
  aria-expanded="false"
3585
3615
  aria-label="Settings"
3586
3616
  >
3587
- <i class="fas fa-cog" aria-hidden="true"></i>
3617
+ <span class="pf-v5-c-menu-toggle__icon">
3618
+ <i class="fas fa-cog" aria-hidden="true"></i>
3619
+ </span>
3588
3620
  </button>
3589
3621
  </div>
3590
3622
  <div class="pf-v5-c-toolbar__item">
@@ -3594,7 +3626,9 @@ wrapperTag: div
3594
3626
  aria-expanded="false"
3595
3627
  aria-label="Help"
3596
3628
  >
3597
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3629
+ <span class="pf-v5-c-menu-toggle__icon">
3630
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3631
+ </span>
3598
3632
  </button>
3599
3633
  </div>
3600
3634
  </div>
@@ -3605,7 +3639,9 @@ wrapperTag: div
3605
3639
  aria-expanded="false"
3606
3640
  aria-label="Actions"
3607
3641
  >
3608
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3642
+ <span class="pf-v5-c-menu-toggle__icon">
3643
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3644
+ </span>
3609
3645
  </button>
3610
3646
  </div>
3611
3647
  </div>
@@ -3715,7 +3751,9 @@ wrapperTag: div
3715
3751
  aria-label="Show filters"
3716
3752
  aria-controls="data-list-static-bottom-example-toolbar-expandable-content"
3717
3753
  >
3718
- <i class="fas fa-filter" aria-hidden="true"></i>
3754
+ <span class="pf-v5-c-menu-toggle__icon">
3755
+ <i class="fas fa-filter" aria-hidden="true"></i>
3756
+ </span>
3719
3757
  </button>
3720
3758
  </div>
3721
3759
 
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -148,7 +148,9 @@ cssPrefix: pf-d-description-list
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-description-list
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-description-list
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-description-list
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>
@@ -516,7 +524,9 @@ cssPrefix: pf-d-description-list
516
524
  aria-expanded="false"
517
525
  aria-label="Application launcher"
518
526
  >
519
- <i class="fas fa-th" aria-hidden="true"></i>
527
+ <span class="pf-v5-c-menu-toggle__icon">
528
+ <i class="fas fa-th" aria-hidden="true"></i>
529
+ </span>
520
530
  </button>
521
531
  </div>
522
532
  <div class="pf-v5-c-toolbar__item">
@@ -526,7 +536,9 @@ cssPrefix: pf-d-description-list
526
536
  aria-expanded="false"
527
537
  aria-label="Settings"
528
538
  >
529
- <i class="fas fa-cog" aria-hidden="true"></i>
539
+ <span class="pf-v5-c-menu-toggle__icon">
540
+ <i class="fas fa-cog" aria-hidden="true"></i>
541
+ </span>
530
542
  </button>
531
543
  </div>
532
544
  <div class="pf-v5-c-toolbar__item">
@@ -536,7 +548,9 @@ cssPrefix: pf-d-description-list
536
548
  aria-expanded="false"
537
549
  aria-label="Help"
538
550
  >
539
- <i class="fas fa-question-circle" aria-hidden="true"></i>
551
+ <span class="pf-v5-c-menu-toggle__icon">
552
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
553
+ </span>
540
554
  </button>
541
555
  </div>
542
556
  </div>
@@ -547,7 +561,9 @@ cssPrefix: pf-d-description-list
547
561
  aria-expanded="false"
548
562
  aria-label="Actions"
549
563
  >
550
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
564
+ <span class="pf-v5-c-menu-toggle__icon">
565
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
566
+ </span>
551
567
  </button>
552
568
  </div>
553
569
  </div>
@@ -1199,7 +1215,9 @@ cssPrefix: pf-d-description-list
1199
1215
  aria-expanded="false"
1200
1216
  aria-label="Application launcher"
1201
1217
  >
1202
- <i class="fas fa-th" aria-hidden="true"></i>
1218
+ <span class="pf-v5-c-menu-toggle__icon">
1219
+ <i class="fas fa-th" aria-hidden="true"></i>
1220
+ </span>
1203
1221
  </button>
1204
1222
  </div>
1205
1223
  <div class="pf-v5-c-toolbar__item">
@@ -1209,7 +1227,9 @@ cssPrefix: pf-d-description-list
1209
1227
  aria-expanded="false"
1210
1228
  aria-label="Settings"
1211
1229
  >
1212
- <i class="fas fa-cog" aria-hidden="true"></i>
1230
+ <span class="pf-v5-c-menu-toggle__icon">
1231
+ <i class="fas fa-cog" aria-hidden="true"></i>
1232
+ </span>
1213
1233
  </button>
1214
1234
  </div>
1215
1235
  <div class="pf-v5-c-toolbar__item">
@@ -1219,7 +1239,9 @@ cssPrefix: pf-d-description-list
1219
1239
  aria-expanded="false"
1220
1240
  aria-label="Help"
1221
1241
  >
1222
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1242
+ <span class="pf-v5-c-menu-toggle__icon">
1243
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1244
+ </span>
1223
1245
  </button>
1224
1246
  </div>
1225
1247
  </div>
@@ -1230,7 +1252,9 @@ cssPrefix: pf-d-description-list
1230
1252
  aria-expanded="false"
1231
1253
  aria-label="Actions"
1232
1254
  >
1233
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1255
+ <span class="pf-v5-c-menu-toggle__icon">
1256
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1257
+ </span>
1234
1258
  </button>
1235
1259
  </div>
1236
1260
  </div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -148,7 +148,9 @@ wrapperTag: div
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 @@ wrapperTag: div
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 @@ wrapperTag: div
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 @@ wrapperTag: div
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>
@@ -666,7 +674,9 @@ wrapperTag: div
666
674
  aria-expanded="false"
667
675
  aria-label="Application launcher"
668
676
  >
669
- <i class="fas fa-th" aria-hidden="true"></i>
677
+ <span class="pf-v5-c-menu-toggle__icon">
678
+ <i class="fas fa-th" aria-hidden="true"></i>
679
+ </span>
670
680
  </button>
671
681
  </div>
672
682
  <div class="pf-v5-c-toolbar__item">
@@ -676,7 +686,9 @@ wrapperTag: div
676
686
  aria-expanded="false"
677
687
  aria-label="Settings"
678
688
  >
679
- <i class="fas fa-cog" aria-hidden="true"></i>
689
+ <span class="pf-v5-c-menu-toggle__icon">
690
+ <i class="fas fa-cog" aria-hidden="true"></i>
691
+ </span>
680
692
  </button>
681
693
  </div>
682
694
  <div class="pf-v5-c-toolbar__item">
@@ -686,7 +698,9 @@ wrapperTag: div
686
698
  aria-expanded="false"
687
699
  aria-label="Help"
688
700
  >
689
- <i class="fas fa-question-circle" aria-hidden="true"></i>
701
+ <span class="pf-v5-c-menu-toggle__icon">
702
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
703
+ </span>
690
704
  </button>
691
705
  </div>
692
706
  </div>
@@ -697,7 +711,9 @@ wrapperTag: div
697
711
  aria-expanded="false"
698
712
  aria-label="Actions"
699
713
  >
700
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
714
+ <span class="pf-v5-c-menu-toggle__icon">
715
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
716
+ </span>
701
717
  </button>
702
718
  </div>
703
719
  </div>
@@ -995,7 +1011,9 @@ wrapperTag: div
995
1011
  aria-expanded="false"
996
1012
  aria-label="Application launcher"
997
1013
  >
998
- <i class="fas fa-th" aria-hidden="true"></i>
1014
+ <span class="pf-v5-c-menu-toggle__icon">
1015
+ <i class="fas fa-th" aria-hidden="true"></i>
1016
+ </span>
999
1017
  </button>
1000
1018
  </div>
1001
1019
  <div class="pf-v5-c-toolbar__item">
@@ -1005,7 +1023,9 @@ wrapperTag: div
1005
1023
  aria-expanded="false"
1006
1024
  aria-label="Settings"
1007
1025
  >
1008
- <i class="fas fa-cog" aria-hidden="true"></i>
1026
+ <span class="pf-v5-c-menu-toggle__icon">
1027
+ <i class="fas fa-cog" aria-hidden="true"></i>
1028
+ </span>
1009
1029
  </button>
1010
1030
  </div>
1011
1031
  <div class="pf-v5-c-toolbar__item">
@@ -1015,7 +1035,9 @@ wrapperTag: div
1015
1035
  aria-expanded="false"
1016
1036
  aria-label="Help"
1017
1037
  >
1018
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1038
+ <span class="pf-v5-c-menu-toggle__icon">
1039
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1040
+ </span>
1019
1041
  </button>
1020
1042
  </div>
1021
1043
  </div>
@@ -1026,7 +1048,9 @@ wrapperTag: div
1026
1048
  aria-expanded="false"
1027
1049
  aria-label="Actions"
1028
1050
  >
1029
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1051
+ <span class="pf-v5-c-menu-toggle__icon">
1052
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1053
+ </span>
1030
1054
  </button>
1031
1055
  </div>
1032
1056
  </div>
@@ -1324,7 +1348,9 @@ wrapperTag: div
1324
1348
  aria-expanded="false"
1325
1349
  aria-label="Application launcher"
1326
1350
  >
1327
- <i class="fas fa-th" aria-hidden="true"></i>
1351
+ <span class="pf-v5-c-menu-toggle__icon">
1352
+ <i class="fas fa-th" aria-hidden="true"></i>
1353
+ </span>
1328
1354
  </button>
1329
1355
  </div>
1330
1356
  <div class="pf-v5-c-toolbar__item">
@@ -1334,7 +1360,9 @@ wrapperTag: div
1334
1360
  aria-expanded="false"
1335
1361
  aria-label="Settings"
1336
1362
  >
1337
- <i class="fas fa-cog" aria-hidden="true"></i>
1363
+ <span class="pf-v5-c-menu-toggle__icon">
1364
+ <i class="fas fa-cog" aria-hidden="true"></i>
1365
+ </span>
1338
1366
  </button>
1339
1367
  </div>
1340
1368
  <div class="pf-v5-c-toolbar__item">
@@ -1344,7 +1372,9 @@ wrapperTag: div
1344
1372
  aria-expanded="false"
1345
1373
  aria-label="Help"
1346
1374
  >
1347
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1375
+ <span class="pf-v5-c-menu-toggle__icon">
1376
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1377
+ </span>
1348
1378
  </button>
1349
1379
  </div>
1350
1380
  </div>
@@ -1355,7 +1385,9 @@ wrapperTag: div
1355
1385
  aria-expanded="false"
1356
1386
  aria-label="Actions"
1357
1387
  >
1358
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1388
+ <span class="pf-v5-c-menu-toggle__icon">
1389
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1390
+ </span>
1359
1391
  </button>
1360
1392
  </div>
1361
1393
  </div>
@@ -1683,7 +1715,9 @@ wrapperTag: div
1683
1715
  aria-expanded="false"
1684
1716
  aria-label="Application launcher"
1685
1717
  >
1686
- <i class="fas fa-th" aria-hidden="true"></i>
1718
+ <span class="pf-v5-c-menu-toggle__icon">
1719
+ <i class="fas fa-th" aria-hidden="true"></i>
1720
+ </span>
1687
1721
  </button>
1688
1722
  </div>
1689
1723
  <div class="pf-v5-c-toolbar__item">
@@ -1693,7 +1727,9 @@ wrapperTag: div
1693
1727
  aria-expanded="false"
1694
1728
  aria-label="Settings"
1695
1729
  >
1696
- <i class="fas fa-cog" aria-hidden="true"></i>
1730
+ <span class="pf-v5-c-menu-toggle__icon">
1731
+ <i class="fas fa-cog" aria-hidden="true"></i>
1732
+ </span>
1697
1733
  </button>
1698
1734
  </div>
1699
1735
  <div class="pf-v5-c-toolbar__item">
@@ -1703,7 +1739,9 @@ wrapperTag: div
1703
1739
  aria-expanded="false"
1704
1740
  aria-label="Help"
1705
1741
  >
1706
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1742
+ <span class="pf-v5-c-menu-toggle__icon">
1743
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1744
+ </span>
1707
1745
  </button>
1708
1746
  </div>
1709
1747
  </div>
@@ -1714,7 +1752,9 @@ wrapperTag: div
1714
1752
  aria-expanded="false"
1715
1753
  aria-label="Actions"
1716
1754
  >
1717
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1755
+ <span class="pf-v5-c-menu-toggle__icon">
1756
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1757
+ </span>
1718
1758
  </button>
1719
1759
  </div>
1720
1760
  </div>