@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/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -158,7 +158,9 @@ section: components
158
158
  aria-expanded="false"
159
159
  aria-label="Application launcher"
160
160
  >
161
- <i class="fas fa-th" aria-hidden="true"></i>
161
+ <span class="pf-v5-c-menu-toggle__icon">
162
+ <i class="fas fa-th" aria-hidden="true"></i>
163
+ </span>
162
164
  </button>
163
165
  </div>
164
166
  <div class="pf-v5-c-toolbar__item">
@@ -168,7 +170,9 @@ section: components
168
170
  aria-expanded="false"
169
171
  aria-label="Settings"
170
172
  >
171
- <i class="fas fa-cog" aria-hidden="true"></i>
173
+ <span class="pf-v5-c-menu-toggle__icon">
174
+ <i class="fas fa-cog" aria-hidden="true"></i>
175
+ </span>
172
176
  </button>
173
177
  </div>
174
178
  <div class="pf-v5-c-toolbar__item">
@@ -178,7 +182,9 @@ section: components
178
182
  aria-expanded="false"
179
183
  aria-label="Help"
180
184
  >
181
- <i class="fas fa-question-circle" aria-hidden="true"></i>
185
+ <span class="pf-v5-c-menu-toggle__icon">
186
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
187
+ </span>
182
188
  </button>
183
189
  </div>
184
190
  </div>
@@ -189,7 +195,9 @@ section: components
189
195
  aria-expanded="false"
190
196
  aria-label="Actions"
191
197
  >
192
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
198
+ <span class="pf-v5-c-menu-toggle__icon">
199
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ </span>
193
201
  </button>
194
202
  </div>
195
203
  </div>
@@ -1158,7 +1166,9 @@ section: components
1158
1166
  aria-expanded="false"
1159
1167
  aria-label="Application launcher"
1160
1168
  >
1161
- <i class="fas fa-th" aria-hidden="true"></i>
1169
+ <span class="pf-v5-c-menu-toggle__icon">
1170
+ <i class="fas fa-th" aria-hidden="true"></i>
1171
+ </span>
1162
1172
  </button>
1163
1173
  </div>
1164
1174
  <div class="pf-v5-c-toolbar__item">
@@ -1168,7 +1178,9 @@ section: components
1168
1178
  aria-expanded="false"
1169
1179
  aria-label="Settings"
1170
1180
  >
1171
- <i class="fas fa-cog" aria-hidden="true"></i>
1181
+ <span class="pf-v5-c-menu-toggle__icon">
1182
+ <i class="fas fa-cog" aria-hidden="true"></i>
1183
+ </span>
1172
1184
  </button>
1173
1185
  </div>
1174
1186
  <div class="pf-v5-c-toolbar__item">
@@ -1178,7 +1190,9 @@ section: components
1178
1190
  aria-expanded="false"
1179
1191
  aria-label="Help"
1180
1192
  >
1181
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1193
+ <span class="pf-v5-c-menu-toggle__icon">
1194
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1195
+ </span>
1182
1196
  </button>
1183
1197
  </div>
1184
1198
  </div>
@@ -1189,7 +1203,9 @@ section: components
1189
1203
  aria-expanded="false"
1190
1204
  aria-label="Actions"
1191
1205
  >
1192
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1206
+ <span class="pf-v5-c-menu-toggle__icon">
1207
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1208
+ </span>
1193
1209
  </button>
1194
1210
  </div>
1195
1211
  </div>
@@ -2158,7 +2174,9 @@ section: components
2158
2174
  aria-expanded="false"
2159
2175
  aria-label="Application launcher"
2160
2176
  >
2161
- <i class="fas fa-th" aria-hidden="true"></i>
2177
+ <span class="pf-v5-c-menu-toggle__icon">
2178
+ <i class="fas fa-th" aria-hidden="true"></i>
2179
+ </span>
2162
2180
  </button>
2163
2181
  </div>
2164
2182
  <div class="pf-v5-c-toolbar__item">
