@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/Tabs/examples/Tabs.md CHANGED
@@ -3016,7 +3016,7 @@ cssPrefix: pf-v5-c-tabs
3016
3016
  </button>
3017
3017
  <span class="pf-v5-c-tabs__item-action">
3018
3018
  <button
3019
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
3019
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
3020
3020
  type="button"
3021
3021
  aria-label="More info for ARIA disabled label"
3022
3022
  aria-disabled="true"
@@ -3211,7 +3211,7 @@ cssPrefix: pf-v5-c-tabs
3211
3211
  </button>
3212
3212
  <span class="pf-v5-c-tabs__item-action">
3213
3213
  <button
3214
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
3214
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
3215
3215
  type="button"
3216
3216
  aria-label="More info for ARIA disabled label"
3217
3217
  aria-disabled="true"
@@ -3406,7 +3406,7 @@ cssPrefix: pf-v5-c-tabs
3406
3406
  </button>
3407
3407
  <span class="pf-v5-c-tabs__item-action">
3408
3408
  <button
3409
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
3409
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
3410
3410
  type="button"
3411
3411
  aria-label="More info for ARIA disabled label"
3412
3412
  aria-disabled="true"
@@ -3616,7 +3616,7 @@ cssPrefix: pf-v5-c-tabs
3616
3616
  </button>
3617
3617
  <span class="pf-v5-c-tabs__item-action">
3618
3618
  <button
3619
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
3619
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
3620
3620
  type="button"
3621
3621
  aria-label="More info for ARIA disabled label"
3622
3622
  aria-disabled="true"
@@ -3913,7 +3913,7 @@ cssPrefix: pf-v5-c-tabs
3913
3913
  </button>
3914
3914
  <span class="pf-v5-c-tabs__item-action">
3915
3915
  <button
3916
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
3916
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
3917
3917
  type="button"
3918
3918
  aria-label="More info for ARIA disabled label"
3919
3919
  aria-disabled="true"
@@ -4104,7 +4104,7 @@ cssPrefix: pf-v5-c-tabs
4104
4104
  </button>
4105
4105
  <span class="pf-v5-c-tabs__item-action">
4106
4106
  <button
4107
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
4107
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
4108
4108
  type="button"
4109
4109
  aria-label="More info for ARIA disabled label"
4110
4110
  aria-disabled="true"
@@ -4301,7 +4301,7 @@ cssPrefix: pf-v5-c-tabs
4301
4301
  </button>
4302
4302
  <span class="pf-v5-c-tabs__item-action">
4303
4303
  <button
4304
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
4304
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
4305
4305
  type="button"
4306
4306
  aria-label="Close ARIA disabled"
4307
4307
  aria-disabled="true"
@@ -4496,7 +4496,7 @@ cssPrefix: pf-v5-c-tabs
4496
4496
  </button>
4497
4497
  <span class="pf-v5-c-tabs__item-action">
4498
4498
  <button
4499
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
4499
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
4500
4500
  type="button"
4501
4501
  aria-label="Close ARIA disabled"
4502
4502
  aria-disabled="true"
@@ -4691,7 +4691,7 @@ cssPrefix: pf-v5-c-tabs
4691
4691
  </button>
4692
4692
  <span class="pf-v5-c-tabs__item-action">
4693
4693
  <button
4694
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
4694
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
4695
4695
  type="button"
4696
4696
  aria-label="Close ARIA disabled"
4697
4697
  aria-disabled="true"
@@ -4901,7 +4901,7 @@ cssPrefix: pf-v5-c-tabs
4901
4901
  </button>
4902
4902
  <span class="pf-v5-c-tabs__item-action">
4903
4903
  <button
4904
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
4904
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
4905
4905
  type="button"
4906
4906
  aria-label="Close ARIA disabled"
4907
4907
  aria-disabled="true"
@@ -5198,7 +5198,7 @@ cssPrefix: pf-v5-c-tabs
5198
5198
  </button>
5199
5199
  <span class="pf-v5-c-tabs__item-action">
5200
5200
  <button
5201
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5201
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
5202
5202
  type="button"
