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

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 (61) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +3 -3
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/Toolbar/toolbar.css +232 -531
  8. package/components/Toolbar/toolbar.scss +101 -89
  9. package/components/_index.css +224 -523
  10. package/docs/components/Card/examples/Card.md +8 -8
  11. package/docs/components/DataList/examples/DataList.md +17 -17
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  13. package/docs/components/Hint/examples/Hint.md +3 -3
  14. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  15. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  16. package/docs/components/Table/examples/Table.md +454 -454
  17. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  18. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  19. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  20. package/docs/demos/Alert/examples/Alert.md +3 -0
  21. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  22. package/docs/demos/Banner/examples/Banner.md +2 -0
  23. package/docs/demos/CardView/examples/CardView.md +13 -12
  24. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  25. package/docs/demos/DataList/examples/DataList.md +31 -27
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  27. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  28. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  29. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  30. package/docs/demos/Modal/examples/Modal.md +6 -0
  31. package/docs/demos/Nav/examples/Nav.md +8 -0
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  33. package/docs/demos/Page/examples/Page.md +11 -0
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  35. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  36. package/docs/demos/Table/examples/Table.md +161 -146
  37. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  38. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  39. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  40. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  41. package/layouts/Flex/flex.css +1 -1
  42. package/layouts/Flex/flex.scss +1 -1
  43. package/layouts/Gallery/gallery.css +1 -1
  44. package/layouts/Gallery/gallery.scss +1 -1
  45. package/layouts/Grid/grid.css +1 -1
  46. package/layouts/Grid/grid.scss +1 -1
  47. package/layouts/Level/level.css +1 -1
  48. package/layouts/Level/level.scss +1 -1
  49. package/layouts/Split/split.css +1 -1
  50. package/layouts/Split/split.scss +1 -1
  51. package/layouts/Stack/stack.css +1 -1
  52. package/layouts/Stack/stack.scss +1 -1
  53. package/layouts/_index.css +6 -6
  54. package/package.json +6 -6
  55. package/patternfly-base-no-globals.css +2 -2
  56. package/patternfly-base.css +2 -2
  57. package/patternfly-no-globals.css +232 -531
  58. package/patternfly.css +232 -531
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
  61. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/demos/AboutModal/examples/AboutModal.md CHANGED
@@ -153,6 +153,7 @@ This demo implements the about modal, including the backdrop.
153
153
  </button>
154
154
  </div>
155
155
  </div>
156
+
156
157
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
157
158
  <button
158
159
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/Alert/examples/Alert.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"
@@ -527,6 +528,7 @@ section: components
527
528
  </button>
528
529
  </div>
529
530
  </div>
531
+
530
532
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
531
533
  <button
532
534
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1003,6 +1005,7 @@ section: components
1003
1005
  </button>
1004
1006
  </div>
1005
1007
  </div>
1008
+
1006
1009
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1007
1010
  <button
1008
1011
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -152,6 +152,7 @@ cssPrefix: pf-d-back-to-top
152
152
  </button>
153
153
  </div>
154
154
  </div>
155
+
155
156
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
156
157
  <button
157
158
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -153,6 +153,7 @@ wrapperTag: div
153
153
  </button>
154
154
  </div>
155
155
  </div>
156
+
156
157
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
157
158
  <button
158
159
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -617,6 +618,7 @@ wrapperTag: div
617
618
  </button>
618
619
  </div>
619
620
  </div>
621
+
620
622
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
621
623
  <button
622
624
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -151,6 +151,7 @@ section: patterns
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"
@@ -361,7 +362,7 @@ section: patterns
361
362
  <div
362
363
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
363
364
  >
364
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
365
+ <div class="pf-v6-c-toolbar__toggle">
365
366
  <button
366
367
  class="pf-v6-c-menu-toggle pf-m-plain"
367
368
  type="button"
@@ -449,7 +450,7 @@ section: patterns
449
450
  type="button"
450
451
  aria-expanded="false"
451
452
  aria-label="Menu toggle"
452
- id="card-view-basic-example-toolbar-overflow-menutoggle"
453
+ id="card-view-basic-example-toolbar-overflow-menu-toggle"
453
454
  >
