@patternfly/patternfly 6.0.0-alpha.62 → 6.0.0-alpha.64

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 (49) hide show
  1. package/components/ActionList/action-list.css +18 -17
  2. package/components/ActionList/action-list.scss +26 -16
  3. package/components/Button/button.css +4 -9
  4. package/components/Button/button.scss +4 -9
  5. package/components/Drawer/drawer.css +113 -113
  6. package/components/Drawer/drawer.scss +135 -136
  7. package/components/Masthead/masthead.css +15 -29
  8. package/components/Masthead/masthead.scss +20 -36
  9. package/components/OverflowMenu/overflow-menu.css +17 -47
  10. package/components/OverflowMenu/overflow-menu.scss +27 -65
  11. package/components/Pagination/pagination.css +6 -3
  12. package/components/Pagination/pagination.scss +4 -3
  13. package/components/Toolbar/toolbar.css +2525 -1040
  14. package/components/Toolbar/toolbar.scss +232 -534
  15. package/docs/components/ActionList/examples/ActionList.md +73 -22
  16. package/docs/components/Drawer/examples/Drawer.md +294 -256
  17. package/docs/components/LogViewer/examples/LogViewer.md +50 -50
  18. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  19. package/docs/components/Toolbar/examples/Toolbar.md +374 -419
  20. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  21. package/docs/demos/Alert/examples/Alert.md +6 -6
  22. package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
  23. package/docs/demos/Banner/examples/Banner.md +4 -4
  24. package/docs/demos/CardView/examples/CardView.md +3 -3
  25. package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
  26. package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
  27. package/docs/demos/DataList/examples/DataList.md +11 -11
  28. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
  29. package/docs/demos/Drawer/examples/Drawer.md +40 -36
  30. package/docs/demos/JumpLinks/examples/JumpLinks.md +42 -38
  31. package/docs/demos/Masthead/examples/Masthead.md +21 -21
  32. package/docs/demos/Modal/examples/Modal.md +12 -12
  33. package/docs/demos/Nav/examples/Nav.md +12 -12
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
  35. package/docs/demos/Page/examples/Page.md +18 -18
  36. package/docs/demos/Page/examples/Penta.md +2 -2
  37. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
  38. package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
  39. package/docs/demos/Table/examples/Table.md +42 -45
  40. package/docs/demos/Tabs/examples/Tabs.md +13 -13
  41. package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
  42. package/docs/demos/Wizard/examples/Wizard.md +18 -18
  43. package/package.json +1 -1
  44. package/patternfly-no-globals.css +2695 -1235
  45. package/patternfly-theme-dark-unversioned.css +2695 -1235
  46. package/patternfly.css +2695 -1235
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/components/Drawer/themes/dark/drawer.scss +0 -13
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -102,7 +102,7 @@ section: components
102
102
  </div>
103
103
  <div class="pf-v5-c-masthead__content">
104
104
  <div
105
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
105
+ class="pf-v5-c-toolbar pf-m-static"
106
106
  id="jump-links-collapsed-mobile-example-masthead-toolbar"
107
107
  >
108
108
  <div class="pf-v5-c-toolbar__content">
@@ -138,7 +138,7 @@ section: components
138
138
  </div>
139
139
 
140
140
  <div
141
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
141
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
142
142
  >
143
143
  <div
144
144
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -502,7 +502,7 @@ section: components
502
502
  </div>
503
503
  <div class="pf-v5-c-masthead__content">
504
504
  <div
505
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
505
+ class="pf-v5-c-toolbar pf-m-static"
506
506
  id="jump-links-vertical-expanded-mobile-example-masthead-toolbar"
507
507
  >
508
508
  <div class="pf-v5-c-toolbar__content">
@@ -538,7 +538,7 @@ section: components
538
538
  </div>
539
539
 
540
540
  <div
541
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
541
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
542
542
  >
543
543
  <div
544
544
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -902,7 +902,7 @@ section: components
902
902
  </div>
903
903
  <div class="pf-v5-c-masthead__content">
904
904
  <div
905
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
905
+ class="pf-v5-c-toolbar pf-m-static"
906
906
  id="jump-links-vertical-toggle-text-mobile-example-masthead-toolbar"
907
907
  >
908
908
  <div class="pf-v5-c-toolbar__content">
@@ -938,7 +938,7 @@ section: components
938
938
  </div>
939
939
 
940
940
  <div
941
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
941
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
942
942
  >
943
943
  <div