5203
5203
  aria-label="Close ARIA disabled"
5204
5204
  aria-disabled="true"
@@ -5389,7 +5389,7 @@ cssPrefix: pf-v5-c-tabs
5389
5389
  </button>
5390
5390
  <span class="pf-v5-c-tabs__item-action">
5391
5391
  <button
5392
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5392
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
5393
5393
  type="button"
5394
5394
  aria-label="Close ARIA disabled"
5395
5395
  aria-disabled="true"
@@ -5635,7 +5635,7 @@ cssPrefix: pf-v5-c-tabs
5635
5635
  </button>
5636
5636
  <span class="pf-v5-c-tabs__item-action">
5637
5637
  <button
5638
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5638
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
5639
5639
  type="button"
5640
5640
  aria-label="More info for ARIA disabled label"
5641
5641
  aria-disabled="true"
@@ -5648,7 +5648,7 @@ cssPrefix: pf-v5-c-tabs
5648
5648
 
5649
5649
  <span class="pf-v5-c-tabs__item-action">
5650
5650
  <button
5651
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5651
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
5652
5652
  type="button"
5653
5653
  aria-label="Close ARIA disabled"
5654
5654
  aria-disabled="true"
@@ -5993,7 +5993,7 @@ cssPrefix: pf-v5-c-tabs
5993
5993
  </button>
5994
5994
  <span class="pf-v5-c-tabs__item-action">
5995
5995
  <button
5996
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5996
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
5997
5997
  type="button"
5998
5998
  aria-label="More info for ARIA disabled label"
5999
5999
  aria-disabled="true"
@@ -6006,7 +6006,7 @@ cssPrefix: pf-v5-c-tabs
6006
6006
 
6007
6007
  <span class="pf-v5-c-tabs__item-action">
6008
6008
  <button
6009
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
6009
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
6010
6010
  type="button"
6011
6011
  aria-label="Close ARIA disabled"
6012
6012
  aria-disabled="true"
@@ -6351,7 +6351,7 @@ cssPrefix: pf-v5-c-tabs
6351
6351
  </button>
6352
6352
  <span class="pf-v5-c-tabs__item-action">
6353
6353
  <button
6354
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
6354
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
6355
6355
  type="button"
6356
6356
  aria-label="More info for ARIA disabled label"
6357
6357
  aria-disabled="true"
@@ -6364,7 +6364,7 @@ cssPrefix: pf-v5-c-tabs
6364
6364
 
6365
6365
  <span class="pf-v5-c-tabs__item-action">
6366
6366
  <button
6367
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
6367
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
6368
6368
  type="button"
6369
6369
  aria-label="Close ARIA disabled"
6370
6370
  aria-disabled="true"
@@ -6724,7 +6724,7 @@ cssPrefix: pf-v5-c-tabs
6724
6724
  </button>
6725
6725
  <span class="pf-v5-c-tabs__item-action">
6726
6726
  <button
6727
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
6727
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
6728
6728
  type="button"
6729
6729
  aria-label="More info for ARIA disabled label"
6730
6730
  aria-disabled="true"
@@ -6737,7 +6737,7 @@ cssPrefix: pf-v5-c-tabs
6737
6737
 
6738
6738
  <span class="pf-v5-c-tabs__item-action">
6739
6739
  <button
6740
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
6740
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
6741
6741
  type="button"
6742
6742
  aria-label="Close ARIA disabled"
6743
6743
  aria-disabled="true"
@@ -7226,7 +7226,7 @@ cssPrefix: pf-v5-c-tabs
7226
7226
  </button>
7227
7227
  <span class="pf-v5-c-tabs__item-action">
7228
7228
  <button
7229
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
7229
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
7230
7230
  type="button"
7231
7231
  aria-label="More info for ARIA disabled label"
7232
7232
  aria-disabled="true"
@@ -7239,7 +7239,7 @@ cssPrefix: pf-v5-c-tabs
7239
7239
 
7240
7240
  <span class="pf-v5-c-tabs__item-action">
7241
7241
  <button
7242
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
7242
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
7243
7243
  type="button"
7244
7244
  aria-label="Close ARIA disabled"
