@patternfly/patternfly 5.0.0-alpha.50 → 5.0.0-alpha.52

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 (75) hide show
  1. package/UPGRADE-GUIDE.md +1 -1
  2. package/assets/icons/iconUnicodes.json +129 -128
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +402 -267
  5. package/base/_icons.scss +1 -1
  6. package/base/patternfly-icons.css +136 -132
  7. package/base/patternfly-pf-icons.css +136 -132
  8. package/base/patternfly-pf-icons.scss +1 -1
  9. package/base/patternfly-variables.css +2 -2
  10. package/components/AboutModalBox/about-modal-box.css +1 -20
  11. package/components/AboutModalBox/about-modal-box.scss +3 -24
  12. package/components/BackgroundImage/background-image.css +1 -2
  13. package/components/BackgroundImage/background-image.scss +1 -2
  14. package/components/FormControl/form-control.css +0 -7
  15. package/components/FormControl/form-control.scss +7 -7
  16. package/components/Icon/icon.css +25 -24
  17. package/components/Icon/icon.scss +30 -31
  18. package/components/NotificationBadge/notification-badge.css +2 -2
  19. package/components/NotificationBadge/notification-badge.scss +2 -2
  20. package/components/ProgressStepper/progress-stepper.css +1 -1
  21. package/components/ProgressStepper/progress-stepper.scss +1 -1
  22. package/components/_all.scss +1 -1
  23. package/docs/components/AboutModalBox/examples/AboutModalBox.md +7 -9
  24. package/docs/components/Avatar/examples/Avatar.css +1 -1
  25. package/docs/components/BackgroundImage/examples/BackgroundImage.md +7 -11
  26. package/docs/components/CodeEditor/examples/CodeEditor.md +1 -1
  27. package/docs/components/Form/examples/Form.md +11 -11
  28. package/docs/components/Label/examples/Label.md +1220 -1
  29. package/docs/components/Login/examples/Login.md +20 -5
  30. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  31. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  32. package/docs/components/NotificationBadge/examples/NotificationBadge.css +1 -1
  33. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  34. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  35. package/docs/components/Table/examples/Table.md +2 -2
  36. package/docs/components/Tabs/examples/Tabs.md +102 -102
  37. package/docs/demos/AboutModal/examples/AboutModal.md +6 -3
  38. package/docs/demos/Alert/examples/Alert.md +6 -6
  39. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  40. package/docs/demos/Banner/examples/Banner.md +4 -4
  41. package/docs/demos/CardView/examples/CardView.md +2 -2
  42. package/docs/demos/ContextSelector/examples/ContextSelector.md +6 -6
  43. package/docs/demos/Dashboard/examples/Dashboard.md +7 -7
  44. package/docs/demos/DataList/examples/DataList.md +8 -8
  45. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  46. package/docs/demos/Drawer/examples/Drawer.md +10 -10
  47. package/docs/demos/Form/examples/BasicForms.md +10 -10
  48. package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
  49. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  50. package/docs/demos/Modal/examples/Modal.md +15 -15
  51. package/docs/demos/Nav/examples/Nav.md +16 -16
  52. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +15 -15
  53. package/docs/demos/Page/examples/Page.md +18 -18
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +14 -14
  57. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  58. package/docs/demos/Table/examples/Table.md +32 -32
  59. package/docs/demos/Tabs/examples/Tabs.md +12 -12
  60. package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
  61. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  62. package/icons/{pf-icons.mjs → pficons.mjs} +1 -0
  63. package/package.json +1 -1
  64. package/patternfly-base-no-globals.css +138 -134
  65. package/patternfly-base.css +138 -134
  66. package/patternfly-no-globals.css +168 -190
  67. package/patternfly.css +168 -190
  68. package/patternfly.min.css +1 -1
  69. package/patternfly.min.css.map +1 -1
  70. package/sass-utilities/scss-variables.scss +2 -5
  71. package/assets/pficon/pficon.woff2 +0 -0
  72. package/docs/components/LabelGroup/examples/LabelGroup.md +0 -1222
  73. /package/base/{_pf-icons.scss → _pficons.scss} +0 -0
  74. /package/components/{LabelGroup → Label}/label-group.css +0 -0
  75. /package/components/{LabelGroup → Label}/label-group.scss +0 -0
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -466,7 +466,7 @@ This demo implements the about modal, including the backdrop.
466
466
  <span class="pf-v5-c-menu__item-main">
