@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.187

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 (40) hide show
  1. package/components/Toolbar/toolbar.css +232 -531
  2. package/components/Toolbar/toolbar.scss +101 -89
  3. package/components/_index.css +224 -523
  4. package/docs/components/Card/examples/Card.md +8 -8
  5. package/docs/components/DataList/examples/DataList.md +17 -17
  6. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  7. package/docs/components/Hint/examples/Hint.md +3 -3
  8. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  9. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  10. package/docs/components/Table/examples/Table.md +454 -454
  11. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  12. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  13. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  14. package/docs/demos/Alert/examples/Alert.md +3 -0
  15. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  16. package/docs/demos/Banner/examples/Banner.md +2 -0
  17. package/docs/demos/CardView/examples/CardView.md +13 -12
  18. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  19. package/docs/demos/DataList/examples/DataList.md +31 -27
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  21. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  23. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -0
  25. package/docs/demos/Nav/examples/Nav.md +8 -0
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  27. package/docs/demos/Page/examples/Page.md +11 -0
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  29. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  30. package/docs/demos/Table/examples/Table.md +161 -146
  31. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  32. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  33. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  34. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +224 -523
  37. package/patternfly.css +224 -523
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
  40. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/demos/Page/examples/Page.md CHANGED
@@ -151,6 +151,7 @@ wrapperTag: div
151
151
  </button>
152
152
  </div>
153
153
  </div>
154
+
154
155
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
155
156
  <button
156
157
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -453,6 +454,7 @@ wrapperTag: div
453
454
  </button>
454
455
  </div>
455
456
  </div>
457
+
456
458
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
457
459
  <button
458
460
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -770,6 +772,7 @@ wrapperTag: div
770
772
  </button>
771
773
  </div>
772
774
  </div>
775
+
773
776
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
774
777
  <button
775
778
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1219,6 +1222,7 @@ wrapperTag: div
1219
1222
  </button>
1220
1223
  </div>
1221
1224
  </div>
1225
+
1222
1226
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1223
1227
  <button
1224
1228
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1643,6 +1647,7 @@ wrapperTag: div
1643
1647
  </button>
1644
1648
  </div>
1645
1649
  </div>
1650
+
1646
1651
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1647
1652
  <button
1648
1653
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2067,6 +2072,7 @@ wrapperTag: div
2067
2072
  </button>
2068
2073
  </div>
2069
2074
  </div>
2075
+
2070
2076
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2071
2077
  <button
2072
2078
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2491,6 +2497,7 @@ wrapperTag: div
2491
2497
  </button>
2492
2498
  </div>
2493
2499
  </div>
2500
+
2494
2501
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2495
2502
  <button
2496
2503
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2917,6 +2924,7 @@ wrapperTag: div
2917
2924
  </button>
2918
2925
  </div>
2919
2926
  </div>
2927
+
2920
2928
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2921
2929
  <button
2922
2930
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3348,6 +3356,7 @@ wrapperTag: div
3348
3356
  </button>
3349
3357
  </div>
3350
3358
  </div>
3359
+
3351
3360
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3352
3361
  <button
3353
3362
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3635,6 +3644,7 @@ wrapperTag: div
3635
3644
  </button>
3636
3645
  </div>
3637
3646
  </div>
3647
+
3638
3648
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3639
3649
  <button
3640
3650
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3951,6 +3961,7 @@ wrapperTag: div
3951
3961
  </button>
3952
3962
  </div>
3953
3963
  </div>
3964
+
3954
3965
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3955
3966
  <button
3956
3967
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -155,6 +155,7 @@ wrapperTag: div
155
155
  </button>
156
156
  </div>
157
157
  </div>
158
+
158
159
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
159
160
  <button
160
161
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -282,7 +283,7 @@ wrapperTag: div
282
283
  <div
283
284
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
284
285
  >
285
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
286
+ <div class="pf-v6-c-toolbar__toggle">
286
287
  <button
287
288
  class="pf-v6-c-menu-toggle pf-m-plain"
288
289
  type="button"
@@ -439,7 +440,7 @@ wrapperTag: div
439
440
  type="button"
440
441
  aria-expanded="false"
441
442
  aria-label="Menu toggle"
442
- id="primary-detail-expanded-example-drawer-toolbar-overflow-menutoggle"
443
+ id="primary-detail-expanded-example-drawer-toolbar-overflow-menu-toggle"
443
444
  >
444
445
  <span class="pf-v6-c-menu-toggle__icon">
445
446
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1282,6 +1283,7 @@ wrapperTag: div
1282
1283
  </button>
1283
1284
  </div>
1284
1285
  </div>
1286
+
1285
1287
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1286
1288
  <button
