@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/AboutModal/examples/AboutModal.md CHANGED
@@ -101,7 +101,7 @@ This demo implements the about modal, including the backdrop.
101
101
  </div>
102
102
  <div class="pf-v5-c-masthead__content">
103
103
  <div
104
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
104
+ class="pf-v5-c-toolbar pf-m-static"
105
105
  id="modal-basic-example-masthead-toolbar"
106
106
  >
107
107
  <div class="pf-v5-c-toolbar__content">
@@ -137,7 +137,7 @@ This demo implements the about modal, including the backdrop.
137
137
  </div>
138
138
 
139
139
  <div
140
- 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"
140
+ 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"
141
141
  >
142
142
  <div
143
143
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Alert/examples/Alert.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="alert-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"
@@ -475,7 +475,7 @@ section: components
475
475
  </div>
476
476
  <div class="pf-v5-c-masthead__content">
477
477
  <div
478
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
478
+ class="pf-v5-c-toolbar pf-m-static"
479
479
  id="alert-horizontal-example-masthead-toolbar"
480
480
  >
481
481
  <div class="pf-v5-c-toolbar__content">
@@ -511,7 +511,7 @@ section: components
511
511
  </div>
512
512
 
513
513
  <div
514
- 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"
514
+ 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"
515
515
  >
516
516
  <div
517
517
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -944,7 +944,7 @@ section: components
944
944
  </div>
945
945
  <div class="pf-v5-c-masthead__content">
946
946
  <div
947
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
947
+ class="pf-v5-c-toolbar pf-m-static"
948
948
  id="alert-stacked-example-masthead-toolbar"
949
949
  >
950
950
  <div class="pf-v5-c-toolbar__content">
@@ -980,7 +980,7 @@ section: components
980
980
  </div>
981
981
 
982
982
  <div
983
- 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"
983
+ 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"
984
984
  >
985
985
  <div
986
986
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -100,7 +100,7 @@ cssPrefix: pf-d-back-to-top
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="back-to-top-basic-example-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
@@ -136,7 +136,7 @@ cssPrefix: pf-d-back-to-top
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -101,7 +101,7 @@ wrapperTag: div
101
101
  </div>
102
102
  <div class="pf-v5-c-masthead__content">
103
103
  <div
104
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
104
+ class="pf-v5-c-toolbar pf-m-static"
105
105
  id="banner-basic-example-masthead-toolbar"
106
106
  >
107
107
  <div class="pf-v5-c-toolbar__content">
@@ -137,7 +137,7 @@ wrapperTag: div
137
137
  </div>
138
138
 
139
139
  <div
140
- 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"
140
+ 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"
141
141
  >
142
142
  <div
143
143
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -569,7 +569,7 @@ wrapperTag: div
569
569
  </div>
570
570
  <div class="pf-v5-c-masthead__content">
571
571
  <div
572
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
572
+ class="pf-v5-c-toolbar pf-m-static"
573
573
  id="banner-top-bottom-example-masthead-toolbar"
574
574
  >
575
575
  <div class="pf-v5-c-toolbar__content">
@@ -605,7 +605,7 @@ wrapperTag: div
605
605
  </div>
606
606
 
607
607
  <div
608
- 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"
608
+ 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"
609
609
  >
610
610
  <div
611
611
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -99,7 +99,7 @@ section: patterns
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="card-view-basic-example-masthead-toolbar"
104
104
  >
105
105
  <div class="pf-v5-c-toolbar__content">
@@ -135,7 +135,7 @@ section: patterns
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"
@@ -357,7 +357,7 @@ section: patterns
357
357
  <div
358
358
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
359
359
  >
360
- <div class="pf-v5-c-toolbar__toggle">
360
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
361
361
  <button
362
362
  class="pf-v5-c-menu-toggle pf-m-plain"
363
363
  type="button"
package/docs/demos/ContextSelector/examples/ContextSelector.md CHANGED
@@ -101,7 +101,7 @@ deprecated: true
101
101
  </div>
102
102
  <div class="pf-v5-c-masthead__content">
103
103
  <div
104
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
104
+ class="pf-v5-c-toolbar pf-m-static"
105
105
  id="context-selector-in-masthead-masthead-toolbar"
106
106
  >
107
107
  <div class="pf-v5-c-toolbar__content">