@@ -2168,7 +2186,9 @@ section: components
2168
2186
  aria-expanded="false"
2169
2187
  aria-label="Settings"
2170
2188
  >
2171
- <i class="fas fa-cog" aria-hidden="true"></i>
2189
+ <span class="pf-v5-c-menu-toggle__icon">
2190
+ <i class="fas fa-cog" aria-hidden="true"></i>
2191
+ </span>
2172
2192
  </button>
2173
2193
  </div>
2174
2194
  <div class="pf-v5-c-toolbar__item">
@@ -2178,7 +2198,9 @@ section: components
2178
2198
  aria-expanded="false"
2179
2199
  aria-label="Help"
2180
2200
  >
2181
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2201
+ <span class="pf-v5-c-menu-toggle__icon">
2202
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2203
+ </span>
2182
2204
  </button>
2183
2205
  </div>
2184
2206
  </div>
@@ -2189,7 +2211,9 @@ section: components
2189
2211
  aria-expanded="false"
2190
2212
  aria-label="Actions"
2191
2213
  >
2192
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2214
+ <span class="pf-v5-c-menu-toggle__icon">
2215
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2216
+ </span>
2193
2217
  </button>
2194
2218
  </div>
2195
2219
  </div>
@@ -3161,7 +3185,9 @@ section: components
3161
3185
  aria-expanded="false"
3162
3186
  aria-label="Application launcher"
3163
3187
  >
3164
- <i class="fas fa-th" aria-hidden="true"></i>
3188
+ <span class="pf-v5-c-menu-toggle__icon">
3189
+ <i class="fas fa-th" aria-hidden="true"></i>
3190
+ </span>
3165
3191
  </button>
3166
3192
  </div>
3167
3193
  <div class="pf-v5-c-toolbar__item">
@@ -3171,7 +3197,9 @@ section: components
3171
3197
  aria-expanded="false"
3172
3198
  aria-label="Settings"
3173
3199
  >
3174
- <i class="fas fa-cog" aria-hidden="true"></i>
3200
+ <span class="pf-v5-c-menu-toggle__icon">
3201
+ <i class="fas fa-cog" aria-hidden="true"></i>
3202
+ </span>
3175
3203
  </button>
3176
3204
  </div>
3177
3205
  <div class="pf-v5-c-toolbar__item">
@@ -3181,7 +3209,9 @@ section: components
3181
3209
  aria-expanded="false"
3182
3210
  aria-label="Help"
3183
3211
  >
3184
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3212
+ <span class="pf-v5-c-menu-toggle__icon">
3213
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3214
+ </span>
3185
3215
  </button>
3186
3216
  </div>
3187
3217
  </div>
@@ -3192,7 +3222,9 @@ section: components
3192
3222
  aria-expanded="false"
3193
3223
  aria-label="Actions"
3194
3224
  >
3195
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3225
+ <span class="pf-v5-c-menu-toggle__icon">
3226
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3227
+ </span>
3196
3228
  </button>
3197
3229
  </div>
3198
3230
  </div>
@@ -4163,7 +4195,9 @@ section: components
4163
4195
  aria-expanded="false"
4164
4196
  aria-label="Application launcher"
4165
4197
  >
4166
- <i class="fas fa-th" aria-hidden="true"></i>
4198
+ <span class="pf-v5-c-menu-toggle__icon">
4199
+ <i class="fas fa-th" aria-hidden="true"></i>
4200
+ </span>
4167
4201
  </button>
4168
4202
  </div>
4169
4203
  <div class="pf-v5-c-toolbar__item">
@@ -4173,7 +4207,9 @@ section: components
4173
4207
  aria-expanded="false"
4174
4208
  aria-label="Settings"
4175
4209
  >
4176
- <i class="fas fa-cog" aria-hidden="true"></i>
4210
+ <span class="pf-v5-c-menu-toggle__icon">
4211
+ <i class="fas fa-cog" aria-hidden="true"></i>
4212
+ </span>
4177
4213
  </button>
