@patternfly/patternfly 4.210.0 → 4.211.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 (41) hide show
  1. package/RELEASE-NOTES.md +27 -0
  2. package/components/ExpandableSection/expandable-section.css +3 -0
  3. package/components/ExpandableSection/expandable-section.scss +4 -0
  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/NotificationBadge/examples/NotificationBadge.md +81 -24
  13. package/docs/components/Tabs/examples/Tabs.md +866 -139
  14. package/docs/demos/AboutModal/examples/AboutModal.md +1 -12
  15. package/docs/demos/Alert/examples/Alert.md +3 -36
  16. package/docs/demos/BackToTop/examples/BackToTop.md +1 -12
  17. package/docs/demos/Banner/examples/Banner.md +2 -24
  18. package/docs/demos/Card/examples/Card.md +15 -3
  19. package/docs/demos/CardView/examples/CardView.md +1 -12
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -36
  21. package/docs/demos/Dashboard/examples/Dashboard.md +1 -12
  22. package/docs/demos/DataList/examples/DataList.md +4 -48
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -36
  24. package/docs/demos/Drawer/examples/Drawer.md +7 -60
  25. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -72
  26. package/docs/demos/Masthead/examples/Masthead.md +2 -24
  27. package/docs/demos/Modal/examples/Modal.md +6 -72
  28. package/docs/demos/Nav/examples/Nav.md +8 -96
  29. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -23
  30. package/docs/demos/Page/examples/Page.md +9 -108
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -85
  32. package/docs/demos/Skeleton/examples/Skeleton.md +1 -12
  33. package/docs/demos/Table/examples/Table.md +14 -168
  34. package/docs/demos/Tabs/examples/Tabs.md +56 -96
  35. package/docs/demos/Toolbar/examples/Toolbar.md +1 -12
  36. package/docs/demos/Wizard/examples/Wizard.md +8 -96
  37. package/package.json +2 -2
  38. package/patternfly-no-reset.css +18 -2
  39. package/patternfly.css +18 -2
  40. package/patternfly.min.css +1 -1
  41. package/patternfly.min.css.map +1 -1
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -53,17 +53,6 @@ wrapperTag: div
53
53
  <div
54
54
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
55
55
  >
56
- <div class="pf-c-toolbar__item">
57
- <button
58
- class="pf-c-button pf-m-plain"
59
- type="button"
60
- aria-label="Notifications"
61
- >
62
- <span class="pf-c-notification-badge">
63
- <i class="pf-icon-bell" aria-hidden="true"></i>
64
- </span>
65
- </button>
66
- </div>
67
56
  <div
68
57
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
69
58
  >
@@ -71,7 +60,7 @@ wrapperTag: div
71
60
  <nav
72
61
  class="pf-c-app-launcher"
73
62
  aria-label="Application launcher"
74
- id="primary-detail-expanded-example-masthead-icon-group--app-launcher"
63
+ id="primary-detail-expanded-example-masthead-application-launcher"
75
64
  >
76
65
  <button
77
66
  class="pf-c-app-launcher__toggle"
@@ -1762,6 +1751,7 @@ wrapperTag: div
1762
1751
  >
1763
1752
  <button
1764
1753
  class="pf-c-tabs__scroll-button"
1754
+ type="button"
1765
1755
  aria-label="Scroll left"
1766
1756
  >
1767
1757
  <i class="fas fa-angle-left" aria-hidden="true"></i>
@@ -1769,6 +1759,7 @@ wrapperTag: div
1769
1759
  <ul class="pf-c-tabs__list">
1770
1760
  <li class="pf-c-tabs__item pf-m-current">
1771
1761
  <button
1762
+ type="button"
1772
1763
  class="pf-c-tabs__link"
1773
1764
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab1-panel"
1774
1765
  id="primary-detail-expanded-example-drawer-tabs-tab1-link"
@@ -1778,6 +1769,7 @@ wrapperTag: div
1778
1769
  </li>
1779
1770
  <li class="pf-c-tabs__item">
1780
1771
  <button
1772
+ type="button"
1781
1773
  class="pf-c-tabs__link"
1782
1774
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab2-panel"
1783
1775
  id="primary-detail-expanded-example-drawer-tabs-tab2-link"
@@ -1788,6 +1780,7 @@ wrapperTag: div
1788
1780
  </ul>
1789
1781
  <button
1790
1782
  class="pf-c-tabs__scroll-button"
1783
+ type="button"
1791
1784
  aria-label="Scroll right"
