@patternfly/patternfly 4.210.1 → 4.212.0

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 (42) hide show
  1. package/RELEASE-NOTES.md +27 -0
  2. package/components/LogViewer/log-viewer.css +15 -8
  3. package/components/LogViewer/log-viewer.scss +16 -8
  4. package/components/Masthead/masthead.css +1 -1
  5. package/components/Masthead/masthead.scss +1 -1
  6. package/components/NotificationBadge/notification-badge.css +13 -1
  7. package/components/NotificationBadge/notification-badge.scss +13 -1
  8. package/components/NotificationBadge/themes/dark/notification-badge.scss +2 -0
  9. package/components/Page/page.css +1 -0
  10. package/components/Page/page.scss +1 -0
  11. package/docs/components/Dropdown/examples/Dropdown.md +2 -2
  12. package/docs/components/LogViewer/examples/LogViewer.md +553 -1
  13. package/docs/components/NotificationBadge/examples/NotificationBadge.md +81 -24
  14. package/docs/components/Tabs/examples/Tabs.md +866 -139
  15. package/docs/demos/AboutModal/examples/AboutModal.md +1 -12
  16. package/docs/demos/Alert/examples/Alert.md +3 -36
  17. package/docs/demos/BackToTop/examples/BackToTop.md +1 -12
  18. package/docs/demos/Banner/examples/Banner.md +2 -24
  19. package/docs/demos/Card/examples/Card.md +15 -3
  20. package/docs/demos/CardView/examples/CardView.md +1 -12
  21. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -36
  22. package/docs/demos/Dashboard/examples/Dashboard.md +1 -12
  23. package/docs/demos/DataList/examples/DataList.md +4 -48
  24. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -36
  25. package/docs/demos/Drawer/examples/Drawer.md +7 -60
  26. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -72
  27. package/docs/demos/Masthead/examples/Masthead.md +2 -24
  28. package/docs/demos/Modal/examples/Modal.md +6 -72
  29. package/docs/demos/Nav/examples/Nav.md +8 -96
  30. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -23
  31. package/docs/demos/Page/examples/Page.md +9 -108
  32. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -85
  33. package/docs/demos/Skeleton/examples/Skeleton.md +1 -12
  34. package/docs/demos/Table/examples/Table.md +14 -168
  35. package/docs/demos/Tabs/examples/Tabs.md +56 -96
  36. package/docs/demos/Toolbar/examples/Toolbar.md +1 -12
  37. package/docs/demos/Wizard/examples/Wizard.md +8 -96
  38. package/package.json +3 -3
  39. package/patternfly-no-reset.css +30 -10
  40. package/patternfly.css +30 -10
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -50,17 +50,6 @@ wrapperTag: div
50
50
  <div
51
51
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
52
52
  >
53
- <div class="pf-c-toolbar__item">
54
- <button
55
- class="pf-c-button pf-m-plain"
56
- type="button"
57
- aria-label="Notifications"
58
- >
59
- <span class="pf-c-notification-badge">
60
- <i class="pf-icon-bell" aria-hidden="true"></i>
61
- </span>
62
- </button>
63
- </div>
64
53
  <div
65
54
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
66
55
  >
@@ -68,7 +57,7 @@ wrapperTag: div
68
57
  <nav
69
58
  class="pf-c-app-launcher"
70
59
  aria-label="Application launcher"
71
- id="drawer-collapsed-example-masthead-icon-group--app-launcher"
60
+ id="drawer-collapsed-example-masthead-application-launcher"
72
61
  >
73
62
  <button
74
63
  class="pf-c-app-launcher__toggle"
@@ -1013,6 +1002,7 @@ wrapperTag: div
1013
1002
  <ul class="pf-c-tabs__list">
1014
1003
  <li class="pf-c-tabs__item pf-m-current">
1015
1004
  <button
1005
+ type="button"
1016
1006
  class="pf-c-tabs__link"
1017
1007
  id="drawer-collapsed-example-panel-tabs-tab1-link"
1018
1008
  >
@@ -1021,6 +1011,7 @@ wrapperTag: div
1021
1011
  </li>
1022
1012
  <li class="pf-c-tabs__item">
1023
1013
  <button
1014
+ type="button"
1024
1015
  class="pf-c-tabs__link"
1025
1016
  id="drawer-collapsed-example-panel-tabs-tab2-link"
1026
1017
  >
@@ -1161,17 +1152,6 @@ wrapperTag: div
1161
1152
  <div
1162
1153
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1163
1154
  >
