@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/AboutModal/examples/AboutModal.md CHANGED
@@ -51,17 +51,6 @@ This demo implements the about modal, including the backdrop.
51
51
  <div
52
52
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
53
53
  >
54
- <div class="pf-c-toolbar__item">
55
- <button
56
- class="pf-c-button pf-m-plain"
57
- type="button"
58
- aria-label="Notifications"
59
- >
60
- <span class="pf-c-notification-badge">
61
- <i class="pf-icon-bell" aria-hidden="true"></i>
62
- </span>
63
- </button>
64
- </div>
65
54
  <div
66
55
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
67
56
  >
@@ -69,7 +58,7 @@ This demo implements the about modal, including the backdrop.
69
58
  <nav
70
59
  class="pf-c-app-launcher"
71
60
  aria-label="Application launcher"
72
- id="modal-basic-example-masthead-icon-group--app-launcher"
61
+ id="modal-basic-example-masthead-application-launcher"
73
62
  >
74
63
  <button
75
64
  class="pf-c-app-launcher__toggle"
package/docs/demos/Alert/examples/Alert.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="alert-basic-example-masthead-icon-group--app-launcher"
59
+ id="alert-basic-example-masthead-application-launcher"
71
60
  >
72
61
  <button
73
62
  class="pf-c-app-launcher__toggle"
@@ -1042,17 +1031,6 @@ section: components
1042
1031
  <div
1043
1032
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1044
1033
  >
1045
- <div class="pf-c-toolbar__item">
1046
- <button
1047
- class="pf-c-button pf-m-plain"
1048
- type="button"
1049
- aria-label="Notifications"
1050
- >
1051
- <span class="pf-c-notification-badge">
1052
- <i class="pf-icon-bell" aria-hidden="true"></i>
1053
- </span>
1054
- </button>
1055
- </div>
1056
1034
  <div
1057
1035
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1058
1036
  >
@@ -1060,7 +1038,7 @@ section: components
1060
1038
  <nav
1061
1039
  class="pf-c-app-launcher"
1062
1040
  aria-label="Application launcher"
1063
- id="alert-horizontal-example-masthead-icon-group--app-launcher"
1041
+ id="alert-horizontal-example-masthead-application-launcher"
1064
1042
  >
1065
1043
  <button
1066
1044
  class="pf-c-app-launcher__toggle"
@@ -2085,17 +2063,6 @@ section: components
2085
2063
  <div
2086
2064
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2087
2065
  >
2088
- <div class="pf-c-toolbar__item">
2089
- <button
2090
- class="pf-c-button pf-m-plain"
2091
- type="button"
2092
- aria-label="Notifications"
2093
- >
2094
- <span class="pf-c-notification-badge">
2095
- <i class="pf-icon-bell" aria-hidden="true"></i>
2096
- </span>
2097
- </button>
2098
- </div>
2099
2066
  <div
2100
2067
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2101
2068
  >
@@ -2103,7 +2070,7 @@ section: components
2103
2070
  <nav
2104
2071
  class="pf-c-app-launcher"
2105
2072
  aria-label="Application launcher"
2106
- id="alert-stacked-example-masthead-icon-group--app-launcher"
2073
+ id="alert-stacked-example-masthead-application-launcher"
2107
2074
  >
2108
2075
  <button
2109
2076
  class="pf-c-app-launcher__toggle"
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -50,17 +50,6 @@ cssPrefix: pf-d-back-to-top
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 @@ cssPrefix: pf-d-back-to-top
68
57
  <nav
69
58
  class="pf-c-app-launcher"
70
59
  aria-label="Application launcher"
71
- id="back-to-top-basic-example-masthead-icon-group--app-launcher"
60
+ id="back-to-top-basic-example-masthead-application-launcher"
72
61
  >
73
62
  <button
74
63
  class="pf-c-app-launcher__toggle"
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -52,17 +52,6 @@ wrapperTag: div
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 @@ wrapperTag: div
70
59
  <nav
71
60
  class="pf-c-app-launcher"
72
61
  aria-label="Application launcher"
73
- id="banner-basic-example-masthead-icon-group--app-launcher"
62
+ id="banner-basic-example-masthead-application-launcher"
74
63
  >
75
64
  <button
76
65
  class="pf-c-app-launcher__toggle"
@@ -1128,17 +1117,6 @@ wrapperTag: div
1128
1117
  <div
1129
1118
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1130
1119
  >
1131
- <div class="pf-c-toolbar__item">
1132
- <button
1133
- class="pf-c-button pf-m-plain"
1134
- type="button"
1135
- aria-label="Notifications"
1136
- >
1137
- <span class="pf-c-notification-badge">
1138
- <i class="pf-icon-bell" aria-hidden="true"></i>
1139
- </span>
1140
- </button>
1141
- </div>
1142
1120
  <div