4178
4214
  </div>
4179
4215
  <div class="pf-v5-c-toolbar__item">
@@ -4183,7 +4219,9 @@ section: components
4183
4219
  aria-expanded="false"
4184
4220
  aria-label="Help"
4185
4221
  >
4186
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4222
+ <span class="pf-v5-c-menu-toggle__icon">
4223
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
4224
+ </span>
4187
4225
  </button>
4188
4226
  </div>
4189
4227
  </div>
@@ -4194,7 +4232,9 @@ section: components
4194
4232
  aria-expanded="false"
4195
4233
  aria-label="Actions"
4196
4234
  >
4197
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4235
+ <span class="pf-v5-c-menu-toggle__icon">
4236
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4237
+ </span>
4198
4238
  </button>
4199
4239
  </div>
4200
4240
  </div>
package/docs/demos/Page/examples/Page.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>
@@ -456,7 +464,9 @@ wrapperTag: div
456
464
  aria-expanded="false"
457
465
  aria-label="Application launcher"
458
466
  >
459
- <i class="fas fa-th" aria-hidden="true"></i>
467
+ <span class="pf-v5-c-menu-toggle__icon">
468
+ <i class="fas fa-th" aria-hidden="true"></i>
469
+ </span>
460
470
  </button>
461
471
  </div>
462
472
  <div class="pf-v5-c-toolbar__item">
@@ -466,7 +476,9 @@ wrapperTag: div
466
476
  aria-expanded="false"
467
477
  aria-label="Settings"
468
478
  >
469
- <i class="fas fa-cog" aria-hidden="true"></i>
479
+ <span class="pf-v5-c-menu-toggle__icon">
480
+ <i class="fas fa-cog" aria-hidden="true"></i>
481
+ </span>
470
482
  </button>
471
483
  </div>
472
484
  <div class="pf-v5-c-toolbar__item">
@@ -476,7 +488,9 @@ wrapperTag: div
476
488
  aria-expanded="false"
477
489
  aria-label="Help"
478
490
  >
479
- <i class="fas fa-question-circle" aria-hidden="true"></i>
491
+ <span class="pf-v5-c-menu-toggle__icon">
492
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
493
+ </span>
480
494
  </button>
481
495
  </div>
482
496
  </div>
@@ -487,7 +501,9 @@ wrapperTag: div
487
501
  aria-expanded="false"
488
502
  aria-label="Actions"
489
503
  >
490
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
504
+ <span class="pf-v5-c-menu-toggle__icon">
505
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
506
+ </span>
491
507
  </button>
492
508
  </div>
493
509
  </div>
@@ -779,7 +795,9 @@ wrapperTag: div
779
795
  aria-expanded="false"
780
796
  aria-label="Application launcher"
781
797
  >
782
- <i class="fas fa-th" aria-hidden="true"></i>
798
+ <span class="pf-v5-c-menu-toggle__icon">
799
+ <i class="fas fa-th" aria-hidden="true"></i>
800
+ </span>
783
801
  </button>
784
802
  </div>
785
803
  <div class="pf-v5-c-toolbar__item">
@@ -789,7 +807,9 @@ wrapperTag: div
789
807
  aria-expanded="false"
790
808
  aria-label="Settings"
791
809
  >
792
- <i class="fas fa-cog" aria-hidden="true"></i>
810
+ <span class="pf-v5-c-menu-toggle__icon">
811
+ <i class="fas fa-cog" aria-hidden="true"></i>
812
+ </span>
793
813
  </button>
794
814
  </div>
795
815
  <div class="pf-v5-c-toolbar__item">
@@ -799,7 +819,9 @@ wrapperTag: div
799
819
  aria-expanded="false"
800
820
  aria-label="Help"
801
821
  >
802
- <i class="fas fa-question-circle" aria-hidden="true"></i>
822
+ <span class="pf-v5-c-menu-toggle__icon">
823
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
824
+ </span>
803
825
  </button>
