@patternfly/patternfly 6.0.0-alpha.63 → 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.
- package/components/ActionList/action-list.css +18 -17
- package/components/ActionList/action-list.scss +26 -16
- package/components/Button/button.css +4 -9
- package/components/Button/button.scss +4 -9
- package/components/Masthead/masthead.css +15 -29
- package/components/Masthead/masthead.scss +20 -36
- package/components/OverflowMenu/overflow-menu.css +17 -47
- package/components/OverflowMenu/overflow-menu.scss +27 -65
- package/components/Pagination/pagination.css +6 -3
- package/components/Pagination/pagination.scss +4 -3
- package/components/Toolbar/toolbar.css +2525 -1040
- package/components/Toolbar/toolbar.scss +232 -534
- package/docs/components/ActionList/examples/ActionList.md +73 -22
- package/docs/components/LogViewer/examples/LogViewer.md +50 -50
- package/docs/components/Toolbar/examples/Toolbar.css +20 -15
- package/docs/components/Toolbar/examples/Toolbar.md +374 -419
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
- package/docs/demos/Banner/examples/Banner.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +3 -3
- package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +11 -11
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +21 -21
- package/docs/demos/Modal/examples/Modal.md +12 -12
- package/docs/demos/Nav/examples/Nav.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/demos/Page/examples/Page.md +18 -18
- package/docs/demos/Page/examples/Penta.md +2 -2
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -19
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +42 -45
- package/docs/demos/Tabs/examples/Tabs.md +13 -13
- package/docs/demos/Toolbar/examples/Toolbar.md +13 -13
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +2579 -1114
- package/patternfly-theme-dark-unversioned.css +2579 -1114
- package/patternfly.css +2579 -1114
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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"
|
|
@@ -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-
|
|
103
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
104
104
|
id="wizard-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-
|
|
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"
|
|
@@ -663,7 +663,7 @@ wrapperTag: div
|
|
|
663
663
|
</div>
|
|
664
664
|
<div class="pf-v5-c-masthead__content">
|
|
665
665
|
<div
|
|
666
|
-
class="pf-v5-c-toolbar pf-m-
|
|
666
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
667
667
|
id="wizard-nav-expanded-example-masthead-toolbar"
|
|
668
668
|
>
|
|
669
669
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -699,7 +699,7 @@ wrapperTag: div
|
|
|
699
699
|
</div>
|
|
700
700
|
|
|
701
701
|
<div
|
|
702
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
702
|
+
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"
|
|
703
703
|
>
|
|
704
704
|
<div
|
|
705
705
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1208,7 +1208,7 @@ wrapperTag: div
|
|
|
1208
1208
|
</div>
|
|
1209
1209
|
<div class="pf-v5-c-masthead__content">
|
|
1210
1210
|
<div
|
|
1211
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1211
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1212
1212
|
id="wizard-with-drawer-closed-example-masthead-toolbar"
|
|
1213
1213
|
>
|
|
1214
1214
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1244,7 +1244,7 @@ wrapperTag: div
|
|
|
1244
1244
|
</div>
|
|
1245
1245
|
|
|
1246
1246
|
<div
|
|
1247
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1247
|
+
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"
|
|
1248
1248
|
>
|
|
1249
1249
|
<div
|
|
1250
1250
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -1837,7 +1837,7 @@ wrapperTag: div
|
|
|
1837
1837
|
</div>
|
|
1838
1838
|
<div class="pf-v5-c-masthead__content">
|
|
1839
1839
|
<div
|
|
1840
|
-
class="pf-v5-c-toolbar pf-m-
|
|
1840
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
1841
1841
|
id="wizard-with-drawer-expanded-example-masthead-toolbar"
|
|
1842
1842
|
>
|
|
1843
1843
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -1873,7 +1873,7 @@ wrapperTag: div
|
|
|
1873
1873
|
</div>
|
|
1874
1874
|
|
|
1875
1875
|
<div
|
|
1876
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
1876
|
+
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"
|
|
1877
1877
|
>
|
|
1878
1878
|
<div
|
|
1879
1879
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2465,7 +2465,7 @@ wrapperTag: div
|
|
|
2465
2465
|
</div>
|
|
2466
2466
|
<div class="pf-v5-c-masthead__content">
|
|
2467
2467
|
<div
|
|
2468
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2468
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2469
2469
|
id="wizard-with-drawer-info-example-masthead-toolbar"
|
|
2470
2470
|
>
|
|
2471
2471
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2501,7 +2501,7 @@ wrapperTag: div
|
|
|
2501
2501
|
</div>
|
|
2502
2502
|
|
|
2503
2503
|
<div
|
|
2504
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
2504
|
+
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"
|
|
2505
2505
|
>
|
|
2506
2506
|
<div
|
|
2507
2507
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -2961,7 +2961,7 @@ wrapperTag: div
|
|
|
2961
2961
|
</div>
|
|
2962
2962
|
<div class="pf-v5-c-masthead__content">
|
|
2963
2963
|
<div
|
|
2964
|
-
class="pf-v5-c-toolbar pf-m-
|
|
2964
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
2965
2965
|
id="wizard-in-page-example-masthead-toolbar"
|
|
2966
2966
|
>
|
|
2967
2967
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -2997,7 +2997,7 @@ wrapperTag: div
|
|
|
2997
2997
|
</div>
|
|
2998
2998
|
|
|
2999
2999
|
<div
|
|
3000
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
3000
|
+
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"
|
|
3001
3001
|
>
|
|
3002
3002
|
<div
|
|
3003
3003
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -3462,7 +3462,7 @@ wrapperTag: div
|
|
|
3462
3462
|
</div>
|
|
3463
3463
|
<div class="pf-v5-c-masthead__content">
|
|
3464
3464
|
<div
|
|
3465
|
-
class="pf-v5-c-toolbar pf-m-
|
|
3465
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
3466
3466
|
id="in-page-nav-expanded-example-masthead-toolbar"
|
|
3467
3467
|
>
|
|
3468
3468
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -3498,7 +3498,7 @@ wrapperTag: div
|
|
|
3498
3498
|
</div>
|
|
3499
3499
|
|
|
3500
3500
|
<div
|
|
3501
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
3501
|
+
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"
|
|
3502
3502
|
>
|
|
3503
3503
|
<div
|
|
3504
3504
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -3945,7 +3945,7 @@ wrapperTag: div
|
|
|
3945
3945
|
</div>
|
|
3946
3946
|
<div class="pf-v5-c-masthead__content">
|
|
3947
3947
|
<div
|
|
3948
|
-
class="pf-v5-c-toolbar pf-m-
|
|
3948
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
3949
3949
|
id="wizard-with-drawer-in-page-example-masthead-toolbar"
|
|
3950
3950
|
>
|
|
3951
3951
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -3981,7 +3981,7 @@ wrapperTag: div
|
|
|
3981
3981
|
</div>
|
|
3982
3982
|
|
|
3983
3983
|
<div
|
|
3984
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
3984
|
+
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"
|
|
3985
3985
|
>
|
|
3986
3986
|
<div
|
|
3987
3987
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|
|
@@ -4500,7 +4500,7 @@ wrapperTag: div
|
|
|
4500
4500
|
</div>
|
|
4501
4501
|
<div class="pf-v5-c-masthead__content">
|
|
4502
4502
|
<div
|
|
4503
|
-
class="pf-v5-c-toolbar pf-m-
|
|
4503
|
+
class="pf-v5-c-toolbar pf-m-static"
|
|
4504
4504
|
id="wizard-with-drawer-in-page-expanded-example-masthead-toolbar"
|
|
4505
4505
|
>
|
|
4506
4506
|
<div class="pf-v5-c-toolbar__content">
|
|
@@ -4536,7 +4536,7 @@ wrapperTag: div
|
|
|
4536
4536
|
</div>
|
|
4537
4537
|
|
|
4538
4538
|
<div
|
|
4539
|
-
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-
|
|
4539
|
+
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"
|
|
4540
4540
|
>
|
|
4541
4541
|
<div
|
|
4542
4542
|
class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
|