@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/Table/examples/Table.md CHANGED
@@ -101,10 +101,7 @@ wrapperTag: div
101
101
  </a>
102
102
  </div>
103
103
  <div class="pf-v5-c-masthead__content">
104
- <div
105
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
106
- id="basic-demo-masthead-toolbar"
107
- >
104
+ <div class="pf-v5-c-toolbar pf-m-static" id="basic-demo-masthead-toolbar">
108
105
  <div class="pf-v5-c-toolbar__content">
109
106
  <div class="pf-v5-c-toolbar__content-section">
110
107
  <div class="pf-v5-c-toolbar__item">
@@ -138,7 +135,7 @@ wrapperTag: div
138
135
  </div>
139
136
 
140
137
  <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"
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"
142
139
  >
143
140
  <div
144
141
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -272,7 +269,7 @@ wrapperTag: div
272
269
  <div
273
270
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
274
271
  >
275
- <div class="pf-v5-c-toolbar__toggle">
272
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
276
273
  <button
277
274
  class="pf-v5-c-menu-toggle pf-m-plain"
278
275
  type="button"
@@ -1304,7 +1301,7 @@ wrapperTag: div
1304
1301
  </div>
1305
1302
  <div class="pf-v5-c-masthead__content">
1306
1303
  <div
1307
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1304
+ class="pf-v5-c-toolbar pf-m-static"
1308
1305
  id="sortable-demo-masthead-toolbar"
1309
1306
  >
1310
1307
  <div class="pf-v5-c-toolbar__content">
@@ -1340,7 +1337,7 @@ wrapperTag: div
1340
1337
  </div>
1341
1338
 
1342
1339
  <div
1343
- 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"
1340
+ 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"
1344
1341
  >
1345
1342
  <div
1346
1343
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1482,7 +1479,7 @@ wrapperTag: div
1482
1479
  <div
1483
1480
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1484
1481
  >
1485
- <div class="pf-v5-c-toolbar__toggle">
1482
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1486
1483
  <button
1487
1484
  class="pf-v5-c-menu-toggle pf-m-plain"
1488
1485
  type="button"
@@ -2679,7 +2676,7 @@ wrapperTag: div
2679
2676
  </div>
2680
2677
  <div class="pf-v5-c-masthead__content">
2681
2678
  <div
2682
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2679
+ class="pf-v5-c-toolbar pf-m-static"
2683
2680
  id="expandable-demo-masthead-toolbar"
2684
2681
  >
2685
2682
  <div class="pf-v5-c-toolbar__content">
@@ -2715,7 +2712,7 @@ wrapperTag: div
2715
2712
  </div>
2716
2713
 
2717
2714
  <div
2718
- 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"
2715
+ 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"
2719
2716
  >
2720
2717
  <div
2721
2718
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2857,7 +2854,7 @@ wrapperTag: div
2857
2854
  <div
2858
2855
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
2859
2856
  >
2860
- <div class="pf-v5-c-toolbar__toggle">
2857
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2861
2858
  <button
2862
2859
  class="pf-v5-c-menu-toggle pf-m-plain"
2863
2860
  type="button"
@@ -4301,7 +4298,7 @@ wrapperTag: div
4301
4298
  </div>
4302
4299
  <div class="pf-v5-c-masthead__content">
4303
4300
  <div
4304
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
4301
+ class="pf-v5-c-toolbar pf-m-static"
4305
4302
  id="compact-demo-masthead-toolbar"
4306
4303
  >
4307
4304
  <div class="pf-v5-c-toolbar__content">
@@ -4337,7 +4334,7 @@ wrapperTag: div
4337
4334
  </div>
4338
4335
 
4339
4336
  <div
4340
- 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"
4337
+ 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"
4341
4338
  >
4342
4339
  <div
4343
4340
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -4475,7 +4472,7 @@ wrapperTag: div
4475
4472
  <div
4476
4473
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
4477
4474
  >
4478
- <div class="pf-v5-c-toolbar__toggle">
4475
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
4479
4476
  <button
4480
4477
  class="pf-v5-c-menu-toggle pf-m-plain"
4481
4478
  type="button"
@@ -5576,7 +5573,7 @@ wrapperTag: div
5576
5573
  </div>
5577
5574
  <div class="pf-v5-c-masthead__content">
5578
5575
  <div
5579
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
5576
+ class="pf-v5-c-toolbar pf-m-static"
5580
5577
  id="compound-expansion-demo-masthead-toolbar"