804
826
  </div>
805
827
  </div>
@@ -810,7 +832,9 @@ wrapperTag: div
810
832
  aria-expanded="false"
811
833
  aria-label="Actions"
812
834
  >
813
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
835
+ <span class="pf-v5-c-menu-toggle__icon">
836
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
837
+ </span>
814
838
  </button>
815
839
  </div>
816
840
  </div>
@@ -1259,7 +1283,9 @@ wrapperTag: div
1259
1283
  aria-expanded="false"
1260
1284
  aria-label="Application launcher"
1261
1285
  >
1262
- <i class="fas fa-th" aria-hidden="true"></i>
1286
+ <span class="pf-v5-c-menu-toggle__icon">
1287
+ <i class="fas fa-th" aria-hidden="true"></i>
1288
+ </span>
1263
1289
  </button>
1264
1290
  </div>
1265
1291
  <div class="pf-v5-c-toolbar__item">
@@ -1269,7 +1295,9 @@ wrapperTag: div
1269
1295
  aria-expanded="false"
1270
1296
  aria-label="Settings"
1271
1297
  >
1272
- <i class="fas fa-cog" aria-hidden="true"></i>
1298
+ <span class="pf-v5-c-menu-toggle__icon">
1299
+ <i class="fas fa-cog" aria-hidden="true"></i>
1300
+ </span>
1273
1301
  </button>
1274
1302
  </div>
1275
1303
  <div class="pf-v5-c-toolbar__item">
@@ -1279,7 +1307,9 @@ wrapperTag: div
1279
1307
  aria-expanded="false"
1280
1308
  aria-label="Help"
1281
1309
  >
1282
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1310
+ <span class="pf-v5-c-menu-toggle__icon">
1311
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1312
+ </span>
1283
1313
  </button>
1284
1314
  </div>
1285
1315
  </div>
@@ -1290,7 +1320,9 @@ wrapperTag: div
1290
1320
  aria-expanded="false"
1291
1321
  aria-label="Actions"
1292
1322
  >
1293
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1323
+ <span class="pf-v5-c-menu-toggle__icon">
1324
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1325
+ </span>
1294
1326
  </button>
1295
1327
  </div>
1296
1328
  </div>
@@ -1689,7 +1721,9 @@ wrapperTag: div
1689
1721
  aria-expanded="false"
1690
1722
  aria-label="Application launcher"
1691
1723
  >
1692
- <i class="fas fa-th" aria-hidden="true"></i>
1724
+ <span class="pf-v5-c-menu-toggle__icon">
1725
+ <i class="fas fa-th" aria-hidden="true"></i>
1726
+ </span>
1693
1727
  </button>
1694
1728
  </div>
1695
1729
  <div class="pf-v5-c-toolbar__item">
@@ -1699,7 +1733,9 @@ wrapperTag: div
1699
1733
  aria-expanded="false"
1700
1734
  aria-label="Settings"
1701
1735
  >
1702
- <i class="fas fa-cog" aria-hidden="true"></i>
1736
+ <span class="pf-v5-c-menu-toggle__icon">
1737
+ <i class="fas fa-cog" aria-hidden="true"></i>
1738
+ </span>
1703
1739
  </button>
1704
1740
  </div>
1705
1741
  <div class="pf-v5-c-toolbar__item">
@@ -1709,7 +1745,9 @@ wrapperTag: div
1709
1745
  aria-expanded="false"
1710
1746
  aria-label="Help"
1711
1747
  >
1712
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1748
+ <span class="pf-v5-c-menu-toggle__icon">
1749
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1750
+ </span>
1713
1751
  </button>
1714
1752
  </div>
1715
1753
  </div>
@@ -1720,7 +1758,9 @@ wrapperTag: div
1720
1758
  aria-expanded="false"
1721
1759
  aria-label="Actions"
1722
1760
  >
