@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.1

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 (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +95 -2
  41. package/components/Table/table.scss +138 -3
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +20 -0
  45. package/components/TextInputGroup/text-input-group.scss +12 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +912 -84
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +957 -95
  106. package/patternfly.css +957 -95
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -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"
@@ -2592,7 +2649,7 @@ wrapperTag: div
2592
2649
  </div>
2593
2650
  </div>
2594
2651
  <table
2595
- class="pf-v6-c-table pf-m-expandable pf-m-grid-md"
2652
+ class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
2596
2653
  role="grid"
2597
2654
  aria-label="Expandable table example"
2598
2655
  id="expandable-demo-table"
@@ -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"
@@ -4798,7 +4893,7 @@ wrapperTag: div
4798
4893
  </div>
4799
4894
  </div>
4800
4895
  <table
4801
- class="pf-v6-c-table pf-m-expandable pf-m-grid-md"
4896
+ class="pf-v6-c-table pf-m-grid-md pf-m-expandable"
4802
4897
  role="grid"
4803
4898
  aria-label="Compound expandable table example"
4804
4899
  id="compound-expansion-demo-table"
@@ -4884,7 +4979,10 @@ wrapperTag: div
4884
4979
  </thead>
4885
4980
 
4886
4981
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
4887
- <tr class="pf-v6-c-table__tr" role="row">
4982
+ <tr
4983
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row pf-m-expanded"
4984
+ role="row"
4985
+ >
4888
4986
  <th
4889
4987
  class="pf-v6-c-table__th"
4890
4988
  role="columnheader"
@@ -4951,7 +5049,7 @@ wrapperTag: div
4951
5049
  class="pf-v6-c-menu-toggle pf-m-plain"
4952
5050
  type="button"
4953
5051
  aria-expanded="false"
4954
- aria-label="Menu toggle"
5052
+ aria-label="Table actions"
4955
5053
  >
4956
5054
  <span class="pf-v6-c-menu-toggle__icon">
4957
5055
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5040,7 +5138,7 @@ wrapperTag: div
5040
5138
  class="pf-v6-c-menu-toggle pf-m-plain"
5041
5139
  type="button"
5042
5140
  aria-expanded="false"
5043
- aria-label="Menu toggle"
5141
+ aria-label="Table actions"
5044
5142
  >
5045
5143
  <span class="pf-v6-c-menu-toggle__icon">
5046
5144
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5072,7 +5170,7 @@ wrapperTag: div
5072
5170
  class="pf-v6-c-menu-toggle pf-m-plain"
5073
5171
  type="button"
5074
5172
  aria-expanded="false"
5075
- aria-label="Menu toggle"
5173
+ aria-label="Table actions"
5076
5174
  >
5077
5175
  <span class="pf-v6-c-menu-toggle__icon">
5078
5176
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5104,7 +5202,7 @@ wrapperTag: div
5104
5202
  class="pf-v6-c-menu-toggle pf-m-plain"
5105
5203
  type="button"
5106
5204
  aria-expanded="false"
5107
- aria-label="Menu toggle"
5205
+ aria-label="Table actions"
5108
5206
  >
5109
5207
  <span class="pf-v6-c-menu-toggle__icon">
5110
5208
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5136,7 +5234,7 @@ wrapperTag: div
5136
5234
  class="pf-v6-c-menu-toggle pf-m-plain"
5137
5235
  type="button"
5138
5236
  aria-expanded="false"
5139
- aria-label="Menu toggle"
5237
+ aria-label="Table actions"
5140
5238
  >
5141
5239
  <span class="pf-v6-c-menu-toggle__icon">
5142
5240
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5168,7 +5266,7 @@ wrapperTag: div
5168
5266
  class="pf-v6-c-menu-toggle pf-m-plain"
5169
5267
  type="button"
5170
5268
  aria-expanded="false"
5171
- aria-label="Menu toggle"
5269
+ aria-label="Table actions"
5172
5270
  >
5173
5271
  <span class="pf-v6-c-menu-toggle__icon">
5174
5272
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5261,7 +5359,7 @@ wrapperTag: div
5261
5359
  class="pf-v6-c-menu-toggle pf-m-plain"
5262
5360
  type="button"
5263
5361
  aria-expanded="false"
5264
- aria-label="Menu toggle"
5362
+ aria-label="Table actions"
5265
5363
  >
5266
5364
  <span class="pf-v6-c-menu-toggle__icon">
5267
5365
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5293,7 +5391,7 @@ wrapperTag: div
5293
5391
  class="pf-v6-c-menu-toggle pf-m-plain"
5294
5392
  type="button"
5295
5393
  aria-expanded="false"
5296
- aria-label="Menu toggle"
5394
+ aria-label="Table actions"
5297
5395
  >
5298
5396
  <span class="pf-v6-c-menu-toggle__icon">
5299
5397
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5325,7 +5423,7 @@ wrapperTag: div
5325
5423
  class="pf-v6-c-menu-toggle pf-m-plain"
5326
5424
  type="button"
5327
5425
  aria-expanded="false"
5328
- aria-label="Menu toggle"
5426
+ aria-label="Table actions"
5329
5427
  >
5330
5428
  <span class="pf-v6-c-menu-toggle__icon">
5331
5429
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5357,7 +5455,7 @@ wrapperTag: div
5357
5455
  class="pf-v6-c-menu-toggle pf-m-plain"
5358
5456
  type="button"
5359
5457
  aria-expanded="false"
5360
- aria-label="Menu toggle"
5458
+ aria-label="Table actions"
5361
5459
  >
5362
5460
  <span class="pf-v6-c-menu-toggle__icon">
5363
5461
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5389,7 +5487,7 @@ wrapperTag: div
5389
5487
  class="pf-v6-c-menu-toggle pf-m-plain"
5390
5488
  type="button"
5391
5489
  aria-expanded="false"
5392
- aria-label="Menu toggle"
5490
+ aria-label="Table actions"
5393
5491
  >
5394
5492
  <span class="pf-v6-c-menu-toggle__icon">
5395
5493
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5482,7 +5580,7 @@ wrapperTag: div
5482
5580
  class="pf-v6-c-menu-toggle pf-m-plain"
5483
5581
  type="button"
5484
5582
  aria-expanded="false"
5485
- aria-label="Menu toggle"
5583
+ aria-label="Table actions"
5486
5584
  >
5487
5585
  <span class="pf-v6-c-menu-toggle__icon">
5488
5586
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5514,7 +5612,7 @@ wrapperTag: div
5514
5612
  class="pf-v6-c-menu-toggle pf-m-plain"
5515
5613
  type="button"
5516
5614
  aria-expanded="false"
5517
- aria-label="Menu toggle"
5615
+ aria-label="Table actions"
5518
5616
  >
5519
5617
  <span class="pf-v6-c-menu-toggle__icon">
5520
5618
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5546,7 +5644,7 @@ wrapperTag: div
5546
5644
  class="pf-v6-c-menu-toggle pf-m-plain"
5547
5645
  type="button"
5548
5646
  aria-expanded="false"
5549
- aria-label="Menu toggle"
5647
+ aria-label="Table actions"
5550
5648
  >
5551
5649
  <span class="pf-v6-c-menu-toggle__icon">
5552
5650
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5578,7 +5676,7 @@ wrapperTag: div
5578
5676
  class="pf-v6-c-menu-toggle pf-m-plain"
5579
5677
  type="button"
5580
5678
  aria-expanded="false"
5581
- aria-label="Menu toggle"
5679
+ aria-label="Table actions"
5582
5680
  >
5583
5681
  <span class="pf-v6-c-menu-toggle__icon">
5584
5682
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5610,7 +5708,7 @@ wrapperTag: div
5610
5708
  class="pf-v6-c-menu-toggle pf-m-plain"
5611
5709
  type="button"
5612
5710
  aria-expanded="false"
5613
- aria-label="Menu toggle"
5711
+ aria-label="Table actions"
5614
5712
  >
5615
5713
  <span class="pf-v6-c-menu-toggle__icon">
5616
5714
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5625,7 +5723,10 @@ wrapperTag: div
5625
5723
  </tbody>
5626
5724
 
5627
5725
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5628
- <tr class="pf-v6-c-table__tr" role="row">
5726
+ <tr
5727
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row"
5728
+ role="row"
5729
+ >
5629
5730
  <th
5630
5731
  class="pf-v6-c-table__th"
5631
5732
  role="columnheader"
@@ -5692,7 +5793,7 @@ wrapperTag: div
5692
5793
  class="pf-v6-c-menu-toggle pf-m-plain"
5693
5794
  type="button"
5694
5795
  aria-expanded="false"
5695
- aria-label="Menu toggle"
5796
+ aria-label="Table actions"
5696
5797
  >
5697
5798
  <span class="pf-v6-c-menu-toggle__icon">
5698
5799
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5781,7 +5882,7 @@ wrapperTag: div
5781
5882
  class="pf-v6-c-menu-toggle pf-m-plain"
5782
5883
  type="button"
5783
5884
  aria-expanded="false"
5784
- aria-label="Menu toggle"
5885
+ aria-label="Table actions"
5785
5886
  >
5786
5887
  <span class="pf-v6-c-menu-toggle__icon">
5787
5888
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5813,7 +5914,7 @@ wrapperTag: div
5813
5914
  class="pf-v6-c-menu-toggle pf-m-plain"
5814
5915
  type="button"
5815
5916
  aria-expanded="false"
5816
- aria-label="Menu toggle"
5917
+ aria-label="Table actions"
5817
5918
  >
5818
5919
  <span class="pf-v6-c-menu-toggle__icon">
5819
5920
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5845,7 +5946,7 @@ wrapperTag: div
5845
5946
  class="pf-v6-c-menu-toggle pf-m-plain"
5846
5947
  type="button"
5847
5948
  aria-expanded="false"
5848
- aria-label="Menu toggle"
5949
+ aria-label="Table actions"
5849
5950
  >
5850
5951
  <span class="pf-v6-c-menu-toggle__icon">
5851
5952
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5877,7 +5978,7 @@ wrapperTag: div
5877
5978
  class="pf-v6-c-menu-toggle pf-m-plain"
5878
5979
  type="button"
5879
5980
  aria-expanded="false"
5880
- aria-label="Menu toggle"
5981
+ aria-label="Table actions"
5881
5982
  >
5882
5983
  <span class="pf-v6-c-menu-toggle__icon">
5883
5984
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5909,7 +6010,7 @@ wrapperTag: div
5909
6010
  class="pf-v6-c-menu-toggle pf-m-plain"
5910
6011
  type="button"
5911
6012
  aria-expanded="false"
5912
- aria-label="Menu toggle"
6013
+ aria-label="Table actions"
5913
6014
  >
5914
6015
  <span class="pf-v6-c-menu-toggle__icon">
5915
6016
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6002,7 +6103,7 @@ wrapperTag: div
6002
6103
  class="pf-v6-c-menu-toggle pf-m-plain"
6003
6104
  type="button"
6004
6105
  aria-expanded="false"
6005
- aria-label="Menu toggle"
6106
+ aria-label="Table actions"
6006
6107
  >
6007
6108
  <span class="pf-v6-c-menu-toggle__icon">
6008
6109
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6034,7 +6135,7 @@ wrapperTag: div
6034
6135
  class="pf-v6-c-menu-toggle pf-m-plain"
6035
6136
  type="button"
6036
6137
  aria-expanded="false"
6037
- aria-label="Menu toggle"
6138
+ aria-label="Table actions"
6038
6139
  >
6039
6140
  <span class="pf-v6-c-menu-toggle__icon">
6040
6141
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6066,7 +6167,7 @@ wrapperTag: div
6066
6167
  class="pf-v6-c-menu-toggle pf-m-plain"
6067
6168
  type="button"
6068
6169
  aria-expanded="false"
6069
- aria-label="Menu toggle"
6170
+ aria-label="Table actions"
6070
6171
  >
6071
6172
  <span class="pf-v6-c-menu-toggle__icon">
6072
6173
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6098,7 +6199,7 @@ wrapperTag: div
6098
6199
  class="pf-v6-c-menu-toggle pf-m-plain"
6099
6200
  type="button"
6100
6201
  aria-expanded="false"
6101
- aria-label="Menu toggle"
6202
+ aria-label="Table actions"
6102
6203
  >
6103
6204
  <span class="pf-v6-c-menu-toggle__icon">
6104
6205
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6130,7 +6231,7 @@ wrapperTag: div
6130
6231
  class="pf-v6-c-menu-toggle pf-m-plain"
6131
6232
  type="button"
6132
6233
  aria-expanded="false"
6133
- aria-label="Menu toggle"
6234
+ aria-label="Table actions"
6134
6235
  >
6135
6236
  <span class="pf-v6-c-menu-toggle__icon">
6136
6237
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6223,7 +6324,7 @@ wrapperTag: div
6223
6324
  class="pf-v6-c-menu-toggle pf-m-plain"
6224
6325
  type="button"
6225
6326
  aria-expanded="false"
6226
- aria-label="Menu toggle"
6327
+ aria-label="Table actions"
6227
6328
  >
6228
6329
  <span class="pf-v6-c-menu-toggle__icon">
6229
6330
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6255,7 +6356,7 @@ wrapperTag: div
6255
6356
  class="pf-v6-c-menu-toggle pf-m-plain"
6256
6357
  type="button"
6257
6358
  aria-expanded="false"
6258
- aria-label="Menu toggle"
6359
+ aria-label="Table actions"
6259
6360
  >
6260
6361
  <span class="pf-v6-c-menu-toggle__icon">
6261
6362
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6287,7 +6388,7 @@ wrapperTag: div
6287
6388
  class="pf-v6-c-menu-toggle pf-m-plain"
6288
6389
  type="button"
6289
6390
  aria-expanded="false"
6290
- aria-label="Menu toggle"
6391
+ aria-label="Table actions"
6291
6392
  >
6292
6393
  <span class="pf-v6-c-menu-toggle__icon">
6293
6394
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6319,7 +6420,7 @@ wrapperTag: div
6319
6420
  class="pf-v6-c-menu-toggle pf-m-plain"
6320
6421
  type="button"
6321
6422
  aria-expanded="false"
6322
- aria-label="Menu toggle"
6423
+ aria-label="Table actions"
6323
6424
  >
6324
6425
  <span class="pf-v6-c-menu-toggle__icon">
6325
6426
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6351,7 +6452,7 @@ wrapperTag: div
6351
6452
  class="pf-v6-c-menu-toggle pf-m-plain"
6352
6453
  type="button"
6353
6454
  aria-expanded="false"
6354
- aria-label="Menu toggle"
6455
+ aria-label="Table actions"
6355
6456
  >
6356
6457
  <span class="pf-v6-c-menu-toggle__icon">
6357
6458
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6366,7 +6467,10 @@ wrapperTag: div
6366
6467
  </tbody>
6367
6468
 
6368
6469
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6369
- <tr class="pf-v6-c-table__tr" role="row">
6470
+ <tr
6471
+ class="pf-v6-c-table__tr pf-v6-c-table__control-row"
6472
+ role="row"
6473
+ >
6370
6474
  <th
6371
6475
  class="pf-v6-c-table__th"
6372
6476
  role="columnheader"
@@ -6433,7 +6537,7 @@ wrapperTag: div
6433
6537
  class="pf-v6-c-menu-toggle pf-m-plain"
6434
6538
  type="button"
6435
6539
  aria-expanded="false"
6436
- aria-label="Menu toggle"
6540
+ aria-label="Table actions"
6437
6541
  >
6438
6542
  <span class="pf-v6-c-menu-toggle__icon">
6439
6543
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6522,7 +6626,7 @@ wrapperTag: div
6522
6626
  class="pf-v6-c-menu-toggle pf-m-plain"
6523
6627
  type="button"
6524
6628
  aria-expanded="false"
6525
- aria-label="Menu toggle"
6629
+ aria-label="Table actions"
6526
6630
  >
6527
6631
  <span class="pf-v6-c-menu-toggle__icon">
6528
6632
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6554,7 +6658,7 @@ wrapperTag: div
6554
6658
  class="pf-v6-c-menu-toggle pf-m-plain"
6555
6659
  type="button"
6556
6660
  aria-expanded="false"
6557
- aria-label="Menu toggle"
6661
+ aria-label="Table actions"
6558
6662
  >
6559
6663
  <span class="pf-v6-c-menu-toggle__icon">
6560
6664
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6586,7 +6690,7 @@ wrapperTag: div
6586
6690
  class="pf-v6-c-menu-toggle pf-m-plain"
6587
6691
  type="button"
6588
6692
  aria-expanded="false"
6589
- aria-label="Menu toggle"
6693
+ aria-label="Table actions"
6590
6694
  >
6591
6695
  <span class="pf-v6-c-menu-toggle__icon">
6592
6696
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6618,7 +6722,7 @@ wrapperTag: div
6618
6722
  class="pf-v6-c-menu-toggle pf-m-plain"
6619
6723
  type="button"
6620
6724
  aria-expanded="false"
6621
- aria-label="Menu toggle"
6725
+ aria-label="Table actions"
6622
6726
  >
6623
6727
  <span class="pf-v6-c-menu-toggle__icon">
6624
6728
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6650,7 +6754,7 @@ wrapperTag: div
6650
6754
  class="pf-v6-c-menu-toggle pf-m-plain"
6651
6755
  type="button"
6652
6756
  aria-expanded="false"
6653
- aria-label="Menu toggle"
6757
+ aria-label="Table actions"
6654
6758
  >
6655
6759
  <span class="pf-v6-c-menu-toggle__icon">
6656
6760
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6743,7 +6847,7 @@ wrapperTag: div
6743
6847
  class="pf-v6-c-menu-toggle pf-m-plain"
6744
6848
  type="button"
6745
6849
  aria-expanded="false"
6746
- aria-label="Menu toggle"
6850
+ aria-label="Table actions"
6747
6851
  >
6748
6852
  <span class="pf-v6-c-menu-toggle__icon">
6749
6853
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6775,7 +6879,7 @@ wrapperTag: div
6775
6879
  class="pf-v6-c-menu-toggle pf-m-plain"
6776
6880
  type="button"
6777
6881
  aria-expanded="false"
6778
- aria-label="Menu toggle"
6882
+ aria-label="Table actions"
6779
6883
  >
6780
6884
  <span class="pf-v6-c-menu-toggle__icon">
6781
6885
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6807,7 +6911,7 @@ wrapperTag: div
6807
6911
  class="pf-v6-c-menu-toggle pf-m-plain"
6808
6912
  type="button"
6809
6913
  aria-expanded="false"
6810
- aria-label="Menu toggle"
6914
+ aria-label="Table actions"
6811
6915
  >
6812
6916
  <span class="pf-v6-c-menu-toggle__icon">
6813
6917
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6839,7 +6943,7 @@ wrapperTag: div
6839
6943
  class="pf-v6-c-menu-toggle pf-m-plain"
6840
6944
  type="button"
6841
6945
  aria-expanded="false"
6842
- aria-label="Menu toggle"
6946
+ aria-label="Table actions"
6843
6947
  >
6844
6948
  <span class="pf-v6-c-menu-toggle__icon">
6845
6949
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6871,7 +6975,7 @@ wrapperTag: div
6871
6975
  class="pf-v6-c-menu-toggle pf-m-plain"
6872
6976
  type="button"
6873
6977
  aria-expanded="false"
6874
- aria-label="Menu toggle"
6978
+ aria-label="Table actions"
6875
6979
  >
6876
6980
  <span class="pf-v6-c-menu-toggle__icon">
6877
6981
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6964,7 +7068,7 @@ wrapperTag: div
6964
7068
  class="pf-v6-c-menu-toggle pf-m-plain"
6965
7069
  type="button"
6966
7070
  aria-expanded="false"
6967
- aria-label="Menu toggle"
7071
+ aria-label="Table actions"
6968
7072
  >
6969
7073
  <span class="pf-v6-c-menu-toggle__icon">
6970
7074
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6996,7 +7100,7 @@ wrapperTag: div
6996
7100
  class="pf-v6-c-menu-toggle pf-m-plain"
6997
7101
  type="button"
6998
7102
  aria-expanded="false"
6999
- aria-label="Menu toggle"
7103
+ aria-label="Table actions"
7000
7104
  >
7001
7105
  <span class="pf-v6-c-menu-toggle__icon">
7002
7106
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7028,7 +7132,7 @@ wrapperTag: div
7028
7132
  class="pf-v6-c-menu-toggle pf-m-plain"
7029
7133
  type="button"
7030
7134
  aria-expanded="false"
7031
- aria-label="Menu toggle"
7135
+ aria-label="Table actions"
7032
7136
  >
7033
7137
  <span class="pf-v6-c-menu-toggle__icon">
7034
7138
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7060,7 +7164,7 @@ wrapperTag: div
7060
7164
  class="pf-v6-c-menu-toggle pf-m-plain"
7061
7165
  type="button"
7062
7166
  aria-expanded="false"
7063
- aria-label="Menu toggle"
7167
+ aria-label="Table actions"
7064
7168
  >
7065
7169
  <span class="pf-v6-c-menu-toggle__icon">
7066
7170
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7092,7 +7196,7 @@ wrapperTag: div
7092
7196
  class="pf-v6-c-menu-toggle pf-m-plain"
7093
7197
  type="button"
7094
7198
  aria-expanded="false"
7095
- aria-label="Menu toggle"
7199
+ aria-label="Table actions"
7096
7200
  >
7097
7201
  <span class="pf-v6-c-menu-toggle__icon">
7098
7202
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7109,7 +7213,7 @@ wrapperTag: div
7109
7213
  <div class="pf-v6-c-pagination pf-m-bottom">
7110
7214
  <div class="pf-v6-c-pagination__page-menu">
7111
7215
  <button
7112
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
7216
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
7113
7217
  type="button"
7114
7218
  aria-expanded="false"
7115
7219
  aria-label="Menu toggle"
@@ -7212,12 +7316,31 @@ wrapperTag: div
7212
7316
  <div class="pf-v6-c-masthead__main">
7213
7317
  <span class="pf-v6-c-masthead__toggle">
7214
7318
  <button
7215
- class="pf-v6-c-button pf-m-plain"
7319
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7216
7320
  type="button"
7217
7321
  aria-label="Global navigation"
7218
7322
  >
7219
7323
  <span class="pf-v6-c-button__icon">
7220
- <i class="fas fa-bars" aria-hidden="true"></i>
7324
+ <svg
7325
+ viewBox="0 0 10 10"
7326
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7327
+ width="1em"
7328
+ height="1em"
7329
+ >
7330
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7331
+ <path
7332
+ class="pf-v6-c-button--hamburger-icon--middle"
7333
+ d="M1,5 L9,5"
7334
+ />
7335
+ <path
7336
+ class="pf-v6-c-button--hamburger-icon--arrow"
7337
+ d="M1,5 L1,5 L1,5"
7338
+ />
7339
+ <path
7340
+ class="pf-v6-c-button--hamburger-icon--bottom"
7341
+ d="M9,9 L1,9"
7342
+ />
7343
+ </svg>
7221
7344
  </span>
7222
7345
  </button>
7223
7346
  </span>
@@ -7325,7 +7448,7 @@ wrapperTag: div
7325
7448
  </div>
7326
7449
  <div class="pf-v6-c-toolbar__item">
7327
7450
  <button
7328
- class="pf-v6-c-menu-toggle pf-m-plain"
7451
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7329
7452
  type="button"
7330
7453
  aria-expanded="false"
7331
7454
  aria-label="Settings"
@@ -7586,12 +7709,31 @@ wrapperTag: div
7586
7709
  <div class="pf-v6-c-masthead__main">
7587
7710
  <span class="pf-v6-c-masthead__toggle">
7588
7711
  <button
7589
- class="pf-v6-c-button pf-m-plain"
7712
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7590
7713
  type="button"
7591
7714
  aria-label="Global navigation"
7592
7715
  >
7593
7716
  <span class="pf-v6-c-button__icon">
7594
- <i class="fas fa-bars" aria-hidden="true"></i>
7717
+ <svg
7718
+ viewBox="0 0 10 10"
7719
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7720
+ width="1em"
7721
+ height="1em"
7722
+ >
7723
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7724
+ <path
7725
+ class="pf-v6-c-button--hamburger-icon--middle"
7726
+ d="M1,5 L9,5"
7727
+ />
7728
+ <path
7729
+ class="pf-v6-c-button--hamburger-icon--arrow"
7730
+ d="M1,5 L1,5 L1,5"
7731
+ />
7732
+ <path
7733
+ class="pf-v6-c-button--hamburger-icon--bottom"
7734
+ d="M9,9 L1,9"
7735
+ />
7736
+ </svg>
7595
7737
  </span>
7596
7738
  </button>
7597
7739
  </span>
@@ -7699,7 +7841,7 @@ wrapperTag: div
7699
7841
  </div>
7700
7842
  <div class="pf-v6-c-toolbar__item">
7701
7843
  <button
7702
- class="pf-v6-c-menu-toggle pf-m-plain"
7844
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7703
7845
  type="button"
7704
7846
  aria-expanded="false"
7705
7847
  aria-label="Settings"
@@ -7954,12 +8096,31 @@ wrapperTag: div
7954
8096
  <div class="pf-v6-c-masthead__main">
7955
8097
  <span class="pf-v6-c-masthead__toggle">
7956
8098
  <button
7957
- class="pf-v6-c-button pf-m-plain"
8099
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7958
8100
  type="button"
7959
8101
  aria-label="Global navigation"
7960
8102
  >
7961
8103
  <span class="pf-v6-c-button__icon">
7962
- <i class="fas fa-bars" aria-hidden="true"></i>
8104
+ <svg
8105
+ viewBox="0 0 10 10"
8106
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8107
+ width="1em"
8108
+ height="1em"
8109
+ >
8110
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8111
+ <path
8112
+ class="pf-v6-c-button--hamburger-icon--middle"
8113
+ d="M1,5 L9,5"
8114
+ />
8115
+ <path
8116
+ class="pf-v6-c-button--hamburger-icon--arrow"
8117
+ d="M1,5 L1,5 L1,5"
8118
+ />
8119
+ <path
8120
+ class="pf-v6-c-button--hamburger-icon--bottom"
8121
+ d="M9,9 L1,9"
8122
+ />
8123
+ </svg>
7963
8124
  </span>
7964
8125
  </button>
7965
8126
  </span>
@@ -8067,7 +8228,7 @@ wrapperTag: div
8067
8228
  </div>
8068
8229
  <div class="pf-v6-c-toolbar__item">
8069
8230
  <button
8070
- class="pf-v6-c-menu-toggle pf-m-plain"
8231
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
8071
8232
  type="button"
8072
8233
  aria-expanded="false"
8073
8234
  aria-label="Settings"
@@ -8367,7 +8528,7 @@ wrapperTag: div
8367
8528
  <div class="pf-v6-c-pagination pf-m-compact">
8368
8529
  <div class="pf-v6-c-pagination__page-menu">
8369
8530
  <button
8370
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
8531
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
8371
8532
  type="button"
8372
8533
  aria-expanded="false"
8373
8534
  aria-label="Menu toggle"
@@ -8558,7 +8719,7 @@ wrapperTag: div
8558
8719
  class="pf-v6-c-menu-toggle pf-m-plain"
8559
8720
  type="button"
8560
8721
  aria-expanded="false"
8561
- aria-label="Menu toggle"
8722
+ aria-label="Table actions"
8562
8723
  >
8563
8724
  <span class="pf-v6-c-menu-toggle__icon">
8564
8725
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8634,7 +8795,7 @@ wrapperTag: div
8634
8795
  class="pf-v6-c-menu-toggle pf-m-plain"
8635
8796
  type="button"
8636
8797
  aria-expanded="false"
8637
- aria-label="Menu toggle"
8798
+ aria-label="Table actions"
8638
8799
  >
8639
8800
  <span class="pf-v6-c-menu-toggle__icon">
8640
8801
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8710,7 +8871,7 @@ wrapperTag: div
8710
8871
  class="pf-v6-c-menu-toggle pf-m-plain"
8711
8872
  type="button"
8712
8873
  aria-expanded="false"
8713
- aria-label="Menu toggle"
8874
+ aria-label="Table actions"
8714
8875
  >
8715
8876
  <span class="pf-v6-c-menu-toggle__icon">
8716
8877
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8786,7 +8947,7 @@ wrapperTag: div
8786
8947
  class="pf-v6-c-menu-toggle pf-m-plain"
8787
8948
  type="button"
8788
8949
  aria-expanded="false"
8789
- aria-label="Menu toggle"
8950
+ aria-label="Table actions"
8790
8951
  >
8791
8952
  <span class="pf-v6-c-menu-toggle__icon">
8792
8953
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8861,7 +9022,7 @@ wrapperTag: div
8861
9022
  class="pf-v6-c-menu-toggle pf-m-plain"
8862
9023
  type="button"
8863
9024
  aria-expanded="false"
8864
- aria-label="Menu toggle"
9025
+ aria-label="Table actions"
8865
9026
  >
8866
9027
  <span class="pf-v6-c-menu-toggle__icon">
8867
9028
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8874,7 +9035,7 @@ wrapperTag: div
8874
9035
  <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
8875
9036
  <div class="pf-v6-c-pagination__page-menu">
8876
9037
  <button
8877
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
9038
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
8878
9039
  type="button"
8879
9040
  aria-expanded="false"
8880
9041
  aria-label="Menu toggle"
@@ -8977,12 +9138,31 @@ wrapperTag: div
8977
9138
  <div class="pf-v6-c-masthead__main">
8978
9139
  <span class="pf-v6-c-masthead__toggle">
8979
9140
  <button
8980
- class="pf-v6-c-button pf-m-plain"
9141
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8981
9142
  type="button"
8982
9143
  aria-label="Global navigation"
8983
9144
  >
8984
9145
  <span class="pf-v6-c-button__icon">
8985
- <i class="fas fa-bars" aria-hidden="true"></i>
9146
+ <svg
9147
+ viewBox="0 0 10 10"
9148
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9149
+ width="1em"
9150
+ height="1em"
9151
+ >
9152
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
9153
+ <path
9154
+ class="pf-v6-c-button--hamburger-icon--middle"
9155
+ d="M1,5 L9,5"
9156
+ />
9157
+ <path
9158
+ class="pf-v6-c-button--hamburger-icon--arrow"
9159
+ d="M1,5 L1,5 L1,5"
9160
+ />
9161
+ <path
9162
+ class="pf-v6-c-button--hamburger-icon--bottom"
9163
+ d="M9,9 L1,9"
9164
+ />
9165
+ </svg>
8986
9166
  </span>
8987
9167
  </button>
8988
9168
  </span>
@@ -9090,7 +9270,7 @@ wrapperTag: div
9090
9270
  </div>
9091
9271
  <div class="pf-v6-c-toolbar__item">
9092
9272
  <button
9093
- class="pf-v6-c-menu-toggle pf-m-plain"
9273
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
9094
9274
  type="button"
9095
9275
  aria-expanded="false"
9096
9276
  aria-label="Settings"
@@ -9387,7 +9567,7 @@ wrapperTag: div
9387
9567
  <div class="pf-v6-c-pagination pf-m-compact">
9388
9568
  <div class="pf-v6-c-pagination__page-menu">
9389
9569
  <button
9390
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
9570
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
9391
9571
  type="button"
9392
9572
  aria-expanded="false"
9393
9573
  aria-label="Menu toggle"
@@ -9578,7 +9758,7 @@ wrapperTag: div
9578
9758
  class="pf-v6-c-menu-toggle pf-m-plain"
9579
9759
  type="button"
9580
9760
  aria-expanded="false"
9581
- aria-label="Menu toggle"
9761
+ aria-label="Table actions"
9582
9762
  >
9583
9763
  <span class="pf-v6-c-menu-toggle__icon">
9584
9764
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9654,7 +9834,7 @@ wrapperTag: div
9654
9834
  class="pf-v6-c-menu-toggle pf-m-plain"
9655
9835
  type="button"
9656
9836
  aria-expanded="false"
9657
- aria-label="Menu toggle"
9837
+ aria-label="Table actions"
9658
9838
  >
9659
9839
  <span class="pf-v6-c-menu-toggle__icon">
9660
9840
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9730,7 +9910,7 @@ wrapperTag: div
9730
9910
  class="pf-v6-c-menu-toggle pf-m-plain"
9731
9911
  type="button"
9732
9912
  aria-expanded="false"
9733
- aria-label="Menu toggle"
9913
+ aria-label="Table actions"
9734
9914
  >
9735
9915
  <span class="pf-v6-c-menu-toggle__icon">
9736
9916
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9806,7 +9986,7 @@ wrapperTag: div
9806
9986
  class="pf-v6-c-menu-toggle pf-m-plain"
9807
9987
  type="button"
9808
9988
  aria-expanded="false"
9809
- aria-label="Menu toggle"
9989
+ aria-label="Table actions"
9810
9990
  >
9811
9991
  <span class="pf-v6-c-menu-toggle__icon">
9812
9992
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9881,7 +10061,7 @@ wrapperTag: div
9881
10061
  class="pf-v6-c-menu-toggle pf-m-plain"
9882
10062
  type="button"
9883
10063
  aria-expanded="false"
9884
- aria-label="Menu toggle"
10064
+ aria-label="Table actions"
9885
10065
  >
9886
10066
  <span class="pf-v6-c-menu-toggle__icon">
9887
10067
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10140,12 +10320,31 @@ wrapperTag: div
10140
10320
  <div class="pf-v6-c-masthead__main">
10141
10321
  <span class="pf-v6-c-masthead__toggle">
10142
10322
  <button
10143
- class="pf-v6-c-button pf-m-plain"
10323
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
10144
10324
  type="button"
10145
10325
  aria-label="Global navigation"
10146
10326
  >
10147
10327
  <span class="pf-v6-c-button__icon">
10148
- <i class="fas fa-bars" aria-hidden="true"></i>
10328
+ <svg
10329
+ viewBox="0 0 10 10"
10330
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
10331
+ width="1em"
10332
+ height="1em"
10333
+ >
10334
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
10335
+ <path
10336
+ class="pf-v6-c-button--hamburger-icon--middle"
10337
+ d="M1,5 L9,5"
10338
+ />
10339
+ <path
10340
+ class="pf-v6-c-button--hamburger-icon--arrow"
10341
+ d="M1,5 L1,5 L1,5"
10342
+ />
10343
+ <path
10344
+ class="pf-v6-c-button--hamburger-icon--bottom"
10345
+ d="M9,9 L1,9"
10346
+ />
10347
+ </svg>
10149
10348
  </span>
10150
10349
  </button>
10151
10350
  </span>
@@ -10253,7 +10452,7 @@ wrapperTag: div
10253
10452
  </div>
10254
10453
  <div class="pf-v6-c-toolbar__item">
10255
10454
  <button
10256
- class="pf-v6-c-menu-toggle pf-m-plain"
10455
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
10257
10456
  type="button"
10258
10457
  aria-expanded="false"
10259
10458
  aria-label="Settings"
@@ -10550,7 +10749,7 @@ wrapperTag: div
10550
10749
  <div class="pf-v6-c-pagination pf-m-compact">
10551
10750
  <div class="pf-v6-c-pagination__page-menu">
10552
10751
  <button
10553
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
10752
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
10554
10753
  type="button"
10555
10754
  aria-expanded="false"
10556
10755
  aria-label="Menu toggle"
@@ -10741,7 +10940,7 @@ wrapperTag: div
10741
10940
  class="pf-v6-c-menu-toggle pf-m-plain"
10742
10941
  type="button"
10743
10942
  aria-expanded="false"
10744
- aria-label="Menu toggle"
10943
+ aria-label="Table actions"
10745
10944
  >
10746
10945
  <span class="pf-v6-c-menu-toggle__icon">
10747
10946
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10817,7 +11016,7 @@ wrapperTag: div
10817
11016
  class="pf-v6-c-menu-toggle pf-m-plain"
10818
11017
  type="button"
10819
11018
  aria-expanded="false"
10820
- aria-label="Menu toggle"
11019
+ aria-label="Table actions"
10821
11020
  >
10822
11021
  <span class="pf-v6-c-menu-toggle__icon">
10823
11022
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10893,7 +11092,7 @@ wrapperTag: div
10893
11092
  class="pf-v6-c-menu-toggle pf-m-plain"
10894
11093
  type="button"
10895
11094
  aria-expanded="false"
10896
- aria-label="Menu toggle"
11095
+ aria-label="Table actions"
10897
11096
  >
10898
11097
  <span class="pf-v6-c-menu-toggle__icon">
10899
11098
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10969,7 +11168,7 @@ wrapperTag: div
10969
11168
  class="pf-v6-c-menu-toggle pf-m-plain"
10970
11169
  type="button"
10971
11170
  aria-expanded="false"
10972
- aria-label="Menu toggle"
11171
+ aria-label="Table actions"
10973
11172
  >
10974
11173
  <span class="pf-v6-c-menu-toggle__icon">
10975
11174
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11044,7 +11243,7 @@ wrapperTag: div
11044
11243
  class="pf-v6-c-menu-toggle pf-m-plain"
11045
11244
  type="button"
11046
11245
  aria-expanded="false"
11047
- aria-label="Menu toggle"
11246
+ aria-label="Table actions"
11048
11247
  >
11049
11248
  <span class="pf-v6-c-menu-toggle__icon">
11050
11249
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11057,7 +11256,7 @@ wrapperTag: div
11057
11256
  <div class="pf-v6-c-pagination pf-m-bottom">
11058
11257
  <div class="pf-v6-c-pagination__page-menu">
11059
11258
  <button
11060
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
11259
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
11061
11260
  type="button"
11062
11261
  aria-expanded="false"
11063
11262
  aria-label="Menu toggle"
@@ -11160,12 +11359,31 @@ wrapperTag: div
11160
11359
  <div class="pf-v6-c-masthead__main">
11161
11360
  <span class="pf-v6-c-masthead__toggle">
11162
11361
  <button
11163
- class="pf-v6-c-button pf-m-plain"
11362
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
11164
11363
  type="button"
11165
11364
  aria-label="Global navigation"
11166
11365
  >
11167
11366
  <span class="pf-v6-c-button__icon">
11168
- <i class="fas fa-bars" aria-hidden="true"></i>
11367
+ <svg
11368
+ viewBox="0 0 10 10"
11369
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
11370
+ width="1em"
11371
+ height="1em"
11372
+ >
11373
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
11374
+ <path
11375
+ class="pf-v6-c-button--hamburger-icon--middle"
11376
+ d="M1,5 L9,5"
11377
+ />
11378
+ <path
11379
+ class="pf-v6-c-button--hamburger-icon--arrow"
11380
+ d="M1,5 L1,5 L1,5"
11381
+ />
11382
+ <path
11383
+ class="pf-v6-c-button--hamburger-icon--bottom"
11384
+ d="M9,9 L1,9"
11385
+ />
11386
+ </svg>
11169
11387
  </span>
11170
11388
  </button>
11171
11389
  </span>
@@ -11273,7 +11491,7 @@ wrapperTag: div
11273
11491
  </div>
11274
11492
  <div class="pf-v6-c-toolbar__item">
11275
11493
  <button
11276
- class="pf-v6-c-menu-toggle pf-m-plain"
11494
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
11277
11495
  type="button"
11278
11496
  aria-expanded="false"
11279
11497
  aria-label="Settings"
@@ -11567,7 +11785,7 @@ wrapperTag: div
11567
11785
  <div class="pf-v6-c-pagination pf-m-compact">
11568
11786
  <div class="pf-v6-c-pagination__page-menu">
11569
11787
  <button
11570
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
11788
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
11571
11789
  type="button"
11572
11790
  aria-expanded="false"
11573
11791
  aria-label="Menu toggle"
@@ -12187,7 +12405,7 @@ wrapperTag: div
12187
12405
  <div class="pf-v6-c-pagination pf-m-bottom">
12188
12406
  <div class="pf-v6-c-pagination__page-menu">
12189
12407
  <button
12190
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
12408
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
12191
12409
  type="button"
12192
12410
  aria-expanded="false"
12193
12411
  aria-label="Menu toggle"
@@ -12291,12 +12509,31 @@ wrapperTag: div
12291
12509
  <div class="pf-v6-c-masthead__main">
12292
12510
  <span class="pf-v6-c-masthead__toggle">
12293
12511
  <button
12294
- class="pf-v6-c-button pf-m-plain"
12512
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
12295
12513
  type="button"
12296
12514
  aria-label="Global navigation"
12297
12515
  >
12298
12516
  <span class="pf-v6-c-button__icon">
12299
- <i class="fas fa-bars" aria-hidden="true"></i>
12517
+ <svg
12518
+ viewBox="0 0 10 10"
12519
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
12520
+ width="1em"
12521
+ height="1em"
12522
+ >
12523
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
12524
+ <path
12525
+ class="pf-v6-c-button--hamburger-icon--middle"
12526
+ d="M1,5 L9,5"
12527
+ />
12528
+ <path
12529
+ class="pf-v6-c-button--hamburger-icon--arrow"
12530
+ d="M1,5 L1,5 L1,5"
12531
+ />
12532
+ <path
12533
+ class="pf-v6-c-button--hamburger-icon--bottom"
12534
+ d="M9,9 L1,9"
12535
+ />
12536
+ </svg>
12300
12537
  </span>
12301
12538
  </button>
12302
12539
  </span>
@@ -12404,7 +12641,7 @@ wrapperTag: div
12404
12641
  </div>
12405
12642
  <div class="pf-v6-c-toolbar__item">
12406
12643
  <button
12407
- class="pf-v6-c-menu-toggle pf-m-plain"
12644
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
12408
12645
  type="button"
12409
12646
  aria-expanded="false"
12410
12647
  aria-label="Settings"
@@ -12703,7 +12940,7 @@ wrapperTag: div
12703
12940
  <div class="pf-v6-c-pagination pf-m-compact">
12704
12941
  <div class="pf-v6-c-pagination__page-menu">
12705
12942
  <button
12706
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
12943
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
12707
12944
  type="button"
12708
12945
  aria-expanded="false"
12709
12946
  aria-label="Menu toggle"
@@ -13351,7 +13588,7 @@ wrapperTag: div
13351
13588
  <div class="pf-v6-c-pagination pf-m-bottom">
13352
13589
  <div class="pf-v6-c-pagination__page-menu">
13353
13590
  <button
13354
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
13591
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
13355
13592
  type="button"
13356
13593
  aria-expanded="false"
13357
13594
  aria-label="Menu toggle"
@@ -13458,12 +13695,31 @@ wrapperTag: div
13458
13695
  <div class="pf-v6-c-masthead__main">
13459
13696
  <span class="pf-v6-c-masthead__toggle">
13460
13697
  <button
13461
- class="pf-v6-c-button pf-m-plain"
13698
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
13462
13699
  type="button"
13463
13700
  aria-label="Global navigation"
13464
13701
  >
13465
13702
  <span class="pf-v6-c-button__icon">
13466
- <i class="fas fa-bars" aria-hidden="true"></i>
13703
+ <svg
13704
+ viewBox="0 0 10 10"
13705
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
13706
+ width="1em"
13707
+ height="1em"
13708
+ >
13709
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
13710
+ <path
13711
+ class="pf-v6-c-button--hamburger-icon--middle"
13712
+ d="M1,5 L9,5"
13713
+ />
13714
+ <path
13715
+ class="pf-v6-c-button--hamburger-icon--arrow"
13716
+ d="M1,5 L1,5 L1,5"
13717
+ />
13718
+ <path
13719
+ class="pf-v6-c-button--hamburger-icon--bottom"
13720
+ d="M9,9 L1,9"
13721
+ />
13722
+ </svg>
13467
13723
  </span>
13468
13724
  </button>
13469
13725
  </span>
@@ -13571,7 +13827,7 @@ wrapperTag: div
13571
13827
  </div>
13572
13828
  <div class="pf-v6-c-toolbar__item">
13573
13829
  <button
13574
- class="pf-v6-c-menu-toggle pf-m-plain"
13830
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
13575
13831
  type="button"
13576
13832
  aria-expanded="false"
13577
13833
  aria-label="Settings"
@@ -13868,7 +14124,7 @@ wrapperTag: div
13868
14124
  <div class="pf-v6-c-pagination pf-m-compact">
13869
14125
  <div class="pf-v6-c-pagination__page-menu">
13870
14126
  <button
13871
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
14127
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
13872
14128
  type="button"
13873
14129
  aria-expanded="false"
13874
14130
  aria-label="Menu toggle"
@@ -14516,7 +14772,7 @@ wrapperTag: div
14516
14772
  <div class="pf-v6-c-pagination pf-m-bottom">
14517
14773
  <div class="pf-v6-c-pagination__page-menu">
14518
14774
  <button
14519
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
14775
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
14520
14776
  type="button"
14521
14777
  aria-expanded="false"
14522
14778
  aria-label="Menu toggle"
@@ -14623,12 +14879,31 @@ wrapperTag: div
14623
14879
  <div class="pf-v6-c-masthead__main">
14624
14880
  <span class="pf-v6-c-masthead__toggle">
14625
14881
  <button
14626
- class="pf-v6-c-button pf-m-plain"
14882
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
14627
14883
  type="button"
14628
14884
  aria-label="Global navigation"
14629
14885
  >
14630
14886
  <span class="pf-v6-c-button__icon">
14631
- <i class="fas fa-bars" aria-hidden="true"></i>
14887
+ <svg
14888
+ viewBox="0 0 10 10"
14889
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
14890
+ width="1em"
14891
+ height="1em"
14892
+ >
14893
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
14894
+ <path
14895
+ class="pf-v6-c-button--hamburger-icon--middle"
14896
+ d="M1,5 L9,5"
14897
+ />
14898
+ <path
14899
+ class="pf-v6-c-button--hamburger-icon--arrow"
14900
+ d="M1,5 L1,5 L1,5"
14901
+ />
14902
+ <path
14903
+ class="pf-v6-c-button--hamburger-icon--bottom"
14904
+ d="M9,9 L1,9"
14905
+ />
14906
+ </svg>
14632
14907
  </span>
14633
14908
  </button>
14634
14909
  </span>
@@ -14736,7 +15011,7 @@ wrapperTag: div
14736
15011
  </div>
14737
15012
  <div class="pf-v6-c-toolbar__item">
14738
15013
  <button
14739
- class="pf-v6-c-menu-toggle pf-m-plain"
15014
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
14740
15015
  type="button"
14741
15016
  aria-expanded="false"
14742
15017
  aria-label="Settings"
@@ -15033,7 +15308,7 @@ wrapperTag: div
15033
15308
  <div class="pf-v6-c-pagination pf-m-compact">
15034
15309
  <div class="pf-v6-c-pagination__page-menu">
15035
15310
  <button
15036
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
15311
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
15037
15312
  type="button"
15038
15313
  aria-expanded="false"
15039
15314
  aria-label="Menu toggle"
@@ -15644,7 +15919,7 @@ wrapperTag: div
15644
15919
  <div class="pf-v6-c-pagination pf-m-bottom">
15645
15920
  <div class="pf-v6-c-pagination__page-menu">
15646
15921
  <button
15647
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
15922
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
15648
15923
  type="button"
15649
15924
  aria-expanded="false"
15650
15925
  aria-label="Menu toggle"
@@ -15750,12 +16025,31 @@ By default, table cell alignment is set to baseline. This retains vertical align
15750
16025
  <div class="pf-v6-c-masthead__main">
15751
16026
  <span class="pf-v6-c-masthead__toggle">
15752
16027
  <button
15753
- class="pf-v6-c-button pf-m-plain"
16028
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
15754
16029
  type="button"
15755
16030
  aria-label="Global navigation"
15756
16031
  >
15757
16032
  <span class="pf-v6-c-button__icon">
15758
- <i class="fas fa-bars" aria-hidden="true"></i>
16033
+ <svg
16034
+ viewBox="0 0 10 10"
16035
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
16036
+ width="1em"
16037
+ height="1em"
16038
+ >
16039
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
16040
+ <path
16041
+ class="pf-v6-c-button--hamburger-icon--middle"
16042
+ d="M1,5 L9,5"
16043
+ />
16044
+ <path
16045
+ class="pf-v6-c-button--hamburger-icon--arrow"
16046
+ d="M1,5 L1,5 L1,5"
16047
+ />
16048
+ <path
16049
+ class="pf-v6-c-button--hamburger-icon--bottom"
16050
+ d="M9,9 L1,9"
16051
+ />
16052
+ </svg>
15759
16053
  </span>
15760
16054
  </button>
15761
16055
  </span>
@@ -15863,7 +16157,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
15863
16157
  </div>
15864
16158
  <div class="pf-v6-c-toolbar__item">
15865
16159
  <button
15866
- class="pf-v6-c-menu-toggle pf-m-plain"
16160
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
15867
16161
  type="button"
15868
16162
  aria-expanded="false"
15869
16163
  aria-label="Settings"