1792
1785
  >
1793
1786
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -1937,17 +1930,6 @@ wrapperTag: div
1937
1930
  <div
1938
1931
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1939
1932
  >
1940
- <div class="pf-c-toolbar__item">
1941
- <button
1942
- class="pf-c-button pf-m-plain"
1943
- type="button"
1944
- aria-label="Notifications"
1945
- >
1946
- <span class="pf-c-notification-badge">
1947
- <i class="pf-icon-bell" aria-hidden="true"></i>
1948
- </span>
1949
- </button>
1950
- </div>
1951
1933
  <div
1952
1934
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1953
1935
  >
@@ -1955,7 +1937,7 @@ wrapperTag: div
1955
1937
  <nav
1956
1938
  class="pf-c-app-launcher"
1957
1939
  aria-label="Application launcher"
1958
- id="primary-detail-collapsed-example-masthead-icon-group--app-launcher"
1940
+ id="primary-detail-collapsed-example-masthead-application-launcher"
1959
1941
  >
1960
1942
  <button
1961
1943
  class="pf-c-app-launcher__toggle"
@@ -3752,17 +3734,6 @@ wrapperTag: div
3752
3734
  <div
3753
3735
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3754
3736
  >
3755
- <div class="pf-c-toolbar__item">
3756
- <button
3757
- class="pf-c-button pf-m-plain"
3758
- type="button"
3759
- aria-label="Notifications"
3760
- >
3761
- <span class="pf-c-notification-badge">
3762
- <i class="pf-icon-bell" aria-hidden="true"></i>
3763
- </span>
3764
- </button>
3765
- </div>
3766
3737
  <div
3767
3738
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3768
3739
  >
@@ -3770,7 +3741,7 @@ wrapperTag: div
3770
3741
  <nav
3771
3742
  class="pf-c-app-launcher"
3772
3743
  aria-label="Application launcher"
3773
- id="primary-detail-content-body-padding-example-masthead-icon-group--app-launcher"
3744
+ id="primary-detail-content-body-padding-example-masthead-application-launcher"
3774
3745
  >
3775
3746
  <button
3776
3747
  class="pf-c-app-launcher__toggle"
@@ -5470,17 +5441,6 @@ wrapperTag: div
5470
5441
  <div
5471
5442
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5472
5443
  >
5473
- <div class="pf-c-toolbar__item">
5474
- <button
5475
- class="pf-c-button pf-m-plain"
5476
- type="button"
5477
- aria-label="Notifications"
5478
- >
5479
- <span class="pf-c-notification-badge">
5480
- <i class="pf-icon-bell" aria-hidden="true"></i>
5481
- </span>
5482
- </button>
5483
- </div>
5484
5444
  <div
5485
5445
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
5486
5446
  >
@@ -5488,7 +5448,7 @@ wrapperTag: div
5488
5448
  <nav
5489
5449
  class="pf-c-app-launcher"
5490
5450
  aria-label="Application launcher"
5491
- id="primary-detail-card-view-expanded-example-masthead-icon-group--app-launcher"
5451
+ id="primary-detail-card-view-expanded-example-masthead-application-launcher"
5492
5452
  >
5493
5453
  <button
5494
5454
  class="pf-c-app-launcher__toggle"
@@ -7605,17 +7565,6 @@ wrapperTag: div
7605
7565
  <div
7606
7566
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
7607
7567
  >
7608
- <div class="pf-c-toolbar__item">
7609
- <button
7610
- class="pf-c-button pf-m-plain"
7611
- type="button"
7612
- aria-label="Notifications"
7613
- >
7614
- <span class="pf-c-notification-badge">
7615
- <i class="pf-icon-bell" aria-hidden="true"></i>
7616
- </span>
7617
- </button>
7618
- </div>
7619
7568
  <div
7620
7569
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
7621
7570
  >
@@ -7623,7 +7572,7 @@ wrapperTag: div
7623
7572
  <nav
7624
7573
  class="pf-c-app-launcher"
7625
7574
  aria-label="Application launcher"
7626
- id="primary-detail-card-simple-list-on-mobile-example-masthead-icon-group--app-launcher"
7575
+ id="primary-detail-card-simple-list-on-mobile-example-masthead-application-launcher"
7627
7576
  >
7628
7577
  <button
7629
7578
  class="pf-c-app-launcher__toggle"
@@ -8675,17 +8624,6 @@ wrapperTag: div
8675
8624
  <div
