@patternfly/patternfly 6.3.0-prerelease.24 → 6.3.0-prerelease.26

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 (52) hide show
  1. package/components/Button/button.css +115 -5
  2. package/components/Button/button.scss +118 -6
  3. package/components/Menu/menu.css +24 -4
  4. package/components/Menu/menu.scss +20 -5
  5. package/components/MenuToggle/menu-toggle.css +30 -0
  6. package/components/MenuToggle/menu-toggle.scss +33 -0
  7. package/components/Page/page.css +45 -0
  8. package/components/Page/page.scss +29 -0
  9. package/components/_index.css +214 -9
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  11. package/docs/components/Button/examples/Button.md +85 -3
  12. package/docs/components/Card/examples/Card.md +8 -8
  13. package/docs/components/DataList/examples/DataList.md +23 -23
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +18 -18
  15. package/docs/components/Hint/examples/Hint.md +3 -3
  16. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  17. package/docs/components/Masthead/examples/masthead.md +90 -12
  18. package/docs/components/Menu/examples/Menu.md +2 -2
  19. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  20. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  21. package/docs/components/Page/examples/Page.md +147 -14
  22. package/docs/components/Pagination/examples/Pagination.md +12 -12
  23. package/docs/components/Table/examples/Table.md +240 -240
  24. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  25. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  26. package/docs/demos/Alert/examples/Alert.md +66 -9
  27. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  28. package/docs/demos/Banner/examples/Banner.md +47 -6
  29. package/docs/demos/Card/examples/Card.md +4 -4
  30. package/docs/demos/CardView/examples/CardView.md +24 -5
  31. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  32. package/docs/demos/DataList/examples/DataList.md +100 -24
  33. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -9
  34. package/docs/demos/Drawer/examples/Drawer.md +110 -15
  35. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  36. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  37. package/docs/demos/Modal/examples/Modal.md +132 -18
  38. package/docs/demos/Nav/examples/Nav.md +111 -16
  39. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  40. package/docs/demos/Page/examples/Page.md +309 -43
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -27
  42. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  43. package/docs/demos/Table/examples/Table.md +435 -150
  44. package/docs/demos/Tabs/examples/Tabs.md +137 -23
  45. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  46. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  47. package/package.json +2 -2
  48. package/patternfly-no-globals.css +214 -9
  49. package/patternfly.css +214 -9
  50. package/patternfly.min.css +1 -1
  51. package/patternfly.min.css.map +1 -1
  52. package/sass-utilities/mixins.scss +35 -0
package/docs/demos/Table/examples/Table.md CHANGED
@@ -19,12 +19,31 @@ wrapperTag: div
19
19
  <div class="pf-v6-c-masthead__main">
20
20
  <span class="pf-v6-c-masthead__toggle">
21
21
  <button
22
- class="pf-v6-c-button pf-m-plain"
22
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
23
23
  type="button"
24
24
  aria-label="Global navigation"
25
25
  >
26
26
  <span class="pf-v6-c-button__icon">
27
- <i class="fas fa-bars" aria-hidden="true"></i>
27
+ <svg
28
+ viewBox="0 0 10 10"
29
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
30
+ width="1em"
31
+ height="1em"
32
+ >
33
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
34
+ <path
35
+ class="pf-v6-c-button--hamburger-icon--middle"
36
+ d="M1,5 L9,5"
37
+ />
38
+ <path
39
+ class="pf-v6-c-button--hamburger-icon--arrow"
40
+ d="M1,5 L1,5 L1,5"
41
+ />
42
+ <path
43
+ class="pf-v6-c-button--hamburger-icon--bottom"
44
+ d="M9,9 L1,9"
45
+ />
46
+ </svg>
28
47
  </span>
29
48
  </button>
30
49
  </span>
@@ -129,7 +148,7 @@ wrapperTag: div
129
148
  </div>
130
149
  <div class="pf-v6-c-toolbar__item">
131
150
  <button
132
- class="pf-v6-c-menu-toggle pf-m-plain"
151
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
133
152
  type="button"
134
153
  aria-expanded="false"
135
154
  aria-label="Settings"
@@ -410,7 +429,7 @@ wrapperTag: div
410
429
  <div class="pf-v6-c-pagination pf-m-compact">
411
430
  <div class="pf-v6-c-pagination__page-menu">
412
431
  <button
413
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
432
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
414
433
  type="button"
415
434
  aria-expanded="false"
416
435
  aria-label="Menu toggle"
@@ -601,7 +620,7 @@ wrapperTag: div
601
620
  class="pf-v6-c-menu-toggle pf-m-plain"
602
621
  type="button"
603
622
  aria-expanded="false"
604
- aria-label="Menu toggle"
623
+ aria-label="Table actions"
605
624
  >
606
625
  <span class="pf-v6-c-menu-toggle__icon">
607
626
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -677,7 +696,7 @@ wrapperTag: div
677
696
  class="pf-v6-c-menu-toggle pf-m-plain"
678
697
  type="button"
679
698
  aria-expanded="false"
680
- aria-label="Menu toggle"
699
+ aria-label="Table actions"
681
700
  >
682
701
  <span class="pf-v6-c-menu-toggle__icon">
683
702
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -753,7 +772,7 @@ wrapperTag: div
753
772
  class="pf-v6-c-menu-toggle pf-m-plain"
754
773
  type="button"
755
774
  aria-expanded="false"
756
- aria-label="Menu toggle"
775
+ aria-label="Table actions"
757
776
  >
758
777
  <span class="pf-v6-c-menu-toggle__icon">
759
778
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -829,7 +848,7 @@ wrapperTag: div
829
848
  class="pf-v6-c-menu-toggle pf-m-plain"
830
849
  type="button"
831
850
  aria-expanded="false"
832
- aria-label="Menu toggle"
851
+ aria-label="Table actions"
833
852
  >
834
853
  <span class="pf-v6-c-menu-toggle__icon">
835
854
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -904,7 +923,7 @@ wrapperTag: div
904
923
  class="pf-v6-c-menu-toggle pf-m-plain"
905
924
  type="button"
906
925
  aria-expanded="false"
907
- aria-label="Menu toggle"
926
+ aria-label="Table actions"
908
927
  >
909
928
  <span class="pf-v6-c-menu-toggle__icon">
910
929
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -917,7 +936,7 @@ wrapperTag: div
917
936
  <div class="pf-v6-c-pagination pf-m-bottom">
918
937
  <div class="pf-v6-c-pagination__page-menu">
919
938
  <button
920
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
939
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
921
940
  type="button"
922
941
  aria-expanded="false"
923
942
  aria-label="Menu toggle"
@@ -1017,12 +1036,31 @@ wrapperTag: div
1017
1036
  <div class="pf-v6-c-masthead__main">
1018
1037
  <span class="pf-v6-c-masthead__toggle">
1019
1038
  <button
1020
- class="pf-v6-c-button pf-m-plain"
1039
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1021
1040
  type="button"
1022
1041
  aria-label="Global navigation"
1023
1042
  >
1024
1043
  <span class="pf-v6-c-button__icon">
1025
- <i class="fas fa-bars" aria-hidden="true"></i>
1044
+ <svg
1045
+ viewBox="0 0 10 10"
1046
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1047
+ width="1em"
1048
+ height="1em"
1049
+ >
1050
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1051
+ <path
1052
+ class="pf-v6-c-button--hamburger-icon--middle"
1053
+ d="M1,5 L9,5"
1054
+ />
1055
+ <path
1056
+ class="pf-v6-c-button--hamburger-icon--arrow"
1057
+ d="M1,5 L1,5 L1,5"
1058
+ />
1059
+ <path
1060
+ class="pf-v6-c-button--hamburger-icon--bottom"
1061
+ d="M9,9 L1,9"
1062
+ />
1063
+ </svg>
1026
1064
  </span>
1027
1065
  </button>
1028
1066
  </span>
@@ -1130,7 +1168,7 @@ wrapperTag: div
1130
1168
  </div>
1131
1169
  <div class="pf-v6-c-toolbar__item">
1132
1170
  <button
1133
- class="pf-v6-c-menu-toggle pf-m-plain"
1171
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1134
1172
  type="button"
1135
1173
  aria-expanded="false"
1136
1174
  aria-label="Settings"
@@ -1465,7 +1503,7 @@ wrapperTag: div
1465
1503
  <div class="pf-v6-c-pagination pf-m-compact">
1466
1504
  <div class="pf-v6-c-pagination__page-menu">
1467
1505
  <button
1468
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1506
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1469
1507
  type="button"
1470
1508
  aria-expanded="false"
1471
1509
  aria-label="Menu toggle"