467
467
  <span class="pf-v5-c-menu__item-icon">
468
468
  <i
469
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
469
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
470
470
  aria-hidden="true"
471
471
  ></i>
472
472
  </span>
@@ -496,7 +496,7 @@ This demo implements the about modal, including the backdrop.
496
496
  </span>
497
497
  <span class="pf-v5-c-menu__item-icon">
498
498
  <i
499
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
499
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
500
500
  aria-hidden="true"
501
501
  ></i>
502
502
  </span>
@@ -982,7 +982,10 @@ This demo implements the about modal, including the backdrop.
982
982
  aria-modal="true"
983
983
  aria-labelledby="about-modal-title"
984
984
  >
985
- <div class="pf-v5-c-about-modal-box">
985
+ <div
986
+ class="pf-v5-c-about-modal-box"
987
+ style="--pf-v5-c-about-modal-box--BackgroundImage: url(/assets/images/pfbg-icon.svg)"
988
+ >
986
989
  <div class="pf-v5-c-about-modal-box__brand">
987
990
  <img
988
991
  class="pf-v5-c-about-modal-box__brand-image"
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -464,7 +464,7 @@ section: components
464
464
  <span class="pf-v5-c-menu__item-main">
465
465
  <span class="pf-v5-c-menu__item-icon">
466
466
  <i
467
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
467
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
468
468
  aria-hidden="true"
469
469
  ></i>
470
470
  </span>
@@ -494,7 +494,7 @@ section: components
494
494
  </span>
495
495
  <span class="pf-v5-c-menu__item-icon">
496
496
  <i
497
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
497
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
498
498
  aria-hidden="true"
499
499
  ></i>
500
500
  </span>
@@ -1507,7 +1507,7 @@ section: components
1507
1507
  <span class="pf-v5-c-menu__item-main">
1508
1508
  <span class="pf-v5-c-menu__item-icon">
1509
1509
  <i
1510
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1510
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1511
1511
  aria-hidden="true"
1512
1512
  ></i>
1513
1513
  </span>
@@ -1537,7 +1537,7 @@ section: components
1537
1537
  </span>
1538
1538
  <span class="pf-v5-c-menu__item-icon">
1539
1539
  <i
1540
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1540
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1541
1541
  aria-hidden="true"
1542
1542
  ></i>
1543
1543
  </span>
@@ -2618,7 +2618,7 @@ section: components
2618
2618
  <span class="pf-v5-c-menu__item-main">
2619
2619
  <span class="pf-v5-c-menu__item-icon">
2620
2620
  <i
2621
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2621
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2622
2622
  aria-hidden="true"
2623
2623
  ></i>
2624
2624
  </span>
@@ -2648,7 +2648,7 @@ section: components
2648
2648
  </span>
2649
2649
  <span class="pf-v5-c-menu__item-icon">
2650
2650
  <i
2651
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2651
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2652
2652
  aria-hidden="true"
2653
2653
  ></i>
2654
2654
  </span>
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -465,7 +465,7 @@ cssPrefix: pf-d-back-to-top
465
465
  <span class="pf-v5-c-menu__item-main">
466
466
  <span class="pf-v5-c-menu__item-icon">
467
467
  <i
468
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
468
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
469
469
  aria-hidden="true"
470
470
  ></i>
471
471
  </span>
@@ -495,7 +495,7 @@ cssPrefix: pf-d-back-to-top
495
495
  </span>
496
496
  <span class="pf-v5-c-menu__item-icon">
497
497
  <i
498
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
498
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
499
499
  aria-hidden="true"
500
500
  ></i>
501
501
  </span>
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -466,7 +466,7 @@ wrapperTag: div
466
466
  <span class="pf-v5-c-menu__item-main">
467
467
  <span class="pf-v5-c-menu__item-icon">
468
468
  <i
469
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
469
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
470
470
  aria-hidden="true"
471
471
  ></i>
472
472
  </span>
@@ -496,7 +496,7 @@ wrapperTag: div
496
496
  </span>
497
497
  <span class="pf-v5-c-menu__item-icon">
498
498
  <i
499
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
499
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
500
500
  aria-hidden="true"
501
501
  ></i>