8676
8625
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
8677
8626
  >
8678
- <div class="pf-c-toolbar__item">
8679
- <button
8680
- class="pf-c-button pf-m-plain"
8681
- type="button"
8682
- aria-label="Notifications"
8683
- >
8684
- <span class="pf-c-notification-badge">
8685
- <i class="pf-icon-bell" aria-hidden="true"></i>
8686
- </span>
8687
- </button>
8688
- </div>
8689
8627
  <div
8690
8628
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
8691
8629
  >
@@ -8693,7 +8631,7 @@ wrapperTag: div
8693
8631
  <nav
8694
8632
  class="pf-c-app-launcher"
8695
8633
  aria-label="Application launcher"
8696
- id="primary-detail-card-data-list-example-masthead-icon-group--app-launcher"
8634
+ id="primary-detail-card-data-list-example-masthead-application-launcher"
8697
8635
  >
8698
8636
  <button
8699
8637
  class="pf-c-app-launcher__toggle"
@@ -9989,17 +9927,6 @@ wrapperTag: div
9989
9927
  <div
9990
9928
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
9991
9929
  >
9992
- <div class="pf-c-toolbar__item">
9993
- <button
9994
- class="pf-c-button pf-m-plain"
9995
- type="button"
9996
- aria-label="Notifications"
9997
- >
9998
- <span class="pf-c-notification-badge">
9999
- <i class="pf-icon-bell" aria-hidden="true"></i>
10000
- </span>
10001
- </button>
10002
- </div>
10003
9930
  <div
10004
9931
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
10005
9932
  >
@@ -10007,7 +9934,7 @@ wrapperTag: div
10007
9934
  <nav
10008
9935
  class="pf-c-app-launcher"
10009
9936
  aria-label="Application launcher"
10010
- id="primary-detail-inline-modifier-example-masthead-icon-group--app-launcher"
9937
+ id="primary-detail-inline-modifier-example-masthead-application-launcher"
10011
9938
  >
10012
9939
  <button
10013
9940
  class="pf-c-app-launcher__toggle"
@@ -11417,12 +11344,17 @@ wrapperTag: div
11417
11344
  class="pf-c-tabs pf-m-box pf-m-fill"
11418
11345
  id="primary-detail-inline-modifier-example-drawer-tabs"
11419
11346
  >
11420
- <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
11347
+ <button
11348
+ class="pf-c-tabs__scroll-button"
11349
+ type="button"
11350
+ aria-label="Scroll left"
11351
+ >
11421
11352
  <i class="fas fa-angle-left" aria-hidden="true"></i>
11422
11353
  </button>
11423
11354
  <ul class="pf-c-tabs__list">
11424
11355
  <li class="pf-c-tabs__item pf-m-current">
11425
11356
  <button
11357
+ type="button"
11426
11358
  class="pf-c-tabs__link"
11427
11359
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab1-panel"
11428
11360
  id="primary-detail-inline-modifier-example-drawer-tabs-tab1-link"
@@ -11432,6 +11364,7 @@ wrapperTag: div
11432
11364
  </li>
11433
11365
  <li class="pf-c-tabs__item">
11434
11366
  <button
11367
+ type="button"
11435
11368
  class="pf-c-tabs__link"
11436
11369
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab2-panel"
11437
11370
  id="primary-detail-inline-modifier-example-drawer-tabs-tab2-link"
@@ -11442,6 +11375,7 @@ wrapperTag: div
11442
11375
  </ul>
11443
11376
  <button
11444
11377
  class="pf-c-tabs__scroll-button"
11378
+ type="button"
11445
11379
  aria-label="Scroll right"
11446
11380
  >
11447
11381
  <i class="fas fa-angle-right" aria-hidden="true"></i>
package/docs/demos/Skeleton/examples/Skeleton.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="skeleton-basic-example-masthead-icon-group--app-launcher"
59
+ id="skeleton-basic-example-masthead-application-launcher"
71
60
  >
72
61
  <button
73
62
  class="pf-c-app-launcher__toggle"
package/docs/demos/Table/examples/Table.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="basic-demo-masthead-icon-group--app-launcher"
62
+ id="basic-demo-masthead-application-launcher"
74
63
  >
75
64
  <button
76
65
  class="pf-c-app-launcher__toggle"
@@ -1764,17 +1753,6 @@ wrapperTag: div
1764
1753
  <div
1765
1754
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1766
1755
  >