7245
7245
  aria-disabled="true"
@@ -7580,7 +7580,7 @@ cssPrefix: pf-v5-c-tabs
7580
7580
  </button>
7581
7581
  <span class="pf-v5-c-tabs__item-action">
7582
7582
  <button
7583
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
7583
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
7584
7584
  type="button"
7585
7585
  aria-label="More info for ARIA disabled label"
7586
7586
  aria-disabled="true"
@@ -7593,7 +7593,7 @@ cssPrefix: pf-v5-c-tabs
7593
7593
 
7594
7594
  <span class="pf-v5-c-tabs__item-action">
7595
7595
  <button
7596
- class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
7596
+ class="pf-v5-c-button pf-m-plain pf-m-aria-disabled"
7597
7597
  type="button"
7598
7598
  aria-label="Close ARIA disabled"
7599
7599
  aria-disabled="true"
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -185,7 +185,7 @@ Several components in the following examples do not include functional and/or ac
185
185
  <span class="pf-v5-c-menu-toggle__text">Filter 1</span>
186
186
  <span class="pf-v5-c-menu-toggle__controls">
187
187
  <span class="pf-v5-c-menu-toggle__toggle-icon">
188
- <i class="fas fa-angle-down" aria-hidden="true"></i>
188
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
189
189
  </span>
190
190
  </span>
191
191
  </button>
@@ -200,7 +200,7 @@ Several components in the following examples do not include functional and/or ac
200
200
  <span class="pf-v5-c-menu-toggle__text">Filter 2</span>
201
201
  <span class="pf-v5-c-menu-toggle__controls">
202
202
  <span class="pf-v5-c-menu-toggle__toggle-icon">
203
- <i class="fas fa-angle-down" aria-hidden="true"></i>
203
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
204
204
  </span>
205
205
  </span>
206
206
  </button>
@@ -215,7 +215,7 @@ Several components in the following examples do not include functional and/or ac
215
215
  <span class="pf-v5-c-menu-toggle__text">Filter 3</span>
216
216
  <span class="pf-v5-c-menu-toggle__controls">
217
217
  <span class="pf-v5-c-menu-toggle__toggle-icon">
218
- <i class="fas fa-angle-down" aria-hidden="true"></i>
218
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
219
219
  </span>
220
220
  </span>
221
221
  </button>
@@ -311,7 +311,7 @@ Several components in the following examples do not include functional and/or ac
311
311
  <span class="pf-v5-c-menu-toggle__text">Name</span>
312
312
  <span class="pf-v5-c-menu-toggle__controls">
313
313
  <span class="pf-v5-c-menu-toggle__toggle-icon">
314
- <i class="fas fa-angle-down" aria-hidden="true"></i>
314
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
315
315
  </span>
316
316
  </span>
317
317
  </button>
@@ -347,7 +347,7 @@ Several components in the following examples do not include functional and/or ac
347
347
  <span class="pf-v5-c-menu-toggle__text">Status</span>
348
348
  <span class="pf-v5-c-menu-toggle__controls">
349
349
  <span class="pf-v5-c-menu-toggle__toggle-icon">
350
- <i class="fas fa-angle-down" aria-hidden="true"></i>
350
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
351
351
  </span>
352
352
  </span>
353
353
  </button>
@@ -362,7 +362,7 @@ Several components in the following examples do not include functional and/or ac
362
362
  <span class="pf-v5-c-menu-toggle__text">Risk</span>
363
363
  <span class="pf-v5-c-menu-toggle__controls">
364
364
  <span class="pf-v5-c-menu-toggle__toggle-icon">
365
- <i class="fas fa-angle-down" aria-hidden="true"></i>
365
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
366
366
  </span>
367
367
  </span>
368
368
  </button>
@@ -423,7 +423,7 @@ Several components in the following examples do not include functional and/or ac
423
423
  <span class="pf-v5-c-menu-toggle__text">Name</span>
424
424
  <span class="pf-v5-c-menu-toggle__controls">
425
425
  <span class="pf-v5-c-menu-toggle__toggle-icon">
426
- <i class="fas fa-angle-down" aria-hidden="true"></i>
426
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
427
427
  </span>