1287
1289
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1409,7 +1411,7 @@ wrapperTag: div
1409
1411
  <div
1410
1412
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1411
1413
  >
1412
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
1414
+ <div class="pf-v6-c-toolbar__toggle">
1413
1415
  <button
1414
1416
  class="pf-v6-c-menu-toggle pf-m-plain"
1415
1417
  type="button"
@@ -1566,7 +1568,7 @@ wrapperTag: div
1566
1568
  type="button"
1567
1569
  aria-expanded="false"
1568
1570
  aria-label="Menu toggle"
1569
- id="primary-detail-collapsed-example-drawer-toolbar-overflow-menutoggle"
1571
+ id="primary-detail-collapsed-example-drawer-toolbar-overflow-menu-toggle"
1570
1572
  >
1571
1573
  <span class="pf-v6-c-menu-toggle__icon">
1572
1574
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2328,6 +2330,7 @@ wrapperTag: div
2328
2330
  </button>
2329
2331
  </div>
2330
2332
  </div>
2333
+
2331
2334
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2332
2335
  <button
2333
2336
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2455,7 +2458,7 @@ wrapperTag: div
2455
2458
  <div
2456
2459
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
2457
2460
  >
2458
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
2461
+ <div class="pf-v6-c-toolbar__toggle">
2459
2462
  <button
2460
2463
  class="pf-v6-c-menu-toggle pf-m-plain"
2461
2464
  type="button"
@@ -2556,7 +2559,7 @@ wrapperTag: div
2556
2559
  type="button"
2557
2560
  aria-expanded="false"
2558
2561
  aria-label="Menu toggle"
2559
- id="primary-detail-content-body-padding-example-drawer-toolbar-overflow-menutoggle"
2562
+ id="primary-detail-content-body-padding-example-drawer-toolbar-overflow-menu-toggle"
2560
2563
  >
2561
2564
  <span class="pf-v6-c-menu-toggle__icon">
2562
2565
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3318,6 +3321,7 @@ wrapperTag: div
3318
3321
  </button>
3319
3322
  </div>
3320
3323
  </div>
3324
+
3321
3325
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3322
3326
  <button
3323
3327
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3441,7 +3445,7 @@ wrapperTag: div
3441
3445
  <div
3442
3446
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
3443
3447
  >
3444
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
3448
+ <div class="pf-v6-c-toolbar__toggle">
3445
3449
  <button
3446
3450
  class="pf-v6-c-menu-toggle pf-m-plain"
3447
3451
  type="button"
@@ -3589,7 +3593,7 @@ wrapperTag: div
3589
3593
  type="button"
3590
3594
  aria-expanded="false"
3591
3595
  aria-label="Menu toggle"
3592
- id="primary-detail-card-view-expanded-example-drawer-toolbar-overflow-menutoggle"
3596
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-overflow-menu-toggle"
3593
3597
  >
3594
3598
  <span class="pf-v6-c-menu-toggle__icon">
3595
3599
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3715,7 +3719,7 @@ wrapperTag: div
3715
3719
  type="button"
3716
3720
  aria-expanded="false"
3717
3721
  aria-label="Menu toggle"
3718
- id="primary-detail-card-view-expanded-example-drawer-card-1toggle"
3722
+ id="primary-detail-card-view-expanded-example-drawer-card-1-toggle"
3719
3723
  >
3720
3724
  <span class="pf-v6-c-menu-toggle__icon">
3721
3725
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3761,7 +3765,7 @@ wrapperTag: div
3761
3765
  type="button"
3762
3766
  aria-expanded="false"
3763
3767
  aria-label="Menu toggle"
3764
- id="primary-detail-card-view-expanded-example-drawer-card-2toggle"
3768
+ id="primary-detail-card-view-expanded-example-drawer-card-2-toggle"
3765
3769
  >
3766
3770
  <span class="pf-v6-c-menu-toggle__icon">
3767
3771
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3807,7 +3811,7 @@ wrapperTag: div
3807
3811
  type="button"
3808
3812
  aria-expanded="false"
3809
3813
  aria-label="Menu toggle"
3810
- id="primary-detail-card-view-expanded-example-drawer-card-3toggle"
3814
+ id="primary-detail-card-view-expanded-example-drawer-card-3-toggle"
3811
3815
  >
3812
3816
  <span class="pf-v6-c-menu-toggle__icon">
3813
3817
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3853,7 +3857,7 @@ wrapperTag: div
3853
3857
  type="button"
3854
3858
  aria-expanded="false"
3855
3859
  aria-label="Menu toggle"
3856
- id="primary-detail-card-view-expanded-example-drawer-card-4toggle"
3860
+ id="primary-detail-card-view-expanded-example-drawer-card-4-toggle"
3857
3861
  >
