@patternfly/patternfly 6.0.0-alpha.81 → 6.0.0-alpha.83

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 (52) hide show
  1. package/components/MenuToggle/menu-toggle.css +229 -265
  2. package/components/MenuToggle/menu-toggle.scss +330 -370
  3. package/components/TextInputGroup/text-input-group.css +0 -14
  4. package/components/TextInputGroup/text-input-group.scss +3 -16
  5. package/components/Wizard/wizard.css +128 -205
  6. package/components/Wizard/wizard.scss +128 -180
  7. package/docs/components/Button/examples/Button.md +134 -134
  8. package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
  9. package/docs/components/Card/examples/Card.md +8 -8
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
  11. package/docs/components/Form/examples/Form.md +11 -11
  12. package/docs/components/Label/examples/Label.md +157 -157
  13. package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
  14. package/docs/components/Tabs/examples/Tabs.md +24 -24
  15. package/docs/components/Toolbar/examples/Toolbar.md +28 -28
  16. package/docs/components/Wizard/examples/Wizard.md +31 -7
  17. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  18. package/docs/demos/Alert/examples/Alert.md +6 -6
  19. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  20. package/docs/demos/Banner/examples/Banner.md +4 -4
  21. package/docs/demos/Button/examples/Button.md +1 -1
  22. package/docs/demos/CardView/examples/CardView.md +3 -3
  23. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  24. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  25. package/docs/demos/DataList/examples/DataList.md +13 -13
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  27. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  28. package/docs/demos/Form/examples/BasicForms.md +12 -12
  29. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  30. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  31. package/docs/demos/Modal/examples/Modal.md +15 -15
  32. package/docs/demos/Nav/examples/Nav.md +12 -12
  33. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  34. package/docs/demos/Page/examples/Page.md +18 -18
  35. package/docs/demos/Page/examples/Penta.md +4 -4
  36. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  37. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  38. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
  39. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  40. package/docs/demos/Table/examples/Table.md +54 -54
  41. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  42. package/docs/demos/Toolbar/examples/Toolbar.md +17 -17
  43. package/docs/demos/Wizard/examples/Wizard.md +126 -36
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +370 -490
  46. package/patternfly-theme-dark-unversioned.css +370 -490
  47. package/patternfly.css +370 -490
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
  50. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  51. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
  52. package/components/Wizard/themes/dark/wizard.scss +0 -12
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -14,7 +14,7 @@ cssPrefix: pf-v5-c-menu-toggle
14
14
  <span class="pf-v5-c-menu-toggle__text">Collapsed</span>
15
15
  <span class="pf-v5-c-menu-toggle__controls">
16
16
  <span class="pf-v5-c-menu-toggle__toggle-icon">
17
- <i class="fas fa-angle-down" aria-hidden="true"></i>
17
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
18
18
  </span>
19
19
  </span>
20
20
  </button>
@@ -32,7 +32,7 @@ cssPrefix: pf-v5-c-menu-toggle
32
32
  <span class="pf-v5-c-menu-toggle__text">Expanded</span>
33
33
  <span class="pf-v5-c-menu-toggle__controls">
34
34
  <span class="pf-v5-c-menu-toggle__toggle-icon">
35
- <i class="fas fa-angle-down" aria-hidden="true"></i>
35
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
36
36
  </span>
37
37
  </span>
38
38
  </button>
@@ -43,7 +43,7 @@ cssPrefix: pf-v5-c-menu-toggle
43
43
 