428
428
  </span>
429
429
  </button>
@@ -459,7 +459,7 @@ Several components in the following examples do not include functional and/or ac
459
459
  <span class="pf-v5-c-menu-toggle__text">Status</span>
460
460
  <span class="pf-v5-c-menu-toggle__controls">
461
461
  <span class="pf-v5-c-menu-toggle__toggle-icon">
462
- <i class="fas fa-angle-down" aria-hidden="true"></i>
462
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
463
463
  </span>
464
464
  </span>
465
465
  </button>
@@ -474,7 +474,7 @@ Several components in the following examples do not include functional and/or ac
474
474
  <span class="pf-v5-c-menu-toggle__text">Risk</span>
475
475
  <span class="pf-v5-c-menu-toggle__controls">
476
476
  <span class="pf-v5-c-menu-toggle__toggle-icon">
477
- <i class="fas fa-angle-down" aria-hidden="true"></i>
477
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
478
478
  </span>
479
479
  </span>
480
480
  </button>
@@ -551,7 +551,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
551
551
  >
552
552
  <span class="pf-v5-c-menu-toggle__controls">
553
553
  <span class="pf-v5-c-menu-toggle__toggle-icon">
554
- <i class="fas fa-angle-down" aria-hidden="true"></i>
554
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
555
555
  </span>
556
556
  </span>
557
557
  </button>
@@ -588,7 +588,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
588
588
  <span class="pf-v5-c-menu-toggle__text">Name</span>
589
589
  <span class="pf-v5-c-menu-toggle__controls">
590
590
  <span class="pf-v5-c-menu-toggle__toggle-icon">
591
- <i class="fas fa-angle-down" aria-hidden="true"></i>
591
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
592
592
  </span>
593
593
  </span>
594
594
  </button>
@@ -624,7 +624,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
624
624
  <span class="pf-v5-c-menu-toggle__text">Status</span>
625
625
  <span class="pf-v5-c-menu-toggle__controls">
626
626
  <span class="pf-v5-c-menu-toggle__toggle-icon">
627
- <i class="fas fa-angle-down" aria-hidden="true"></i>
627
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
628
628
  </span>
629
629
  </span>
630
630
  </button>
@@ -639,7 +639,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
639
639
  <span class="pf-v5-c-menu-toggle__text">Risk</span>
640
640
  <span class="pf-v5-c-menu-toggle__controls">
641
641
  <span class="pf-v5-c-menu-toggle__toggle-icon">
642
- <i class="fas fa-angle-down" aria-hidden="true"></i>
642
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
643
643
  </span>
644
644
  </span>
645
645
  </button>
@@ -918,7 +918,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
918
918
  >
919
919
  <span class="pf-v5-c-menu-toggle__controls">
920
920
  <span class="pf-v5-c-menu-toggle__toggle-icon">
921
- <i class="fas fa-angle-down" aria-hidden="true"></i>
921
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
922
922
  </span>
923
923
  </span>
924
924
  </button>
@@ -1006,7 +1006,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1006
1006
  <span class="pf-v5-c-menu-toggle__text">Name</span>
1007
1007
  <span class="pf-v5-c-menu-toggle__controls">
1008
1008
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1009
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1009
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1010
1010
  </span>
1011
1011
  </span>
1012
1012
  </button>
@@ -1042,7 +1042,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1042
1042
  <span class="pf-v5-c-menu-toggle__text">Status</span>
1043
1043
  <span class="pf-v5-c-menu-toggle__controls">
1044
1044
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1045
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1045
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1046
1046
  </span>
1047
1047
  </span>
1048
1048
  </button>
@@ -1057,7 +1057,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1057
1057
  <span class="pf-v5-c-menu-toggle__text">Risk</span>
1058
1058
  <span class="pf-v5-c-menu-toggle__controls">
1059
1059
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1060
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1060
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1061
1061
  </span>
1062
1062
  </span>
1063
1063
  </button>
@@ -1270,7 +1270,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1270
1270
  >
1271
1271
  <span class="pf-v5-c-menu-toggle__controls">