1767
- <div class="pf-c-toolbar__item">
1768
- <button
1769
- class="pf-c-button pf-m-plain"
1770
- type="button"
1771
- aria-label="Notifications"
1772
- >
1773
- <span class="pf-c-notification-badge">
1774
- <i class="pf-icon-bell" aria-hidden="true"></i>
1775
- </span>
1776
- </button>
1777
- </div>
1778
1756
  <div
1779
1757
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1780
1758
  >
@@ -1782,7 +1760,7 @@ wrapperTag: div
1782
1760
  <nav
1783
1761
  class="pf-c-app-launcher"
1784
1762
  aria-label="Application launcher"
1785
- id="sortable-demo-masthead-icon-group--app-launcher"
1763
+ id="sortable-demo-masthead-application-launcher"
1786
1764
  >
1787
1765
  <button
1788
1766
  class="pf-c-app-launcher__toggle"
@@ -3650,17 +3628,6 @@ wrapperTag: div
3650
3628
  <div
3651
3629
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3652
3630
  >
3653
- <div class="pf-c-toolbar__item">
3654
- <button
3655
- class="pf-c-button pf-m-plain"
3656
- type="button"
3657
- aria-label="Notifications"
3658
- >
3659
- <span class="pf-c-notification-badge">
3660
- <i class="pf-icon-bell" aria-hidden="true"></i>
3661
- </span>
3662
- </button>
3663
- </div>
3664
3631
  <div
3665
3632
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3666
3633
  >
@@ -3668,7 +3635,7 @@ wrapperTag: div
3668
3635
  <nav
3669
3636
  class="pf-c-app-launcher"
3670
3637
  aria-label="Application launcher"
3671
- id="expandable-demo-masthead-icon-group--app-launcher"
3638
+ id="expandable-demo-masthead-application-launcher"
3672
3639
  >
3673
3640
  <button
3674
3641
  class="pf-c-app-launcher__toggle"
@@ -5738,17 +5705,6 @@ wrapperTag: div
5738
5705
  <div
5739
5706
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5740
5707
  >
5741
- <div class="pf-c-toolbar__item">
5742
- <button
5743
- class="pf-c-button pf-m-plain"
5744
- type="button"
5745
- aria-label="Notifications"
5746
- >
5747
- <span class="pf-c-notification-badge">
5748
- <i class="pf-icon-bell" aria-hidden="true"></i>
5749
- </span>
5750
- </button>
5751
- </div>
5752
5708
  <div
5753
5709
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
5754
5710
  >
@@ -5756,7 +5712,7 @@ wrapperTag: div
5756
5712
  <nav
5757
5713
  class="pf-c-app-launcher"
5758
5714
  aria-label="Application launcher"
5759
- id="compact-demo-masthead-icon-group--app-launcher"
5715
+ id="compact-demo-masthead-application-launcher"
5760
5716
  >
5761
5717
  <button
5762
5718
  class="pf-c-app-launcher__toggle"
@@ -7482,17 +7438,6 @@ wrapperTag: div
7482
7438
  <div
7483
7439
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
7484
7440
  >
7485
- <div class="pf-c-toolbar__item">
7486
- <button
7487
- class="pf-c-button pf-m-plain"
7488
- type="button"
7489
- aria-label="Notifications"
7490
- >
7491
- <span class="pf-c-notification-badge">
7492
- <i class="pf-icon-bell" aria-hidden="true"></i>
7493
- </span>
7494
- </button>
7495
- </div>
7496
7441
  <div
7497
7442
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
7498
7443
  >
@@ -7500,7 +7445,7 @@ wrapperTag: div
7500
7445
  <nav
7501
7446
  class="pf-c-app-launcher"
7502
7447
  aria-label="Application launcher"
7503
- id="compound-expansion-demo-masthead-icon-group--app-launcher"
7448
+ id="compound-expansion-demo-masthead-application-launcher"
7504
7449
  >
7505
7450
  <button
7506
7451
  class="pf-c-app-launcher__toggle"
@@ -12440,17 +12385,6 @@ wrapperTag: div
12440
12385
  <div
12441
12386
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
12442
12387
  >
12443
- <div class="pf-c-toolbar__item">
12444
- <button
12445
- class="pf-c-button pf-m-plain"
12446
- type="button"
12447
- aria-label="Notifications"
12448
- >
12449
- <span class="pf-c-notification-badge">
12450
- <i class="pf-icon-bell" aria-hidden="true"></i>
12451
- </span>
12452
- </button>
12453
- </div>
12454
12388
  <div