1723
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1761
+ <span class="pf-v5-c-menu-toggle__icon">
1762
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1763
+ </span>
1724
1764
  </button>
1725
1765
  </div>
1726
1766
  </div>
@@ -2119,7 +2159,9 @@ wrapperTag: div
2119
2159
  aria-expanded="false"
2120
2160
  aria-label="Application launcher"
2121
2161
  >
2122
- <i class="fas fa-th" aria-hidden="true"></i>
2162
+ <span class="pf-v5-c-menu-toggle__icon">
2163
+ <i class="fas fa-th" aria-hidden="true"></i>
2164
+ </span>
2123
2165
  </button>
2124
2166
  </div>
2125
2167
  <div class="pf-v5-c-toolbar__item">
@@ -2129,7 +2171,9 @@ wrapperTag: div
2129
2171
  aria-expanded="false"
2130
2172
  aria-label="Settings"
2131
2173
  >
2132
- <i class="fas fa-cog" aria-hidden="true"></i>
2174
+ <span class="pf-v5-c-menu-toggle__icon">
2175
+ <i class="fas fa-cog" aria-hidden="true"></i>
2176
+ </span>
2133
2177
  </button>
2134
2178
  </div>
2135
2179
  <div class="pf-v5-c-toolbar__item">
@@ -2139,7 +2183,9 @@ wrapperTag: div
2139
2183
  aria-expanded="false"
2140
2184
  aria-label="Help"
2141
2185
  >
2142
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2186
+ <span class="pf-v5-c-menu-toggle__icon">
2187
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2188
+ </span>
2143
2189
  </button>
2144
2190
  </div>
2145
2191
  </div>
@@ -2150,7 +2196,9 @@ wrapperTag: div
2150
2196
  aria-expanded="false"
2151
2197
  aria-label="Actions"
2152
2198
  >
2153
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2199
+ <span class="pf-v5-c-menu-toggle__icon">
2200
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2201
+ </span>
2154
2202
  </button>
2155
2203
  </div>
2156
2204
  </div>
@@ -2549,7 +2597,9 @@ wrapperTag: div
2549
2597
  aria-expanded="false"
2550
2598
  aria-label="Application launcher"
2551
2599
  >
2552
- <i class="fas fa-th" aria-hidden="true"></i>
2600
+ <span class="pf-v5-c-menu-toggle__icon">
2601
+ <i class="fas fa-th" aria-hidden="true"></i>
2602
+ </span>
2553
2603
  </button>
2554
2604
  </div>
2555
2605
  <div class="pf-v5-c-toolbar__item">
@@ -2559,7 +2609,9 @@ wrapperTag: div
2559
2609
  aria-expanded="false"
2560
2610
  aria-label="Settings"
2561
2611
  >
2562
- <i class="fas fa-cog" aria-hidden="true"></i>
2612
+ <span class="pf-v5-c-menu-toggle__icon">
2613
+ <i class="fas fa-cog" aria-hidden="true"></i>
2614
+ </span>
2563
2615
  </button>
2564
2616
  </div>
2565
2617
  <div class="pf-v5-c-toolbar__item">
@@ -2569,7 +2621,9 @@ wrapperTag: div
2569
2621
  aria-expanded="false"
2570
2622
  aria-label="Help"
2571
2623
  >
2572
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2624
+ <span class="pf-v5-c-menu-toggle__icon">
2625
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2626
+ </span>
2573
2627
  </button>
2574
2628
  </div>
2575
2629
  </div>
@@ -2580,7 +2634,9 @@ wrapperTag: div
2580
2634
  aria-expanded="false"
2581
2635
  aria-label="Actions"
2582
2636
  >
2583
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2637
+ <span class="pf-v5-c-menu-toggle__icon">
2638
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2639
+ </span>
2584
2640
  </button>
2585
2641
  </div>
2586
2642
  </div>
@@ -2981,7 +3037,9 @@ wrapperTag: div
2981
3037
  aria-expanded="false"
2982
3038
  aria-label="Application launcher"