502
502
  </span>
@@ -1615,7 +1615,7 @@ wrapperTag: div
1615
1615
  <span class="pf-v5-c-menu__item-main">
1616
1616
  <span class="pf-v5-c-menu__item-icon">
1617
1617
  <i
1618
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1618
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1619
1619
  aria-hidden="true"
1620
1620
  ></i>
1621
1621
  </span>
@@ -1649,7 +1649,7 @@ wrapperTag: div
1649
1649
  class="pf-v5-c-menu__item-icon"
1650
1650
  >
1651
1651
  <i
1652
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1652
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1653
1653
  aria-hidden="true"
1654
1654
  ></i>
1655
1655
  </span>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -464,7 +464,7 @@ section: patterns
464
464
  <span class="pf-v5-c-menu__item-main">
465
465
  <span class="pf-v5-c-menu__item-icon">
466
466
  <i
467
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
467
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
468
468
  aria-hidden="true"
469
469
  ></i>
470
470
  </span>
@@ -494,7 +494,7 @@ section: patterns
494
494
  </span>
495
495
  <span class="pf-v5-c-menu__item-icon">
496
496
  <i
497
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
497
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
498
498
  aria-hidden="true"
499
499
  ></i>
500
500
  </span>
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -769,7 +769,7 @@ subsection: menus
769
769
  <span class="pf-v5-c-menu__item-main">
770
770
  <span class="pf-v5-c-menu__item-icon">
771
771
  <i
772
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
772
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
773
773
  aria-hidden="true"
774
774
  ></i>
775
775
  </span>
@@ -799,7 +799,7 @@ subsection: menus
799
799
  </span>
800
800
  <span class="pf-v5-c-menu__item-icon">
801
801
  <i
802
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
802
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
803
803
  aria-hidden="true"
804
804
  ></i>
805
805
  </span>
@@ -1869,7 +1869,7 @@ subsection: menus
1869
1869
  <span class="pf-v5-c-menu__item-main">
1870
1870
  <span class="pf-v5-c-menu__item-icon">
1871
1871
  <i
1872
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1872
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1873
1873
  aria-hidden="true"
1874
1874
  ></i>
1875
1875
  </span>
@@ -1899,7 +1899,7 @@ subsection: menus
1899
1899
  </span>
1900
1900
  <span class="pf-v5-c-menu__item-icon">
1901
1901
  <i
1902
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1902
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1903
1903
  aria-hidden="true"
1904
1904
  ></i>
1905
1905
  </span>
@@ -2971,7 +2971,7 @@ subsection: menus
2971
2971
  <span class="pf-v5-c-menu__item-main">
2972
2972
  <span class="pf-v5-c-menu__item-icon">
2973
2973
  <i
2974
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2974
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2975
2975
  aria-hidden="true"
2976
2976
  ></i>
2977
2977
  </span>
@@ -3001,7 +3001,7 @@ subsection: menus
3001
3001
  </span>
3002
3002
  <span class="pf-v5-c-menu__item-icon">
3003
3003
  <i
3004
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
3004
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
3005
3005
  aria-hidden="true"
3006
3006
  ></i>
3007
3007
  </span>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -466,7 +466,7 @@ cssPrefix: pf-d-dashboard
466
466
  <span class="pf-v5-c-menu__item-main">
467
467
  <span class="pf-v5-c-menu__item-icon">
468
468
  <i
469
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
469
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
470
470
  aria-hidden="true"
471
471
  ></i>
472
472
  </span>
@@ -496,7 +496,7 @@ cssPrefix: pf-d-dashboard
496
496
  </span>
497
497
  <span class="pf-v5-c-menu__item-icon">
498
498
  <i
499
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
499
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
500
500
  aria-hidden="true"
501
501
  ></i>
502
502
  </span>
@@ -1038,7 +1038,7 @@ cssPrefix: pf-d-dashboard
1038
1038
  <span class="pf-v5-c-label__content">
1039
1039
  <span class="pf-v5-c-label__icon">
1040
1040
  <i
1041
- class="pf-v5-c-icon pf-v5-c-icon-port"
1041
+ class="pf-v5-pficon pf-v5-pficon-port"
1042
1042
  aria-hidden="true"
1043
1043
  ></i>
1044
1044
  </span>