@@ -1706,7 +1744,7 @@ wrapperTag: div
1706
1744
  class="pf-v6-c-menu-toggle pf-m-plain"
1707
1745
  type="button"
1708
1746
  aria-expanded="false"
1709
- aria-label="Menu toggle"
1747
+ aria-label="Table actions"
1710
1748
  >
1711
1749
  <span class="pf-v6-c-menu-toggle__icon">
1712
1750
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1782,7 +1820,7 @@ wrapperTag: div
1782
1820
  class="pf-v6-c-menu-toggle pf-m-plain"
1783
1821
  type="button"
1784
1822
  aria-expanded="false"
1785
- aria-label="Menu toggle"
1823
+ aria-label="Table actions"
1786
1824
  >
1787
1825
  <span class="pf-v6-c-menu-toggle__icon">
1788
1826
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1858,7 +1896,7 @@ wrapperTag: div
1858
1896
  class="pf-v6-c-menu-toggle pf-m-plain"
1859
1897
  type="button"
1860
1898
  aria-expanded="false"
1861
- aria-label="Menu toggle"
1899
+ aria-label="Table actions"
1862
1900
  >
1863
1901
  <span class="pf-v6-c-menu-toggle__icon">
1864
1902
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1934,7 +1972,7 @@ wrapperTag: div
1934
1972
  class="pf-v6-c-menu-toggle pf-m-plain"
1935
1973
  type="button"
1936
1974
  aria-expanded="false"
1937
- aria-label="Menu toggle"
1975
+ aria-label="Table actions"
1938
1976
  >
1939
1977
  <span class="pf-v6-c-menu-toggle__icon">
1940
1978
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2009,7 +2047,7 @@ wrapperTag: div
2009
2047
  class="pf-v6-c-menu-toggle pf-m-plain"
2010
2048
  type="button"
2011
2049
  aria-expanded="false"
2012
- aria-label="Menu toggle"
2050
+ aria-label="Table actions"
2013
2051
  >
2014
2052
  <span class="pf-v6-c-menu-toggle__icon">
2015
2053
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2022,7 +2060,7 @@ wrapperTag: div
2022
2060
  <div class="pf-v6-c-pagination pf-m-bottom">
2023
2061
  <div class="pf-v6-c-pagination__page-menu">
2024
2062
  <button
2025
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
2063
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
2026
2064
  type="button"
2027
2065
  aria-expanded="false"
2028
2066
  aria-label="Menu toggle"
@@ -2122,12 +2160,31 @@ wrapperTag: div
2122
2160
  <div class="pf-v6-c-masthead__main">
2123
2161
  <span class="pf-v6-c-masthead__toggle">
2124
2162
  <button
2125
- class="pf-v6-c-button pf-m-plain"
2163
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
2126
2164
  type="button"
2127
2165
  aria-label="Global navigation"
2128
2166
  >
2129
2167
  <span class="pf-v6-c-button__icon">
2130
- <i class="fas fa-bars" aria-hidden="true"></i>
2168
+ <svg
2169
+ viewBox="0 0 10 10"
2170
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2171
+ width="1em"
2172
+ height="1em"
2173
+ >
2174
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2175
+ <path
2176
+ class="pf-v6-c-button--hamburger-icon--middle"
2177
+ d="M1,5 L9,5"
2178
+ />
2179
+ <path
2180
+ class="pf-v6-c-button--hamburger-icon--arrow"
2181
+ d="M1,5 L1,5 L1,5"
2182
+ />
2183
+ <path
2184
+ class="pf-v6-c-button--hamburger-icon--bottom"
2185
+ d="M9,9 L1,9"
2186
+ />
2187
+ </svg>
2131
2188
  </span>
2132
2189
  </button>
2133
2190
  </span>
@@ -2235,7 +2292,7 @@ wrapperTag: div
2235
2292
  </div>
2236
2293
  <div class="pf-v6-c-toolbar__item">
2237
2294
  <button
2238
- class="pf-v6-c-menu-toggle pf-m-plain"
2295
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2239
2296
  type="button"
2240
2297
  aria-expanded="false"
2241
2298
  aria-label="Settings"
@@ -2532,7 +2589,7 @@ wrapperTag: div
2532
2589
  <div class="pf-v6-c-pagination pf-m-compact">
2533
2590
  <div class="pf-v6-c-pagination__page-menu">
2534
2591
  <button
2535
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
2592
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
2536
2593
  type="button"
2537
2594
  aria-expanded="false"
2538
2595
  aria-label="Menu toggle"
@@ -2765,7 +2822,7 @@ wrapperTag: div
2765
2822
  class="pf-v6-c-menu-toggle pf-m-plain"
2766
2823
  type="button"
2767
2824
  aria-expanded="false"
2768
- aria-label="Menu toggle"
2825
+ aria-label="Table actions"
2769
2826
  >
2770
2827
  <span class="pf-v6-c-menu-toggle__icon">
2771
2828
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2889,7 +2946,7 @@ wrapperTag: div
2889
2946
  class="pf-v6-c-menu-toggle pf-m-plain"
2890
2947
  type="button"
2891
2948
  aria-expanded="false"
2892
- aria-label="Menu toggle"
2949
+ aria-label="Table actions"
2893
2950
  >
2894
2951
  <span class="pf-v6-c-menu-toggle__icon">
2895
2952
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3029,7 +3086,7 @@ wrapperTag: div
3029
3086
  class="pf-v6-c-menu-toggle pf-m-plain"
3030
3087
  type="button"
3031
3088
  aria-expanded="false"
3032
- aria-label="Menu toggle"
3089
+ aria-label="Table actions"
3033
3090
  >
3034
3091
  <span class="pf-v6-c-menu-toggle__icon">
3035
3092
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3141,7 +3198,7 @@ wrapperTag: div
3141
3198
  class="pf-v6-c-menu-toggle pf-m-plain"
3142
3199
  type="button"
3143
3200
  aria-expanded="false"
3144
- aria-label="Menu toggle"
3201
+ aria-label="Table actions"
3145
3202
  >
3146
3203
  <span class="pf-v6-c-menu-toggle__icon">
3147
3204
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3259,7 +3316,7 @@ wrapperTag: div
3259
3316
  class="pf-v6-c-menu-toggle pf-m-plain"
3260
3317
  type="button"
3261
3318
  aria-expanded="false"
3262
- aria-label="Menu toggle"
3319
+ aria-label="Table actions"
3263
3320
  >
3264
3321
  <span class="pf-v6-c-menu-toggle__icon">
3265
3322
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3293,7 +3350,7 @@ wrapperTag: div
3293
3350
  <div class="pf-v6-c-pagination pf-m-bottom">
3294
3351
  <div class="pf-v6-c-pagination__page-menu">
3295
3352
  <button
3296
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
3353
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
3297
3354
  type="button"
3298
3355
  aria-expanded="false"
3299
3356
  aria-label="Menu toggle"
@@ -3393,12 +3450,31 @@ wrapperTag: div
3393
3450
  <div class="pf-v6-c-masthead__main">
3394
3451
  <span class="pf-v6-c-masthead__toggle">
3395
3452
  <button
3396
- class="pf-v6-c-button pf-m-plain"
3453
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
3397
3454
  type="button"
3398
3455
  aria-label="Global navigation"
3399
3456
  >
3400
3457
  <span class="pf-v6-c-button__icon">
3401
- <i class="fas fa-bars" aria-hidden="true"></i>
3458
+ <svg
3459
+ viewBox="0 0 10 10"
3460
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
3461
+ width="1em"
3462
+ height="1em"
3463
+ >
3464
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
3465
+ <path
3466
+ class="pf-v6-c-button--hamburger-icon--middle"
3467
+ d="M1,5 L9,5"
3468
+ />
3469
+ <path
3470
+ class="pf-v6-c-button--hamburger-icon--arrow"
3471
+ d="M1,5 L1,5 L1,5"
3472
+ />
3473
+ <path
3474
+ class="pf-v6-c-button--hamburger-icon--bottom"
3475
+ d="M9,9 L1,9"
3476
+ />
3477
+ </svg>
3402
3478
  </span>
3403
3479
  </button>
3404
3480
  </span>
@@ -3506,7 +3582,7 @@ wrapperTag: div
3506
3582
  </div>
3507
3583
  <div class="pf-v6-c-toolbar__item">
3508
3584
  <button
3509
- class="pf-v6-c-menu-toggle pf-m-plain"
3585
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3510
3586
  type="button"
3511
3587
  aria-expanded="false"
3512
3588
  aria-label="Settings"
@@ -3803,7 +3879,7 @@ wrapperTag: div
3803
3879
  <div class="pf-v6-c-pagination pf-m-compact">