5581
5578
  >
5582
5579
  <div class="pf-v5-c-toolbar__content">
@@ -5612,7 +5609,7 @@ wrapperTag: div
5612
5609
  </div>
5613
5610
 
5614
5611
  <div
5615
- 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"
5612
+ 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"
5616
5613
  >
5617
5614
  <div
5618
5615
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -5754,7 +5751,7 @@ wrapperTag: div
5754
5751
  <div
5755
5752
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
5756
5753
  >
5757
- <div class="pf-v5-c-toolbar__toggle">
5754
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
5758
5755
  <button
5759
5756
  class="pf-v5-c-menu-toggle pf-m-plain"
5760
5757
  type="button"
@@ -10987,7 +10984,7 @@ wrapperTag: div
10987
10984
  </div>
10988
10985
  <div class="pf-v5-c-masthead__content">
10989
10986
  <div
10990
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
10987
+ class="pf-v5-c-toolbar pf-m-static"
10991
10988
  id="loading-state-demo-masthead-toolbar"
10992
10989
  >
10993
10990
  <div class="pf-v5-c-toolbar__content">
@@ -11023,7 +11020,7 @@ wrapperTag: div
11023
11020
  </div>
11024
11021
 
11025
11022
  <div
11026
- 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"
11023
+ 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"
11027
11024
  >
11028
11025
  <div
11029
11026
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -11339,7 +11336,7 @@ wrapperTag: div
11339
11336
  </div>
11340
11337
  <div class="pf-v5-c-masthead__content">
11341
11338
  <div
11342
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
11339
+ class="pf-v5-c-toolbar pf-m-static"
11343
11340
  id="empty-state-demo-masthead-toolbar"
11344
11341
  >
11345
11342
  <div class="pf-v5-c-toolbar__content">
@@ -11375,7 +11372,7 @@ wrapperTag: div
11375
11372
  </div>
11376
11373
 
11377
11374
  <div
11378
- 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"
11375
+ 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"
11379
11376
  >
11380
11377
  <div
11381
11378
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -11686,7 +11683,7 @@ wrapperTag: div
11686
11683
  </div>
11687
11684
  <div class="pf-v5-c-masthead__content">
11688
11685
  <div
11689
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
11686
+ class="pf-v5-c-toolbar pf-m-static"
11690
11687
  id="static-bottom-pagination-demo-masthead-toolbar"
11691
11688
  >
11692
11689
  <div class="pf-v5-c-toolbar__content">
@@ -11722,7 +11719,7 @@ wrapperTag: div
11722
11719
  </div>
11723
11720
 
11724
11721
  <div
11725
- 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"
11722
+ 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"
11726
11723
  >
11727
11724
  <div
11728
11725
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -11864,7 +11861,7 @@ wrapperTag: div
11864
11861
  <div
11865
11862
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
11866
11863
  >
11867
- <div class="pf-v5-c-toolbar__toggle">
11864
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
11868
11865
  <button
11869
11866
  class="pf-v5-c-menu-toggle pf-m-plain"
11870
11867
  type="button"
@@ -13069,7 +13066,7 @@ wrapperTag: div
13069
13066
  </div>
13070
13067
  <div class="pf-v5-c-masthead__content">
13071
13068
  <div
13072
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
13069
+ class="pf-v5-c-toolbar pf-m-static"
13073
13070
  id="column-management-demo-masthead-toolbar"
13074
13071
  >
13075
13072
  <div class="pf-v5-c-toolbar__content">
@@ -13105,7 +13102,7 @@ wrapperTag: div
13105
13102
  </div>
13106
13103
 
13107
13104
  <div
13108
- 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"
13105
+ 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"
13109
13106
  >
13110
13107
  <div
13111
13108
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -13247,7 +13244,7 @@ wrapperTag: div
13247
13244
  <div
13248
13245
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
13249
13246
  >
13250
- <div class="pf-v5-c-toolbar__toggle">
13247
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
13251
13248
  <button
13252
13249
  class="pf-v5-c-menu-toggle pf-m-plain"
13253
13250
  type="button"
@@ -14546,7 +14543,7 @@ wrapperTag: div
14546
14543
  </div>
14547
14544
  <div class="pf-v5-c-masthead__content">
14548
14545
  <div
14549
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
14546
+ class="pf-v5-c-toolbar pf-m-static"
14550
14547
  id="sticky-header-demo-masthead-toolbar"
14551
14548
  >
14552
14549
  <div class="pf-v5-c-toolbar__content">