454
455
  <span class="pf-v6-c-menu-toggle__icon">
455
456
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -558,7 +559,7 @@ section: patterns
558
559
  type="button"
559
560
  aria-expanded="false"
560
561
  aria-label="Menu toggle"
561
- id="card-view-basic-example-gallery-card-1toggle"
562
+ id="card-view-basic-example-gallery-card-1-toggle"
562
563
  >
563
564
  <span class="pf-v6-c-menu-toggle__icon">
564
565
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -604,7 +605,7 @@ section: patterns
604
605
  type="button"
605
606
  aria-expanded="false"
606
607
  aria-label="Menu toggle"
607
- id="card-view-basic-example-gallery-card-2toggle"
608
+ id="card-view-basic-example-gallery-card-2-toggle"
608
609
  >
609
610
  <span class="pf-v6-c-menu-toggle__icon">
610
611
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -650,7 +651,7 @@ section: patterns
650
651
  type="button"
651
652
  aria-expanded="false"
652
653
  aria-label="Menu toggle"
653
- id="card-view-basic-example-gallery-card-3toggle"
654
+ id="card-view-basic-example-gallery-card-3-toggle"
654
655
  >
655
656
  <span class="pf-v6-c-menu-toggle__icon">
656
657
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -696,7 +697,7 @@ section: patterns
696
697
  type="button"
697
698
  aria-expanded="false"
698
699
  aria-label="Menu toggle"
699
- id="card-view-basic-example-gallery-card-4toggle"
700
+ id="card-view-basic-example-gallery-card-4-toggle"
700
701
  >
701
702
  <span class="pf-v6-c-menu-toggle__icon">
702
703
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -742,7 +743,7 @@ section: patterns
742
743
  type="button"
743
744
  aria-expanded="false"
744
745
  aria-label="Menu toggle"
745
- id="card-view-basic-example-gallery-card-5toggle"
746
+ id="card-view-basic-example-gallery-card-5-toggle"
746
747
  >
747
748
  <span class="pf-v6-c-menu-toggle__icon">
748
749
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -788,7 +789,7 @@ section: patterns
788
789
  type="button"
789
790
  aria-expanded="false"
790
791
  aria-label="Menu toggle"
791
- id="card-view-basic-example-gallery-card-6toggle"
792
+ id="card-view-basic-example-gallery-card-6-toggle"
792
793
  >
793
794
  <span class="pf-v6-c-menu-toggle__icon">
794
795
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -835,7 +836,7 @@ section: patterns
835
836
  type="button"
836
837
  aria-expanded="false"
837
838
  aria-label="Menu toggle"
838
- id="card-view-basic-example-gallery-card-7toggle"
839
+ id="card-view-basic-example-gallery-card-7-toggle"
839
840
  >
840
841
  <span class="pf-v6-c-menu-toggle__icon">
841
842
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -881,7 +882,7 @@ section: patterns
881
882
  type="button"
882
883
  aria-expanded="false"
883
884
  aria-label="Menu toggle"
884
- id="card-view-basic-example-gallery-card-8toggle"
885
+ id="card-view-basic-example-gallery-card-8-toggle"
885
886
  >
886
887
  <span class="pf-v6-c-menu-toggle__icon">
887
888
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -927,7 +928,7 @@ section: patterns
927
928
  type="button"
928
929
  aria-expanded="false"
929
930
  aria-label="Menu toggle"
930
- id="card-view-basic-example-gallery-card-9toggle"
931
+ id="card-view-basic-example-gallery-card-9-toggle"
931
932
  >
932
933
  <span class="pf-v6-c-menu-toggle__icon">
933
934
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -974,7 +975,7 @@ section: patterns
974
975
  type="button"
975
976
  aria-expanded="false"
976
977
  aria-label="Menu toggle"
977
- id="card-view-basic-example-gallery-card-10toggle"
978
+ id="card-view-basic-example-gallery-card-10-toggle"
978
979
  >
979
980
  <span class="pf-v6-c-menu-toggle__icon">
980
981
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -149,6 +149,7 @@ cssPrefix: pf-d-dashboard
149
149
  </button>
150
150
  </div>
151
151
  </div>