3804
3880
  <div class="pf-v6-c-pagination__page-menu">
3805
3881
  <button
3806
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
3882
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
3807
3883
  type="button"
3808
3884
  aria-expanded="false"
3809
3885
  aria-label="Menu toggle"
@@ -3996,7 +4072,7 @@ wrapperTag: div
3996
4072
  class="pf-v6-c-menu-toggle pf-m-plain"
3997
4073
  type="button"
3998
4074
  aria-expanded="false"
3999
- aria-label="Menu toggle"
4075
+ aria-label="Table actions"
4000
4076
  >
4001
4077
  <span class="pf-v6-c-menu-toggle__icon">
4002
4078
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4068,7 +4144,7 @@ wrapperTag: div
4068
4144
  class="pf-v6-c-menu-toggle pf-m-plain"
4069
4145
  type="button"
4070
4146
  aria-expanded="false"
4071
- aria-label="Menu toggle"
4147
+ aria-label="Table actions"
4072
4148
  >
4073
4149
  <span class="pf-v6-c-menu-toggle__icon">
4074
4150
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4140,7 +4216,7 @@ wrapperTag: div
4140
4216
  class="pf-v6-c-menu-toggle pf-m-plain"
4141
4217
  type="button"
4142
4218
  aria-expanded="false"
4143
- aria-label="Menu toggle"
4219
+ aria-label="Table actions"
4144
4220
  >
4145
4221
  <span class="pf-v6-c-menu-toggle__icon">
4146
4222
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4212,7 +4288,7 @@ wrapperTag: div
4212
4288
  class="pf-v6-c-menu-toggle pf-m-plain"
4213
4289
  type="button"
4214
4290
  aria-expanded="false"
4215
- aria-label="Menu toggle"
4291
+ aria-label="Table actions"
4216
4292
  >
4217
4293
  <span class="pf-v6-c-menu-toggle__icon">
4218
4294
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4225,7 +4301,7 @@ wrapperTag: div
4225
4301
  <div class="pf-v6-c-pagination pf-m-bottom">
4226
4302
  <div class="pf-v6-c-pagination__page-menu">
4227
4303
  <button
4228
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
4304
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
4229
4305
  type="button"
4230
4306
  aria-expanded="false"
4231
4307
  aria-label="Menu toggle"
@@ -4328,12 +4404,31 @@ wrapperTag: div
4328
4404
  <div class="pf-v6-c-masthead__main">
4329
4405
  <span class="pf-v6-c-masthead__toggle">
4330
4406
  <button
4331
- class="pf-v6-c-button pf-m-plain"
4407
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
4332
4408
  type="button"
4333
4409
  aria-label="Global navigation"
4334
4410
  >
4335
4411
  <span class="pf-v6-c-button__icon">
4336
- <i class="fas fa-bars" aria-hidden="true"></i>
4412
+ <svg
4413
+ viewBox="0 0 10 10"
4414
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
4415
+ width="1em"
4416
+ height="1em"
4417
+ >
4418
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
4419
+ <path
4420
+ class="pf-v6-c-button--hamburger-icon--middle"
4421
+ d="M1,5 L9,5"
4422
+ />
4423
+ <path
4424
+ class="pf-v6-c-button--hamburger-icon--arrow"
4425
+ d="M1,5 L1,5 L1,5"
4426
+ />
4427
+ <path
4428
+ class="pf-v6-c-button--hamburger-icon--bottom"
4429
+ d="M9,9 L1,9"
4430
+ />
4431
+ </svg>
4337
4432
  </span>
4338
4433
  </button>
4339
4434
  </span>
@@ -4441,7 +4536,7 @@ wrapperTag: div
4441
4536
  </div>
4442
4537
  <div class="pf-v6-c-toolbar__item">
4443
4538
  <button
4444
- class="pf-v6-c-menu-toggle pf-m-plain"
4539
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4445
4540
  type="button"
4446
4541
  aria-expanded="false"
4447
4542
  aria-label="Settings"
@@ -4738,7 +4833,7 @@ wrapperTag: div
4738
4833
  <div class="pf-v6-c-pagination pf-m-compact">
4739
4834
  <div class="pf-v6-c-pagination__page-menu">
4740
4835
  <button
4741
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
4836
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
4742
4837
  type="button"
4743
4838
  aria-expanded="false"
4744
4839
  aria-label="Menu toggle"
@@ -4951,7 +5046,7 @@ wrapperTag: div
4951
5046
  class="pf-v6-c-menu-toggle pf-m-plain"
4952
5047
  type="button"
4953
5048
  aria-expanded="false"
4954
- aria-label="Menu toggle"
5049
+ aria-label="Table actions"
4955
5050
  >
4956
5051
  <span class="pf-v6-c-menu-toggle__icon">
4957
5052
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5040,7 +5135,7 @@ wrapperTag: div
5040
5135
  class="pf-v6-c-menu-toggle pf-m-plain"
5041
5136
  type="button"
5042
5137
  aria-expanded="false"
5043
- aria-label="Menu toggle"
5138
+ aria-label="Table actions"
5044
5139
  >
5045
5140
  <span class="pf-v6-c-menu-toggle__icon">
5046
5141
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5072,7 +5167,7 @@ wrapperTag: div
5072
5167
  class="pf-v6-c-menu-toggle pf-m-plain"
5073
5168
  type="button"
5074
5169
  aria-expanded="false"
5075
- aria-label="Menu toggle"
5170
+ aria-label="Table actions"
5076
5171
  >
5077
5172
  <span class="pf-v6-c-menu-toggle__icon">
5078
5173
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5104,7 +5199,7 @@ wrapperTag: div
5104
5199
  class="pf-v6-c-menu-toggle pf-m-plain"
5105
5200
  type="button"
5106
5201
  aria-expanded="false"
5107
- aria-label="Menu toggle"
5202
+ aria-label="Table actions"
5108
5203
  >
5109
5204
  <span class="pf-v6-c-menu-toggle__icon">
5110
5205
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5136,7 +5231,7 @@ wrapperTag: div
5136
5231
  class="pf-v6-c-menu-toggle pf-m-plain"
5137
5232
  type="button"
5138
5233
  aria-expanded="false"
5139
- aria-label="Menu toggle"
5234
+ aria-label="Table actions"
5140
5235
  >
5141
5236
  <span class="pf-v6-c-menu-toggle__icon">
5142
5237
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5168,7 +5263,7 @@ wrapperTag: div
5168
5263
  class="pf-v6-c-menu-toggle pf-m-plain"
5169
5264
  type="button"
5170
5265
  aria-expanded="false"
5171
- aria-label="Menu toggle"
5266
+ aria-label="Table actions"
5172
5267
  >
5173
5268
  <span class="pf-v6-c-menu-toggle__icon">
5174
5269
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5261,7 +5356,7 @@ wrapperTag: div
5261
5356
  class="pf-v6-c-menu-toggle pf-m-plain"
5262
5357
  type="button"
5263
5358
  aria-expanded="false"
5264
- aria-label="Menu toggle"
5359
+ aria-label="Table actions"
5265
5360
  >
5266
5361
  <span class="pf-v6-c-menu-toggle__icon">
5267
5362
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5293,7 +5388,7 @@ wrapperTag: div
5293
5388
  class="pf-v6-c-menu-toggle pf-m-plain"
5294
5389
  type="button"
5295
5390
  aria-expanded="false"
5296
- aria-label="Menu toggle"
5391
+ aria-label="Table actions"
5297
5392
  >
5298
5393
  <span class="pf-v6-c-menu-toggle__icon">
5299
5394
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5325,7 +5420,7 @@ wrapperTag: div
5325
5420
  class="pf-v6-c-menu-toggle pf-m-plain"
5326
5421
  type="button"
5327
5422
  aria-expanded="false"
5328
- aria-label="Menu toggle"
5423
+ aria-label="Table actions"
5329
5424
  >
5330
5425
  <span class="pf-v6-c-menu-toggle__icon">
5331
5426
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5357,7 +5452,7 @@ wrapperTag: div
5357
5452
  class="pf-v6-c-menu-toggle pf-m-plain"
5358
5453
  type="button"
5359
5454
  aria-expanded="false"
5360
- aria-label="Menu toggle"
5455
+ aria-label="Table actions"
5361
5456
  >
5362
5457
  <span class="pf-v6-c-menu-toggle__icon">
5363
5458
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5389,7 +5484,7 @@ wrapperTag: div
5389
5484
  class="pf-v6-c-menu-toggle pf-m-plain"
5390
5485
  type="button"
5391
5486
  aria-expanded="false"
5392
- aria-label="Menu toggle"
5487
+ aria-label="Table actions"
5393
5488
  >