944
944
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1299,7 +1299,7 @@ section: components
1299
1299
  </div>
1300
1300
  <div class="pf-v5-c-masthead__content">
1301
1301
  <div
1302
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1302
+ class="pf-v5-c-toolbar pf-m-static"
1303
1303
  id="jump-links-horizontal-example-masthead-toolbar"
1304
1304
  >
1305
1305
  <div class="pf-v5-c-toolbar__content">
@@ -1335,7 +1335,7 @@ section: components
1335
1335
  </div>
1336
1336
 
1337
1337
  <div
1338
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1338
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1339
1339
  >
1340
1340
  <div
1341
1341
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1636,7 +1636,7 @@ section: components
1636
1636
  </div>
1637
1637
  <div class="pf-v5-c-masthead__content">
1638
1638
  <div
1639
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1639
+ class="pf-v5-c-toolbar pf-m-static"
1640
1640
  id="jump-links-drawer-masthead-toolbar"
1641
1641
  >
1642
1642
  <div class="pf-v5-c-toolbar__content">
@@ -1672,7 +1672,7 @@ section: components
1672
1672
  </div>
1673
1673
 
1674
1674
  <div
1675
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1675
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1676
1676
  >
1677
1677
  <div
1678
1678
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1873,22 +1873,24 @@ section: components
1873
1873
  </div>
1874
1874
  </div>
1875
1875
  <div class="pf-v5-c-drawer__panel" hidden>
1876
- <div class="pf-v5-c-drawer__body">
1877
- <div class="pf-v5-c-drawer__head">
1878
- <span>drawer-panel</span>
1879
- <div class="pf-v5-c-drawer__actions">
1880
- <div class="pf-v5-c-drawer__close">
1881
- <button
1882
- class="pf-v5-c-button pf-m-plain"
1883
- type="button"
1884
- aria-label="Close drawer panel"
1885
- >
1886
- <i class="fas fa-times" aria-hidden="true"></i>
1887
- </button>
1888
- </div>
1876
+ <div class="pf-v5-c-drawer__head">
1877
+ <span>Drawer panel header content</span>
1878
+ <div class="pf-v5-c-drawer__actions">
1879
+ <div class="pf-v5-c-drawer__close">
1880
+ <button
1881
+ class="pf-v5-c-button pf-m-plain"
1882
+ type="button"
1883
+ aria-label="Close drawer panel"
1884
+ >
1885
+ <i class="fas fa-times" aria-hidden="true"></i>
1886
+ </button>
1889
1887
  </div>
1890
1888
  </div>
1891
1889
  </div>
1890
+ <div
1891
+ class="pf-v5-c-drawer__description"
1892
+ >This is a helpful description of the drawer panel.</div>
1893
+ <div class="pf-v5-c-drawer__body">Drawer panel body content</div>
1892
1894
  </div>
1893
1895
  </div>
1894
1896
  </div>
@@ -1993,7 +1995,7 @@ section: components
1993
1995
  </div>
1994
1996
  <div class="pf-v5-c-masthead__content">
1995
1997
  <div
1996
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1998
+ class="pf-v5-c-toolbar pf-m-static"
1997
1999
  id="jump-links-drawer-expanded-masthead-toolbar"
1998
2000
  >
1999
2001
  <div class="pf-v5-c-toolbar__content">
@@ -2029,7 +2031,7 @@ section: components
2029
2031
  </div>
2030
2032
 
2031
2033
  <div
2032
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2034
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2033
2035
  >
2034
2036
  <div
2035
2037
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2236,22 +2238,24 @@ section: components
2236
2238
  </div>
2237
2239
  </div>
2238
2240
  <div class="pf-v5-c-drawer__panel">
2239
- <div class="pf-v5-c-drawer__body">
2240
- <div class="pf-v5-c-drawer__head">
2241
- <span>drawer-panel</span>
2242
- <div class="pf-v5-c-drawer__actions">
2243
- <div class="pf-v5-c-drawer__close">
2244
- <button
2245
- class="pf-v5-c-button pf-m-plain"
2246
- type="button"
2247
- aria-label="Close drawer panel"
2248
- >
2249
- <i class="fas fa-times" aria-hidden="true"></i>
2250
- </button>
2251
- </div>
2241
+ <div class="pf-v5-c-drawer__head">
2242
+ <span>Drawer panel header content</span>
2243
+ <div class="pf-v5-c-drawer__actions">
2244
+ <div class="pf-v5-c-drawer__close">
2245
+ <button
2246
+ class="pf-v5-c-button pf-m-plain"
2247
+ type="button"
2248
+ aria-label="Close drawer panel"
2249
+ >
2250
+ <i class="fas fa-times" aria-hidden="true"></i>
2251
+ </button>
2252
2252
  </div>