1272
1272
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1273
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1273
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1274
1274
  </span>
1275
1275
  </span>
1276
1276
  </button>
@@ -1299,7 +1299,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1299
1299
  <span class="pf-v5-c-menu-toggle__text">Status</span>
1300
1300
  <span class="pf-v5-c-menu-toggle__controls">
1301
1301
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1302
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1302
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1303
1303
  </span>
1304
1304
  </span>
1305
1305
  </button>
@@ -1314,7 +1314,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1314
1314
  <span class="pf-v5-c-menu-toggle__text">Risk</span>
1315
1315
  <span class="pf-v5-c-menu-toggle__controls">
1316
1316
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1317
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1317
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1318
1318
  </span>
1319
1319
  </span>
1320
1320
  </button>
@@ -1622,7 +1622,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1622
1622
  <span class="pf-v5-c-menu-toggle__text">Pod</span>
1623
1623
  <span class="pf-v5-c-menu-toggle__controls">
1624
1624
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1625
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1625
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1626
1626
  </span>
1627
1627
  </span>
1628
1628
  </button>
@@ -1644,7 +1644,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1644
1644
  <span class="pf-v5-c-menu-toggle__text">Running</span>
1645
1645
  <span class="pf-v5-c-menu-toggle__controls">
1646
1646
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1647
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1647
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1648
1648
  </span>
1649
1649
  </span>
1650
1650
  </button>
@@ -1666,7 +1666,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1666
1666
  <span class="pf-v5-c-menu-toggle__text">Any</span>
1667
1667
  <span class="pf-v5-c-menu-toggle__controls">
1668
1668
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1669
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1669
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1670
1670
  </span>
1671
1671
  </span>
1672
1672
  </button>
@@ -1799,7 +1799,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
1799
1799
  >
1800
1800
  <span class="pf-v5-c-menu-toggle__controls">
1801
1801
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1802
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1802
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1803
1803
  </span>
1804
1804
  </span>
1805
1805
  </button>
@@ -2010,7 +2010,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2010
2010
  <span class="pf-v5-c-menu-toggle__text">Pod</span>
2011
2011
  <span class="pf-v5-c-menu-toggle__controls">
2012
2012
  <span class="pf-v5-c-menu-toggle__toggle-icon">
2013
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2013
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2014
2014
  </span>
2015
2015
  </span>
2016
2016
  </button>
@@ -2032,7 +2032,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2032
2032
  <span class="pf-v5-c-menu-toggle__text">Running</span>
2033
2033
  <span class="pf-v5-c-menu-toggle__controls">
2034
2034
  <span class="pf-v5-c-menu-toggle__toggle-icon">
2035
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2035
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2036
2036
  </span>
2037
2037
  </span>
2038
2038
  </button>
@@ -2054,7 +2054,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2054
2054
  <span class="pf-v5-c-menu-toggle__text">Any</span>
2055
2055
  <span class="pf-v5-c-menu-toggle__controls">
2056
2056
  <span class="pf-v5-c-menu-toggle__toggle-icon">
2057
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2057
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2058
2058
  </span>
2059
2059
  </span>
2060
2060
  </button>
@@ -2093,7 +2093,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
2093
2093
  >
2094
2094
  <span class="pf-v5-c-menu-toggle__controls">
2095
2095
  <span class="pf-v5-c-menu-toggle__toggle-icon">
2096
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2096
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2097
2097
  </span>
2098
2098
  </span>
2099
2099
  </button>
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -53,11 +53,19 @@ wrapperTag: div
53
53
  <li class="pf-v5-c-wizard__nav-item">
54
54
  <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
55
55
  </li>
56
- <li class="pf-v5-c-wizard__nav-item">
56
+ <li class="pf-v5-c-wizard__nav-item pf-m-expandable pf-m-expanded">
57
57
  <button
58
58
  class="pf-v5-c-wizard__nav-link pf-m-current"
59
59
  type="button"