1143
1121
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1144
1122
  >
@@ -1146,7 +1124,7 @@ wrapperTag: div
1146
1124
  <nav
1147
1125
  class="pf-c-app-launcher"
1148
1126
  aria-label="Application launcher"
1149
- id="banner-top-bottom-example-masthead-icon-group--app-launcher"
1127
+ id="banner-top-bottom-example-masthead-application-launcher"
1150
1128
  >
1151
1129
  <button
1152
1130
  class="pf-c-app-launcher__toggle"
package/docs/demos/Card/examples/Card.md CHANGED
@@ -719,17 +719,29 @@ wrapperTag: div
719
719
  <div class="pf-c-tabs pf-m-fill" id="status-tabs">
720
720
  <ul class="pf-c-tabs__list">
721
721
  <li class="pf-c-tabs__item pf-m-current">
722
- <button class="pf-c-tabs__link" id="status-tabs-object-1-link">
722
+ <button
723
+ type="button"
724
+ class="pf-c-tabs__link"
725
+ id="status-tabs-object-1-link"
726
+ >
723
727
  <span class="pf-c-tabs__item-text">Object 1</span>
724
728
  </button>
725
729
  </li>
726
730
  <li class="pf-c-tabs__item">
727
- <button class="pf-c-tabs__link" id="status-tabs-object-2-link">
731
+ <button
732
+ type="button"
733
+ class="pf-c-tabs__link"
734
+ id="status-tabs-object-2-link"
735
+ >
728
736
  <span class="pf-c-tabs__item-text">Object 2</span>
729
737
  </button>
730
738
  </li>
731
739
  <li class="pf-c-tabs__item">
732
- <button class="pf-c-tabs__link" id="status-tabs-object-3-link">
740
+ <button
741
+ type="button"
742
+ class="pf-c-tabs__link"
743
+ id="status-tabs-object-3-link"
744
+ >
733
745
  <span class="pf-c-tabs__item-text">Object 3</span>
734
746
  </button>
735
747
  </li>
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -49,17 +49,6 @@ section: demos
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: demos
67
56
  <nav
68
57
  class="pf-c-app-launcher"
69
58
  aria-label="Application launcher"
70
- id="card-view-basic-example-masthead-icon-group--app-launcher"
59
+ id="card-view-basic-example-masthead-application-launcher"
71
60
  >
72
61
  <button
73
62
  class="pf-c-app-launcher__toggle"
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -350,17 +350,6 @@ section: components
350
350
  <div
351
351
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
352
352
  >
353
- <div class="pf-c-toolbar__item">
354
- <button
355
- class="pf-c-button pf-m-plain"
356
- type="button"
357
- aria-label="Notifications"
358
- >
359
- <span class="pf-c-notification-badge">
360
- <i class="pf-icon-bell" aria-hidden="true"></i>
361
- </span>
362
- </button>
363
- </div>
364
353
  <div
365
354
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
366
355
  >
@@ -368,7 +357,7 @@ section: components
368
357
  <nav
369
358
  class="pf-c-app-launcher"
370
359
  aria-label="Application launcher"
371
- id="context-selector-in-sidebar-example-masthead-icon-group--app-launcher"
360
+ id="context-selector-in-sidebar-example-masthead-application-launcher"
372
361
  >
373
362
  <button
374
363
  class="pf-c-app-launcher__toggle"
@@ -1399,17 +1388,6 @@ section: components
1399
1388
  <div
1400
1389
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1401
1390
  >
1402
- <div class="pf-c-toolbar__item">
1403
- <button
1404
- class="pf-c-button pf-m-plain"
1405
- type="button"
1406
- aria-label="Notifications"
1407
- >
1408
- <span class="pf-c-notification-badge">
1409
- <i class="pf-icon-bell" aria-hidden="true"></i>
1410
- </span>
1411
- </button>
1412
- </div>
1413
1391
  <div
1414
1392
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1415
1393
  >
@@ -1417,7 +1395,7 @@ section: components
1417
1395
  <nav
1418
1396
  class="pf-c-app-launcher"
1419
1397
  aria-label="Application launcher"
1420
- id="context-selector-in-sidebar-expanded-example-masthead-icon-group--app-launcher"
1398
+ id="context-selector-in-sidebar-expanded-example-masthead-application-launcher"
1421
1399
  >
1422
1400
  <button
1423
1401
  class="pf-c-app-launcher__toggle"
@@ -2450,17 +2428,6 @@ section: components
2450
2428
  <div