152
+
152
153
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
153
154
  <button
154
155
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -284,7 +285,7 @@ cssPrefix: pf-d-dashboard
284
285
  type="button"
285
286
  aria-expanded="false"
286
287
  aria-label="Menu toggle"
287
- id="dashboard-demo-expandable-status-card-1toggle"
288
+ id="dashboard-demo-expandable-status-card-1-toggle"
288
289
  >
289
290
  <span class="pf-v6-c-menu-toggle__icon">
290
291
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -152,6 +152,7 @@ wrapperTag: div
152
152
  </button>
153
153
  </div>
154
154
  </div>
155
+
155
156
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
156
157
  <button
157
158
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -326,7 +327,7 @@ wrapperTag: div
326
327
  type="button"
327
328
  aria-expanded="false"
328
329
  aria-label="Menu toggle"
329
- id="data-list-basic-example-toolbar-overflow-menutoggle"
330
+ id="data-list-basic-example-toolbar-overflow-menu-toggle"
330
331
  >
331
332
  <span class="pf-v6-c-menu-toggle__icon">
332
333
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -976,6 +977,7 @@ wrapperTag: div
976
977
  </button>
977
978
  </div>
978
979
  </div>
980
+
979
981
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
980
982
  <button
981
983
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1098,7 +1100,7 @@ wrapperTag: div
1098
1100
  <div
1099
1101
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1100
1102
  >
1101
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
1103
+ <div class="pf-v6-c-toolbar__toggle">
1102
1104
  <button
1103
1105
  class="pf-v6-c-menu-toggle pf-m-plain"
1104
1106
  type="button"
@@ -1179,7 +1181,7 @@ wrapperTag: div
1179
1181
  type="button"
1180
1182
  aria-expanded="false"
1181
1183
  aria-label="Menu toggle"
1182
- id="data-list-actionable-example-toolbar-overflow-menutoggle"
1184
+ id="data-list-actionable-example-toolbar-overflow-menu-toggle"
1183
1185
  >
1184
1186
  <span class="pf-v6-c-menu-toggle__icon">
1185
1187
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1811,6 +1813,7 @@ wrapperTag: div
1811
1813
  </button>
1812
1814
  </div>
1813
1815
  </div>
1816
+
1814
1817
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1815
1818
  <button
1816
1819
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1953,7 +1956,7 @@ wrapperTag: div
1953
1956
  <div
1954
1957
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1955
1958
  >
1956
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
1959
+ <div class="pf-v6-c-toolbar__toggle">
1957
1960
  <button
1958
1961
  class="pf-v6-c-menu-toggle pf-m-plain"
1959
1962
  type="button"
@@ -2070,7 +2073,7 @@ wrapperTag: div
2070
2073
  type="button"
2071
2074
  aria-expanded="false"
2072
2075
  aria-label="Menu toggle"
2073
- id="data-list-expandable-example-toolbar-overflow-menutoggle"
2076
+ id="data-list-expandable-example-toolbar-overflow-menu-toggle"
2074
2077
  >
2075
2078
  <span class="pf-v6-c-menu-toggle__icon">
2076
2079
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2266,14 +2269,14 @@ wrapperTag: div
2266
2269
  >
2267
2270
  <label
2268
2271
  class="pf-v6-c-check pf-m-standalone"
2269
- id="compact-table-demo-data-listcheckrowcheck"
2270
- for="compact-table-demo-data-listcheckrowcheck-input"
2272
+ id="compact-table-demo-data-list-checkrow-check"
2273
+ for="compact-table-demo-data-list-checkrow-check-input"
2271
2274
  >
2272
2275
  <input
2273
2276
  class="pf-v6-c-check__input"
2274
2277
  type="checkbox"
2275
- id="compact-table-demo-data-listcheckrowcheck-input"
2276
- name="compact-table-demo-data-listcheckrowcheck-input"
2278
+ id="compact-table-demo-data-list-checkrow-check-input"
2279
+ name="compact-table-demo-data-list-checkrow-check-input"
2277
2280
  aria-label="Standalone check"
2278
2281
  />
2279
2282
  </label>
@@ -2329,14 +2332,14 @@ wrapperTag: div
2329
2332
  >