3858
3862
  <span class="pf-v6-c-menu-toggle__icon">
3859
3863
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3899,7 +3903,7 @@ wrapperTag: div
3899
3903
  type="button"
3900
3904
  aria-expanded="false"
3901
3905
  aria-label="Menu toggle"
3902
- id="primary-detail-card-view-expanded-example-drawer-card-5toggle"
3906
+ id="primary-detail-card-view-expanded-example-drawer-card-5-toggle"
3903
3907
  >
3904
3908
  <span class="pf-v6-c-menu-toggle__icon">
3905
3909
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3945,7 +3949,7 @@ wrapperTag: div
3945
3949
  type="button"
3946
3950
  aria-expanded="false"
3947
3951
  aria-label="Menu toggle"
3948
- id="primary-detail-card-view-expanded-example-drawer-card-6toggle"
3952
+ id="primary-detail-card-view-expanded-example-drawer-card-6-toggle"
3949
3953
  >
3950
3954
  <span class="pf-v6-c-menu-toggle__icon">
3951
3955
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3990,7 +3994,7 @@ wrapperTag: div
3990
3994
  type="button"
3991
3995
  aria-expanded="false"
3992
3996
  aria-label="Menu toggle"
3993
- id="primary-detail-card-view-expanded-example-drawer-card-7toggle"
3997
+ id="primary-detail-card-view-expanded-example-drawer-card-7-toggle"
3994
3998
  >
3995
3999
  <span class="pf-v6-c-menu-toggle__icon">
3996
4000
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4035,7 +4039,7 @@ wrapperTag: div
4035
4039
  type="button"
4036
4040
  aria-expanded="false"
4037
4041
  aria-label="Menu toggle"
4038
- id="primary-detail-card-view-expanded-example-drawer-card-8toggle"
4042
+ id="primary-detail-card-view-expanded-example-drawer-card-8-toggle"
4039
4043
  >
4040
4044
  <span class="pf-v6-c-menu-toggle__icon">
4041
4045
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4080,7 +4084,7 @@ wrapperTag: div
4080
4084
  type="button"
4081
4085
  aria-expanded="false"
4082
4086
  aria-label="Menu toggle"
4083
- id="primary-detail-card-view-expanded-example-drawer-card-9toggle"
4087
+ id="primary-detail-card-view-expanded-example-drawer-card-9-toggle"
4084
4088
  >
4085
4089
  <span class="pf-v6-c-menu-toggle__icon">
4086
4090
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4125,7 +4129,7 @@ wrapperTag: div
4125
4129
  type="button"
4126
4130
  aria-expanded="false"
4127
4131
  aria-label="Menu toggle"
4128
- id="primary-detail-card-view-expanded-example-drawer-card-10toggle"
4132
+ id="primary-detail-card-view-expanded-example-drawer-card-10-toggle"
4129
4133
  >
4130
4134
  <span class="pf-v6-c-menu-toggle__icon">
4131
4135
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4423,6 +4427,7 @@ wrapperTag: div
4423
4427
  </button>
4424
4428
  </div>
4425
4429
  </div>
4430
+
4426
4431
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
4427
4432
  <button
4428
4433
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -4880,6 +4885,7 @@ wrapperTag: div
4880
4885
  </button>
4881
4886
  </div>
4882
4887
  </div>
4888
+
4883
4889
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
4884
4890
  <button
4885
4891
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -5057,6 +5063,7 @@ wrapperTag: div
5057
5063
  </div>
5058
5064
  </div>
5059
5065
  </div>
5066
+
5060
5067
  <div
5061
5068
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
5062
5069
  id="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-expandable-content"
@@ -5497,6 +5504,7 @@ wrapperTag: div
5497
5504
  </button>
5498
5505
  </div>
5499
5506
  </div>
5507
+
5500
5508
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
5501
5509
  <button
5502
5510
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -5673,7 +5681,7 @@ wrapperTag: div
5673
5681
  type="button"
5674
5682
  aria-expanded="false"
5675
5683
  aria-label="Menu toggle"
5676
- id="primary-detail-inline-modifier-example-drawer-toolbar-overflow-menutoggle"
5684
+ id="primary-detail-inline-modifier-example-drawer-toolbar-overflow-menu-toggle"
5677
5685
  >
5678
5686
  <span class="pf-v6-c-menu-toggle__icon">
5679
5687
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -151,6 +151,7 @@ section: components
151
151
  </button>
152
152
  </div>
153
153
  </div>
154
+
154
155
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
155
156
  <button
156
157
  class="pf-v6-c-menu-toggle pf-m-plain"