@@ -345,7 +345,7 @@ deprecated: true
345
345
  </div>
346
346
  <div class="pf-v5-c-masthead__content">
347
347
  <div
348
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
348
+ class="pf-v5-c-toolbar pf-m-static"
349
349
  id="context-selector-in-sidebar-example-masthead-toolbar"
350
350
  >
351
351
  <div class="pf-v5-c-toolbar__content">
@@ -381,7 +381,7 @@ deprecated: true
381
381
  </div>
382
382
 
383
383
  <div
384
- 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"
384
+ 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"
385
385
  >
386
386
  <div
387
387
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -795,7 +795,7 @@ deprecated: true
795
795
  </div>
796
796
  <div class="pf-v5-c-masthead__content">
797
797
  <div
798
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
798
+ class="pf-v5-c-toolbar pf-m-static"
799
799
  id="context-selector-in-sidebar-expanded-example-masthead-toolbar"
800
800
  >
801
801
  <div class="pf-v5-c-toolbar__content">
@@ -831,7 +831,7 @@ deprecated: true
831
831
  </div>
832
832
 
833
833
  <div
834
- 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"
834
+ 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"
835
835
  >
836
836
  <div
837
837
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1247,7 +1247,7 @@ deprecated: true
1247
1247
  </div>
1248
1248
  <div class="pf-v5-c-masthead__content">
1249
1249
  <div
1250
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1250
+ class="pf-v5-c-toolbar pf-m-static"
1251
1251
  id="context-selector-in-page-content-example-masthead-toolbar"
1252
1252
  >
1253
1253
  <div class="pf-v5-c-toolbar__content">
@@ -1283,7 +1283,7 @@ deprecated: true
1283
1283
  </div>
1284
1284
 
1285
1285
  <div
1286
- 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"
1286
+ 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"
1287
1287
  >
1288
1288
  <div
1289
1289
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -100,7 +100,7 @@ cssPrefix: pf-d-dashboard
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="dashboard-demo-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
@@ -136,7 +136,7 @@ cssPrefix: pf-d-dashboard
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -100,7 +100,7 @@ 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="data-list-basic-example-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
@@ -136,7 +136,7 @@ wrapperTag: div
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -981,7 +981,7 @@ wrapperTag: div
981
981
  </div>
982
982
  <div class="pf-v5-c-masthead__content">
983
983
  <div
984
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
984
+ class="pf-v5-c-toolbar pf-m-static"
985
985
  id="data-list-actionable-example-masthead-toolbar"
986
986
  >
987
987
  <div class="pf-v5-c-toolbar__content">
@@ -1017,7 +1017,7 @@ wrapperTag: div
1017
1017
  </div>
1018
1018
 
1019
1019
  <div
1020
- 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"
1020
+ 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"
1021
1021
  >
1022
1022
  <div
1023
1023
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1159,7 +1159,7 @@ wrapperTag: div
1159
1159
  <div
1160
1160
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1161
1161
  >
1162
- <div class="pf-v5-c-toolbar__toggle">
1162
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1163
1163
  <button
1164
1164
  class="pf-v5-c-menu-toggle pf-m-plain"
1165
1165
  type="button"
@@ -1849,7 +1849,7 @@ wrapperTag: div
1849
1849
  </div>
1850
1850
  <div class="pf-v5-c-masthead__content">
1851
1851
  <div
1852
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1852
+ class="pf-v5-c-toolbar pf-m-static"
1853
1853
  id="data-list-expandable-example-masthead-toolbar"
1854
1854
  >
1855
1855
  <div class="pf-v5-c-toolbar__content">
@@ -1885,7 +1885,7 @@ wrapperTag: div
1885
1885
  </div>
1886
1886
 
1887
1887
  <div
1888
- 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"
1888
+ 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"
1889
1889
  >
1890
1890
  <div
1891
1891
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2045,7 +2045,7 @@ wrapperTag: div
2045
2045
  <div
2046
2046
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
2047
2047
  >
2048
- <div class="pf-v5-c-toolbar__toggle">
2048
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2049
2049
  <button
2050
2050
  class="pf-v5-c-menu-toggle pf-m-plain"
2051
2051
  type="button"
@@ -3526,7 +3526,7 @@ wrapperTag: div
3526
3526
  </div>
3527
3527
  <div class="pf-v5-c-masthead__content">