2330
2333
  <label
2331
2334
  class="pf-v6-c-check pf-m-standalone"
2332
- id="compact-table-demo-data-listcheckrow1check"
2333
- for="compact-table-demo-data-listcheckrow1check-input"
2335
+ id="compact-table-demo-data-list-checkrow-1-check"
2336
+ for="compact-table-demo-data-list-checkrow-1-check-input"
2334
2337
  >
2335
2338
  <input
2336
2339
  class="pf-v6-c-check__input"
2337
2340
  type="checkbox"
2338
- id="compact-table-demo-data-listcheckrow1check-input"
2339
- name="compact-table-demo-data-listcheckrow1check-input"
2341
+ id="compact-table-demo-data-list-checkrow-1-check-input"
2342
+ name="compact-table-demo-data-list-checkrow-1-check-input"
2340
2343
  aria-label="Standalone check"
2341
2344
  />
2342
2345
  </label>
@@ -2408,14 +2411,14 @@ wrapperTag: div
2408
2411
  >
2409
2412
  <label
2410
2413
  class="pf-v6-c-check pf-m-standalone"
2411
- id="compact-table-demo-data-listcheckrow2check"
2412
- for="compact-table-demo-data-listcheckrow2check-input"
2414
+ id="compact-table-demo-data-list-checkrow-2-check"
2415
+ for="compact-table-demo-data-list-checkrow-2-check-input"
2413
2416
  >
2414
2417
  <input
2415
2418
  class="pf-v6-c-check__input"
2416
2419
  type="checkbox"
2417
- id="compact-table-demo-data-listcheckrow2check-input"
2418
- name="compact-table-demo-data-listcheckrow2check-input"
2420
+ id="compact-table-demo-data-list-checkrow-2-check-input"
2421
+ name="compact-table-demo-data-list-checkrow-2-check-input"
2419
2422
  aria-label="Standalone check"
2420
2423
  />
2421
2424
  </label>
@@ -2489,14 +2492,14 @@ wrapperTag: div
2489
2492
  >
2490
2493
  <label
2491
2494
  class="pf-v6-c-check pf-m-standalone"
2492
- id="compact-table-demo-data-listcheckrow3check"
2493
- for="compact-table-demo-data-listcheckrow3check-input"
2495
+ id="compact-table-demo-data-list-checkrow-3-check"
2496
+ for="compact-table-demo-data-list-checkrow-3-check-input"
2494
2497
  >
2495
2498
  <input
2496
2499
  class="pf-v6-c-check__input"
2497
2500
  type="checkbox"
2498
- id="compact-table-demo-data-listcheckrow3check-input"
2499
- name="compact-table-demo-data-listcheckrow3check-input"
2501
+ id="compact-table-demo-data-list-checkrow-3-check-input"
2502
+ name="compact-table-demo-data-list-checkrow-3-check-input"
2500
2503
  aria-label="Standalone check"
2501
2504
  />
2502
2505
  </label>
@@ -2570,14 +2573,14 @@ wrapperTag: div
2570
2573
  >
2571
2574
  <label
2572
2575
  class="pf-v6-c-check pf-m-standalone"
2573
- id="compact-table-demo-data-listcheckrow4check"
2574
- for="compact-table-demo-data-listcheckrow4check-input"
2576
+ id="compact-table-demo-data-list-checkrow-4-check"
2577
+ for="compact-table-demo-data-list-checkrow-4-check-input"
2575
2578
  >
2576
2579
  <input
2577
2580
  class="pf-v6-c-check__input"
2578
2581
  type="checkbox"
2579
- id="compact-table-demo-data-listcheckrow4check-input"
2580
- name="compact-table-demo-data-listcheckrow4check-input"
2582
+ id="compact-table-demo-data-list-checkrow-4-check-input"
2583
+ name="compact-table-demo-data-list-checkrow-4-check-input"
2581
2584
  aria-label="Standalone check"
2582
2585
  />
2583
2586
  </label>
@@ -3330,6 +3333,7 @@ wrapperTag: div
3330
3333
  </button>
3331
3334
  </div>
3332
3335
  </div>
3336
+
3333
3337
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
3334
3338
  <button