@@ -14582,7 +14579,7 @@ wrapperTag: div
14582
14579
  </div>
14583
14580
 
14584
14581
  <div
14585
- 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"
14582
+ 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"
14586
14583
  >
14587
14584
  <div
14588
14585
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -14724,7 +14721,7 @@ wrapperTag: div
14724
14721
  <div
14725
14722
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
14726
14723
  >
14727
- <div class="pf-v5-c-toolbar__toggle">
14724
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
14728
14725
  <button
14729
14726
  class="pf-v5-c-menu-toggle pf-m-plain"
14730
14727
  type="button"
@@ -15929,7 +15926,7 @@ wrapperTag: div
15929
15926
  </div>
15930
15927
  <div class="pf-v5-c-masthead__content">
15931
15928
  <div
15932
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
15929
+ class="pf-v5-c-toolbar pf-m-static"
15933
15930
  id="sticky-first-column-demo-masthead-toolbar"
15934
15931
  >
15935
15932
  <div class="pf-v5-c-toolbar__content">
@@ -15965,7 +15962,7 @@ wrapperTag: div
15965
15962
  </div>
15966
15963
 
15967
15964
  <div
15968
- 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"
15965
+ 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"
15969
15966
  >
15970
15967
  <div
15971
15968
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -16108,7 +16105,7 @@ wrapperTag: div
16108
16105
  <div
16109
16106
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
16110
16107
  >
16111
- <div class="pf-v5-c-toolbar__toggle">
16108
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
16112
16109
  <button
16113
16110
  class="pf-v5-c-menu-toggle pf-m-plain"
16114
16111
  type="button"
@@ -17097,7 +17094,7 @@ wrapperTag: div
17097
17094
  </div>
17098
17095
  <div class="pf-v5-c-masthead__content">
17099
17096
  <div
17100
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
17097
+ class="pf-v5-c-toolbar pf-m-static"
17101
17098
  id="sticky-multiple-columns-demo-masthead-toolbar"
17102
17099
  >
17103
17100
  <div class="pf-v5-c-toolbar__content">
@@ -17133,7 +17130,7 @@ wrapperTag: div
17133
17130
  </div>
17134
17131
 
17135
17132
  <div
17136
- 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"
17133
+ 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"
17137
17134
  >
17138
17135
  <div
17139
17136
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -17279,7 +17276,7 @@ wrapperTag: div
17279
17276
  <div
17280
17277
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
17281
17278
  >
17282
- <div class="pf-v5-c-toolbar__toggle">
17279
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
17283
17280
  <button
17284
17281
  class="pf-v5-c-menu-toggle pf-m-plain"
17285
17282
  type="button"
@@ -18290,7 +18287,7 @@ wrapperTag: div
18290
18287
  </div>
18291
18288
  <div class="pf-v5-c-masthead__content">
18292
18289
  <div
18293
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
18290
+ class="pf-v5-c-toolbar pf-m-static"
18294
18291
  id="sticky-header-and-multiple columns-demo-masthead-toolbar"
18295
18292
  >
18296
18293
  <div class="pf-v5-c-toolbar__content">
@@ -18326,7 +18323,7 @@ wrapperTag: div
18326
18323
  </div>
18327
18324
 
18328
18325
  <div
18329
- 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"
18326
+ 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"
18330
18327
  >
18331
18328
  <div
18332
18329
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -18471,7 +18468,7 @@ wrapperTag: div
18471
18468
  <div
18472
18469
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
18473
18470
  >
18474
- <div class="pf-v5-c-toolbar__toggle">
18471
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
18475
18472
  <button
18476
18473
  class="pf-v5-c-menu-toggle pf-m-plain"
18477
18474
  type="button"
@@ -19481,7 +19478,7 @@ wrapperTag: div
19481
19478
  </div>
19482
19479
  <div class="pf-v5-c-masthead__content">
19483
19480
  <div
19484
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
19481
+ class="pf-v5-c-toolbar pf-m-static"
19485
19482
  id="sticky-header-and-multiple columns-demo-masthead-toolbar"
19486
19483
  >
19487
19484
  <div class="pf-v5-c-toolbar__content">
@@ -19517,7 +19514,7 @@ wrapperTag: div
19517
19514
  </div>
19518
19515
 
19519
19516
  <div
19520
- 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"
19517
+ 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"
19521
19518
  >
19522
19519
  <div
19523
19520
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -19662,7 +19659,7 @@ wrapperTag: div
19662
19659
  <div