3528
3528
  <div
3529
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3529
+ class="pf-v5-c-toolbar pf-m-static"
3530
3530
  id="data-list-static-bottom-example-masthead-toolbar"
3531
3531
  >
3532
3532
  <div class="pf-v5-c-toolbar__content">
@@ -3562,7 +3562,7 @@ wrapperTag: div
3562
3562
  </div>
3563
3563
 
3564
3564
  <div
3565
- 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"
3565
+ 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"
3566
3566
  >
3567
3567
  <div
3568
3568
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -3707,7 +3707,7 @@ wrapperTag: div
3707
3707
  <div
3708
3708
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
3709
3709
  >
3710
- <div class="pf-v5-c-toolbar__toggle">
3710
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
3711
3711
  <button
3712
3712
  class="pf-v5-c-menu-toggle pf-m-plain"
3713
3713
  type="button"
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -100,7 +100,7 @@ cssPrefix: pf-d-description-list
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="description-list-basic-example-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
@@ -136,7 +136,7 @@ cssPrefix: pf-d-description-list
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -468,7 +468,7 @@ cssPrefix: pf-d-description-list
468
468
  </div>
469
469
  <div class="pf-v5-c-masthead__content">
470
470
  <div
471
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
471
+ class="pf-v5-c-toolbar pf-m-static"
472
472
  id="description-list-in-drawer-example-masthead-toolbar"
473
473
  >
474
474
  <div class="pf-v5-c-toolbar__content">
@@ -504,7 +504,7 @@ cssPrefix: pf-d-description-list
504
504
  </div>
505
505
 
506
506
  <div
507
- 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"
507
+ 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"
508
508
  >
509
509
  <div
510
510
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1151,7 +1151,7 @@ cssPrefix: pf-d-description-list
1151
1151
  </div>
1152
1152
  <div class="pf-v5-c-masthead__content">
1153
1153
  <div
1154
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1154
+ class="pf-v5-c-toolbar pf-m-static"
1155
1155
  id="description-list-complex-content-example-masthead-toolbar"
1156
1156
  >
1157
1157
  <div class="pf-v5-c-toolbar__content">
@@ -1187,7 +1187,7 @@ cssPrefix: pf-d-description-list
1187
1187
  </div>
1188
1188
 
1189
1189
  <div
1190
- 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"
1190
+ 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"
1191
1191
  >
1192
1192
  <div
1193
1193
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -100,7 +100,7 @@ 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="drawer-collapsed-example-masthead-toolbar"
105
105
  >
106
106
  <div class="pf-v5-c-toolbar__content">
@@ -136,7 +136,7 @@ wrapperTag: div
136
136
  </div>
137
137
 
138
138
  <div
139
- 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"
139
+ 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"
140
140
  >
141
141
  <div
142
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -618,7 +618,7 @@ wrapperTag: div
618
618
  </div>
619
619
  <div class="pf-v5-c-masthead__content">
620
620
  <div
621
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
621
+ class="pf-v5-c-toolbar pf-m-static"
622
622
  id="drawer-expanded-example-masthead-toolbar"
623
623
  >
624
624
  <div class="pf-v5-c-toolbar__content">
@@ -654,7 +654,7 @@ wrapperTag: div
654
654
  </div>
655
655
 
656
656
  <div
657
- 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"
657
+ 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"
658
658
  >
659
659
  <div
660
660
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -947,7 +947,7 @@ wrapperTag: div
947
947
  </div>
948
948
  <div class="pf-v5-c-masthead__content">
949
949
  <div
950
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
950
+ class="pf-v5-c-toolbar pf-m-static"
951
951
  id="drawer-expanded-bottom-example-masthead-toolbar"
952
952
  >
953
953
  <div class="pf-v5-c-toolbar__content">
@@ -983,7 +983,7 @@ wrapperTag: div
983
983
  </div>
984
984
 
985
985
  <div
986
- 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"
986
+ 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"
987
987
  >
988
988
  <div
989
989
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1276,7 +1276,7 @@ wrapperTag: div
1276
1276
  </div>
1277
1277
  <div class="pf-v5-c-masthead__content">
1278
1278
  <div
1279
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1279
+ class="pf-v5-c-toolbar pf-m-static"
1280
1280
  id="drawer-jump-links-masthead-toolbar"