3335
3339
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -3452,7 +3456,7 @@ wrapperTag: div
3452
3456
  <div
3453
3457
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
3454
3458
  >
3455
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
3459
+ <div class="pf-v6-c-toolbar__toggle">
3456
3460
  <button
3457
3461
  class="pf-v6-c-menu-toggle pf-m-plain"
3458
3462
  type="button"
@@ -3545,7 +3549,7 @@ wrapperTag: div
3545
3549
  type="button"
3546
3550
  aria-expanded="false"
3547
3551
  aria-label="Menu toggle"
3548
- id="data-list-static-bottom-example-toolbar-overflow-menutoggle"
3552
+ id="data-list-static-bottom-example-toolbar-overflow-menu-toggle"
3549
3553
  >
3550
3554
  <span class="pf-v6-c-menu-toggle__icon">
3551
3555
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -152,6 +152,7 @@ cssPrefix: pf-d-description-list
152
152
  </button>
153
153
  </div>
154
154
  </div>
155
+
155
156
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
156
157
  <button
157
158
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -516,6 +517,7 @@ cssPrefix: pf-d-description-list
516
517
  </button>
517
518
  </div>
518
519
  </div>
520
+
519
521
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
520
522
  <button
521
523
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -690,7 +692,7 @@ cssPrefix: pf-d-description-list
690
692
  type="button"
691
693
  aria-expanded="false"
692
694
  aria-label="Menu toggle"
693
- id="description-list-in-drawer-exampletoggle"
695
+ id="description-list-in-drawer-example-toggle"
694
696
  >
695
697
  <span class="pf-v6-c-menu-toggle__icon">
696
698
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1151,6 +1153,7 @@ cssPrefix: pf-d-description-list
1151
1153
  </button>
1152
1154
  </div>
1153
1155
  </div>
1156
+
1154
1157
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1155
1158
  <button
1156
1159
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -152,6 +152,7 @@ wrapperTag: div
152
152
  </button>
153
153
  </div>
154
154
  </div>
155
+
155
156
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
156
157
  <button
157
158
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -326,7 +327,7 @@ wrapperTag: div
326
327
  type="button"
327
328
  aria-expanded="false"
328
329
  aria-label="Menu toggle"
329
- id="drawer-collapsed-exampletoggle"
330
+ id="drawer-collapsed-example-toggle"
330
331
  >
331
332
  <span class="pf-v6-c-menu-toggle__icon">
332
333
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -620,6 +621,7 @@ wrapperTag: div
620
621
  </button>
621
622
  </div>
622
623
  </div>
624
+
623
625
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
624
626
  <button
625
627
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -943,6 +945,7 @@ wrapperTag: div
943
945
  </button>
944
946
  </div>
945
947
  </div>
948
+
946
949
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
947
950
  <button
948
951
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1266,6 +1269,7 @@ wrapperTag: div
1266
1269
  </button>
1267
1270
  </div>
1268
1271
  </div>
1272
+
1269
1273
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1270
1274
  <button
1271
1275
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1641,6 +1645,7 @@ wrapperTag: div
1641
1645
  </button>
1642
1646
  </div>
1643
1647
  </div>
1648
+
1644
1649
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1645
1650
  <button
1646
1651
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -154,6 +154,7 @@ section: components
154
154
  </button>
155
155
  </div>
156
156
  </div>
157
+
157
158
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
158
159
  <button
159
160
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -567,6 +568,7 @@ section: components
567
568
  </button>
568
569
  </div>
569
570
  </div>
571
+
570
572
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
571
573
  <button
572
574
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -980,6 +982,7 @@ section: components
980
982
  </button>
981
983
  </div>
982
984
  </div>
985
+
983
986
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
984
987
  <button
985
988
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1390,6 +1393,7 @@ section: components
1390
1393
  </button>
1391
1394
  </div>
1392
1395
  </div>
1396
+
1393
1397
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1394
1398
  <button
1395
1399
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1745,6 +1749,7 @@ section: components
1745
1749
  </button>
1746
1750
  </div>
1747
1751
  </div>
1752
+
1748
1753
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1749
1754
  <button
1750
1755
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2120,6 +2125,7 @@ section: components
2120
2125
  </button>