44
44
  ```html
45
45
  <button
46
- class="pf-v5-c-menu-toggle"
46
+ class="pf-v5-c-menu-toggle pf-m-disabled"
47
47
  type="button"
48
48
  aria-expanded="false"
49
49
  disabled
@@ -51,7 +51,7 @@ cssPrefix: pf-v5-c-menu-toggle
51
51
  <span class="pf-v5-c-menu-toggle__text">Disabled</span>
52
52
  <span class="pf-v5-c-menu-toggle__controls">
53
53
  <span class="pf-v5-c-menu-toggle__toggle-icon">
54
- <i class="fas fa-angle-down" aria-hidden="true"></i>
54
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
55
55
  </span>
56
56
  </span>
57
57
  </button>
@@ -68,7 +68,7 @@ cssPrefix: pf-v5-c-menu-toggle
68
68
  </span>
69
69
  <span class="pf-v5-c-menu-toggle__controls">
70
70
  <span class="pf-v5-c-menu-toggle__toggle-icon">
71
- <i class="fas fa-angle-down" aria-hidden="true"></i>
71
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
72
72
  </span>
73
73
  </span>
74
74
  </button>
@@ -86,7 +86,7 @@ cssPrefix: pf-v5-c-menu-toggle
86
86
  <span class="pf-v5-c-menu-toggle__text">Collapsed</span>
87
87
  <span class="pf-v5-c-menu-toggle__controls">
88
88
  <span class="pf-v5-c-menu-toggle__toggle-icon">
89
- <i class="fas fa-angle-down" aria-hidden="true"></i>
89
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
90
90
  </span>
91
91
  </span>
92
92
  </button>
@@ -103,7 +103,7 @@ cssPrefix: pf-v5-c-menu-toggle
103
103
  <span class="pf-v5-c-menu-toggle__text">Icon</span>
104
104
  <span class="pf-v5-c-menu-toggle__controls">
105
105
  <span class="pf-v5-c-menu-toggle__toggle-icon">
106
- <i class="fas fa-angle-down" aria-hidden="true"></i>
106
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
107
107
  </span>
108
108
  </span>
109
109
  </button>
@@ -117,14 +117,14 @@ cssPrefix: pf-v5-c-menu-toggle
117
117
  <span class="pf-v5-c-menu-toggle__text">Expanded</span>
118
118
  <span class="pf-v5-c-menu-toggle__controls">
119
119
  <span class="pf-v5-c-menu-toggle__toggle-icon">
120
- <i class="fas fa-angle-down" aria-hidden="true"></i>
120
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
121
121
  </span>
122
122
  </span>
123
123
  </button>
124
124
 
125
125
  &nbsp;
126
126
  <button
127
- class="pf-v5-c-menu-toggle pf-m-primary"
127
+ class="pf-v5-c-menu-toggle pf-m-primary pf-m-disabled"
128
128
  type="button"
129
129
  aria-expanded="false"
130
130
  disabled
@@ -132,7 +132,7 @@ cssPrefix: pf-v5-c-menu-toggle
132
132
  <span class="pf-v5-c-menu-toggle__text">Disabled</span>
133
133
  <span class="pf-v5-c-menu-toggle__controls">
134
134
  <span class="pf-v5-c-menu-toggle__toggle-icon">
135
- <i class="fas fa-angle-down" aria-hidden="true"></i>
135
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
136
136
  </span>
137
137
  </span>
138
138
  </button>
@@ -150,7 +150,7 @@ cssPrefix: pf-v5-c-menu-toggle
150
150
  <span class="pf-v5-c-menu-toggle__text">Collapsed</span>
151
151
  <span class="pf-v5-c-menu-toggle__controls">
152
152
  <span class="pf-v5-c-menu-toggle__toggle-icon">
153
- <i class="fas fa-angle-down" aria-hidden="true"></i>
153
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
154
154
  </span>
155
155
  </span>
156
156
  </button>
@@ -167,7 +167,7 @@ cssPrefix: pf-v5-c-menu-toggle
167
167
  <span class="pf-v5-c-menu-toggle__text">Icon</span>
168
168
  <span class="pf-v5-c-menu-toggle__controls">
169
169
  <span class="pf-v5-c-menu-toggle__toggle-icon">
170
- <i class="fas fa-angle-down" aria-hidden="true"></i>
170
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
171
171
  </span>
172
172
  </span>
173
173
  </button>
@@ -181,14 +181,14 @@ cssPrefix: pf-v5-c-menu-toggle
181
181
  <span class="pf-v5-c-menu-toggle__text">Expanded</span>
182
182
  <span class="pf-v5-c-menu-toggle__controls">
183
183
  <span class="pf-v5-c-menu-toggle__toggle-icon">
184
- <i class="fas fa-angle-down" aria-hidden="true"></i>
184
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
185
185
  </span>
186
186
  </span>
187
187
  </button>
188
188
 
189
189
  &nbsp;
190
190
  <button
191
- class="pf-v5-c-menu-toggle pf-m-secondary"
191
+ class="pf-v5-c-menu-toggle pf-m-secondary pf-m-disabled"
192
192
  type="button"
193
193
  aria-expanded="false"
194
194
  disabled
@@ -196,7 +196,7 @@ cssPrefix: pf-v5-c-menu-toggle
196
196
  <span class="pf-v5-c-menu-toggle__text">Disabled</span>
197
197
  <span class="pf-v5-c-menu-toggle__controls">
198
198
  <span class="pf-v5-c-menu-toggle__toggle-icon">
199
- <i class="fas fa-angle-down" aria-hidden="true"></i>
199
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
200
200
  </span>
201
201
  </span>
202
202
  </button>
@@ -206,6 +206,11 @@ cssPrefix: pf-v5-c-menu-toggle
206
206
  ### Plain
207
207
 
208
208
  ```html