5394
5489
  <span class="pf-v6-c-menu-toggle__icon">
5395
5490
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5482,7 +5577,7 @@ wrapperTag: div
5482
5577
  class="pf-v6-c-menu-toggle pf-m-plain"
5483
5578
  type="button"
5484
5579
  aria-expanded="false"
5485
- aria-label="Menu toggle"
5580
+ aria-label="Table actions"
5486
5581
  >
5487
5582
  <span class="pf-v6-c-menu-toggle__icon">
5488
5583
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5514,7 +5609,7 @@ wrapperTag: div
5514
5609
  class="pf-v6-c-menu-toggle pf-m-plain"
5515
5610
  type="button"
5516
5611
  aria-expanded="false"
5517
- aria-label="Menu toggle"
5612
+ aria-label="Table actions"
5518
5613
  >
5519
5614
  <span class="pf-v6-c-menu-toggle__icon">
5520
5615
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5546,7 +5641,7 @@ wrapperTag: div
5546
5641
  class="pf-v6-c-menu-toggle pf-m-plain"
5547
5642
  type="button"
5548
5643
  aria-expanded="false"
5549
- aria-label="Menu toggle"
5644
+ aria-label="Table actions"
5550
5645
  >
5551
5646
  <span class="pf-v6-c-menu-toggle__icon">
5552
5647
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5578,7 +5673,7 @@ wrapperTag: div
5578
5673
  class="pf-v6-c-menu-toggle pf-m-plain"
5579
5674
  type="button"
5580
5675
  aria-expanded="false"
5581
- aria-label="Menu toggle"
5676
+ aria-label="Table actions"
5582
5677
  >
5583
5678
  <span class="pf-v6-c-menu-toggle__icon">
5584
5679
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5610,7 +5705,7 @@ wrapperTag: div
5610
5705
  class="pf-v6-c-menu-toggle pf-m-plain"
5611
5706
  type="button"
5612
5707
  aria-expanded="false"
5613
- aria-label="Menu toggle"
5708
+ aria-label="Table actions"
5614
5709
  >
5615
5710
  <span class="pf-v6-c-menu-toggle__icon">
5616
5711
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5692,7 +5787,7 @@ wrapperTag: div
5692
5787
  class="pf-v6-c-menu-toggle pf-m-plain"
5693
5788
  type="button"
5694
5789
  aria-expanded="false"
5695
- aria-label="Menu toggle"
5790
+ aria-label="Table actions"
5696
5791
  >
5697
5792
  <span class="pf-v6-c-menu-toggle__icon">
5698
5793
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5781,7 +5876,7 @@ wrapperTag: div
5781
5876
  class="pf-v6-c-menu-toggle pf-m-plain"
5782
5877
  type="button"
5783
5878
  aria-expanded="false"
5784
- aria-label="Menu toggle"
5879
+ aria-label="Table actions"
5785
5880
  >
5786
5881
  <span class="pf-v6-c-menu-toggle__icon">
5787
5882
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5813,7 +5908,7 @@ wrapperTag: div
5813
5908
  class="pf-v6-c-menu-toggle pf-m-plain"
5814
5909
  type="button"
5815
5910
  aria-expanded="false"
5816
- aria-label="Menu toggle"
5911
+ aria-label="Table actions"
5817
5912
  >
5818
5913
  <span class="pf-v6-c-menu-toggle__icon">
5819
5914
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5845,7 +5940,7 @@ wrapperTag: div
5845
5940
  class="pf-v6-c-menu-toggle pf-m-plain"
5846
5941
  type="button"
5847
5942
  aria-expanded="false"
5848
- aria-label="Menu toggle"
5943
+ aria-label="Table actions"
5849
5944
  >
5850
5945
  <span class="pf-v6-c-menu-toggle__icon">
5851
5946
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5877,7 +5972,7 @@ wrapperTag: div
5877
5972
  class="pf-v6-c-menu-toggle pf-m-plain"
5878
5973
  type="button"
5879
5974
  aria-expanded="false"
5880
- aria-label="Menu toggle"
5975
+ aria-label="Table actions"
5881
5976
  >
5882
5977
  <span class="pf-v6-c-menu-toggle__icon">
5883
5978
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5909,7 +6004,7 @@ wrapperTag: div
5909
6004
  class="pf-v6-c-menu-toggle pf-m-plain"
5910
6005
  type="button"
5911
6006
  aria-expanded="false"
5912
- aria-label="Menu toggle"
6007
+ aria-label="Table actions"
5913
6008
  >
5914
6009
  <span class="pf-v6-c-menu-toggle__icon">
5915
6010
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6002,7 +6097,7 @@ wrapperTag: div
6002
6097
  class="pf-v6-c-menu-toggle pf-m-plain"
6003
6098
  type="button"
6004
6099
  aria-expanded="false"
6005
- aria-label="Menu toggle"
6100
+ aria-label="Table actions"
6006
6101
  >
6007
6102
  <span class="pf-v6-c-menu-toggle__icon">
6008
6103
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6034,7 +6129,7 @@ wrapperTag: div
6034
6129
  class="pf-v6-c-menu-toggle pf-m-plain"
6035
6130
  type="button"
6036
6131
  aria-expanded="false"
6037
- aria-label="Menu toggle"
6132
+ aria-label="Table actions"
6038
6133
  >
6039
6134
  <span class="pf-v6-c-menu-toggle__icon">
6040
6135
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6066,7 +6161,7 @@ wrapperTag: div
6066
6161
  class="pf-v6-c-menu-toggle pf-m-plain"
6067
6162
  type="button"
6068
6163
  aria-expanded="false"
6069
- aria-label="Menu toggle"
6164
+ aria-label="Table actions"
6070
6165
  >
6071
6166
  <span class="pf-v6-c-menu-toggle__icon">
6072
6167
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6098,7 +6193,7 @@ wrapperTag: div
6098
6193
  class="pf-v6-c-menu-toggle pf-m-plain"
6099
6194
  type="button"
6100
6195
  aria-expanded="false"
6101
- aria-label="Menu toggle"
6196
+ aria-label="Table actions"
6102
6197
  >
6103
6198
  <span class="pf-v6-c-menu-toggle__icon">
6104
6199
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6130,7 +6225,7 @@ wrapperTag: div
6130
6225
  class="pf-v6-c-menu-toggle pf-m-plain"
6131
6226
  type="button"
6132
6227
  aria-expanded="false"
6133
- aria-label="Menu toggle"
6228
+ aria-label="Table actions"
6134
6229
  >
6135
6230
  <span class="pf-v6-c-menu-toggle__icon">
6136
6231
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6223,7 +6318,7 @@ wrapperTag: div
6223
6318
  class="pf-v6-c-menu-toggle pf-m-plain"
6224
6319
  type="button"
6225
6320
  aria-expanded="false"
6226
- aria-label="Menu toggle"
6321
+ aria-label="Table actions"
6227
6322
  >
6228
6323
  <span class="pf-v6-c-menu-toggle__icon">
6229
6324
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6255,7 +6350,7 @@ wrapperTag: div
6255
6350
  class="pf-v6-c-menu-toggle pf-m-plain"
6256
6351
  type="button"
6257
6352
  aria-expanded="false"
6258
- aria-label="Menu toggle"
6353
+ aria-label="Table actions"
6259
6354
  >
6260
6355
  <span class="pf-v6-c-menu-toggle__icon">
6261
6356
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6287,7 +6382,7 @@ wrapperTag: div
6287
6382
  class="pf-v6-c-menu-toggle pf-m-plain"
6288
6383
  type="button"
6289
6384
  aria-expanded="false"
6290
- aria-label="Menu toggle"
6385
+ aria-label="Table actions"
6291
6386
  >
6292
6387
  <span class="pf-v6-c-menu-toggle__icon">
6293
6388
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6319,7 +6414,7 @@ wrapperTag: div
6319
6414
  class="pf-v6-c-menu-toggle pf-m-plain"
6320
6415
  type="button"
6321
6416
  aria-expanded="false"
6322
- aria-label="Menu toggle"
6417
+ aria-label="Table actions"
6323
6418
  >
6324
6419
  <span class="pf-v6-c-menu-toggle__icon">
6325
6420
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6351,7 +6446,7 @@ wrapperTag: div
6351
6446
  class="pf-v6-c-menu-toggle pf-m-plain"
6352
6447
  type="button"
6353
6448
  aria-expanded="false"
6354
- aria-label="Menu toggle"
6449
+ aria-label="Table actions"
6355
6450
  >
6356
6451
  <span class="pf-v6-c-menu-toggle__icon">