@@ -1075,7 +1075,7 @@ cssPrefix: pf-d-dashboard
1075
1075
  style="row-gap: var(--pf-v5-global--spacer--md);"
1076
1076
  >
1077
1077
  <i
1078
- class="pf-v5-c-icon pf-v5-c-icon-on pf-v5-u-color-400"
1078
+ class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-color-400"
1079
1079
  style="line-height: 1"
1080
1080
  aria-hidden="true"
1081
1081
  ></i>
@@ -1160,7 +1160,7 @@ cssPrefix: pf-d-dashboard
1160
1160
  style="row-gap: var(--pf-v5-global--spacer--md);"
1161
1161
  >
1162
1162
  <i
1163
- class="pf-v5-c-icon pf-v5-c-icon-on pf-v5-u-danger-color-100"
1163
+ class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-danger-color-100"
1164
1164
  style="line-height: 1"
1165
1165
  aria-hidden="true"
1166
1166
  ></i>
@@ -1208,7 +1208,7 @@ cssPrefix: pf-d-dashboard
1208
1208
  <span class="pf-v5-c-label__content">
1209
1209
  <span class="pf-v5-c-label__icon">
1210
1210
  <i
1211
- class="pf-v5-c-icon pf-v5-c-icon-automation"
1211
+ class="pf-v5-pficon pf-v5-pficon-automation"
1212
1212
  aria-hidden="true"
1213
1213
  ></i>
1214
1214
  </span>
@@ -1245,7 +1245,7 @@ cssPrefix: pf-d-dashboard
1245
1245
  style="row-gap: var(--pf-v5-global--spacer--md);"
1246
1246
  >
1247
1247
  <i
1248
- class="pf-v5-c-icon pf-v5-c-icon-on pf-v5-u-color-400"
1248
+ class="pf-v5-pficon pf-v5-pficon-on pf-v5-u-color-400"
1249
1249
  style="line-height: 1"
1250
1250
  aria-hidden="true"
1251
1251
  ></i>
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -465,7 +465,7 @@ wrapperTag: div
465
465
  <span class="pf-v5-c-menu__item-main">
466
466
  <span class="pf-v5-c-menu__item-icon">
467
467
  <i
468
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
468
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
469
469
  aria-hidden="true"
470
470
  ></i>
471
471
  </span>
@@ -495,7 +495,7 @@ wrapperTag: div
495
495
  </span>
496
496
  <span class="pf-v5-c-menu__item-icon">
497
497
  <i
498
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
498
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
499
499
  aria-hidden="true"
500
500
  ></i>
501
501
  </span>
@@ -2057,7 +2057,7 @@ wrapperTag: div
2057
2057
  <span class="pf-v5-c-menu__item-main">
2058
2058
  <span class="pf-v5-c-menu__item-icon">
2059
2059
  <i
2060
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2060
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2061
2061
  aria-hidden="true"
2062
2062
  ></i>
2063
2063
  </span>
@@ -2087,7 +2087,7 @@ wrapperTag: div
2087
2087
  </span>
2088
2088
  <span class="pf-v5-c-menu__item-icon">
2089
2089
  <i
2090
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2090
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2091
2091
  aria-hidden="true"
2092
2092
  ></i>
2093
2093
  </span>
@@ -3639,7 +3639,7 @@ wrapperTag: div
3639
3639
  <span class="pf-v5-c-menu__item-main">
3640
3640
  <span class="pf-v5-c-menu__item-icon">
3641
3641
  <i
3642
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
3642
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
3643
3643
  aria-hidden="true"
3644
3644
  ></i>
3645
3645
  </span>
@@ -3669,7 +3669,7 @@ wrapperTag: div
3669
3669
  </span>
3670
3670
  <span class="pf-v5-c-menu__item-icon">
3671
3671
  <i
3672
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
3672
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
3673
3673
  aria-hidden="true"
3674
3674
  ></i>
3675
3675
  </span>
@@ -5861,7 +5861,7 @@ wrapperTag: div
5861
5861
  <span class="pf-v5-c-menu__item-main">
5862
5862
  <span class="pf-v5-c-menu__item-icon">
5863
5863
  <i
5864
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
5864
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
5865
5865
  aria-hidden="true"
5866
5866
  ></i>
5867
5867
  </span>
@@ -5891,7 +5891,7 @@ wrapperTag: div
5891
5891
  </span>