19663
19660
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
19664
19661
  >
19665
- <div class="pf-v5-c-toolbar__toggle">
19662
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
19666
19663
  <button
19667
19664
  class="pf-v5-c-menu-toggle pf-m-plain"
19668
19665
  type="button"
@@ -20652,7 +20649,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
20652
20649
  </div>
20653
20650
  <div class="pf-v5-c-masthead__content">
20654
20651
  <div
20655
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
20652
+ class="pf-v5-c-toolbar pf-m-static"
20656
20653
  id="image-alignment-demo-masthead-toolbar"
20657
20654
  >
20658
20655
  <div class="pf-v5-c-toolbar__content">
@@ -20688,7 +20685,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
20688
20685
  </div>
20689
20686
 
20690
20687
  <div
20691
- 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"
20688
+ 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"
20692
20689
  >
20693
20690
  <div
20694
20691
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Tabs/examples/Tabs.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="tabs-tables-and-tabs-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"
@@ -664,7 +664,7 @@ section: components
664
664
  </div>
665
665
  <div class="pf-v5-c-masthead__content">
666
666
  <div
667
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
667
+ class="pf-v5-c-toolbar pf-m-static"
668
668
  id="tabs-tables-and-tabs-example-masthead-toolbar"
669
669
  >
670
670
  <div class="pf-v5-c-toolbar__content">
@@ -700,7 +700,7 @@ section: components
700
700
  </div>
701
701
 
702
702
  <div
703
- 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"
703
+ 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"
704
704
  >
705
705
  <div
706
706
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1234,7 +1234,7 @@ section: components
1234
1234
  </div>
1235
1235
  <div class="pf-v5-c-masthead__content">
1236
1236
  <div
1237
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1237
+ class="pf-v5-c-toolbar pf-m-static"
1238
1238
  id="nested-tabs-example-masthead-toolbar"
1239
1239
  >
1240
1240
  <div class="pf-v5-c-toolbar__content">
@@ -1270,7 +1270,7 @@ section: components
1270
1270
  </div>
1271
1271
 
1272
1272
  <div
1273
- 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"
1273
+ 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"
1274
1274
  >
1275
1275
  <div
1276
1276
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1708,7 +1708,7 @@ section: components
1708
1708
  </div>
1709
1709
  <div class="pf-v5-c-masthead__content">
1710
1710
  <div
1711
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1711
+ class="pf-v5-c-toolbar pf-m-static"
1712
1712
  id="table-tabs-example-masthead-toolbar"
1713
1713
  >
1714
1714
  <div class="pf-v5-c-toolbar__content">
@@ -1744,7 +1744,7 @@ section: components
1744
1744
  </div>
1745
1745
 
1746
1746
  <div
1747
- 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"
1747
+ 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"
1748
1748
  >
1749
1749
  <div
1750
1750
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1886,7 +1886,7 @@ section: components
1886
1886
  <div
1887
1887
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1888
1888
  >
1889
- <div class="pf-v5-c-toolbar__toggle">
1889
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1890
1890
  <button
1891
1891
  class="pf-v5-c-menu-toggle pf-m-plain"
1892
1892
  type="button"
@@ -3073,7 +3073,7 @@ section: components
3073
3073
  </div>
3074
3074
  <div class="pf-v5-c-masthead__content">
3075
3075
  <div
3076
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3076
+ class="pf-v5-c-toolbar pf-m-static"
3077
3077
  id="modal-tabs-example-masthead-toolbar"
3078
3078
  >
3079
3079
  <div class="pf-v5-c-toolbar__content">
@@ -3109,7 +3109,7 @@ section: components
3109
3109
  </div>
3110
3110
 
3111
3111
  <div
3112
- 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"
3112
+ 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"
3113
3113
  >
3114
3114
  <div
3115
3115
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -3379,7 +3379,7 @@ section: components
3379
3379
  </div>
3380
3380
  <div class="pf-v5-c-masthead__content">
3381
3381
  <div
3382
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3382
+ class="pf-v5-c-toolbar pf-m-static"
3383
3383
  id="gray-tabs-example-masthead-toolbar"
3384
3384
  >
3385
3385
  <div class="pf-v5-c-toolbar__content">
@@ -3415,7 +3415,7 @@ section: components
3415
3415
  </div>
3416
3416
 
3417
3417
  <div
3418
- 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"
3418
+ 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"
3419
3419
  >
3420
3420
  <div