6357
6452
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6433,7 +6528,7 @@ wrapperTag: div
6433
6528
  class="pf-v6-c-menu-toggle pf-m-plain"
6434
6529
  type="button"
6435
6530
  aria-expanded="false"
6436
- aria-label="Menu toggle"
6531
+ aria-label="Table actions"
6437
6532
  >
6438
6533
  <span class="pf-v6-c-menu-toggle__icon">
6439
6534
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6522,7 +6617,7 @@ wrapperTag: div
6522
6617
  class="pf-v6-c-menu-toggle pf-m-plain"
6523
6618
  type="button"
6524
6619
  aria-expanded="false"
6525
- aria-label="Menu toggle"
6620
+ aria-label="Table actions"
6526
6621
  >
6527
6622
  <span class="pf-v6-c-menu-toggle__icon">
6528
6623
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6554,7 +6649,7 @@ wrapperTag: div
6554
6649
  class="pf-v6-c-menu-toggle pf-m-plain"
6555
6650
  type="button"
6556
6651
  aria-expanded="false"
6557
- aria-label="Menu toggle"
6652
+ aria-label="Table actions"
6558
6653
  >
6559
6654
  <span class="pf-v6-c-menu-toggle__icon">
6560
6655
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6586,7 +6681,7 @@ wrapperTag: div
6586
6681
  class="pf-v6-c-menu-toggle pf-m-plain"
6587
6682
  type="button"
6588
6683
  aria-expanded="false"
6589
- aria-label="Menu toggle"
6684
+ aria-label="Table actions"
6590
6685
  >
6591
6686
  <span class="pf-v6-c-menu-toggle__icon">
6592
6687
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6618,7 +6713,7 @@ wrapperTag: div
6618
6713
  class="pf-v6-c-menu-toggle pf-m-plain"
6619
6714
  type="button"
6620
6715
  aria-expanded="false"
6621
- aria-label="Menu toggle"
6716
+ aria-label="Table actions"
6622
6717
  >
6623
6718
  <span class="pf-v6-c-menu-toggle__icon">
6624
6719
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6650,7 +6745,7 @@ wrapperTag: div
6650
6745
  class="pf-v6-c-menu-toggle pf-m-plain"
6651
6746
  type="button"
6652
6747
  aria-expanded="false"
6653
- aria-label="Menu toggle"
6748
+ aria-label="Table actions"
6654
6749
  >
6655
6750
  <span class="pf-v6-c-menu-toggle__icon">
6656
6751
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6743,7 +6838,7 @@ wrapperTag: div
6743
6838
  class="pf-v6-c-menu-toggle pf-m-plain"
6744
6839
  type="button"
6745
6840
  aria-expanded="false"
6746
- aria-label="Menu toggle"
6841
+ aria-label="Table actions"
6747
6842
  >
6748
6843
  <span class="pf-v6-c-menu-toggle__icon">
6749
6844
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6775,7 +6870,7 @@ wrapperTag: div
6775
6870
  class="pf-v6-c-menu-toggle pf-m-plain"
6776
6871
  type="button"
6777
6872
  aria-expanded="false"
6778
- aria-label="Menu toggle"
6873
+ aria-label="Table actions"
6779
6874
  >
6780
6875
  <span class="pf-v6-c-menu-toggle__icon">
6781
6876
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6807,7 +6902,7 @@ wrapperTag: div
6807
6902
  class="pf-v6-c-menu-toggle pf-m-plain"
6808
6903
  type="button"
6809
6904
  aria-expanded="false"
6810
- aria-label="Menu toggle"
6905
+ aria-label="Table actions"
6811
6906
  >
6812
6907
  <span class="pf-v6-c-menu-toggle__icon">
6813
6908
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6839,7 +6934,7 @@ wrapperTag: div
6839
6934
  class="pf-v6-c-menu-toggle pf-m-plain"
6840
6935
  type="button"
6841
6936
  aria-expanded="false"
6842
- aria-label="Menu toggle"
6937
+ aria-label="Table actions"
6843
6938
  >
6844
6939
  <span class="pf-v6-c-menu-toggle__icon">
6845
6940
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6871,7 +6966,7 @@ wrapperTag: div
6871
6966
  class="pf-v6-c-menu-toggle pf-m-plain"
6872
6967
  type="button"
6873
6968
  aria-expanded="false"
6874
- aria-label="Menu toggle"
6969
+ aria-label="Table actions"
6875
6970
  >
6876
6971
  <span class="pf-v6-c-menu-toggle__icon">
6877
6972
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6964,7 +7059,7 @@ wrapperTag: div
6964
7059
  class="pf-v6-c-menu-toggle pf-m-plain"
6965
7060
  type="button"
6966
7061
  aria-expanded="false"
6967
- aria-label="Menu toggle"
7062
+ aria-label="Table actions"
6968
7063
  >
6969
7064
  <span class="pf-v6-c-menu-toggle__icon">
6970
7065
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6996,7 +7091,7 @@ wrapperTag: div
6996
7091
  class="pf-v6-c-menu-toggle pf-m-plain"
6997
7092
  type="button"
6998
7093
  aria-expanded="false"
6999
- aria-label="Menu toggle"
7094
+ aria-label="Table actions"
7000
7095
  >
7001
7096
  <span class="pf-v6-c-menu-toggle__icon">
7002
7097
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7028,7 +7123,7 @@ wrapperTag: div
7028
7123
  class="pf-v6-c-menu-toggle pf-m-plain"
7029
7124
  type="button"
7030
7125
  aria-expanded="false"
7031
- aria-label="Menu toggle"
7126
+ aria-label="Table actions"
7032
7127
  >
7033
7128
  <span class="pf-v6-c-menu-toggle__icon">
7034
7129
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7060,7 +7155,7 @@ wrapperTag: div
7060
7155
  class="pf-v6-c-menu-toggle pf-m-plain"
7061
7156
  type="button"
7062
7157
  aria-expanded="false"
7063
- aria-label="Menu toggle"
7158
+ aria-label="Table actions"
7064
7159
  >
7065
7160
  <span class="pf-v6-c-menu-toggle__icon">
7066
7161
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7092,7 +7187,7 @@ wrapperTag: div
7092
7187
  class="pf-v6-c-menu-toggle pf-m-plain"
7093
7188
  type="button"
7094
7189
  aria-expanded="false"
7095
- aria-label="Menu toggle"
7190
+ aria-label="Table actions"
7096
7191
  >
7097
7192
  <span class="pf-v6-c-menu-toggle__icon">
7098
7193
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7109,7 +7204,7 @@ wrapperTag: div
7109
7204
  <div class="pf-v6-c-pagination pf-m-bottom">
7110
7205
  <div class="pf-v6-c-pagination__page-menu">
7111
7206
  <button
7112
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
7207
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
7113
7208
  type="button"
7114
7209
  aria-expanded="false"
7115
7210
  aria-label="Menu toggle"
@@ -7212,12 +7307,31 @@ wrapperTag: div
7212
7307
  <div class="pf-v6-c-masthead__main">
7213
7308
  <span class="pf-v6-c-masthead__toggle">
7214
7309
  <button
7215
- class="pf-v6-c-button pf-m-plain"
7310
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7216
7311
  type="button"
7217
7312
  aria-label="Global navigation"
7218
7313
  >
7219
7314
  <span class="pf-v6-c-button__icon">
7220
- <i class="fas fa-bars" aria-hidden="true"></i>
7315
+ <svg
7316
+ viewBox="0 0 10 10"
7317
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7318
+ width="1em"
7319
+ height="1em"
7320
+ >
7321
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7322
+ <path
7323
+ class="pf-v6-c-button--hamburger-icon--middle"
7324
+ d="M1,5 L9,5"
7325
+ />
7326
+ <path
7327
+ class="pf-v6-c-button--hamburger-icon--arrow"
7328
+ d="M1,5 L1,5 L1,5"
7329
+ />
7330
+ <path
7331
+ class="pf-v6-c-button--hamburger-icon--bottom"
7332
+ d="M9,9 L1,9"
7333
+ />
7334
+ </svg>
7221
7335
  </span>
7222
7336
  </button>
7223
7337
  </span>
@@ -7325,7 +7439,7 @@ wrapperTag: div
7325
7439
  </div>
7326
7440
  <div class="pf-v6-c-toolbar__item">
7327
7441
  <button
7328
- class="pf-v6-c-menu-toggle pf-m-plain"
7442
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7329
7443
  type="button"
7330
7444
  aria-expanded="false"
7331
7445
  aria-label="Settings"
@@ -7586,12 +7700,31 @@ wrapperTag: div
7586
7700
  <div class="pf-v6-c-masthead__main">