5892
5892
  <span class="pf-v5-c-menu__item-icon">
5893
5893
  <i
5894
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
5894
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
5895
5895
  aria-hidden="true"
5896
5896
  ></i>
5897
5897
  </span>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -465,7 +465,7 @@ cssPrefix: pf-d-description-list
465
465
  <span class="pf-v5-c-menu__item-main">
466
466
  <span class="pf-v5-c-menu__item-icon">
467
467
  <i
468
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
468
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
469
469
  aria-hidden="true"
470
470
  ></i>
471
471
  </span>
@@ -495,7 +495,7 @@ cssPrefix: pf-d-description-list
495
495
  </span>
496
496
  <span class="pf-v5-c-menu__item-icon">
497
497
  <i
498
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
498
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
499
499
  aria-hidden="true"
500
500
  ></i>
501
501
  </span>
@@ -1500,7 +1500,7 @@ cssPrefix: pf-d-description-list
1500
1500
  <span class="pf-v5-c-menu__item-main">
1501
1501
  <span class="pf-v5-c-menu__item-icon">
1502
1502
  <i
1503
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1503
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1504
1504
  aria-hidden="true"
1505
1505
  ></i>
1506
1506
  </span>
@@ -1530,7 +1530,7 @@ cssPrefix: pf-d-description-list
1530
1530
  </span>
1531
1531
  <span class="pf-v5-c-menu__item-icon">
1532
1532
  <i
1533
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1533
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1534
1534
  aria-hidden="true"
1535
1535
  ></i>
1536
1536
  </span>
@@ -2839,7 +2839,7 @@ cssPrefix: pf-d-description-list
2839
2839
  <span class="pf-v5-c-menu__item-main">
2840
2840
  <span class="pf-v5-c-menu__item-icon">
2841
2841
  <i
2842
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2842
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2843
2843
  aria-hidden="true"
2844
2844
  ></i>
2845
2845
  </span>
@@ -2869,7 +2869,7 @@ cssPrefix: pf-d-description-list
2869
2869
  </span>
2870
2870
  <span class="pf-v5-c-menu__item-icon">
2871
2871
  <i
2872
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2872
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2873
2873
  aria-hidden="true"
2874
2874
  ></i>
2875
2875
  </span>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -465,7 +465,7 @@ wrapperTag: div
465
465
  <span class="pf-v5-c-menu__item-main">
466
466
  <span class="pf-v5-c-menu__item-icon">
467
467
  <i
468
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
468
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
469
469
  aria-hidden="true"
470
470
  ></i>
471
471
  </span>
@@ -495,7 +495,7 @@ wrapperTag: div
495
495
  </span>
496
496
  <span class="pf-v5-c-menu__item-icon">
497
497
  <i
498
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
498
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
499
499
  aria-hidden="true"
500
500
  ></i>
501
501
  </span>
@@ -1639,7 +1639,7 @@ wrapperTag: div
1639
1639
  <span class="pf-v5-c-menu__item-main">
1640
1640
  <span class="pf-v5-c-menu__item-icon">
1641
1641
  <i
1642
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1642
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1643
1643
  aria-hidden="true"
1644
1644
  ></i>
1645
1645
  </span>
@@ -1669,7 +1669,7 @@ wrapperTag: div
1669
1669
  </span>
1670
1670
  <span class="pf-v5-c-menu__item-icon">
1671
1671
  <i
1672
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
1672
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
1673
1673
  aria-hidden="true"
1674
1674
  ></i>
1675
1675
  </span>
@@ -2635,7 +2635,7 @@ wrapperTag: div
2635
2635
  <span class="pf-v5-c-menu__item-main">
2636
2636
  <span class="pf-v5-c-menu__item-icon">
2637
2637
  <i
2638
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2638
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2639
2639
  aria-hidden="true"
2640
2640
  ></i>
2641
2641
  </span>
@@ -2665,7 +2665,7 @@ wrapperTag: div
2665
2665
  </span>
2666
2666
  <span class="pf-v5-c-menu__item-icon">
2667
2667
  <i
2668
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
2668
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
2669
2669
  aria-hidden="true"
2670
2670
  ></i>
2671
2671
  </span>
@@ -3631,7 +3631,7 @@ wrapperTag: div
3631
3631
  <span class="pf-v5-c-menu__item-main">