209
+ <div class="pf-v5-c-menu-toggle pf-m-plain">
210
+ <button class="pf-v5-c-button pf-m-plain" type="button" aria-label="Actions">
211
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
212
+ </button>
213
+ </div>&nbsp;
209
214
  <button
210
215
  class="pf-v5-c-menu-toggle pf-m-plain"
211
216
  type="button"
@@ -214,8 +219,17 @@ cssPrefix: pf-v5-c-menu-toggle
214
219
  >
215
220
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
216
221
  </button>
217
-
218
222
  &nbsp;
223
+ <div class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded">
224
+ <button
225
+ class="pf-v5-c-button pf-m-expanded pf-m-plain"
226
+ type="button"
227
+ aria-expanded="true"
228
+ aria-label="Actions"
229
+ >
230
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
231
+ </button>
232
+ </div>&nbsp;
219
233
  <button
220
234
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
221
235
  type="button"
@@ -224,10 +238,19 @@ cssPrefix: pf-v5-c-menu-toggle
224
238
  >
225
239
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
226
240
  </button>
227
-
228
241
  &nbsp;
242
+ <div class="pf-v5-c-menu-toggle pf-m-plain pf-m-disabled">
243
+ <button
244
+ class="pf-v5-c-button pf-m-plain"
245
+ type="button"
246
+ aria-label="Actions"
247
+ disabled
248
+ >
249
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
250
+ </button>
251
+ </div>&nbsp;
229
252
  <button
230
- class="pf-v5-c-menu-toggle pf-m-plain"
253
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-disabled"
231
254
  type="button"
232
255
  aria-expanded="false"
233
256
  disabled
@@ -242,7 +265,7 @@ cssPrefix: pf-v5-c-menu-toggle
242
265
 