12455
12389
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
12456
12390
  >
@@ -12458,7 +12392,7 @@ wrapperTag: div
12458
12392
  <nav
12459
12393
  class="pf-c-app-launcher"
12460
12394
  aria-label="Application launcher"
12461
- id="loading-state-demo-masthead-icon-group--app-launcher"
12395
+ id="loading-state-demo-masthead-application-launcher"
12462
12396
  >
12463
12397
  <button
12464
12398
  class="pf-c-app-launcher__toggle"
@@ -13379,17 +13313,6 @@ wrapperTag: div
13379
13313
  <div
13380
13314
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
13381
13315
  >
13382
- <div class="pf-c-toolbar__item">
13383
- <button
13384
- class="pf-c-button pf-m-plain"
13385
- type="button"
13386
- aria-label="Notifications"
13387
- >
13388
- <span class="pf-c-notification-badge">
13389
- <i class="pf-icon-bell" aria-hidden="true"></i>
13390
- </span>
13391
- </button>
13392
- </div>
13393
13316
  <div
13394
13317
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
13395
13318
  >
@@ -13397,7 +13320,7 @@ wrapperTag: div
13397
13320
  <nav
13398
13321
  class="pf-c-app-launcher"
13399
13322
  aria-label="Application launcher"
13400
- id="empty-state-demo-masthead-icon-group--app-launcher"
13323
+ id="empty-state-demo-masthead-application-launcher"
13401
13324
  >
13402
13325
  <button
13403
13326
  class="pf-c-app-launcher__toggle"
@@ -14321,17 +14244,6 @@ wrapperTag: div
14321
14244
  <div
14322
14245
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
14323
14246
  >
14324
- <div class="pf-c-toolbar__item">
14325
- <button
14326
- class="pf-c-button pf-m-plain"
14327
- type="button"
14328
- aria-label="Notifications"
14329
- >
14330
- <span class="pf-c-notification-badge">
14331
- <i class="pf-icon-bell" aria-hidden="true"></i>
14332
- </span>
14333
- </button>
14334
- </div>
14335
14247
  <div
14336
14248
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
14337
14249
  >
@@ -14339,7 +14251,7 @@ wrapperTag: div
14339
14251
  <nav
14340
14252
  class="pf-c-app-launcher"
14341
14253
  aria-label="Application launcher"
14342
- id="static-bottom-pagination-demo-masthead-icon-group--app-launcher"
14254
+ id="static-bottom-pagination-demo-masthead-application-launcher"
14343
14255
  >
14344
14256
  <button
14345
14257
  class="pf-c-app-launcher__toggle"
@@ -16205,17 +16117,6 @@ wrapperTag: div
16205
16117
  <div
16206
16118
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
16207
16119
  >
16208
- <div class="pf-c-toolbar__item">
16209
- <button
16210
- class="pf-c-button pf-m-plain"
16211
- type="button"
16212
- aria-label="Notifications"
16213
- >
16214
- <span class="pf-c-notification-badge">
16215
- <i class="pf-icon-bell" aria-hidden="true"></i>
16216
- </span>
16217
- </button>
16218
- </div>
16219
16120
  <div
16220
16121
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
16221
16122
  >
@@ -16223,7 +16124,7 @@ wrapperTag: div
16223
16124
  <nav
16224
16125
  class="pf-c-app-launcher"
16225
16126
  aria-label="Application launcher"
16226
- id="column-management-demo-masthead-icon-group--app-launcher"
16127
+ id="column-management-demo-masthead-application-launcher"
16227
16128
  >
16228
16129
  <button
16229
16130
  class="pf-c-app-launcher__toggle"
@@ -18172,17 +18073,6 @@ wrapperTag: div
18172
18073
  <div
18173
18074
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
18174
18075
  >
18175
- <div class="pf-c-toolbar__item">
18176
- <button
18177
- class="pf-c-button pf-m-plain"
18178
- type="button"
18179
- aria-label="Notifications"
18180
- >
18181
- <span class="pf-c-notification-badge">
18182
- <i class="pf-icon-bell" aria-hidden="true"></i>
18183
- </span>
18184
- </button>
18185
- </div>
18186
18076
  <div
18187
18077
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
18188
18078
  >
@@ -18190,7 +18080,7 @@ wrapperTag: div
18190
18080
  <nav
18191
18081
  class="pf-c-app-launcher"
18192
18082
  aria-label="Application launcher"