60
- >Configuration</button>
60
+ aria-expanded="true"
61
+ >
62
+ <span class="pf-v5-c-wizard__nav-link-text">Configuration</span>
63
+ <span class="pf-v5-c-wizard__nav-link-toggle">
64
+ <span class="pf-v5-c-wizard__nav-link-toggle-icon">
65
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
66
+ </span>
67
+ </span>
68
+ </button>
61
69
  <ol class="pf-v5-c-wizard__nav-list" role="list">
62
70
  <li class="pf-v5-c-wizard__nav-item">
63
71
  <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
@@ -291,11 +299,19 @@ wrapperTag: div
291
299
  <li class="pf-v5-c-wizard__nav-item">
292
300
  <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
293
301
  </li>
294
- <li class="pf-v5-c-wizard__nav-item">
302
+ <li class="pf-v5-c-wizard__nav-item pf-m-expandable pf-m-expanded">
295
303
  <button
296
304
  class="pf-v5-c-wizard__nav-link pf-m-current"
297
305
  type="button"
298
- >Configuration</button>
306
+ aria-expanded="true"
307
+ >
308
+ <span class="pf-v5-c-wizard__nav-link-text">Configuration</span>
309
+ <span class="pf-v5-c-wizard__nav-link-toggle">
310
+ <span class="pf-v5-c-wizard__nav-link-toggle-icon">
311
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
312
+ </span>
313
+ </span>
314
+ </button>
299
315
  <ol class="pf-v5-c-wizard__nav-list" role="list">
300
316
  <li class="pf-v5-c-wizard__nav-item">
301
317
  <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
@@ -480,11 +496,19 @@ wrapperTag: div
480
496
  <li class="pf-v5-c-wizard__nav-item">
481
497
  <button class="pf-v5-c-wizard__nav-link" type="button">Information</button>
482
498
  </li>
483
- <li class="pf-v5-c-wizard__nav-item">
499
+ <li class="pf-v5-c-wizard__nav-item pf-m-expandable pf-m-expanded">
484
500
  <button
485
501
  class="pf-v5-c-wizard__nav-link pf-m-current"
486
502
  type="button"
487
- >Configuration</button>
503
+ aria-expanded="true"
504
+ >
505
+ <span class="pf-v5-c-wizard__nav-link-text">Configuration</span>
506
+ <span class="pf-v5-c-wizard__nav-link-toggle">
507
+ <span class="pf-v5-c-wizard__nav-link-toggle-icon">
508
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
509
+ </span>
510
+ </span>
511
+ </button>
488
512
  <ol class="pf-v5-c-wizard__nav-list" role="list">
489
513
  <li class="pf-v5-c-wizard__nav-item">
490
514
  <button class="pf-v5-c-wizard__nav-link" type="button">Substep A</button>
@@ -1362,7 +1386,7 @@ wrapperTag: div
1362
1386
  | `.pf-v5-c-wizard__nav` | `<nav>` | Initiates the steps nav. **Required** |
1363
1387
  | `.pf-v5-c-wizard__nav-list` | `<ol>` | Initiates a list of steps. **Required** |
1364
1388
  | `.pf-v5-c-wizard__nav-item` | `<li>` | Initiates a step list item. **Required** |
1365
- | `.pf-v5-c-wizard__nav-link` | `<a>` | Initiates a step link. **Required** |
1389
+ | `.pf-v5-c-wizard__nav-link` | `<a>`, `<button>` | Initiates a step link. **Required** |
1366
1390
  | `.pf-v5-c-wizard__nav-link-text` | `<span>` | Initiates the link text container. **Required when nav item is expandable** |
1367
1391
  | `.pf-v5-c-wizard__nav-link-toggle` | `<span>` | Initiates the toggle container. **Required when nav item is expandable** |
1368
1392
  | `.pf-v5-c-wizard__nav-link-toggle-icon` | `<span>` | Initiates the toggle icon container. **Required when nav item is expandable** |
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -115,7 +115,7 @@ This demo implements the about modal, including the backdrop.
115
115
  <span class="pf-v5-c-menu-toggle__text">Overview</span>
116
116
  <span class="pf-v5-c-menu-toggle__controls">
117
117
  <span class="pf-v5-c-menu-toggle__toggle-icon">
118
- <i class="fas fa-angle-down" aria-hidden="true"></i>
118
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
119
119
  </span>