243
266
  ```html
244
267
  <button
245
- class="pf-v5-c-menu-toggle pf-m-plain pf-m-text"
268
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-disabled"
246
269
  type="button"
247
270
  aria-expanded="false"
248
271
  disabled
@@ -250,7 +273,7 @@ cssPrefix: pf-v5-c-menu-toggle
250
273
  <span class="pf-v5-c-menu-toggle__text">Disabled</span>
251
274
  <span class="pf-v5-c-menu-toggle__controls">
252
275
  <span class="pf-v5-c-menu-toggle__toggle-icon">
253
- <i class="fas fa-angle-down" aria-hidden="true"></i>
276
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
254
277
  </span>
255
278
  </span>
256
279
  </button>
@@ -264,7 +287,21 @@ cssPrefix: pf-v5-c-menu-toggle
264
287
  <span class="pf-v5-c-menu-toggle__text">Custom text</span>
265
288
  <span class="pf-v5-c-menu-toggle__controls">
266
289
  <span class="pf-v5-c-menu-toggle__toggle-icon">
267
- <i class="fas fa-angle-down" aria-hidden="true"></i>
290
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
291
+ </span>
292
+ </span>
293
+ </button>
294
+
295
+ &nbsp;
296
+ <button
297
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-text pf-m-expanded"
298
+ type="button"
299
+ aria-expanded="true"
300
+ >
301
+ <span class="pf-v5-c-menu-toggle__text">Custom text</span>
302
+ <span class="pf-v5-c-menu-toggle__controls">
303
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
304
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
268
305
  </span>
269
306
  </span>
270
307
  </button>
@@ -299,7 +336,7 @@ cssPrefix: pf-v5-c-menu-toggle
299
336
  >
300
337
  <span class="pf-v5-c-menu-toggle__controls">
301
338
  <span class="pf-v5-c-menu-toggle__toggle-icon">
302
- <i class="fas fa-angle-down" aria-hidden="true"></i>
339
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
303
340
  </span>
304
341
  </span>
305
342
  </button>
@@ -328,7 +365,7 @@ cssPrefix: pf-v5-c-menu-toggle
328
365
  >
329
366
  <span class="pf-v5-c-menu-toggle__controls">
330
367
  <span class="pf-v5-c-menu-toggle__toggle-icon">
331
- <i class="fas fa-angle-down" aria-hidden="true"></i>
368
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
332
369
  </span>
333
370
  </span>
334
371
  </button>
@@ -357,7 +394,7 @@ cssPrefix: pf-v5-c-menu-toggle
357
394
  >
358
395
  <span class="pf-v5-c-menu-toggle__controls">
359
396
  <span class="pf-v5-c-menu-toggle__toggle-icon">
360
- <i class="fas fa-angle-down" aria-hidden="true"></i>
397
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
361
398
  </span>
362
399
  </span>
363
400
  </button>
@@ -389,7 +426,7 @@ cssPrefix: pf-v5-c-menu-toggle
389
426
  >
390
427
  <span class="pf-v5-c-menu-toggle__controls">
391
428
  <span class="pf-v5-c-menu-toggle__toggle-icon">
392
- <i class="fas fa-angle-down" aria-hidden="true"></i>
429
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
393
430
  </span>
394
431
  </span>
395
432
  </button>
@@ -415,7 +452,7 @@ cssPrefix: pf-v5-c-menu-toggle
415
452
  >
416
453
  <span class="pf-v5-c-menu-toggle__controls">
417
454
  <span class="pf-v5-c-menu-toggle__toggle-icon">
418
- <i class="fas fa-angle-down" aria-hidden="true"></i>
455
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
419
456
  </span>
420
457
  </span>
421
458
  </button>
@@ -441,7 +478,7 @@ cssPrefix: pf-v5-c-menu-toggle
441
478
  >
442
479
  <span class="pf-v5-c-menu-toggle__controls">
443
480
  <span class="pf-v5-c-menu-toggle__toggle-icon">
444
- <i class="fas fa-angle-down" aria-hidden="true"></i>
481
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
445
482
  </span>
446
483
  </span>
447
484
  </button>
@@ -473,7 +510,7 @@ cssPrefix: pf-v5-c-menu-toggle
473
510
  >
474
511
  <span class="pf-v5-c-menu-toggle__controls">
475
512
  <span class="pf-v5-c-menu-toggle__toggle-icon">
476
- <i class="fas fa-angle-down" aria-hidden="true"></i>
513
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
477
514
  </span>
478
515
  </span>
479
516
  </button>
@@ -499,7 +536,7 @@ cssPrefix: pf-v5-c-menu-toggle
499
536
  >
500
537
  <span class="pf-v5-c-menu-toggle__controls">
501
538
  <span class="pf-v5-c-menu-toggle__toggle-icon">
502
- <i class="fas fa-angle-down" aria-hidden="true"></i>
539
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
503
540
  </span>
504
541
  </span>
505
542
  </button>
@@ -525,7 +562,7 @@ cssPrefix: pf-v5-c-menu-toggle
525
562
  >
526
563
  <span class="pf-v5-c-menu-toggle__controls">
527
564
  <span class="pf-v5-c-menu-toggle__toggle-icon">
528
- <i class="fas fa-angle-down" aria-hidden="true"></i>
565
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
529
566
  </span>
530
567
  </span>
531
568
  </button>
@@ -557,7 +594,7 @@ cssPrefix: pf-v5-c-menu-toggle
557
594
  >
558
595
  <span class="pf-v5-c-menu-toggle__controls">
559
596
  <span class="pf-v5-c-menu-toggle__toggle-icon">
560
- <i class="fas fa-angle-down" aria-hidden="true"></i>
597
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
561
598
  </span>
562
599
  </span>
563
600
  </button>
@@ -583,7 +620,7 @@ cssPrefix: pf-v5-c-menu-toggle
583
620
  >
584
621
  <span class="pf-v5-c-menu-toggle__controls">
585
622
  <span class="pf-v5-c-menu-toggle__toggle-icon">
586
- <i class="fas fa-angle-down" aria-hidden="true"></i>
623
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
587
624
  </span>
588
625
  </span>
589
626
  </button>
@@ -609,7 +646,7 @@ cssPrefix: pf-v5-c-menu-toggle
609
646
  >
610
647
  <span class="pf-v5-c-menu-toggle__controls">
611
648
  <span class="pf-v5-c-menu-toggle__toggle-icon">
612
- <i class="fas fa-angle-down" aria-hidden="true"></i>
649
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
613
650
  </span>
614
651
  </span>
615
652
  </button>
@@ -635,7 +672,7 @@ cssPrefix: pf-v5-c-menu-toggle
635
672
  >
636
673
  <span class="pf-v5-c-menu-toggle__controls">
637
674
  <span class="pf-v5-c-menu-toggle__toggle-icon">
638
- <i class="fas fa-angle-down" aria-hidden="true"></i>
675
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
639
676
  </span>
640
677
  </span>
641
678
  </button>
@@ -655,7 +692,7 @@ cssPrefix: pf-v5-c-menu-toggle
655
692
  >
656
693
  <span class="pf-v5-c-menu-toggle__controls">
657
694
  <span class="pf-v5-c-menu-toggle__toggle-icon">
658
- <i class="fas fa-angle-down" aria-hidden="true"></i>
695
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
659
696
  </span>
660
697
  </span>
661
698
  </button>
@@ -675,7 +712,7 @@ cssPrefix: pf-v5-c-menu-toggle
675
712
  >
676
713
  <span class="pf-v5-c-menu-toggle__controls">
677
714
  <span class="pf-v5-c-menu-toggle__toggle-icon">
678
- <i class="fas fa-angle-down" aria-hidden="true"></i>
715
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
679
716
  </span>
680
717
  </span>
681
718
  </button>
@@ -701,7 +738,7 @@ cssPrefix: pf-v5-c-menu-toggle
701
738
  >
702
739
  <span class="pf-v5-c-menu-toggle__controls">
703
740
  <span class="pf-v5-c-menu-toggle__toggle-icon">
704
- <i class="fas fa-angle-down" aria-hidden="true"></i>
741
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
705
742
  </span>
706
743
  </span>
707
744
  </button>
@@ -721,7 +758,7 @@ cssPrefix: pf-v5-c-menu-toggle
721
758
  >
722
759
  <span class="pf-v5-c-menu-toggle__controls">
723
760
  <span class="pf-v5-c-menu-toggle__toggle-icon">
724
- <i class="fas fa-angle-down" aria-hidden="true"></i>
761
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
725
762
  </span>
726
763
  </span>
727
764
  </button>
@@ -741,7 +778,7 @@ cssPrefix: pf-v5-c-menu-toggle
741
778
  >
742
779
  <span class="pf-v5-c-menu-toggle__controls">
743
780
  <span class="pf-v5-c-menu-toggle__toggle-icon">
744
- <i class="fas fa-angle-down" aria-hidden="true"></i>
781
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
745
782
  </span>
746
783
  </span>
747
784
  </button>
@@ -767,7 +804,7 @@ cssPrefix: pf-v5-c-menu-toggle
767
804
  >
768
805
  <span class="pf-v5-c-menu-toggle__controls">
769
806
  <span class="pf-v5-c-menu-toggle__toggle-icon">
770
- <i class="fas fa-angle-down" aria-hidden="true"></i>
807
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
771
808
  </span>
772
809
  </span>
773
810
  </button>
@@ -787,7 +824,7 @@ cssPrefix: pf-v5-c-menu-toggle
787
824
  >
788
825
  <span class="pf-v5-c-menu-toggle__controls">
789
826
  <span class="pf-v5-c-menu-toggle__toggle-icon">
790
- <i class="fas fa-angle-down" aria-hidden="true"></i>
827
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
791
828
  </span>
792
829
  </span>
793
830
  </button>
@@ -807,7 +844,7 @@ cssPrefix: pf-v5-c-menu-toggle
807
844
  >
808
845
  <span class="pf-v5-c-menu-toggle__controls">
809
846
  <span class="pf-v5-c-menu-toggle__toggle-icon">
810
- <i class="fas fa-angle-down" aria-hidden="true"></i>
847
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
811
848
  </span>
812
849
  </span>
813
850
  </button>
@@ -829,14 +866,14 @@ cssPrefix: pf-v5-c-menu-toggle
829
866
  <span class="pf-v5-c-menu-toggle__text">Icon</span>
830
867
  <span class="pf-v5-c-menu-toggle__controls">
831
868
  <span class="pf-v5-c-menu-toggle__toggle-icon">
832
- <i class="fas fa-angle-down" aria-hidden="true"></i>
869
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
833
870
  </span>
834
871
  </span>
835
872
  </button>
836
873
 
837
874
  &nbsp;
838
875
  <button
839
- class="pf-v5-c-menu-toggle pf-m-secondary"
876
+ class="pf-v5-c-menu-toggle pf-m-secondary pf-m-disabled"
840
877
  type="button"
841
878
  aria-expanded="false"
842
879
  disabled
@@ -847,7 +884,7 @@ cssPrefix: pf-v5-c-menu-toggle
847
884
  <span class="pf-v5-c-menu-toggle__text">Icon</span>
848
885
  <span class="pf-v5-c-menu-toggle__controls">
849
886
  <span class="pf-v5-c-menu-toggle__toggle-icon">
850
- <i class="fas fa-angle-down" aria-hidden="true"></i>
887
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
851
888
  </span>
852
889
  </span>
853
890
  </button>
@@ -868,7 +905,7 @@ cssPrefix: pf-v5-c-menu-toggle
868
905
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
869
906
  <span class="pf-v5-c-menu-toggle__controls">
870
907
  <span class="pf-v5-c-menu-toggle__toggle-icon">
871
- <i class="fas fa-angle-down" aria-hidden="true"></i>
908
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
872
909
  </span>
873
910
  </span>
874
911
  </button>
@@ -889,14 +926,14 @@ cssPrefix: pf-v5-c-menu-toggle
889
926
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
890
927
  <span class="pf-v5-c-menu-toggle__controls">
891
928
  <span class="pf-v5-c-menu-toggle__toggle-icon">
892
- <i class="fas fa-angle-down" aria-hidden="true"></i>
929
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
893
930
  </span>
894
931
  </span>
895
932
  </button>
896
933
 
897
934
  &nbsp;
898
935
  <button
899
- class="pf-v5-c-menu-toggle"
936
+ class="pf-v5-c-menu-toggle pf-m-disabled"
900
937
  type="button"
901
938
  aria-expanded="false"
902
939
  disabled
@@ -911,7 +948,7 @@ cssPrefix: pf-v5-c-menu-toggle
911
948
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
912
949
  <span class="pf-v5-c-menu-toggle__controls">
913
950
  <span class="pf-v5-c-menu-toggle__toggle-icon">
914
- <i class="fas fa-angle-down" aria-hidden="true"></i>
951
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
915
952
  </span>
916
953
  </span>
917
954
  </button>
@@ -929,7 +966,7 @@ cssPrefix: pf-v5-c-menu-toggle
929
966
  <span class="pf-v5-c-menu-toggle__text">Full height</span>
930
967
  <span class="pf-v5-c-menu-toggle__controls">
931
968
  <span class="pf-v5-c-menu-toggle__toggle-icon">
932
- <i class="fas fa-angle-down" aria-hidden="true"></i>
969
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
933
970
  </span>
934
971
  </span>
935
972
  </button>
@@ -973,7 +1010,7 @@ cssPrefix: pf-v5-c-menu-toggle
973
1010
  >
974
1011
  <span class="pf-v5-c-menu-toggle__controls">
975
1012
  <span class="pf-v5-c-menu-toggle__toggle-icon">
976
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1013
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
977
1014
  </span>
978
1015
  </span>
979
1016
  </button>