1281
1281
  >
1282
1282
  <div class="pf-v5-c-toolbar__content">
@@ -1312,7 +1312,7 @@ wrapperTag: div
1312
1312
  </div>
1313
1313
 
1314
1314
  <div
1315
- 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"
1315
+ 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"
1316
1316
  >
1317
1317
  <div
1318
1318
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1513,22 +1513,24 @@ wrapperTag: div
1513
1513
  </div>
1514
1514
  </div>
1515
1515
  <div class="pf-v5-c-drawer__panel" hidden>
1516
- <div class="pf-v5-c-drawer__body">
1517
- <div class="pf-v5-c-drawer__head">
1518
- <span>drawer-panel</span>
1519
- <div class="pf-v5-c-drawer__actions">
1520
- <div class="pf-v5-c-drawer__close">
1521
- <button
1522
- class="pf-v5-c-button pf-m-plain"
1523
- type="button"
1524
- aria-label="Close drawer panel"
1525
- >
1526
- <i class="fas fa-times" aria-hidden="true"></i>
1527
- </button>
1528
- </div>
1516
+ <div class="pf-v5-c-drawer__head">
1517
+ <span>Drawer panel header content</span>
1518
+ <div class="pf-v5-c-drawer__actions">
1519
+ <div class="pf-v5-c-drawer__close">
1520
+ <button
1521
+ class="pf-v5-c-button pf-m-plain"
1522
+ type="button"
1523
+ aria-label="Close drawer panel"
1524
+ >
1525
+ <i class="fas fa-times" aria-hidden="true"></i>
1526
+ </button>
1529
1527
  </div>
1530
1528
  </div>
1531
1529
  </div>
1530
+ <div
1531
+ class="pf-v5-c-drawer__description"
1532
+ >This is a helpful description of the drawer panel.</div>
1533
+ <div class="pf-v5-c-drawer__body">Drawer panel body content</div>
1532
1534
  </div>
1533
1535
  </div>
1534
1536
  </div>
@@ -1633,7 +1635,7 @@ wrapperTag: div
1633
1635
  </div>
1634
1636
  <div class="pf-v5-c-masthead__content">
1635
1637
  <div
1636
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1638
+ class="pf-v5-c-toolbar pf-m-static"
1637
1639
  id="drawer-expanded-jump-links-masthead-toolbar"
1638
1640
  >
1639
1641
  <div class="pf-v5-c-toolbar__content">
@@ -1669,7 +1671,7 @@ wrapperTag: div
1669
1671
  </div>
1670
1672
 
1671
1673
  <div
1672
- 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"
1674
+ 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"
1673
1675
  >
1674
1676
  <div
1675
1677
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1876,22 +1878,24 @@ wrapperTag: div
1876
1878
  </div>
1877
1879
  </div>
1878
1880
  <div class="pf-v5-c-drawer__panel">
1879
- <div class="pf-v5-c-drawer__body">
1880
- <div class="pf-v5-c-drawer__head">
1881
- <span>drawer-panel</span>
1882
- <div class="pf-v5-c-drawer__actions">
1883
- <div class="pf-v5-c-drawer__close">
1884
- <button
1885
- class="pf-v5-c-button pf-m-plain"
1886
- type="button"
1887
- aria-label="Close drawer panel"
1888
- >
1889
- <i class="fas fa-times" aria-hidden="true"></i>
1890
- </button>
1891
- </div>
1881
+ <div class="pf-v5-c-drawer__head">
1882
+ <span>Drawer panel header content</span>
1883
+ <div class="pf-v5-c-drawer__actions">
1884
+ <div class="pf-v5-c-drawer__close">
1885
+ <button
1886
+ class="pf-v5-c-button pf-m-plain"
1887
+ type="button"
1888
+ aria-label="Close drawer panel"
1889
+ >
1890
+ <i class="fas fa-times" aria-hidden="true"></i>
1891
+ </button>
1892
1892
  </div>
1893
1893
  </div>
1894
1894
  </div>
1895
+ <div
1896
+ class="pf-v5-c-drawer__description"
1897
+ >This is a helpful description of the drawer panel.</div>
1898
+ <div class="pf-v5-c-drawer__body">Drawer panel body content</div>
1895
1899
  </div>
1896
1900
  </div>
1897
1901
  </div>