1164
- <div class="pf-c-toolbar__item">
1165
- <button
1166
- class="pf-c-button pf-m-plain"
1167
- type="button"
1168
- aria-label="Notifications"
1169
- >
1170
- <span class="pf-c-notification-badge">
1171
- <i class="pf-icon-bell" aria-hidden="true"></i>
1172
- </span>
1173
- </button>
1174
- </div>
1175
1155
  <div
1176
1156
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1177
1157
  >
@@ -1179,7 +1159,7 @@ wrapperTag: div
1179
1159
  <nav
1180
1160
  class="pf-c-app-launcher"
1181
1161
  aria-label="Application launcher"
1182
- id="drawer-expanded-example-masthead-icon-group--app-launcher"
1162
+ id="drawer-expanded-example-masthead-application-launcher"
1183
1163
  >
1184
1164
  <button
1185
1165
  class="pf-c-app-launcher__toggle"
@@ -2098,17 +2078,6 @@ wrapperTag: div
2098
2078
  <div
2099
2079
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2100
2080
  >
2101
- <div class="pf-c-toolbar__item">
2102
- <button
2103
- class="pf-c-button pf-m-plain"
2104
- type="button"
2105
- aria-label="Notifications"
2106
- >
2107
- <span class="pf-c-notification-badge">
2108
- <i class="pf-icon-bell" aria-hidden="true"></i>
2109
- </span>
2110
- </button>
2111
- </div>
2112
2081
  <div
2113
2082
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2114
2083
  >
@@ -2116,7 +2085,7 @@ wrapperTag: div
2116
2085
  <nav
2117
2086
  class="pf-c-app-launcher"
2118
2087
  aria-label="Application launcher"
2119
- id="drawer-expanded-bottom-example-masthead-icon-group--app-launcher"
2088
+ id="drawer-expanded-bottom-example-masthead-application-launcher"
2120
2089
  >
2121
2090
  <button
2122
2091
  class="pf-c-app-launcher__toggle"
@@ -3035,17 +3004,6 @@ wrapperTag: div
3035
3004
  <div
3036
3005
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3037
3006
  >
3038
- <div class="pf-c-toolbar__item">
3039
- <button
3040
- class="pf-c-button pf-m-plain"
3041
- type="button"
3042
- aria-label="Notifications"
3043
- >
3044
- <span class="pf-c-notification-badge">
3045
- <i class="pf-icon-bell" aria-hidden="true"></i>
3046
- </span>
3047
- </button>
3048
- </div>
3049
3007
  <div
3050
3008
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3051
3009
  >
@@ -3053,7 +3011,7 @@ wrapperTag: div
3053
3011
  <nav
3054
3012
  class="pf-c-app-launcher"
3055
3013
  aria-label="Application launcher"
3056
- id="drawer-jump-links-masthead-icon-group--app-launcher"
3014
+ id="drawer-jump-links-masthead-application-launcher"
3057
3015
  >
3058
3016
  <button
3059
3017
  class="pf-c-app-launcher__toggle"
@@ -3985,17 +3943,6 @@ wrapperTag: div
3985
3943
  <div
3986
3944
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3987
3945
  >
3988
- <div class="pf-c-toolbar__item">
3989
- <button
3990
- class="pf-c-button pf-m-plain"
3991
- type="button"
3992
- aria-label="Notifications"
3993
- >
3994
- <span class="pf-c-notification-badge">
3995
- <i class="pf-icon-bell" aria-hidden="true"></i>
3996
- </span>
3997
- </button>
3998
- </div>
3999
3946
  <div
4000
3947
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
4001
3948
  >
@@ -4003,7 +3950,7 @@ wrapperTag: div
4003
3950
  <nav
4004
3951
  class="pf-c-app-launcher"
4005
3952
  aria-label="Application launcher"
4006
- id="drawer-expanded-jump-links-masthead-icon-group--app-launcher"
3953
+ id="drawer-expanded-jump-links-masthead-application-launcher"
4007
3954
  >
4008
3955
  <button
4009
3956
  class="pf-c-app-launcher__toggle"
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -52,17 +52,6 @@ section: components
52
52
  <div
53
53
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
54
54
  >
55
- <div class="pf-c-toolbar__item">
56
- <button
57
- class="pf-c-button pf-m-plain"
58
- type="button"
59
- aria-label="Notifications"
60
- >
61
- <span class="pf-c-notification-badge">
62
- <i class="pf-icon-bell" aria-hidden="true"></i>
63
- </span>
64
- </button>
65
- </div>
66
55
  <div
67
56
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
68
57
  >