18193
- id="sticky-header-demo-masthead-icon-group--app-launcher"
18083
+ id="sticky-header-demo-masthead-application-launcher"
18194
18084
  >
18195
18085
  <button
18196
18086
  class="pf-c-app-launcher__toggle"
@@ -20056,17 +19946,6 @@ wrapperTag: div
20056
19946
  <div
20057
19947
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
20058
19948
  >
20059
- <div class="pf-c-toolbar__item">
20060
- <button
20061
- class="pf-c-button pf-m-plain"
20062
- type="button"
20063
- aria-label="Notifications"
20064
- >
20065
- <span class="pf-c-notification-badge">
20066
- <i class="pf-icon-bell" aria-hidden="true"></i>
20067
- </span>
20068
- </button>
20069
- </div>
20070
19949
  <div
20071
19950
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
20072
19951
  >
@@ -20074,7 +19953,7 @@ wrapperTag: div
20074
19953
  <nav
20075
19954
  class="pf-c-app-launcher"
20076
19955
  aria-label="Application launcher"
20077
- id="sticky-first-column-demo-masthead-icon-group--app-launcher"
19956
+ id="sticky-first-column-demo-masthead-application-launcher"
20078
19957
  >
20079
19958
  <button
20080
19959
  class="pf-c-app-launcher__toggle"
@@ -21864,17 +21743,6 @@ wrapperTag: div
21864
21743
  <div
21865
21744
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
21866
21745
  >
21867
- <div class="pf-c-toolbar__item">
21868
- <button
21869
- class="pf-c-button pf-m-plain"
21870
- type="button"
21871
- aria-label="Notifications"
21872
- >
21873
- <span class="pf-c-notification-badge">
21874
- <i class="pf-icon-bell" aria-hidden="true"></i>
21875
- </span>
21876
- </button>
21877
- </div>
21878
21746
  <div
21879
21747
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
21880
21748
  >
@@ -21882,7 +21750,7 @@ wrapperTag: div
21882
21750
  <nav
21883
21751
  class="pf-c-app-launcher"
21884
21752
  aria-label="Application launcher"
21885
- id="sticky-multiple-columns-demo-masthead-icon-group--app-launcher"
21753
+ id="sticky-multiple-columns-demo-masthead-application-launcher"
21886
21754
  >
21887
21755
  <button
21888
21756
  class="pf-c-app-launcher__toggle"
@@ -23694,17 +23562,6 @@ wrapperTag: div
23694
23562
  <div
23695
23563
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
23696
23564
  >
23697
- <div class="pf-c-toolbar__item">
23698
- <button
23699
- class="pf-c-button pf-m-plain"
23700
- type="button"
23701
- aria-label="Notifications"
23702
- >
23703
- <span class="pf-c-notification-badge">
23704
- <i class="pf-icon-bell" aria-hidden="true"></i>
23705
- </span>
23706
- </button>
23707
- </div>
23708
23565
  <div
23709
23566
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
23710
23567
  >
@@ -23712,7 +23569,7 @@ wrapperTag: div
23712
23569
  <nav
23713
23570
  class="pf-c-app-launcher"
23714
23571
  aria-label="Application launcher"
23715
- id="sticky-header-and-multiple columns-demo-masthead-icon-group--app-launcher"
23572
+ id="sticky-header-and-multiple columns-demo-masthead-application-launcher"
23716
23573
  >
23717
23574
  <button
23718
23575
  class="pf-c-app-launcher__toggle"
@@ -25521,17 +25378,6 @@ By default, table cell alignment is set to baseline. This retains vertical align
25521
25378
  <div
25522
25379
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
25523
25380
  >
25524
- <div class="pf-c-toolbar__item">
25525
- <button
25526
- class="pf-c-button pf-m-plain"
25527
- type="button"
25528
- aria-label="Notifications"
25529
- >
25530
- <span class="pf-c-notification-badge">
25531
- <i class="pf-icon-bell" aria-hidden="true"></i>
25532
- </span>
25533
- </button>
25534
- </div>
25535
25381
  <div
25536
25382
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
25537
25383
  >
@@ -25539,7 +25385,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
25539
25385
  <nav
25540
25386
  class="pf-c-app-launcher"
25541
25387
  aria-label="Application launcher"
25542
- id="image-alignment-demo-masthead-icon-group--app-launcher"
25388
+ id="image-alignment-demo-masthead-application-launcher"
25543
25389
  >
25544
25390
  <button
25545
25391
  class="pf-c-app-launcher__toggle"