2983
3039
  >
2984
- <i class="fas fa-th" aria-hidden="true"></i>
3040
+ <span class="pf-v5-c-menu-toggle__icon">
3041
+ <i class="fas fa-th" aria-hidden="true"></i>
3042
+ </span>
2985
3043
  </button>
2986
3044
  </div>
2987
3045
  <div class="pf-v5-c-toolbar__item">
@@ -2991,7 +3049,9 @@ wrapperTag: div
2991
3049
  aria-expanded="false"
2992
3050
  aria-label="Settings"
2993
3051
  >
2994
- <i class="fas fa-cog" aria-hidden="true"></i>
3052
+ <span class="pf-v5-c-menu-toggle__icon">
3053
+ <i class="fas fa-cog" aria-hidden="true"></i>
3054
+ </span>
2995
3055
  </button>
2996
3056
  </div>
2997
3057
  <div class="pf-v5-c-toolbar__item">
@@ -3001,7 +3061,9 @@ wrapperTag: div
3001
3061
  aria-expanded="false"
3002
3062
  aria-label="Help"
3003
3063
  >
3004
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3064
+ <span class="pf-v5-c-menu-toggle__icon">
3065
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3066
+ </span>
3005
3067
  </button>
3006
3068
  </div>
3007
3069
  </div>
@@ -3012,7 +3074,9 @@ wrapperTag: div
3012
3074
  aria-expanded="false"
3013
3075
  aria-label="Actions"
3014
3076
  >
3015
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3077
+ <span class="pf-v5-c-menu-toggle__icon">
3078
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3079
+ </span>
3016
3080
  </button>
3017
3081
  </div>
3018
3082
  </div>
@@ -3418,7 +3482,9 @@ wrapperTag: div
3418
3482
  aria-expanded="false"
3419
3483
  aria-label="Application launcher"
3420
3484
  >
3421
- <i class="fas fa-th" aria-hidden="true"></i>
3485
+ <span class="pf-v5-c-menu-toggle__icon">
3486
+ <i class="fas fa-th" aria-hidden="true"></i>
3487
+ </span>
3422
3488
  </button>
3423
3489
  </div>
3424
3490
  <div class="pf-v5-c-toolbar__item">
@@ -3428,7 +3494,9 @@ wrapperTag: div
3428
3494
  aria-expanded="false"
3429
3495
  aria-label="Settings"
3430
3496
  >
3431
- <i class="fas fa-cog" aria-hidden="true"></i>
3497
+ <span class="pf-v5-c-menu-toggle__icon">
3498
+ <i class="fas fa-cog" aria-hidden="true"></i>
3499
+ </span>
3432
3500
  </button>
3433
3501
  </div>
3434
3502
  <div class="pf-v5-c-toolbar__item">
@@ -3438,7 +3506,9 @@ wrapperTag: div
3438
3506
  aria-expanded="false"
3439
3507
  aria-label="Help"
3440
3508
  >
3441
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3509
+ <span class="pf-v5-c-menu-toggle__icon">
3510
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3511
+ </span>
3442
3512
  </button>
3443
3513
  </div>
3444
3514
  </div>
@@ -3449,7 +3519,9 @@ wrapperTag: div
3449
3519
  aria-expanded="false"
3450
3520
  aria-label="Actions"
3451
3521
  >
3452
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3522
+ <span class="pf-v5-c-menu-toggle__icon">
3523
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3524
+ </span>
3453
3525
  </button>
3454
3526
  </div>
3455
3527
  </div>
package/docs/demos/Page/examples/Penta.md CHANGED
@@ -101,7 +101,9 @@ wrapperTag: div
101
101
  aria-expanded="false"
102
102
  aria-label="Actions"
103
103
  >
104
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
104
+ <span class="pf-v5-c-menu-toggle__icon">
105
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
106
+ </span>
105
107
  </button>
106
108
  </div>
107
109
  <div class="pf-v5-c-toolbar__item">