2253
2253
  </div>
2254
2254
  </div>
2255
+ <div
2256
+ class="pf-v5-c-drawer__description"
2257
+ >This is a helpful description of the drawer panel.</div>
2258
+ <div class="pf-v5-c-drawer__body">Drawer panel body content</div>
2255
2259
  </div>
2256
2260
  </div>
2257
2261
  </div>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -100,12 +100,12 @@ wrapperTag: div
100
100
  </div>
101
101
  <div class="pf-v5-c-masthead__content">
102
102
  <div
103
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
103
+ class="pf-v5-c-toolbar pf-m-static"
104
104
  id="masthead-basic-example-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
107
107
  <div class="pf-v5-c-toolbar__content-section">
108
- <div class="pf-v5-c-toolbar__group pf-m-align-right">
108
+ <div class="pf-v5-c-toolbar__group pf-m-align-end">
109
109
  <div class="pf-v5-c-toolbar__item">
110
110
  <button
111
111
  class="pf-v5-c-menu-toggle pf-m-plain"
@@ -342,7 +342,7 @@ wrapperTag: div
342
342
  </div>
343
343
  <div class="pf-v5-c-masthead__content">
344
344
  <div
345
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
345
+ class="pf-v5-c-toolbar pf-m-static"
346
346
  id="masthead-context-selecton-drilldown-example-masthead-toolbar"
347
347
  >
348
348
  <div class="pf-v5-c-toolbar__content">
@@ -377,7 +377,7 @@ wrapperTag: div
377
377
  </button>
378
378
  </div>
379
379
  </div>
380
- <div class="pf-v5-c-toolbar__item pf-m-align-right">
380
+ <div class="pf-v5-c-toolbar__item pf-m-align-end">
381
381
  <button
382
382
  class="pf-v5-c-menu-toggle pf-m-plain"
383
383
  type="button"
@@ -612,15 +612,15 @@ wrapperTag: div
612
612
  </div>
613
613
  <div class="pf-v5-c-masthead__content">
614
614
  <div
615
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
615
+ class="pf-v5-c-toolbar pf-m-static"
616
616
  id="masthead-toolbar-filters-example-masthead-toolbar"
617
617
  >
618
618
  <div class="pf-v5-c-toolbar__content">
619
619
  <div class="pf-v5-c-toolbar__content-section">
620
620
  <div
621
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-right"
621
+ class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
622
622
  >
623
- <div class="pf-v5-c-toolbar__toggle">
623
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
624
624
  <button
625
625
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
626
626
  type="button"
@@ -916,15 +916,15 @@ wrapperTag: div
916
916
  </div>
917
917
  <div class="pf-v5-c-masthead__content">
918
918
  <div
919
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
919
+ class="pf-v5-c-toolbar pf-m-static"
920
920
  id="masthead-toggle-group-filters-example-masthead-toolbar"
921
921
  >
922
922
  <div class="pf-v5-c-toolbar__content">
923
923
  <div class="pf-v5-c-toolbar__content-section">
924
924
  <div
925
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg pf-m-align-right"
925
+ class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg pf-m-align-end"
926
926
  >
927
- <div class="pf-v5-c-toolbar__toggle">
927
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
928
928
  <button
929
929
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
930
930
  type="button"
@@ -1220,12 +1220,12 @@ wrapperTag: div
1220
1220
  </div>
1221
1221
  <div class="pf-v5-c-masthead__content">
1222
1222
  <div
1223
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1223
+ class="pf-v5-c-toolbar pf-m-static"
1224
1224
  id="masthead-expandable-search-example-masthead-toolbar"
1225
1225
  >
1226
1226
  <div class="pf-v5-c-toolbar__content">
1227
1227
  <div class="pf-v5-c-toolbar__content-section">
1228
- <div class="pf-v5-c-toolbar__group pf-m-align-right">
1228
+ <div class="pf-v5-c-toolbar__group pf-m-align-end">
1229
1229
  <div class="pf-v5-c-toolbar__item">
1230
1230
  <div class="pf-v5-c-input-group pf-m-plain">
1231
1231
  <div class="pf-v5-c-input-group__item pf-m-plain">