2451
2429
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2452
2430
  >
2453
- <div class="pf-c-toolbar__item">
2454
- <button
2455
- class="pf-c-button pf-m-plain"
2456
- type="button"
2457
- aria-label="Notifications"
2458
- >
2459
- <span class="pf-c-notification-badge">
2460
- <i class="pf-icon-bell" aria-hidden="true"></i>
2461
- </span>
2462
- </button>
2463
- </div>
2464
2431
  <div
2465
2432
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2466
2433
  >
@@ -2468,7 +2435,7 @@ section: components
2468
2435
  <nav
2469
2436
  class="pf-c-app-launcher"
2470
2437
  aria-label="Application launcher"
2471
- id="context-selector-in-page-content-example-masthead-icon-group--app-launcher"
2438
+ id="context-selector-in-page-content-example-masthead-application-launcher"
2472
2439
  >
2473
2440
  <button
2474
2441
  class="pf-c-app-launcher__toggle"
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -51,17 +51,6 @@ cssPrefix: pf-d-dashboard
51
51
  <div
52
52
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
53
53
  >
54
- <div class="pf-c-toolbar__item">
55
- <button
56
- class="pf-c-button pf-m-plain"
57
- type="button"
58
- aria-label="Notifications"
59
- >
60
- <span class="pf-c-notification-badge">
61
- <i class="pf-icon-bell" aria-hidden="true"></i>
62
- </span>
63
- </button>
64
- </div>
65
54
  <div
66
55
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
67
56
  >
@@ -69,7 +58,7 @@ cssPrefix: pf-d-dashboard
69
58
  <nav
70
59
  class="pf-c-app-launcher"
71
60
  aria-label="Application launcher"
72
- id="dashboard-demo-masthead-icon-group--app-launcher"
61
+ id="dashboard-demo-masthead-application-launcher"
73
62
  >
74
63
  <button
75
64
  class="pf-c-app-launcher__toggle"
package/docs/demos/DataList/examples/DataList.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="data-list-basic-example-masthead-icon-group--app-launcher"
60
+ id="data-list-basic-example-masthead-application-launcher"
72
61
  >
73
62
  <button
74
63
  class="pf-c-app-launcher__toggle"
@@ -1574,17 +1563,6 @@ wrapperTag: div
1574
1563
  <div
1575
1564
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1576
1565
  >
1577
- <div class="pf-c-toolbar__item">
1578
- <button
1579
- class="pf-c-button pf-m-plain"
1580
- type="button"
1581
- aria-label="Notifications"
1582
- >
1583
- <span class="pf-c-notification-badge">
1584
- <i class="pf-icon-bell" aria-hidden="true"></i>
1585
- </span>
1586
- </button>
1587
- </div>
1588
1566
  <div
1589
1567
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1590
1568
  >
@@ -1592,7 +1570,7 @@ wrapperTag: div
1592
1570
  <nav
1593
1571
  class="pf-c-app-launcher"
1594
1572
  aria-label="Application launcher"
1595
- id="data-list-actionable-example-masthead-icon-group--app-launcher"
1573
+ id="data-list-actionable-example-masthead-application-launcher"
1596
1574
  >
1597
1575
  <button
1598
1576
  class="pf-c-app-launcher__toggle"
@@ -3076,17 +3054,6 @@ wrapperTag: div
3076
3054
  <div
3077
3055
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3078
3056
  >
3079
- <div class="pf-c-toolbar__item">
3080
- <button
3081
- class="pf-c-button pf-m-plain"
3082
- type="button"
3083
- aria-label="Notifications"
3084
- >
3085
- <span class="pf-c-notification-badge">
3086
- <i class="pf-icon-bell" aria-hidden="true"></i>
3087
- </span>
3088
- </button>
3089
- </div>
3090
3057
  <div
3091
3058
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3092
3059
  >
@@ -3094,7 +3061,7 @@ wrapperTag: div
3094
3061
  <nav
3095
3062
  class="pf-c-app-launcher"
3096
3063
  aria-label="Application launcher"
3097
- id="data-list-expandable-example-masthead-icon-group--app-launcher"
3064
+ id="data-list-expandable-example-masthead-application-launcher"
3098
3065
  >
3099
3066
  <button
3100
3067
  class="pf-c-app-launcher__toggle"
@@ -5186,17 +5153,6 @@ wrapperTag: div
5186
5153
  <div
5187
5154
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5188
5155
  >
5189
- <div class="pf-c-toolbar__item">
5190
- <button
5191
- class="pf-c-button pf-m-plain"
5192
- type="button"
5193
- aria-label="Notifications"
5194
- >
5195
- <span class="pf-c-notification-badge">
5196
- <i class="pf-icon-bell" aria-hidden="true"></i>
5197
- </span>
5198
- </button>
5199
- </div>
5200
5156
  <div