7587
7701
  <span class="pf-v6-c-masthead__toggle">
7588
7702
  <button
7589
- class="pf-v6-c-button pf-m-plain"
7703
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7590
7704
  type="button"
7591
7705
  aria-label="Global navigation"
7592
7706
  >
7593
7707
  <span class="pf-v6-c-button__icon">
7594
- <i class="fas fa-bars" aria-hidden="true"></i>
7708
+ <svg
7709
+ viewBox="0 0 10 10"
7710
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7711
+ width="1em"
7712
+ height="1em"
7713
+ >
7714
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7715
+ <path
7716
+ class="pf-v6-c-button--hamburger-icon--middle"
7717
+ d="M1,5 L9,5"
7718
+ />
7719
+ <path
7720
+ class="pf-v6-c-button--hamburger-icon--arrow"
7721
+ d="M1,5 L1,5 L1,5"
7722
+ />
7723
+ <path
7724
+ class="pf-v6-c-button--hamburger-icon--bottom"
7725
+ d="M9,9 L1,9"
7726
+ />
7727
+ </svg>
7595
7728
  </span>
7596
7729
  </button>
7597
7730
  </span>
@@ -7699,7 +7832,7 @@ wrapperTag: div
7699
7832
  </div>
7700
7833
  <div class="pf-v6-c-toolbar__item">
7701
7834
  <button
7702
- class="pf-v6-c-menu-toggle pf-m-plain"
7835
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7703
7836
  type="button"
7704
7837
  aria-expanded="false"
7705
7838
  aria-label="Settings"
@@ -7954,12 +8087,31 @@ wrapperTag: div
7954
8087
  <div class="pf-v6-c-masthead__main">
7955
8088
  <span class="pf-v6-c-masthead__toggle">
7956
8089
  <button
7957
- class="pf-v6-c-button pf-m-plain"
8090
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7958
8091
  type="button"
7959
8092
  aria-label="Global navigation"
7960
8093
  >
7961
8094
  <span class="pf-v6-c-button__icon">
7962
- <i class="fas fa-bars" aria-hidden="true"></i>
8095
+ <svg
8096
+ viewBox="0 0 10 10"
8097
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8098
+ width="1em"
8099
+ height="1em"
8100
+ >
8101
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8102
+ <path
8103
+ class="pf-v6-c-button--hamburger-icon--middle"
8104
+ d="M1,5 L9,5"
8105
+ />
8106
+ <path
8107
+ class="pf-v6-c-button--hamburger-icon--arrow"
8108
+ d="M1,5 L1,5 L1,5"
8109
+ />
8110
+ <path
8111
+ class="pf-v6-c-button--hamburger-icon--bottom"
8112
+ d="M9,9 L1,9"
8113
+ />
8114
+ </svg>
7963
8115
  </span>
7964
8116
  </button>
7965
8117
  </span>
@@ -8067,7 +8219,7 @@ wrapperTag: div
8067
8219
  </div>
8068
8220
  <div class="pf-v6-c-toolbar__item">
8069
8221
  <button
8070
- class="pf-v6-c-menu-toggle pf-m-plain"
8222
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
8071
8223
  type="button"
8072
8224
  aria-expanded="false"
8073
8225
  aria-label="Settings"
@@ -8367,7 +8519,7 @@ wrapperTag: div
8367
8519
  <div class="pf-v6-c-pagination pf-m-compact">
8368
8520
  <div class="pf-v6-c-pagination__page-menu">
8369
8521
  <button
8370
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
8522
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
8371
8523
  type="button"
8372
8524
  aria-expanded="false"
8373
8525
  aria-label="Menu toggle"
@@ -8558,7 +8710,7 @@ wrapperTag: div
8558
8710
  class="pf-v6-c-menu-toggle pf-m-plain"
8559
8711
  type="button"
8560
8712
  aria-expanded="false"
8561
- aria-label="Menu toggle"
8713
+ aria-label="Table actions"
8562
8714
  >
8563
8715
  <span class="pf-v6-c-menu-toggle__icon">
8564
8716
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8634,7 +8786,7 @@ wrapperTag: div
8634
8786
  class="pf-v6-c-menu-toggle pf-m-plain"
8635
8787
  type="button"
8636
8788
  aria-expanded="false"
8637
- aria-label="Menu toggle"
8789
+ aria-label="Table actions"
8638
8790
  >
8639
8791
  <span class="pf-v6-c-menu-toggle__icon">
8640
8792
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8710,7 +8862,7 @@ wrapperTag: div
8710
8862
  class="pf-v6-c-menu-toggle pf-m-plain"
8711
8863
  type="button"
8712
8864
  aria-expanded="false"
8713
- aria-label="Menu toggle"
8865
+ aria-label="Table actions"
8714
8866
  >
8715
8867
  <span class="pf-v6-c-menu-toggle__icon">
8716
8868
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8786,7 +8938,7 @@ wrapperTag: div
8786
8938
  class="pf-v6-c-menu-toggle pf-m-plain"
8787
8939
  type="button"
8788
8940
  aria-expanded="false"
8789
- aria-label="Menu toggle"
8941
+ aria-label="Table actions"
8790
8942
  >
8791
8943
  <span class="pf-v6-c-menu-toggle__icon">
8792
8944
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8861,7 +9013,7 @@ wrapperTag: div
8861
9013
  class="pf-v6-c-menu-toggle pf-m-plain"
8862
9014
  type="button"
8863
9015
  aria-expanded="false"
8864
- aria-label="Menu toggle"
9016
+ aria-label="Table actions"
8865
9017
  >
8866
9018
  <span class="pf-v6-c-menu-toggle__icon">
8867
9019
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8874,7 +9026,7 @@ wrapperTag: div
8874
9026
  <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
8875
9027
  <div class="pf-v6-c-pagination__page-menu">
8876
9028
  <button
8877
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
9029
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
8878
9030
  type="button"
8879
9031
  aria-expanded="false"
8880
9032
  aria-label="Menu toggle"
@@ -8977,12 +9129,31 @@ wrapperTag: div
8977
9129
  <div class="pf-v6-c-masthead__main">
8978
9130
  <span class="pf-v6-c-masthead__toggle">
8979
9131
  <button
8980
- class="pf-v6-c-button pf-m-plain"
9132
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8981
9133
  type="button"
8982
9134
  aria-label="Global navigation"
8983
9135
  >
8984
9136
  <span class="pf-v6-c-button__icon">
8985
- <i class="fas fa-bars" aria-hidden="true"></i>
9137
+ <svg
9138
+ viewBox="0 0 10 10"
9139
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9140
+ width="1em"
9141
+ height="1em"
9142
+ >
9143
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
9144
+ <path
9145
+ class="pf-v6-c-button--hamburger-icon--middle"
9146
+ d="M1,5 L9,5"
9147
+ />
9148
+ <path
9149
+ class="pf-v6-c-button--hamburger-icon--arrow"
9150
+ d="M1,5 L1,5 L1,5"
9151
+ />
9152
+ <path
9153
+ class="pf-v6-c-button--hamburger-icon--bottom"
9154
+ d="M9,9 L1,9"
9155
+ />
9156
+ </svg>
8986
9157
  </span>
8987
9158
  </button>
8988
9159
  </span>
@@ -9090,7 +9261,7 @@ wrapperTag: div
9090
9261
  </div>
9091
9262
  <div class="pf-v6-c-toolbar__item">
9092
9263
  <button
9093
- class="pf-v6-c-menu-toggle pf-m-plain"
9264
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
9094
9265
  type="button"
9095
9266
  aria-expanded="false"
9096
9267
  aria-label="Settings"
@@ -9387,7 +9558,7 @@ wrapperTag: div
9387
9558
  <div class="pf-v6-c-pagination pf-m-compact">
9388
9559
  <div class="pf-v6-c-pagination__page-menu">
9389
9560
  <button
9390
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
9561
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
9391
9562
  type="button"
9392
9563
  aria-expanded="false"
9393
9564
  aria-label="Menu toggle"
@@ -9578,7 +9749,7 @@ wrapperTag: div
9578
9749
  class="pf-v6-c-menu-toggle pf-m-plain"
9579
9750
  type="button"
9580
9751
  aria-expanded="false"
9581
- aria-label="Menu toggle"
9752
+ aria-label="Table actions"
9582
9753
  >
9583
9754
  <span class="pf-v6-c-menu-toggle__icon">
9584
9755
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9654,7 +9825,7 @@ wrapperTag: div
9654
9825
  class="pf-v6-c-menu-toggle pf-m-plain"
9655
9826
  type="button"
9656
9827
  aria-expanded="false"