2121
2126
  </div>
2122
2127
  </div>
2128
+
2123
2129
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2124
2130
  <button
2125
2131
  class="pf-v6-c-menu-toggle pf-m-plain"
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -399,6 +399,7 @@ wrapperTag: div
399
399
  </button>
400
400
  </div>
401
401
  </div>
402
+
402
403
  <div class="pf-v6-c-toolbar__item pf-m-align-end">
403
404
  <button
404
405
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -660,11 +661,11 @@ wrapperTag: div
660
661
  <div
661
662
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
662
663
  >
663
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
664
+ <div class="pf-v6-c-toolbar__toggle">
664
665
  <button
665
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
666
+ class="pf-v6-c-menu-toggle pf-m-plain"
666
667
  type="button"
667
- aria-expanded="true"
668
+ aria-expanded="false"
668
669
  aria-label="Show filters"
669
670
  aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
670
671
  >
@@ -718,6 +719,7 @@ wrapperTag: div
718
719
  </div>
719
720
  </div>
720
721
  </div>
722
+
721
723
  <div class="pf-v6-c-toolbar__item">
722
724
  <button
723
725
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -731,6 +733,7 @@ wrapperTag: div
731
733
  </button>
732
734
  </div>
733
735
  </div>
736
+
734
737
  <div
735
738
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
736
739
  id="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
@@ -984,11 +987,11 @@ wrapperTag: div
984
987
  <div
985
988
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-lg pf-m-align-end"
986
989
  >
987
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
990
+ <div class="pf-v6-c-toolbar__toggle">
988
991
  <button
989
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
992
+ class="pf-v6-c-menu-toggle pf-m-plain"
990
993
  type="button"
991
- aria-expanded="true"
994
+ aria-expanded="false"
992
995
  aria-label="Show filters"
993
996
  aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
994
997
  >
@@ -1042,6 +1045,7 @@ wrapperTag: div
1042
1045
  </div>
1043
1046
  </div>
1044
1047
  </div>
1048
+
1045
1049
  <div class="pf-v6-c-toolbar__item">
1046
1050
  <button
1047
1051
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1055,6 +1059,7 @@ wrapperTag: div
1055
1059
  </button>
1056
1060
  </div>
1057
1061
  </div>
1062
+
1058
1063
  <div
1059
1064
  class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
1060
1065
  id="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
@@ -1892,6 +1897,7 @@ wrapperTag: div
1892
1897
  </button>
1893
1898
  </div>
1894
1899
  </div>
1900
+
1895
1901
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1896
1902
  <button
1897
1903
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2201,6 +2207,7 @@ wrapperTag: div
2201
2207
  </div>
2202
2208
  </nav>
2203
2209
  </div>
2210
+
2204
2211
  <div
2205
2212
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2206
2213
  >
@@ -2244,6 +2251,7 @@ wrapperTag: div
2244
2251
  </button>
2245
2252
  </div>
2246
2253
  </div>
2254
+
2247
2255
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2248
2256
  <button
2249
2257
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2470,11 +2478,11 @@ wrapperTag: div
2470
2478
  <div
2471
2479
  class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show pf-m-align-end"
2472
2480
  >
2473
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
2481
+ <div class="pf-v6-c-toolbar__toggle">
2474
2482
  <button
2475
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-expanded"
2483
+ class="pf-v6-c-menu-toggle pf-m-plain"
2476
2484
  type="button"
2477
- aria-expanded="true"
2485
+ aria-expanded="false"
2478
2486
  aria-label="Show filters"
2479
2487
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
2480
2488
  >
@@ -2484,6 +2492,7 @@ wrapperTag: div
2484
2492
  </button>
2485
2493
  </div>
2486
2494
  </div>
2495
+
2487
2496
  <div class="pf-v6-c-toolbar__item">
2488
2497
  <button
2489
2498
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2497,6 +2506,7 @@ wrapperTag: div
2497
2506
  </button>
2498
2507
  </div>
2499
2508
  </div>
2509
+
2500
2510
  <div
2501
2511
  class="pf-v6-c-toolbar__expandable-content pf-m-expanded"
2502
2512
  id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"