5201
5157
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
5202
5158
  >
@@ -5204,7 +5160,7 @@ wrapperTag: div
5204
5160
  <nav
5205
5161
  class="pf-c-app-launcher"
5206
5162
  aria-label="Application launcher"
5207
- id="data-list-static-bottom-example-masthead-icon-group--app-launcher"
5163
+ id="data-list-static-bottom-example-masthead-application-launcher"
5208
5164
  >
5209
5165
  <button
5210
5166
  class="pf-c-app-launcher__toggle"
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -51,17 +51,6 @@ cssPrefix: pf-d-description-list
51
51
  <div
52
52
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
53
53
  >
54
- <div class="pf-c-toolbar__item">
55
- <button
56
- class="pf-c-button pf-m-plain"
57
- type="button"
58
- aria-label="Notifications"
59
- >
60
- <span class="pf-c-notification-badge">
61
- <i class="pf-icon-bell" aria-hidden="true"></i>
62
- </span>
63
- </button>
64
- </div>
65
54
  <div
66
55
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
67
56
  >
@@ -69,7 +58,7 @@ cssPrefix: pf-d-description-list
69
58
  <nav
70
59
  class="pf-c-app-launcher"
71
60
  aria-label="Application launcher"
72
- id="description-list-basic-example-masthead-icon-group--app-launcher"
61
+ id="description-list-basic-example-masthead-application-launcher"
73
62
  >
74
63
  <button
75
64
  class="pf-c-app-launcher__toggle"
@@ -1034,17 +1023,6 @@ cssPrefix: pf-d-description-list
1034
1023
  <div
1035
1024
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1036
1025
  >
1037
- <div class="pf-c-toolbar__item">
1038
- <button
1039
- class="pf-c-button pf-m-plain"
1040
- type="button"
1041
- aria-label="Notifications"
1042
- >
1043
- <span class="pf-c-notification-badge">
1044
- <i class="pf-icon-bell" aria-hidden="true"></i>
1045
- </span>
1046
- </button>
1047
- </div>
1048
1026
  <div
1049
1027
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1050
1028
  >
@@ -1052,7 +1030,7 @@ cssPrefix: pf-d-description-list
1052
1030
  <nav
1053
1031
  class="pf-c-app-launcher"
1054
1032
  aria-label="Application launcher"
1055
- id="description-list-in-drawer-example-masthead-icon-group--app-launcher"
1033
+ id="description-list-in-drawer-example-masthead-application-launcher"
1056
1034
  >
1057
1035
  <button
1058
1036
  class="pf-c-app-launcher__toggle"
@@ -1997,6 +1975,7 @@ cssPrefix: pf-d-description-list
1997
1975
  <ul class="pf-c-tabs__list">
1998
1976
  <li class="pf-c-tabs__item pf-m-current">
1999
1977
  <button
1978
+ type="button"
2000
1979
  class="pf-c-tabs__link"
2001
1980
  id="description-list-in-drawer-example-panel-tabs-tab1-link"
2002
1981
  >
@@ -2005,6 +1984,7 @@ cssPrefix: pf-d-description-list
2005
1984
  </li>
2006
1985
  <li class="pf-c-tabs__item">
2007
1986
  <button
1987
+ type="button"
2008
1988
  class="pf-c-tabs__link"
2009
1989
  id="description-list-in-drawer-example-panel-tabs-tab2-link"
2010
1990
  >
@@ -2300,17 +2280,6 @@ cssPrefix: pf-d-description-list
2300
2280
  <div
2301
2281
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2302
2282
  >
2303
- <div class="pf-c-toolbar__item">
2304
- <button
2305
- class="pf-c-button pf-m-plain"
2306
- type="button"
2307
- aria-label="Notifications"
2308
- >
2309
- <span class="pf-c-notification-badge">
2310
- <i class="pf-icon-bell" aria-hidden="true"></i>
2311
- </span>
2312
- </button>
2313
- </div>
2314
2283
  <div
2315
2284
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2316
2285
  >
@@ -2318,7 +2287,7 @@ cssPrefix: pf-d-description-list
2318
2287
  <nav
2319
2288
  class="pf-c-app-launcher"
2320
2289
  aria-label="Application launcher"
2321
- id="description-list-complex-content-example-masthead-icon-group--app-launcher"
2290
+ id="description-list-complex-content-example-masthead-application-launcher"
2322
2291
  >
2323
2292
  <button
2324
2293
  class="pf-c-app-launcher__toggle"