@@ -1465,12 +1465,12 @@ wrapperTag: div
1465
1465
  </div>
1466
1466
  <div class="pf-v5-c-masthead__content">
1467
1467
  <div
1468
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1468
+ class="pf-v5-c-toolbar pf-m-static"
1469
1469
  id="masthead-expandable-search-expanded-example-masthead-toolbar"
1470
1470
  >
1471
1471
  <div class="pf-v5-c-toolbar__content">
1472
1472
  <div class="pf-v5-c-toolbar__content-section">
1473
- <div class="pf-v5-c-toolbar__group pf-m-align-right">
1473
+ <div class="pf-v5-c-toolbar__group pf-m-align-end">
1474
1474
  <div class="pf-v5-c-toolbar__item">
1475
1475
  <div class="pf-v5-c-input-group pf-m-plain">
1476
1476
  <div class="pf-v5-c-input-group__item pf-m-fill">
@@ -1728,7 +1728,7 @@ wrapperTag: div
1728
1728
  </div>
1729
1729
  <div class="pf-v5-c-masthead__content">
1730
1730
  <div
1731
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1731
+ class="pf-v5-c-toolbar pf-m-static"
1732
1732
  id="masthead-advanced-with-menu-example-masthead-toolbar"
1733
1733
  >
1734
1734
  <div class="pf-v5-c-toolbar__content">
@@ -1764,7 +1764,7 @@ wrapperTag: div
1764
1764
  </div>
1765
1765
 
1766
1766
  <div
1767
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1767
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1768
1768
  >
1769
1769
  <div
1770
1770
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2024,7 +2024,7 @@ wrapperTag: div
2024
2024
  </div>
2025
2025
  <div class="pf-v5-c-masthead__content">
2026
2026
  <div
2027
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2027
+ class="pf-v5-c-toolbar pf-m-static"
2028
2028
  id="masthead-horizontal-nav-masthead-toolbar"
2029
2029
  >
2030
2030
  <div class="pf-v5-c-toolbar__content">
@@ -2114,7 +2114,7 @@ wrapperTag: div
2114
2114
  </nav>
2115
2115
  </div>
2116
2116
  <div
2117
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2117
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2118
2118
  >
2119
2119
  <div
2120
2120
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2360,15 +2360,15 @@ wrapperTag: div
2360
2360
  </div>
2361
2361
  <div class="pf-v5-c-masthead__content">
2362
2362
  <div
2363
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2363
+ class="pf-v5-c-toolbar pf-m-static"
2364
2364
  id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar"
2365
2365
  >
2366
2366
  <div class="pf-v5-c-toolbar__content">
2367
2367
  <div class="pf-v5-c-toolbar__content-section">
2368
2368
  <div
2369
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-right"
2369
+ class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
2370
2370
  >
2371
- <div class="pf-v5-c-toolbar__toggle">
2371
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2372
2372
  <button
2373
2373
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
2374
2374
  type="button"
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -99,7 +99,7 @@ section: components
99
99
  </div>
100
100
  <div class="pf-v5-c-masthead__content">
101
101
  <div
102
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
102
+ class="pf-v5-c-toolbar pf-m-static"
103
103
  id="modal-basic-example-masthead-toolbar"
104
104
  >
105
105
  <div class="pf-v5-c-toolbar__content">
@@ -135,7 +135,7 @@ section: components
135
135
  </div>
136
136
 
137
137
  <div
138
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
138
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
139
139
  >
140
140
  <div
141
141
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -445,7 +445,7 @@ section: components
445
445
  </div>
446
446
  <div class="pf-v5-c-masthead__content">
447
447
  <div
448
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
448
+ class="pf-v5-c-toolbar pf-m-static"
449
449
  id="modal-scrollable-content-example-masthead-toolbar"
450
450
  >
451
451
  <div class="pf-v5-c-toolbar__content">
@@ -481,7 +481,7 @@ section: components
481
481
  </div>
482
482
 
483
483
  <div
484
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
484
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
485
485
  >
486
486
  <div
487
487
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -797,7 +797,7 @@ section: components
797
797
  </div>
798
798
  <div class="pf-v5-c-masthead__content">
799
799
  <div
800
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
800
+ class="pf-v5-c-toolbar pf-m-static"
801
801
  id="modal-medium-example-masthead-toolbar"
802
802
  >
803
803
  <div class="pf-v5-c-toolbar__content">
@@ -833,7 +833,7 @@ section: components
833
833
  </div>