@@ -70,7 +59,7 @@ section: components
70
59
  <nav
71
60
  class="pf-c-app-launcher"
72
61
  aria-label="Application launcher"
73
- id="jump-links-collapsed-mobile-example-masthead-icon-group--app-launcher"
62
+ id="jump-links-collapsed-mobile-example-masthead-application-launcher"
74
63
  >
75
64
  <button
76
65
  class="pf-c-app-launcher__toggle"
@@ -1047,17 +1036,6 @@ section: components
1047
1036
  <div
1048
1037
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1049
1038
  >
1050
- <div class="pf-c-toolbar__item">
1051
- <button
1052
- class="pf-c-button pf-m-plain"
1053
- type="button"
1054
- aria-label="Notifications"
1055
- >
1056
- <span class="pf-c-notification-badge">
1057
- <i class="pf-icon-bell" aria-hidden="true"></i>
1058
- </span>
1059
- </button>
1060
- </div>
1061
1039
  <div
1062
1040
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1063
1041
  >
@@ -1065,7 +1043,7 @@ section: components
1065
1043
  <nav
1066
1044
  class="pf-c-app-launcher"
1067
1045
  aria-label="Application launcher"
1068
- id="jump-links-vertical-expanded-mobile-example-masthead-icon-group--app-launcher"
1046
+ id="jump-links-vertical-expanded-mobile-example-masthead-application-launcher"
1069
1047
  >
1070
1048
  <button
1071
1049
  class="pf-c-app-launcher__toggle"
@@ -2042,17 +2020,6 @@ section: components
2042
2020
  <div
2043
2021
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2044
2022
  >
2045
- <div class="pf-c-toolbar__item">
2046
- <button
2047
- class="pf-c-button pf-m-plain"
2048
- type="button"
2049
- aria-label="Notifications"
2050
- >
2051
- <span class="pf-c-notification-badge">
2052
- <i class="pf-icon-bell" aria-hidden="true"></i>
2053
- </span>
2054
- </button>
2055
- </div>
2056
2023
  <div
2057
2024
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2058
2025
  >
@@ -2060,7 +2027,7 @@ section: components
2060
2027
  <nav
2061
2028
  class="pf-c-app-launcher"
2062
2029
  aria-label="Application launcher"
2063
- id="jump-links-vertical-toggle-text-mobile-example-masthead-icon-group--app-launcher"
2030
+ id="jump-links-vertical-toggle-text-mobile-example-masthead-application-launcher"
2064
2031
  >
2065
2032
  <button
2066
2033
  class="pf-c-app-launcher__toggle"
@@ -3034,17 +3001,6 @@ section: components
3034
3001
  <div
3035
3002
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3036
3003
  >
3037
- <div class="pf-c-toolbar__item">
3038
- <button
3039
- class="pf-c-button pf-m-plain"
3040
- type="button"
3041
- aria-label="Notifications"
3042
- >
3043
- <span class="pf-c-notification-badge">
3044
- <i class="pf-icon-bell" aria-hidden="true"></i>
3045
- </span>
3046
- </button>
3047
- </div>
3048
3004
  <div
3049
3005
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3050
3006
  >
@@ -3052,7 +3008,7 @@ section: components
3052
3008
  <nav
3053
3009
  class="pf-c-app-launcher"
3054
3010
  aria-label="Application launcher"
3055
- id="jump-links-horizontal-example-masthead-icon-group--app-launcher"
3011
+ id="jump-links-horizontal-example-masthead-application-launcher"
3056
3012
  >
3057
3013
  <button
3058
3014
  class="pf-c-app-launcher__toggle"
@@ -3978,17 +3934,6 @@ section: components
3978
3934
  <div
3979
3935
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3980
3936
  >
3981
- <div class="pf-c-toolbar__item">
3982
- <button
3983
- class="pf-c-button pf-m-plain"
3984
- type="button"
3985
- aria-label="Notifications"
3986
- >
3987
- <span class="pf-c-notification-badge">
3988
- <i class="pf-icon-bell" aria-hidden="true"></i>
3989
- </span>
3990
- </button>
3991
- </div>
3992
3937
  <div
3993
3938
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3994
3939
  >
@@ -3996,7 +3941,7 @@ section: components
3996
3941
  <nav
3997
3942
  class="pf-c-app-launcher"
3998
3943
  aria-label="Application launcher"
3999
- id="jump-links-drawer-masthead-icon-group--app-launcher"
3944
+ id="jump-links-drawer-masthead-application-launcher"
4000
3945
  >
4001
3946
  <button
4002
3947
  class="pf-c-app-launcher__toggle"