3632
3632
  <span class="pf-v5-c-menu__item-icon">
3633
3633
  <i
3634
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
3634
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
3635
3635
  aria-hidden="true"
3636
3636
  ></i>
3637
3637
  </span>
@@ -3661,7 +3661,7 @@ wrapperTag: div
3661
3661
  </span>
3662
3662
  <span class="pf-v5-c-menu__item-icon">
3663
3663
  <i
3664
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
3664
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
3665
3665
  aria-hidden="true"
3666
3666
  ></i>
3667
3667
  </span>
@@ -4645,7 +4645,7 @@ wrapperTag: div
4645
4645
  <span class="pf-v5-c-menu__item-main">
4646
4646
  <span class="pf-v5-c-menu__item-icon">
4647
4647
  <i
4648
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
4648
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
4649
4649
  aria-hidden="true"
4650
4650
  ></i>
4651
4651
  </span>
@@ -4675,7 +4675,7 @@ wrapperTag: div
4675
4675
  </span>
4676
4676
  <span class="pf-v5-c-menu__item-icon">
4677
4677
  <i
4678
- class="fas fa-fw fa-pf-v5-c-icon pf-v5-c-icon-help"
4678
+ class="fas fa-fw fa-pf-v5-pficon pf-v5-pficon-help"
4679
4679
  aria-hidden="true"
4680
4680
  ></i>
4681
4681
  </span>
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -55,7 +55,7 @@ subsection: forms
55
55
  role="button"
56
56
  type="button"
57
57
  tabindex="0"
58
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
58
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
59
59
  </div>
60
60
  <div class="pf-v5-c-form__group-control">
61
61
  <input
@@ -239,7 +239,7 @@ subsection: forms
239
239
  role="button"
240
240
  type="button"
241
241
  tabindex="0"
242
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
242
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
243
243
  </div>
244
244
  <div class="pf-v5-c-form__group-control pf-m-stack">
245
245
  <div class="pf-v5-c-check">
@@ -496,7 +496,7 @@ subsection: forms
496
496
  role="button"
497
497
  type="button"
498
498
  tabindex="0"
499
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
499
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
500
500
  </div>
501
501
  <div class="pf-v5-c-form__group-control">
502
502
  <input
@@ -520,7 +520,7 @@ subsection: forms
520
520
  role="button"
521
521
  type="button"
522
522
  tabindex="0"
523
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
523
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
524
524
  </div>
525
525
  <div class="pf-v5-c-form__group-control">
526
526
  <input
@@ -544,7 +544,7 @@ subsection: forms
544
544
  role="button"
545
545
  type="button"
546
546
  tabindex="0"
547
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
547
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
548
548
  </div>
549
549
  <div class="pf-v5-c-form__group-control">
550
550
  <input
@@ -579,7 +579,7 @@ subsection: forms
579
579
  role="button"
580
580
  type="button"
581
581
  tabindex="0"
582
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
582
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
583
583
  </div>
584
584
  <div class="pf-v5-c-form__group-control">
585
585
  <input
@@ -603,7 +603,7 @@ subsection: forms
603
603
  role="button"
604
604
  type="button"
605
605
  tabindex="0"
606
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
606
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
607
607
  </div>
608
608
  <div class="pf-v5-c-form__group-control pf-m-stack">
609
609
  <div class="pf-v5-c-input-group">
@@ -689,7 +689,7 @@ subsection: forms
689
689
  role="button"
690
690
  type="button"
691
691
  tabindex="0"
692
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
692
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
693
693
  </div>
694
694
  <div class="pf-v5-c-form__group-control">
695
695
  <input
@@ -722,7 +722,7 @@ subsection: forms
722
722
  role="button"
723
723
  type="button"
724
724
  tabindex="0"
725
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
725
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
726
726
  </div>
727
727
  <div class="pf-v5-c-form__group-control">
728
728
  <input
@@ -747,7 +747,7 @@ subsection: forms
747
747
  role="button"
748
748
  type="button"
749
749
  tabindex="0"
750
- ><i class="pf-v5-c-icon pf-v5-c-icon-help" aria-hidden="true"></i></span>
750
+ ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
751
751
  </div>
752
752
  <div class="pf-v5-c-form__group-control">
753
753
  <div