834
834
 
835
835
  <div
836
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
836
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
837
837
  >
838
838
  <div
839
839
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1139,7 +1139,7 @@ section: components
1139
1139
  </div>
1140
1140
  <div class="pf-v5-c-masthead__content">
1141
1141
  <div
1142
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1142
+ class="pf-v5-c-toolbar pf-m-static"
1143
1143
  id="modal-large-example-masthead-toolbar"
1144
1144
  >
1145
1145
  <div class="pf-v5-c-toolbar__content">
@@ -1175,7 +1175,7 @@ section: components
1175
1175
  </div>
1176
1176
 
1177
1177
  <div
1178
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1178
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1179
1179
  >
1180
1180
  <div
1181
1181
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1481,7 +1481,7 @@ section: components
1481
1481
  </div>
1482
1482
  <div class="pf-v5-c-masthead__content">
1483
1483
  <div
1484
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1484
+ class="pf-v5-c-toolbar pf-m-static"
1485
1485
  id="modal-large-example-masthead-toolbar"
1486
1486
  >
1487
1487
  <div class="pf-v5-c-toolbar__content">
@@ -1517,7 +1517,7 @@ section: components
1517
1517
  </div>
1518
1518
 
1519
1519
  <div
1520
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1520
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1521
1521
  >
1522
1522
  <div
1523
1523
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1823,7 +1823,7 @@ section: components
1823
1823
  </div>
1824
1824
  <div class="pf-v5-c-masthead__content">
1825
1825
  <div
1826
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1826
+ class="pf-v5-c-toolbar pf-m-static"
1827
1827
  id="modal-with-form-example-masthead-toolbar"
1828
1828
  >
1829
1829
  <div class="pf-v5-c-toolbar__content">
@@ -1859,7 +1859,7 @@ section: components
1859
1859
  </div>
1860
1860
 
1861
1861
  <div
1862
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1862
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1863
1863
  >
1864
1864
  <div
1865
1865
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -99,7 +99,7 @@ section: components
99
99
  </div>
100
100
  <div class="pf-v5-c-masthead__content">
101
101
  <div
102
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
102
+ class="pf-v5-c-toolbar pf-m-static"
103
103
  id="nav-basic-example-masthead-toolbar"
104
104
  >
105
105
  <div class="pf-v5-c-toolbar__content">
@@ -135,7 +135,7 @@ section: components
135
135
  </div>
136
136
 
137
137
  <div
138
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
138
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
139
139
  >
140
140
  <div
141
141
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -404,7 +404,7 @@ section: components
404
404
  </div>
405
405
  <div class="pf-v5-c-masthead__content">
406
406
  <div
407
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
407
+ class="pf-v5-c-toolbar pf-m-static"
408
408
  id="nav-grouped-nav-example-masthead-toolbar"
409
409
  >
410
410
  <div class="pf-v5-c-toolbar__content">
@@ -440,7 +440,7 @@ section: components
440
440
  </div>
441
441
 
442
442
  <div
443
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
443
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
444
444
  >
445
445
  <div
446
446
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -733,7 +733,7 @@ section: components
733
733
  </div>
734
734
  <div class="pf-v5-c-masthead__content">
735
735
  <div
736
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
736
+ class="pf-v5-c-toolbar pf-m-static"
737
737
  id="nav-expandable-example-masthead-toolbar"
738
738
  >
739
739
  <div class="pf-v5-c-toolbar__content">
@@ -769,7 +769,7 @@ section: components
769
769
  </div>
770
770
 
771
771
  <div
772
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
772
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
773
773
  >
774
774
  <div
775
775
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1109,7 +1109,7 @@ section: components
1109
1109
  </div>
1110
1110
  <div class="pf-v5-c-masthead__content">
1111
1111
  <div
1112
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1112
+ class="pf-v5-c-toolbar pf-m-static"
1113
1113
  id="nav-horizontal-example-masthead-toolbar"
1114
1114
  >
1115
1115
  <div class="pf-v5-c-toolbar__content">
@@ -1199,7 +1199,7 @@ section: components
1199
1199
  </nav>
1200
1200
  </div>
1201
1201
  <div
1202
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1202
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1203
1203
  >
1204
1204
  <div
1205
1205
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1437,7 +1437,7 @@ section: components
1437
1437
  </div>
1438
1438
  <div class="pf-v5-c-masthead__content">
1439
1439
  <div