@@ -4928,17 +4873,6 @@ section: components
4928
4873
  <div
4929
4874
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
4930
4875
  >
4931
- <div class="pf-c-toolbar__item">
4932
- <button
4933
- class="pf-c-button pf-m-plain"
4934
- type="button"
4935
- aria-label="Notifications"
4936
- >
4937
- <span class="pf-c-notification-badge">
4938
- <i class="pf-icon-bell" aria-hidden="true"></i>
4939
- </span>
4940
- </button>
4941
- </div>
4942
4876
  <div
4943
4877
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
4944
4878
  >
@@ -4946,7 +4880,7 @@ section: components
4946
4880
  <nav
4947
4881
  class="pf-c-app-launcher"
4948
4882
  aria-label="Application launcher"
4949
- id="jump-links-drawer-expanded-masthead-icon-group--app-launcher"
4883
+ id="jump-links-drawer-expanded-masthead-application-launcher"
4950
4884
  >
4951
4885
  <button
4952
4886
  class="pf-c-app-launcher__toggle"
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1724,17 +1724,6 @@ wrapperTag: div
1724
1724
  <div
1725
1725
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1726
1726
  >
1727
- <div class="pf-c-toolbar__item">
1728
- <button
1729
- class="pf-c-button pf-m-plain"
1730
- type="button"
1731
- aria-label="Notifications"
1732
- >
1733
- <span class="pf-c-notification-badge">
1734
- <i class="pf-icon-bell" aria-hidden="true"></i>
1735
- </span>
1736
- </button>
1737
- </div>
1738
1727
  <div
1739
1728
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1740
1729
  >
@@ -1742,7 +1731,7 @@ wrapperTag: div
1742
1731
  <nav
1743
1732
  class="pf-c-app-launcher"
1744
1733
  aria-label="Application launcher"
1745
- id="masthead-advanced-with-menu-example-masthead-icon-group--app-launcher"
1734
+ id="masthead-advanced-with-menu-example-masthead-application-launcher"
1746
1735
  >
1747
1736
  <button
1748
1737
  class="pf-c-app-launcher__toggle"
@@ -2682,17 +2671,6 @@ wrapperTag: div
2682
2671
  <div
2683
2672
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2684
2673
  >
2685
- <div class="pf-c-toolbar__item">
2686
- <button
2687
- class="pf-c-button pf-m-plain"
2688
- type="button"
2689
- aria-label="Notifications"
2690
- >
2691
- <span class="pf-c-notification-badge">
2692
- <i class="pf-icon-bell" aria-hidden="true"></i>
2693
- </span>
2694
- </button>
2695
- </div>
2696
2674
  <div
2697
2675
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2698
2676
  >
@@ -2700,7 +2678,7 @@ wrapperTag: div
2700
2678
  <nav
2701
2679
  class="pf-c-app-launcher"
2702
2680
  aria-label="Application launcher"
2703
- id="masthead-horizontal-nav-masthead-icon-group--app-launcher"
2681
+ id="masthead-horizontal-nav-masthead-application-launcher"
2704
2682
  >
2705
2683
  <button
2706
2684
  class="pf-c-app-launcher__toggle"
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -49,17 +49,6 @@ section: components
49
49
  <div
50
50
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
51
51
  >
52
- <div class="pf-c-toolbar__item">
53
- <button
54
- class="pf-c-button pf-m-plain"
55
- type="button"
56
- aria-label="Notifications"
57
- >
58
- <span class="pf-c-notification-badge">
59
- <i class="pf-icon-bell" aria-hidden="true"></i>
60
- </span>
61
- </button>
62
- </div>
63
52
  <div
64
53
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
65
54
  >
@@ -67,7 +56,7 @@ section: components
67
56
  <nav
68
57
  class="pf-c-app-launcher"
69
58
  aria-label="Application launcher"
70
- id="modal-basic-example-masthead-icon-group--app-launcher"
59
+ id="modal-basic-example-masthead-application-launcher"
71
60
  >
72
61
  <button
73
62
  class="pf-c-app-launcher__toggle"
@@ -1007,17 +996,6 @@ section: components
1007
996
  <div
1008
997
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1009
998
  >
1010
- <div class="pf-c-toolbar__item">
1011
- <button
1012
- class="pf-c-button pf-m-plain"
1013
- type="button"
1014
- aria-label="Notifications"
1015
- >
1016
- <span class="pf-c-notification-badge">
1017
- <i class="pf-icon-bell" aria-hidden="true"></i>
1018
- </span>
1019
- </button>
1020
- </div>
1021
999
  <div