9657
- aria-label="Menu toggle"
9828
+ aria-label="Table actions"
9658
9829
  >
9659
9830
  <span class="pf-v6-c-menu-toggle__icon">
9660
9831
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9730,7 +9901,7 @@ wrapperTag: div
9730
9901
  class="pf-v6-c-menu-toggle pf-m-plain"
9731
9902
  type="button"
9732
9903
  aria-expanded="false"
9733
- aria-label="Menu toggle"
9904
+ aria-label="Table actions"
9734
9905
  >
9735
9906
  <span class="pf-v6-c-menu-toggle__icon">
9736
9907
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9806,7 +9977,7 @@ wrapperTag: div
9806
9977
  class="pf-v6-c-menu-toggle pf-m-plain"
9807
9978
  type="button"
9808
9979
  aria-expanded="false"
9809
- aria-label="Menu toggle"
9980
+ aria-label="Table actions"
9810
9981
  >
9811
9982
  <span class="pf-v6-c-menu-toggle__icon">
9812
9983
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9881,7 +10052,7 @@ wrapperTag: div
9881
10052
  class="pf-v6-c-menu-toggle pf-m-plain"
9882
10053
  type="button"
9883
10054
  aria-expanded="false"
9884
- aria-label="Menu toggle"
10055
+ aria-label="Table actions"
9885
10056
  >
9886
10057
  <span class="pf-v6-c-menu-toggle__icon">
9887
10058
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10140,12 +10311,31 @@ wrapperTag: div
10140
10311
  <div class="pf-v6-c-masthead__main">
10141
10312
  <span class="pf-v6-c-masthead__toggle">
10142
10313
  <button
10143
- class="pf-v6-c-button pf-m-plain"
10314
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
10144
10315
  type="button"
10145
10316
  aria-label="Global navigation"
10146
10317
  >
10147
10318
  <span class="pf-v6-c-button__icon">
10148
- <i class="fas fa-bars" aria-hidden="true"></i>
10319
+ <svg
10320
+ viewBox="0 0 10 10"
10321
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
10322
+ width="1em"
10323
+ height="1em"
10324
+ >
10325
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
10326
+ <path
10327
+ class="pf-v6-c-button--hamburger-icon--middle"
10328
+ d="M1,5 L9,5"
10329
+ />
10330
+ <path
10331
+ class="pf-v6-c-button--hamburger-icon--arrow"
10332
+ d="M1,5 L1,5 L1,5"
10333
+ />
10334
+ <path
10335
+ class="pf-v6-c-button--hamburger-icon--bottom"
10336
+ d="M9,9 L1,9"
10337
+ />
10338
+ </svg>
10149
10339
  </span>
10150
10340
  </button>
10151
10341
  </span>
@@ -10253,7 +10443,7 @@ wrapperTag: div
10253
10443
  </div>
10254
10444
  <div class="pf-v6-c-toolbar__item">
10255
10445
  <button
10256
- class="pf-v6-c-menu-toggle pf-m-plain"
10446
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
10257
10447
  type="button"
10258
10448
  aria-expanded="false"
10259
10449
  aria-label="Settings"
@@ -10550,7 +10740,7 @@ wrapperTag: div
10550
10740
  <div class="pf-v6-c-pagination pf-m-compact">
10551
10741
  <div class="pf-v6-c-pagination__page-menu">
10552
10742
  <button
10553
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
10743
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
10554
10744
  type="button"
10555
10745
  aria-expanded="false"
10556
10746
  aria-label="Menu toggle"
@@ -10741,7 +10931,7 @@ wrapperTag: div
10741
10931
  class="pf-v6-c-menu-toggle pf-m-plain"
10742
10932
  type="button"
10743
10933
  aria-expanded="false"
10744
- aria-label="Menu toggle"
10934
+ aria-label="Table actions"
10745
10935
  >
10746
10936
  <span class="pf-v6-c-menu-toggle__icon">
10747
10937
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10817,7 +11007,7 @@ wrapperTag: div
10817
11007
  class="pf-v6-c-menu-toggle pf-m-plain"
10818
11008
  type="button"
10819
11009
  aria-expanded="false"
10820
- aria-label="Menu toggle"
11010
+ aria-label="Table actions"
10821
11011
  >
10822
11012
  <span class="pf-v6-c-menu-toggle__icon">
10823
11013
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10893,7 +11083,7 @@ wrapperTag: div
10893
11083
  class="pf-v6-c-menu-toggle pf-m-plain"
10894
11084
  type="button"
10895
11085
  aria-expanded="false"
10896
- aria-label="Menu toggle"
11086
+ aria-label="Table actions"
10897
11087
  >
10898
11088
  <span class="pf-v6-c-menu-toggle__icon">
10899
11089
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10969,7 +11159,7 @@ wrapperTag: div
10969
11159
  class="pf-v6-c-menu-toggle pf-m-plain"
10970
11160
  type="button"
10971
11161
  aria-expanded="false"
10972
- aria-label="Menu toggle"
11162
+ aria-label="Table actions"
10973
11163
  >
10974
11164
  <span class="pf-v6-c-menu-toggle__icon">
10975
11165
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11044,7 +11234,7 @@ wrapperTag: div
11044
11234
  class="pf-v6-c-menu-toggle pf-m-plain"
11045
11235
  type="button"
11046
11236
  aria-expanded="false"
11047
- aria-label="Menu toggle"
11237
+ aria-label="Table actions"
11048
11238
  >
11049
11239
  <span class="pf-v6-c-menu-toggle__icon">
11050
11240
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11057,7 +11247,7 @@ wrapperTag: div
11057
11247
  <div class="pf-v6-c-pagination pf-m-bottom">
11058
11248
  <div class="pf-v6-c-pagination__page-menu">
11059
11249
  <button
11060
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
11250
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
11061
11251
  type="button"
11062
11252
  aria-expanded="false"
11063
11253
  aria-label="Menu toggle"
@@ -11160,12 +11350,31 @@ wrapperTag: div
11160
11350
  <div class="pf-v6-c-masthead__main">
11161
11351
  <span class="pf-v6-c-masthead__toggle">
11162
11352
  <button
11163
- class="pf-v6-c-button pf-m-plain"
11353
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
11164
11354
  type="button"
11165
11355
  aria-label="Global navigation"
11166
11356
  >
11167
11357
  <span class="pf-v6-c-button__icon">
11168
- <i class="fas fa-bars" aria-hidden="true"></i>
11358
+ <svg
11359
+ viewBox="0 0 10 10"
11360
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
11361
+ width="1em"
11362
+ height="1em"
11363
+ >
11364
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
11365
+ <path
11366
+ class="pf-v6-c-button--hamburger-icon--middle"
11367
+ d="M1,5 L9,5"
11368
+ />
11369
+ <path
11370
+ class="pf-v6-c-button--hamburger-icon--arrow"
11371
+ d="M1,5 L1,5 L1,5"
11372
+ />
11373
+ <path
11374
+ class="pf-v6-c-button--hamburger-icon--bottom"
11375
+ d="M9,9 L1,9"
11376
+ />
11377
+ </svg>
11169
11378
  </span>
11170
11379
  </button>
11171
11380
  </span>
@@ -11273,7 +11482,7 @@ wrapperTag: div
11273
11482
  </div>
11274
11483
  <div class="pf-v6-c-toolbar__item">
11275
11484
  <button
11276
- class="pf-v6-c-menu-toggle pf-m-plain"
11485
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
11277
11486
  type="button"
11278
11487
  aria-expanded="false"
11279
11488
  aria-label="Settings"
@@ -11567,7 +11776,7 @@ wrapperTag: div
11567
11776
  <div class="pf-v6-c-pagination pf-m-compact">
11568
11777
  <div class="pf-v6-c-pagination__page-menu">
11569
11778
  <button
11570
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
11779
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
11571
11780
  type="button"
11572
11781
  aria-expanded="false"
11573
11782
  aria-label="Menu toggle"
@@ -12187,7 +12396,7 @@ wrapperTag: div
12187
12396
  <div class="pf-v6-c-pagination pf-m-bottom">
12188
12397
  <div class="pf-v6-c-pagination__page-menu">
12189
12398
  <button
12190
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
12399
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
12191
12400
  type="button"
12192
12401
  aria-expanded="false"
12193
12402
  aria-label="Menu toggle"
@@ -12291,12 +12500,31 @@ wrapperTag: div
12291
12500
  <div class="pf-v6-c-masthead__main">
12292
12501
  <span class="pf-v6-c-masthead__toggle">
12293
12502
  <button
12294
- class="pf-v6-c-button pf-m-plain"
12503
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
12295
12504
  type="button"
12296
12505
  aria-label="Global navigation"