1440
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1440
+ class="pf-v5-c-toolbar pf-m-static"
1441
1441
  id="nav-horizontal-subnav-example-masthead-toolbar"
1442
1442
  >
1443
1443
  <div class="pf-v5-c-toolbar__content">
@@ -1473,7 +1473,7 @@ section: components
1473
1473
  </div>
1474
1474
 
1475
1475
  <div
1476
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1476
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1477
1477
  >
1478
1478
  <div
1479
1479
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1825,7 +1825,7 @@ section: components
1825
1825
  </div>
1826
1826
  <div class="pf-v5-c-masthead__content">
1827
1827
  <div
1828
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1828
+ class="pf-v5-c-toolbar pf-m-static"
1829
1829
  id="nav-horizontal-example-masthead-toolbar"
1830
1830
  >
1831
1831
  <div class="pf-v5-c-toolbar__content">
@@ -1915,7 +1915,7 @@ section: components
1915
1915
  </nav>
1916
1916
  </div>
1917
1917
  <div
1918
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1918
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1919
1919
  >
1920
1920
  <div
1921
1921
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -99,7 +99,7 @@ section: components
99
99
  </div>
100
100
  <div class="pf-v5-c-masthead__content">
101
101
  <div
102
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
102
+ class="pf-v5-c-toolbar pf-m-static"
103
103
  id="drawer-collapsed-example-page-masthead-toolbar"
104
104
  >
105
105
  <div class="pf-v5-c-toolbar__content">
@@ -135,7 +135,7 @@ section: components
135
135
  </div>
136
136
 
137
137
  <div
138
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
138
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
139
139
  >
140
140
  <div class="pf-v5-c-toolbar__item">
141
141
  <button
@@ -1096,7 +1096,7 @@ section: components
1096
1096
  </div>
1097
1097
  <div class="pf-v5-c-masthead__content">
1098
1098
  <div
1099
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1099
+ class="pf-v5-c-toolbar pf-m-static"
1100
1100
  id="drawer-expanded-read-example-page-masthead-toolbar"
1101
1101
  >
1102
1102
  <div class="pf-v5-c-toolbar__content">
@@ -1132,7 +1132,7 @@ section: components
1132
1132
  </div>
1133
1133
 
1134
1134
  <div
1135
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1135
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1136
1136
  >
1137
1137
  <div class="pf-v5-c-toolbar__item">
1138
1138
  <button
@@ -2096,7 +2096,7 @@ section: components
2096
2096
  </div>
2097
2097
  <div class="pf-v5-c-masthead__content">
2098
2098
  <div
2099
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2099
+ class="pf-v5-c-toolbar pf-m-static"
2100
2100
  id="drawer-expanded-unread-example-page-masthead-toolbar"
2101
2101
  >
2102
2102
  <div class="pf-v5-c-toolbar__content">
@@ -2132,7 +2132,7 @@ section: components
2132
2132
  </div>
2133
2133
 
2134
2134
  <div
2135
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2135
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2136
2136
  >
2137
2137
  <div class="pf-v5-c-toolbar__item">
2138
2138
  <button
@@ -3099,7 +3099,7 @@ section: components
3099
3099
  </div>
3100
3100
  <div class="pf-v5-c-masthead__content">
3101
3101
  <div
3102
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3102
+ class="pf-v5-c-toolbar pf-m-static"
3103
3103
  id="drawer-expanded-attention-example-page-masthead-toolbar"
3104
3104
  >
3105
3105
  <div class="pf-v5-c-toolbar__content">
@@ -3135,7 +3135,7 @@ section: components
3135
3135
  </div>
3136
3136
 
3137
3137
  <div
3138
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3138
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
3139
3139
  >
3140
3140
  <div class="pf-v5-c-toolbar__item">
3141
3141
  <button
@@ -4101,7 +4101,7 @@ section: components
4101
4101
  </div>
4102
4102
  <div class="pf-v5-c-masthead__content">
4103
4103
  <div
4104
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
4104
+ class="pf-v5-c-toolbar pf-m-static"
4105
4105
  id="drawer-expanded-with-groups-example-page-masthead-toolbar"
4106
4106
  >
4107
4107
  <div class="pf-v5-c-toolbar__content">
@@ -4137,7 +4137,7 @@ section: components
4137
4137
  </div>
4138
4138
 
4139
4139
  <div
4140
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
4140
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
4141
4141
  >
4142
4142
  <div class="pf-v5-c-toolbar__item">
4143
4143
  <button