1022
1000
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1023
1001
  >
@@ -1025,7 +1003,7 @@ section: components
1025
1003
  <nav
1026
1004
  class="pf-c-app-launcher"
1027
1005
  aria-label="Application launcher"
1028
- id="modal-scrollable-content-example-masthead-icon-group--app-launcher"
1006
+ id="modal-scrollable-content-example-masthead-application-launcher"
1029
1007
  >
1030
1008
  <button
1031
1009
  class="pf-c-app-launcher__toggle"
@@ -1974,17 +1952,6 @@ section: components
1974
1952
  <div
1975
1953
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1976
1954
  >
1977
- <div class="pf-c-toolbar__item">
1978
- <button
1979
- class="pf-c-button pf-m-plain"
1980
- type="button"
1981
- aria-label="Notifications"
1982
- >
1983
- <span class="pf-c-notification-badge">
1984
- <i class="pf-icon-bell" aria-hidden="true"></i>
1985
- </span>
1986
- </button>
1987
- </div>
1988
1955
  <div
1989
1956
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1990
1957
  >
@@ -1992,7 +1959,7 @@ section: components
1992
1959
  <nav
1993
1960
  class="pf-c-app-launcher"
1994
1961
  aria-label="Application launcher"
1995
- id="modal-medium-example-masthead-icon-group--app-launcher"
1962
+ id="modal-medium-example-masthead-application-launcher"
1996
1963
  >
1997
1964
  <button
1998
1965
  class="pf-c-app-launcher__toggle"
@@ -2931,17 +2898,6 @@ section: components
2931
2898
  <div
2932
2899
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2933
2900
  >
2934
- <div class="pf-c-toolbar__item">
2935
- <button
2936
- class="pf-c-button pf-m-plain"
2937
- type="button"
2938
- aria-label="Notifications"
2939
- >
2940
- <span class="pf-c-notification-badge">
2941
- <i class="pf-icon-bell" aria-hidden="true"></i>
2942
- </span>
2943
- </button>
2944
- </div>
2945
2901
  <div
2946
2902
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2947
2903
  >
@@ -2949,7 +2905,7 @@ section: components
2949
2905
  <nav
2950
2906
  class="pf-c-app-launcher"
2951
2907
  aria-label="Application launcher"
2952
- id="modal-large-example-masthead-icon-group--app-launcher"
2908
+ id="modal-large-example-masthead-application-launcher"
2953
2909
  >
2954
2910
  <button
2955
2911
  class="pf-c-app-launcher__toggle"
@@ -3888,17 +3844,6 @@ section: components
3888
3844
  <div
3889
3845
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3890
3846
  >
3891
- <div class="pf-c-toolbar__item">
3892
- <button
3893
- class="pf-c-button pf-m-plain"
3894
- type="button"
3895
- aria-label="Notifications"
3896
- >
3897
- <span class="pf-c-notification-badge">
3898
- <i class="pf-icon-bell" aria-hidden="true"></i>
3899
- </span>
3900
- </button>
3901
- </div>
3902
3847
  <div
3903
3848
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3904
3849
  >
@@ -3906,7 +3851,7 @@ section: components
3906
3851
  <nav
3907
3852
  class="pf-c-app-launcher"
3908
3853
  aria-label="Application launcher"
3909
- id="modal-large-example-masthead-icon-group--app-launcher"
3854
+ id="modal-large-example-masthead-application-launcher"
3910
3855
  >
3911
3856
  <button
3912
3857
  class="pf-c-app-launcher__toggle"
@@ -4845,17 +4790,6 @@ section: components
4845
4790
  <div
4846
4791
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
4847
4792
  >
4848
- <div class="pf-c-toolbar__item">
4849
- <button
4850
- class="pf-c-button pf-m-plain"
4851
- type="button"
4852
- aria-label="Notifications"
4853
- >
4854
- <span class="pf-c-notification-badge">
4855
- <i class="pf-icon-bell" aria-hidden="true"></i>
4856
- </span>
4857
- </button>
4858
- </div>
4859
4793
  <div
4860
4794
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
4861
4795
  >
@@ -4863,7 +4797,7 @@ section: components
4863
4797
  <nav
4864
4798
  class="pf-c-app-launcher"
4865
4799
  aria-label="Application launcher"
4866
- id="modal-with-form-example-masthead-icon-group--app-launcher"
4800
+ id="modal-with-form-example-masthead-application-launcher"
4867
4801
  >
4868
4802
  <button
4869
4803
  class="pf-c-app-launcher__toggle"