12297
12506
  >
12298
12507
  <span class="pf-v6-c-button__icon">
12299
- <i class="fas fa-bars" aria-hidden="true"></i>
12508
+ <svg
12509
+ viewBox="0 0 10 10"
12510
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
12511
+ width="1em"
12512
+ height="1em"
12513
+ >
12514
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
12515
+ <path
12516
+ class="pf-v6-c-button--hamburger-icon--middle"
12517
+ d="M1,5 L9,5"
12518
+ />
12519
+ <path
12520
+ class="pf-v6-c-button--hamburger-icon--arrow"
12521
+ d="M1,5 L1,5 L1,5"
12522
+ />
12523
+ <path
12524
+ class="pf-v6-c-button--hamburger-icon--bottom"
12525
+ d="M9,9 L1,9"
12526
+ />
12527
+ </svg>
12300
12528
  </span>
12301
12529
  </button>
12302
12530
  </span>
@@ -12404,7 +12632,7 @@ wrapperTag: div
12404
12632
  </div>
12405
12633
  <div class="pf-v6-c-toolbar__item">
12406
12634
  <button
12407
- class="pf-v6-c-menu-toggle pf-m-plain"
12635
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
12408
12636
  type="button"
12409
12637
  aria-expanded="false"
12410
12638
  aria-label="Settings"
@@ -12703,7 +12931,7 @@ wrapperTag: div
12703
12931
  <div class="pf-v6-c-pagination pf-m-compact">
12704
12932
  <div class="pf-v6-c-pagination__page-menu">
12705
12933
  <button
12706
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
12934
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
12707
12935
  type="button"
12708
12936
  aria-expanded="false"
12709
12937
  aria-label="Menu toggle"
@@ -13351,7 +13579,7 @@ wrapperTag: div
13351
13579
  <div class="pf-v6-c-pagination pf-m-bottom">
13352
13580
  <div class="pf-v6-c-pagination__page-menu">
13353
13581
  <button
13354
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
13582
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
13355
13583
  type="button"
13356
13584
  aria-expanded="false"
13357
13585
  aria-label="Menu toggle"
@@ -13458,12 +13686,31 @@ wrapperTag: div
13458
13686
  <div class="pf-v6-c-masthead__main">
13459
13687
  <span class="pf-v6-c-masthead__toggle">
13460
13688
  <button
13461
- class="pf-v6-c-button pf-m-plain"
13689
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
13462
13690
  type="button"
13463
13691
  aria-label="Global navigation"
13464
13692
  >
13465
13693
  <span class="pf-v6-c-button__icon">
13466
- <i class="fas fa-bars" aria-hidden="true"></i>
13694
+ <svg
13695
+ viewBox="0 0 10 10"
13696
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
13697
+ width="1em"
13698
+ height="1em"
13699
+ >
13700
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
13701
+ <path
13702
+ class="pf-v6-c-button--hamburger-icon--middle"
13703
+ d="M1,5 L9,5"
13704
+ />
13705
+ <path
13706
+ class="pf-v6-c-button--hamburger-icon--arrow"
13707
+ d="M1,5 L1,5 L1,5"
13708
+ />
13709
+ <path
13710
+ class="pf-v6-c-button--hamburger-icon--bottom"
13711
+ d="M9,9 L1,9"
13712
+ />
13713
+ </svg>
13467
13714
  </span>
13468
13715
  </button>
13469
13716
  </span>
@@ -13571,7 +13818,7 @@ wrapperTag: div
13571
13818
  </div>
13572
13819
  <div class="pf-v6-c-toolbar__item">
13573
13820
  <button
13574
- class="pf-v6-c-menu-toggle pf-m-plain"
13821
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
13575
13822
  type="button"
13576
13823
  aria-expanded="false"
13577
13824
  aria-label="Settings"
@@ -13868,7 +14115,7 @@ wrapperTag: div
13868
14115
  <div class="pf-v6-c-pagination pf-m-compact">
13869
14116
  <div class="pf-v6-c-pagination__page-menu">
13870
14117
  <button
13871
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
14118
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
13872
14119
  type="button"
13873
14120
  aria-expanded="false"
13874
14121
  aria-label="Menu toggle"
@@ -14516,7 +14763,7 @@ wrapperTag: div
14516
14763
  <div class="pf-v6-c-pagination pf-m-bottom">
14517
14764
  <div class="pf-v6-c-pagination__page-menu">
14518
14765
  <button
14519
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
14766
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
14520
14767
  type="button"
14521
14768
  aria-expanded="false"
14522
14769
  aria-label="Menu toggle"
@@ -14623,12 +14870,31 @@ wrapperTag: div
14623
14870
  <div class="pf-v6-c-masthead__main">
14624
14871
  <span class="pf-v6-c-masthead__toggle">
14625
14872
  <button
14626
- class="pf-v6-c-button pf-m-plain"
14873
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
14627
14874
  type="button"
14628
14875
  aria-label="Global navigation"
14629
14876
  >
14630
14877
  <span class="pf-v6-c-button__icon">
14631
- <i class="fas fa-bars" aria-hidden="true"></i>
14878
+ <svg
14879
+ viewBox="0 0 10 10"
14880
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
14881
+ width="1em"
14882
+ height="1em"
14883
+ >
14884
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
14885
+ <path
14886
+ class="pf-v6-c-button--hamburger-icon--middle"
14887
+ d="M1,5 L9,5"
14888
+ />
14889
+ <path
14890
+ class="pf-v6-c-button--hamburger-icon--arrow"
14891
+ d="M1,5 L1,5 L1,5"
14892
+ />
14893
+ <path
14894
+ class="pf-v6-c-button--hamburger-icon--bottom"
14895
+ d="M9,9 L1,9"
14896
+ />
14897
+ </svg>
14632
14898
  </span>
14633
14899
  </button>
14634
14900
  </span>
@@ -14736,7 +15002,7 @@ wrapperTag: div
14736
15002
  </div>
14737
15003
  <div class="pf-v6-c-toolbar__item">
14738
15004
  <button
14739
- class="pf-v6-c-menu-toggle pf-m-plain"
15005
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
14740
15006
  type="button"
14741
15007
  aria-expanded="false"
14742
15008
  aria-label="Settings"
@@ -15033,7 +15299,7 @@ wrapperTag: div
15033
15299
  <div class="pf-v6-c-pagination pf-m-compact">
15034
15300
  <div class="pf-v6-c-pagination__page-menu">
15035
15301
  <button
15036
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
15302
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
15037
15303
  type="button"
15038
15304
  aria-expanded="false"
15039
15305
  aria-label="Menu toggle"
@@ -15644,7 +15910,7 @@ wrapperTag: div
15644
15910
  <div class="pf-v6-c-pagination pf-m-bottom">
15645
15911
  <div class="pf-v6-c-pagination__page-menu">
15646
15912
  <button
15647
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
15913
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
15648
15914
  type="button"
15649
15915
  aria-expanded="false"
15650
15916
  aria-label="Menu toggle"
@@ -15750,12 +16016,31 @@ By default, table cell alignment is set to baseline. This retains vertical align
15750
16016
  <div class="pf-v6-c-masthead__main">
15751
16017
  <span class="pf-v6-c-masthead__toggle">
15752
16018
  <button
15753
- class="pf-v6-c-button pf-m-plain"
16019
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
15754
16020
  type="button"
15755
16021
  aria-label="Global navigation"
15756
16022
  >
15757
16023
  <span class="pf-v6-c-button__icon">
15758
- <i class="fas fa-bars" aria-hidden="true"></i>
16024
+ <svg
16025
+ viewBox="0 0 10 10"
16026
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
16027
+ width="1em"
16028
+ height="1em"
16029
+ >
16030
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
16031
+ <path
16032
+ class="pf-v6-c-button--hamburger-icon--middle"
16033
+ d="M1,5 L9,5"
16034
+ />
16035
+ <path
16036
+ class="pf-v6-c-button--hamburger-icon--arrow"
16037
+ d="M1,5 L1,5 L1,5"
16038
+ />
16039
+ <path
16040
+ class="pf-v6-c-button--hamburger-icon--bottom"
16041
+ d="M9,9 L1,9"
16042
+ />
16043
+ </svg>
15759
16044
  </span>
15760
16045
  </button>
15761
16046
  </span>
@@ -15863,7 +16148,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
15863
16148
  </div>
15864
16149
  <div class="pf-v6-c-toolbar__item">
15865
16150
  <button
15866
- class="pf-v6-c-menu-toggle pf-m-plain"
16151
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
15867
16152
  type="button"
15868
16153
  aria-expanded="false"
15869
16154
  aria-label="Settings"