3421
3421
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -15,7 +15,7 @@ section: components
15
15
  <div class="pf-v5-c-toolbar__content">
16
16
  <div class="pf-v5-c-toolbar__content-section">
17
17
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
18
- <div class="pf-v5-c-toolbar__toggle">
18
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
19
19
  <button
20
20
  class="pf-v5-c-menu-toggle pf-m-plain"
21
21
  type="button"
@@ -314,7 +314,7 @@ section: components
314
314
  </div>
315
315
  <div class="pf-v5-c-masthead__content">
316
316
  <div
317
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
317
+ class="pf-v5-c-toolbar pf-m-static"
318
318
  id="toolbar-pagination-management-example-masthead-toolbar"
319
319
  >
320
320
  <div class="pf-v5-c-toolbar__content">
@@ -350,7 +350,7 @@ section: components
350
350
  </div>
351
351
 
352
352
  <div
353
- 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"
353
+ 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"
354
354
  >
355
355
  <div
356
356
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -487,9 +487,9 @@ section: components
487
487
  <div class="pf-v5-c-toolbar__content">
488
488
  <div class="pf-v5-c-toolbar__content-section">
489
489
  <div
490
- class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-2xl"
490
+ class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg"
491
491
  >
492
- <div class="pf-v5-c-toolbar__toggle">
492
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
493
493
  <button
494
494
  class="pf-v5-c-menu-toggle pf-m-plain"
495
495
  type="button"
@@ -1272,7 +1272,7 @@ section: components
1272
1272
  <div class="pf-v5-c-toolbar__content">
1273
1273
  <div class="pf-v5-c-toolbar__content-section">
1274
1274
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
1275
- <div class="pf-v5-c-toolbar__toggle">
1275
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1276
1276
  <button
1277
1277
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
1278
1278
  type="button"
@@ -1477,7 +1477,7 @@ section: components
1477
1477
  <div class="pf-v5-c-toolbar__content">
1478
1478
  <div class="pf-v5-c-toolbar__content-section">
1479
1479
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
1480
- <div class="pf-v5-c-toolbar__toggle">
1480
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1481
1481
  <button
1482
1482
  class="pf-v5-c-menu-toggle pf-m-plain"
1483
1483
  type="button"
@@ -1740,7 +1740,7 @@ section: components
1740
1740
  <div class="pf-v5-c-toolbar__content">
1741
1741
  <div class="pf-v5-c-toolbar__content-section">
1742
1742
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
1743
- <div class="pf-v5-c-toolbar__toggle">
1743
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1744
1744
  <button
1745
1745
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
1746
1746
  type="button"
@@ -1996,7 +1996,7 @@ section: components
1996
1996
  <div class="pf-v5-c-toolbar__content">
1997
1997
  <div class="pf-v5-c-toolbar__content-section">
1998
1998
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
1999
- <div class="pf-v5-c-toolbar__toggle">
1999
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2000
2000
  <button
2001
2001
  class="pf-v5-c-menu-toggle pf-m-plain"
2002
2002
  type="button"
@@ -2414,7 +2414,7 @@ section: components
2414
2414
  <div class="pf-v5-c-toolbar__content">
2415
2415
  <div class="pf-v5-c-toolbar__content-section">
2416
2416
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group">
2417
- <div class="pf-v5-c-toolbar__toggle">
2417
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2418
2418
  <button
2419
2419
  class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
2420
2420
  type="button"
@@ -2914,7 +2914,7 @@ section: components
2914
2914
  </div>
2915
2915
  <div class="pf-v5-c-masthead__content">
2916
2916
  <div
2917
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2917
+ class="pf-v5-c-toolbar pf-m-static"
2918
2918
  id="toolbar-pagination-management-example-masthead-toolbar"
2919
2919
  >
2920
2920
  <div class="pf-v5-c-toolbar__content">
@@ -2950,7 +2950,7 @@ section: components
2950
2950
  </div>
2951
2951
 
2952
2952
  <div
2953
- 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"
2953
+ 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"
2954
2954
  >
2955
2955
  <div
2956
2956
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -3090,7 +3090,7 @@ section: components
3090
3090
  <div class="pf-v5-c-toolbar__content">
3091
3091
  <div class="pf-v5-c-toolbar__content-section pf-m-nowrap">
3092
3092
  <div class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show">
3093
- <div class="pf-v5-c-toolbar__toggle">
3093
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
3094
3094
  <button
3095
3095
  class="pf-v5-c-menu-toggle pf-m-plain"
3096
3096
  type="button"