120
120
  </span>
121
121
  </button>
@@ -130,7 +130,7 @@ This demo implements the about modal, including the backdrop.
130
130
  <span class="pf-v5-c-menu-toggle__text">Services</span>
131
131
  <span class="pf-v5-c-menu-toggle__controls">
132
132
  <span class="pf-v5-c-menu-toggle__toggle-icon">
133
- <i class="fas fa-angle-down" aria-hidden="true"></i>
133
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
134
134
  </span>
135
135
  </span>
136
136
  </button>
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -113,7 +113,7 @@ section: components
113
113
  <span class="pf-v5-c-menu-toggle__text">Overview</span>
114
114
  <span class="pf-v5-c-menu-toggle__controls">
115
115
  <span class="pf-v5-c-menu-toggle__toggle-icon">
116
- <i class="fas fa-angle-down" aria-hidden="true"></i>
116
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
117
117
  </span>
118
118
  </span>
119
119
  </button>
@@ -128,7 +128,7 @@ section: components
128
128
  <span class="pf-v5-c-menu-toggle__text">Services</span>
129
129
  <span class="pf-v5-c-menu-toggle__controls">
130
130
  <span class="pf-v5-c-menu-toggle__toggle-icon">
131
- <i class="fas fa-angle-down" aria-hidden="true"></i>
131
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
132
132
  </span>
133
133
  </span>
134
134
  </button>
@@ -489,7 +489,7 @@ section: components
489
489
  <span class="pf-v5-c-menu-toggle__text">Overview</span>
490
490
  <span class="pf-v5-c-menu-toggle__controls">
491
491
  <span class="pf-v5-c-menu-toggle__toggle-icon">
492
- <i class="fas fa-angle-down" aria-hidden="true"></i>
492
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
493
493
  </span>
494
494
  </span>
495
495
  </button>
@@ -504,7 +504,7 @@ section: components
504
504
  <span class="pf-v5-c-menu-toggle__text">Services</span>
505
505
  <span class="pf-v5-c-menu-toggle__controls">
506
506
  <span class="pf-v5-c-menu-toggle__toggle-icon">
507
- <i class="fas fa-angle-down" aria-hidden="true"></i>
507
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
508
508
  </span>
509
509
  </span>
510
510
  </button>
@@ -958,7 +958,7 @@ section: components
958
958
  <span class="pf-v5-c-menu-toggle__text">Overview</span>
959
959
  <span class="pf-v5-c-menu-toggle__controls">
960
960
  <span class="pf-v5-c-menu-toggle__toggle-icon">
961
- <i class="fas fa-angle-down" aria-hidden="true"></i>
961
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
962
962
  </span>
963
963
  </span>
964
964
  </button>
@@ -973,7 +973,7 @@ section: components
973
973
  <span class="pf-v5-c-menu-toggle__text">Services</span>
974
974
  <span class="pf-v5-c-menu-toggle__controls">
975
975
  <span class="pf-v5-c-menu-toggle__toggle-icon">
976
- <i class="fas fa-angle-down" aria-hidden="true"></i>
976
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
977
977
  </span>
978
978
  </span>
979
979
  </button>
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -114,7 +114,7 @@ cssPrefix: pf-d-back-to-top
114
114
  <span class="pf-v5-c-menu-toggle__text">Overview</span>
115
115
  <span class="pf-v5-c-menu-toggle__controls">
116
116
  <span class="pf-v5-c-menu-toggle__toggle-icon">
117
- <i class="fas fa-angle-down" aria-hidden="true"></i>
117
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
118
118
  </span>
119
119
  </span>
120
120
  </button>
@@ -129,7 +129,7 @@ cssPrefix: pf-d-back-to-top
129
129
  <span class="pf-v5-c-menu-toggle__text">Services</span>
130
130
  <span class="pf-v5-c-menu-toggle__controls">
131
131
  <span class="pf-v5-c-menu-toggle__toggle-icon">
132
- <i class="fas fa-angle-down" aria-hidden="true"></i>
132
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
133
133
  </span>
134
134
  </span>
135
135
  </button>