@patternfly/patternfly 6.3.0-prerelease.4 → 6.3.0-prerelease.41

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 (120) hide show
  1. package/README.md +1 -1
  2. package/assets/images/icon-help.hbs +3 -0
  3. package/assets/images/icon-outlined-star.hbs +3 -0
  4. package/assets/images/icon-star.hbs +3 -0
  5. package/base/patternfly-common.css +46 -11
  6. package/base/patternfly-common.scss +58 -13
  7. package/components/Accordion/accordion.css +72 -3
  8. package/components/Accordion/accordion.scss +78 -6
  9. package/components/Alert/alert-group.css +52 -31
  10. package/components/Alert/alert-group.scss +77 -46
  11. package/components/Button/button.css +154 -6
  12. package/components/Button/button.scss +160 -8
  13. package/components/CodeEditor/code-editor.css +3 -0
  14. package/components/CodeEditor/code-editor.scss +3 -1
  15. package/components/DataList/data-list.css +2 -2
  16. package/components/DataList/data-list.scss +2 -2
  17. package/components/DualListSelector/dual-list-selector.css +36 -0
  18. package/components/DualListSelector/dual-list-selector.scss +43 -0
  19. package/components/ExpandableSection/expandable-section.css +63 -1
  20. package/components/ExpandableSection/expandable-section.scss +76 -2
  21. package/components/FileUpload/file-upload.css +3 -3
  22. package/components/FileUpload/file-upload.scss +3 -3
  23. package/components/Form/form.css +40 -1
  24. package/components/Form/form.scss +47 -1
  25. package/components/FormControl/form-control.css +16 -0
  26. package/components/FormControl/form-control.scss +9 -0
  27. package/components/InputGroup/input-group.css +80 -0
  28. package/components/InputGroup/input-group.scss +95 -0
  29. package/components/Menu/menu.css +24 -4
  30. package/components/Menu/menu.scss +20 -5
  31. package/components/MenuToggle/menu-toggle.css +38 -4
  32. package/components/MenuToggle/menu-toggle.scss +48 -3
  33. package/components/Nav/nav.css +22 -8
  34. package/components/Nav/nav.scss +22 -9
  35. package/components/Page/page.css +66 -6
  36. package/components/Page/page.scss +48 -5
  37. package/components/Progress/progress.css +16 -0
  38. package/components/Progress/progress.scss +11 -1
  39. package/components/ProgressStepper/progress-stepper.scss +1 -0
  40. package/components/Skeleton/skeleton.css +22 -2
  41. package/components/Skeleton/skeleton.scss +25 -3
  42. package/components/Spinner/spinner.css +5 -0
  43. package/components/Spinner/spinner.scss +6 -0
  44. package/components/Table/table-grid.css +51 -5
  45. package/components/Table/table-grid.scss +22 -1
  46. package/components/Table/table.css +83 -1
  47. package/components/Table/table.scss +123 -1
  48. package/components/Tabs/tabs.css +25 -15
  49. package/components/Tabs/tabs.scss +26 -13
  50. package/components/TextInputGroup/text-input-group.css +16 -0
  51. package/components/TextInputGroup/text-input-group.scss +8 -0
  52. package/components/Timestamp/timestamp.css +4 -0
  53. package/components/Timestamp/timestamp.scss +7 -0
  54. package/components/TreeView/tree-view.css +39 -0
  55. package/components/TreeView/tree-view.scss +42 -2
  56. package/components/Truncate/truncate.css +1 -0
  57. package/components/Truncate/truncate.scss +3 -0
  58. package/components/_index.css +933 -92
  59. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  60. package/docs/components/Button/examples/Button.md +161 -6
  61. package/docs/components/Card/examples/Card.md +8 -8
  62. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  63. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  64. package/docs/components/DataList/examples/DataList.md +23 -23
  65. package/docs/components/Divider/examples/Divider.md +1 -1
  66. package/docs/components/Drawer/examples/Drawer.md +4 -0
  67. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  68. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  69. package/docs/components/Form/examples/Form.md +1179 -114
  70. package/docs/components/Hint/examples/Hint.md +3 -3
  71. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  72. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  73. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  74. package/docs/components/Masthead/examples/masthead.md +90 -12
  75. package/docs/components/Menu/examples/Menu.md +122 -6
  76. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  77. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  78. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  79. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  80. package/docs/components/Page/examples/Page.md +148 -14
  81. package/docs/components/Pagination/examples/Pagination.md +12 -12
  82. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  83. package/docs/components/Slider/examples/Slider.md +2 -2
  84. package/docs/components/Spinner/examples/Spinner.md +10 -0
  85. package/docs/components/Table/examples/Table.md +9457 -6178
  86. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  87. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  88. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  89. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  90. package/docs/demos/Alert/examples/Alert.md +66 -9
  91. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  92. package/docs/demos/Banner/examples/Banner.md +47 -6
  93. package/docs/demos/Card/examples/Card.md +5 -62
  94. package/docs/demos/CardView/examples/CardView.md +24 -5
  95. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  96. package/docs/demos/DataList/examples/DataList.md +100 -24
  97. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  98. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  99. package/docs/demos/Form/examples/BasicForms.md +142 -22
  100. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  101. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  102. package/docs/demos/Modal/examples/Modal.md +171 -21
  103. package/docs/demos/Nav/examples/Nav.md +113 -18
  104. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  105. package/docs/demos/Page/examples/Page.md +661 -40
  106. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  107. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  108. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  109. package/docs/demos/Table/examples/Table.md +516 -178
  110. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  111. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  112. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  113. package/package.json +6 -6
  114. package/patternfly-base-no-globals.css +45 -11
  115. package/patternfly-base.css +45 -11
  116. package/patternfly-no-globals.css +978 -103
  117. package/patternfly.css +978 -103
  118. package/patternfly.min.css +1 -1
  119. package/patternfly.min.css.map +1 -1
  120. 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"
@@ -2609,7 +2666,7 @@ wrapperTag: div
2609
2666
  class="pf-v6-c-button pf-m-plain"
2610
2667
  id="expandable-demo-table-expandable-toggle-thead"
2611
2668
  type="button"
2612
- aria-controls="expandable-demo-table-content-thead"
2669
+ aria-controls="expandable-demo-table-content-1 expandable-demo-table-content-2 expandable-demo-table-content-3 expandable-demo-table-content-4 expandable-demo-table-content-5"
2613
2670
  aria-labelledby="expandable-demo-table-node-thead"
2614
2671
  aria-label="Toggle all rows"
2615
2672
  >
@@ -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>
@@ -2790,7 +2847,7 @@ wrapperTag: div
2790
2847
  class="pf-v6-c-table__td"
2791
2848
  role="cell"
2792
2849
  colspan="7"
2793
- id="expandable-demo-table-content1"
2850
+ id="expandable-demo-table-content-1"
2794
2851
  >
2795
2852
  <div class="pf-v6-c-table__expandable-row-content">
2796
2853
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -2810,14 +2867,19 @@ wrapperTag: div
2810
2867
 
2811
2868
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
2812
2869
  <tr class="pf-v6-c-table__tr pf-m-expanded" role="row">
2813
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
2870
+ <td
2871
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
2872
+ aria-label="Row expansion"
2873
+ >
2814
2874
  <button
2815
2875
  class="pf-v6-c-button pf-m-expanded pf-m-plain"
2816
- id="expandable-demo-table-expandable-toggle-3"
2876
+ id="expandable-demo-table-expandable-toggle-2"
2817
2877
  type="button"
2818
2878
  aria-expanded="true"
2819
- aria-labelledby="expandable-demo-table-node-3 expandable-demo-table-expandable-toggle-3"
2879
+ aria-controls="expandable-demo-table-content-2"
2880
+ aria-labelledby="expandable-demo-table-node-2"
2820
2881
  aria-label="Toggle row"
2882
+ aria-describedby="true"
2821
2883
  >
2822
2884
  <span class="pf-v6-c-button__icon">
2823
2885
  <div class="pf-v6-c-table__toggle-icon">
@@ -2826,6 +2888,7 @@ wrapperTag: div
2826
2888
  </span>
2827
2889
  </button>
2828
2890
  </td>
2891
+
2829
2892
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
2830
2893
  <div class="pf-v6-c-check pf-m-standalone">
2831
2894
  <input
@@ -2883,7 +2946,7 @@ wrapperTag: div
2883
2946
  class="pf-v6-c-menu-toggle pf-m-plain"
2884
2947
  type="button"
2885
2948
  aria-expanded="false"
2886
- aria-label="Menu toggle"
2949
+ aria-label="Table actions"
2887
2950
  >
2888
2951
  <span class="pf-v6-c-menu-toggle__icon">
2889
2952
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2908,7 +2971,7 @@ wrapperTag: div
2908
2971
  class="pf-v6-c-table__td"
2909
2972
  role="cell"
2910
2973
  colspan="5"
2911
- id="expandable-demo-table-content2"
2974
+ id="expandable-demo-table-content-2"
2912
2975
  >
2913
2976
  <div class="pf-v6-c-table__expandable-row-content">
2914
2977
  <div class="pf-v6-c-content">
@@ -2944,12 +3007,16 @@ wrapperTag: div
2944
3007
 
2945
3008
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
2946
3009
  <tr class="pf-v6-c-table__tr" role="row">
2947
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3010
+ <td
3011
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
3012
+ aria-label="Row expansion"
3013
+ >
2948
3014
  <button
2949
3015
  class="pf-v6-c-button pf-m-plain"
2950
- id="expandable-demo-table-expandable-toggle-5"
3016
+ id="expandable-demo-table-expandable-toggle-3"
2951
3017
  type="button"
2952
- aria-labelledby="expandable-demo-table-node-5 expandable-demo-table-expandable-toggle-5"
3018
+ aria-controls="expandable-demo-table-content-3"
3019
+ aria-labelledby="expandable-demo-table-node-3"
2953
3020
  aria-label="Toggle row"
2954
3021
  >
2955
3022
  <span class="pf-v6-c-button__icon">
@@ -2959,6 +3026,7 @@ wrapperTag: div
2959
3026
  </span>
2960
3027
  </button>
2961
3028
  </td>
3029
+
2962
3030
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
2963
3031
  <div class="pf-v6-c-check pf-m-standalone">
2964
3032
  <input
@@ -3018,7 +3086,7 @@ wrapperTag: div
3018
3086
  class="pf-v6-c-menu-toggle pf-m-plain"
3019
3087
  type="button"
3020
3088
  aria-expanded="false"
3021
- aria-label="Menu toggle"
3089
+ aria-label="Table actions"
3022
3090
  >
3023
3091
  <span class="pf-v6-c-menu-toggle__icon">
3024
3092
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3035,7 +3103,7 @@ wrapperTag: div
3035
3103
  class="pf-v6-c-table__td"
3036
3104
  role="cell"
3037
3105
  colspan="9"
3038
- id="expandable-demo-table-content3"
3106
+ id="expandable-demo-table-content-3"
3039
3107
  >
3040
3108
  <div class="pf-v6-c-table__expandable-row-content">
3041
3109
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -3051,12 +3119,16 @@ wrapperTag: div
3051
3119
 
3052
3120
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3053
3121
  <tr class="pf-v6-c-table__tr" role="row">
3054
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3122
+ <td
3123
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
3124
+ aria-label="Row expansion"
3125
+ >
3055
3126
  <button
3056
3127
  class="pf-v6-c-button pf-m-plain"
3057
- id="expandable-demo-table-expandable-toggle-7"
3128
+ id="expandable-demo-table-expandable-toggle-4"
3058
3129
  type="button"
3059
- aria-labelledby="expandable-demo-table-node-7 expandable-demo-table-expandable-toggle-7"
3130
+ aria-controls="expandable-demo-table-content-4"
3131
+ aria-labelledby="expandable-demo-table-node-4"
3060
3132
  aria-label="Toggle row"
3061
3133
  >
3062
3134
  <span class="pf-v6-c-button__icon">
@@ -3066,6 +3138,7 @@ wrapperTag: div
3066
3138
  </span>
3067
3139
  </button>
3068
3140
  </td>
3141
+
3069
3142
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3070
3143
  <div class="pf-v6-c-check pf-m-standalone">
3071
3144
  <input
@@ -3125,7 +3198,7 @@ wrapperTag: div
3125
3198
  class="pf-v6-c-menu-toggle pf-m-plain"
3126
3199
  type="button"
3127
3200
  aria-expanded="false"
3128
- aria-label="Menu toggle"
3201
+ aria-label="Table actions"
3129
3202
  >
3130
3203
  <span class="pf-v6-c-menu-toggle__icon">
3131
3204
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3142,7 +3215,7 @@ wrapperTag: div
3142
3215
  class="pf-v6-c-table__td"
3143
3216
  role="cell"
3144
3217
  colspan="9"
3145
- id="expandable-demo-table-content4"
3218
+ id="expandable-demo-table-content-4"
3146
3219
  >
3147
3220
  <div class="pf-v6-c-table__expandable-row-content">
3148
3221
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -3158,12 +3231,16 @@ wrapperTag: div
3158
3231
 
3159
3232
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3160
3233
  <tr class="pf-v6-c-table__tr" role="row">
3161
- <td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
3234
+ <td
3235
+ class="pf-v6-c-table__td pf-v6-c-table__toggle"
3236
+ aria-label="Row expansion"
3237
+ >
3162
3238
  <button
3163
3239
  class="pf-v6-c-button pf-m-plain"
3164
- id="expandable-demo-table-expandable-toggle-9"
3240
+ id="expandable-demo-table-expandable-toggle-5"
3165
3241
  type="button"
3166
- aria-labelledby="expandable-demo-table-node-9 expandable-demo-table-expandable-toggle-9"
3242
+ aria-controls="expandable-demo-table-content-5"
3243
+ aria-labelledby="expandable-demo-table-node-5"
3167
3244
  aria-label="Toggle row"
3168
3245
  >
3169
3246
  <span class="pf-v6-c-button__icon">
@@ -3180,13 +3257,13 @@ wrapperTag: div
3180
3257
  >
3181
3258
  <label
3182
3259
  class="pf-v6-c-check pf-m-standalone"
3183
- for="expandable-demo-table-checkrow-9-check-input"
3260
+ for="expandable-demo-table-checkrow-5-check-input"
3184
3261
  >
3185
3262
  <input
3186
3263
  class="pf-v6-c-check__input"
3187
3264
  type="checkbox"
3188
- id="expandable-demo-table-checkrow-9-check-input"
3189
- name="expandable-demo-table-checkrow-9-check-input"
3265
+ id="expandable-demo-table-checkrow-5-check-input"
3266
+ name="expandable-demo-table-checkrow-5-check-input"
3190
3267
  aria-label="Select row"
3191
3268
  />
3192
3269
  </label>
@@ -3239,7 +3316,7 @@ wrapperTag: div
3239
3316
  class="pf-v6-c-menu-toggle pf-m-plain"
3240
3317
  type="button"
3241
3318
  aria-expanded="false"
3242
- aria-label="Menu toggle"
3319
+ aria-label="Table actions"
3243
3320
  >
3244
3321
  <span class="pf-v6-c-menu-toggle__icon">
3245
3322
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3256,7 +3333,7 @@ wrapperTag: div
3256
3333
  class="pf-v6-c-table__td"
3257
3334
  role="cell"
3258
3335
  colspan="9"
3259
- id="expandable-demo-table-content5"
3336
+ id="expandable-demo-table-content-5"
3260
3337
  >
3261
3338
  <div class="pf-v6-c-table__expandable-row-content">
3262
3339
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
@@ -3273,7 +3350,7 @@ wrapperTag: div
3273
3350
  <div class="pf-v6-c-pagination pf-m-bottom">
3274
3351
  <div class="pf-v6-c-pagination__page-menu">
3275
3352
  <button
3276
- 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"
3277
3354
  type="button"
3278
3355
  aria-expanded="false"
3279
3356
  aria-label="Menu toggle"
@@ -3373,12 +3450,31 @@ wrapperTag: div
3373
3450
  <div class="pf-v6-c-masthead__main">
3374
3451
  <span class="pf-v6-c-masthead__toggle">
3375
3452
  <button
3376
- class="pf-v6-c-button pf-m-plain"
3453
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
3377
3454
  type="button"
3378
3455
  aria-label="Global navigation"
3379
3456
  >
3380
3457
  <span class="pf-v6-c-button__icon">
3381
- <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>
3382
3478
  </span>
3383
3479
  </button>
3384
3480
  </span>
@@ -3486,7 +3582,7 @@ wrapperTag: div
3486
3582
  </div>
3487
3583
  <div class="pf-v6-c-toolbar__item">
3488
3584
  <button
3489
- class="pf-v6-c-menu-toggle pf-m-plain"
3585
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
3490
3586
  type="button"
3491
3587
  aria-expanded="false"
3492
3588
  aria-label="Settings"
@@ -3783,7 +3879,7 @@ wrapperTag: div
3783
3879
  <div class="pf-v6-c-pagination pf-m-compact">
3784
3880
  <div class="pf-v6-c-pagination__page-menu">
3785
3881
  <button
3786
- 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"
3787
3883
  type="button"
3788
3884
  aria-expanded="false"
3789
3885
  aria-label="Menu toggle"
@@ -3976,7 +4072,7 @@ wrapperTag: div
3976
4072
  class="pf-v6-c-menu-toggle pf-m-plain"
3977
4073
  type="button"
3978
4074
  aria-expanded="false"
3979
- aria-label="Menu toggle"
4075
+ aria-label="Table actions"
3980
4076
  >
3981
4077
  <span class="pf-v6-c-menu-toggle__icon">
3982
4078
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4048,7 +4144,7 @@ wrapperTag: div
4048
4144
  class="pf-v6-c-menu-toggle pf-m-plain"
4049
4145
  type="button"
4050
4146
  aria-expanded="false"
4051
- aria-label="Menu toggle"
4147
+ aria-label="Table actions"
4052
4148
  >
4053
4149
  <span class="pf-v6-c-menu-toggle__icon">
4054
4150
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4120,7 +4216,7 @@ wrapperTag: div
4120
4216
  class="pf-v6-c-menu-toggle pf-m-plain"
4121
4217
  type="button"
4122
4218
  aria-expanded="false"
4123
- aria-label="Menu toggle"
4219
+ aria-label="Table actions"
4124
4220
  >
4125
4221
  <span class="pf-v6-c-menu-toggle__icon">
4126
4222
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4192,7 +4288,7 @@ wrapperTag: div
4192
4288
  class="pf-v6-c-menu-toggle pf-m-plain"
4193
4289
  type="button"
4194
4290
  aria-expanded="false"
4195
- aria-label="Menu toggle"
4291
+ aria-label="Table actions"
4196
4292
  >
4197
4293
  <span class="pf-v6-c-menu-toggle__icon">
4198
4294
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4205,7 +4301,7 @@ wrapperTag: div
4205
4301
  <div class="pf-v6-c-pagination pf-m-bottom">
4206
4302
  <div class="pf-v6-c-pagination__page-menu">
4207
4303
  <button
4208
- 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"
4209
4305
  type="button"
4210
4306
  aria-expanded="false"
4211
4307
  aria-label="Menu toggle"
@@ -4308,12 +4404,31 @@ wrapperTag: div
4308
4404
  <div class="pf-v6-c-masthead__main">
4309
4405
  <span class="pf-v6-c-masthead__toggle">
4310
4406
  <button
4311
- class="pf-v6-c-button pf-m-plain"
4407
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
4312
4408
  type="button"
4313
4409
  aria-label="Global navigation"
4314
4410
  >
4315
4411
  <span class="pf-v6-c-button__icon">
4316
- <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>
4317
4432
  </span>
4318
4433
  </button>
4319
4434
  </span>
@@ -4421,7 +4536,7 @@ wrapperTag: div
4421
4536
  </div>
4422
4537
  <div class="pf-v6-c-toolbar__item">
4423
4538
  <button
4424
- class="pf-v6-c-menu-toggle pf-m-plain"
4539
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
4425
4540
  type="button"
4426
4541
  aria-expanded="false"
4427
4542
  aria-label="Settings"
@@ -4718,7 +4833,7 @@ wrapperTag: div
4718
4833
  <div class="pf-v6-c-pagination pf-m-compact">
4719
4834
  <div class="pf-v6-c-pagination__page-menu">
4720
4835
  <button
4721
- 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"
4722
4837
  type="button"
4723
4838
  aria-expanded="false"
4724
4839
  aria-label="Menu toggle"
@@ -4778,7 +4893,7 @@ wrapperTag: div
4778
4893
  </div>
4779
4894
  </div>
4780
4895
  <table
4781
- 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"
4782
4897
  role="grid"
4783
4898
  aria-label="Compound expandable table example"
4784
4899
  id="compound-expansion-demo-table"
@@ -4864,7 +4979,10 @@ wrapperTag: div
4864
4979
  </thead>
4865
4980
 
4866
4981
  <tbody class="pf-v6-c-table__tbody pf-m-expanded" role="rowgroup">
4867
- <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
+ >
4868
4986
  <th
4869
4987
  class="pf-v6-c-table__th"
4870
4988
  role="columnheader"
@@ -4931,7 +5049,7 @@ wrapperTag: div
4931
5049
  class="pf-v6-c-menu-toggle pf-m-plain"
4932
5050
  type="button"
4933
5051
  aria-expanded="false"
4934
- aria-label="Menu toggle"
5052
+ aria-label="Table actions"
4935
5053
  >
4936
5054
  <span class="pf-v6-c-menu-toggle__icon">
4937
5055
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5020,7 +5138,7 @@ wrapperTag: div
5020
5138
  class="pf-v6-c-menu-toggle pf-m-plain"
5021
5139
  type="button"
5022
5140
  aria-expanded="false"
5023
- aria-label="Menu toggle"
5141
+ aria-label="Table actions"
5024
5142
  >
5025
5143
  <span class="pf-v6-c-menu-toggle__icon">
5026
5144
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5052,7 +5170,7 @@ wrapperTag: div
5052
5170
  class="pf-v6-c-menu-toggle pf-m-plain"
5053
5171
  type="button"
5054
5172
  aria-expanded="false"
5055
- aria-label="Menu toggle"
5173
+ aria-label="Table actions"
5056
5174
  >
5057
5175
  <span class="pf-v6-c-menu-toggle__icon">
5058
5176
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5084,7 +5202,7 @@ wrapperTag: div
5084
5202
  class="pf-v6-c-menu-toggle pf-m-plain"
5085
5203
  type="button"
5086
5204
  aria-expanded="false"
5087
- aria-label="Menu toggle"
5205
+ aria-label="Table actions"
5088
5206
  >
5089
5207
  <span class="pf-v6-c-menu-toggle__icon">
5090
5208
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5116,7 +5234,7 @@ wrapperTag: div
5116
5234
  class="pf-v6-c-menu-toggle pf-m-plain"
5117
5235
  type="button"
5118
5236
  aria-expanded="false"
5119
- aria-label="Menu toggle"
5237
+ aria-label="Table actions"
5120
5238
  >
5121
5239
  <span class="pf-v6-c-menu-toggle__icon">
5122
5240
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5148,7 +5266,7 @@ wrapperTag: div
5148
5266
  class="pf-v6-c-menu-toggle pf-m-plain"
5149
5267
  type="button"
5150
5268
  aria-expanded="false"
5151
- aria-label="Menu toggle"
5269
+ aria-label="Table actions"
5152
5270
  >
5153
5271
  <span class="pf-v6-c-menu-toggle__icon">
5154
5272
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5241,7 +5359,7 @@ wrapperTag: div
5241
5359
  class="pf-v6-c-menu-toggle pf-m-plain"
5242
5360
  type="button"
5243
5361
  aria-expanded="false"
5244
- aria-label="Menu toggle"
5362
+ aria-label="Table actions"
5245
5363
  >
5246
5364
  <span class="pf-v6-c-menu-toggle__icon">
5247
5365
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5273,7 +5391,7 @@ wrapperTag: div
5273
5391
  class="pf-v6-c-menu-toggle pf-m-plain"
5274
5392
  type="button"
5275
5393
  aria-expanded="false"
5276
- aria-label="Menu toggle"
5394
+ aria-label="Table actions"
5277
5395
  >
5278
5396
  <span class="pf-v6-c-menu-toggle__icon">
5279
5397
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5305,7 +5423,7 @@ wrapperTag: div
5305
5423
  class="pf-v6-c-menu-toggle pf-m-plain"
5306
5424
  type="button"
5307
5425
  aria-expanded="false"
5308
- aria-label="Menu toggle"
5426
+ aria-label="Table actions"
5309
5427
  >
5310
5428
  <span class="pf-v6-c-menu-toggle__icon">
5311
5429
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5337,7 +5455,7 @@ wrapperTag: div
5337
5455
  class="pf-v6-c-menu-toggle pf-m-plain"
5338
5456
  type="button"
5339
5457
  aria-expanded="false"
5340
- aria-label="Menu toggle"
5458
+ aria-label="Table actions"
5341
5459
  >
5342
5460
  <span class="pf-v6-c-menu-toggle__icon">
5343
5461
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5369,7 +5487,7 @@ wrapperTag: div
5369
5487
  class="pf-v6-c-menu-toggle pf-m-plain"
5370
5488
  type="button"
5371
5489
  aria-expanded="false"
5372
- aria-label="Menu toggle"
5490
+ aria-label="Table actions"
5373
5491
  >
5374
5492
  <span class="pf-v6-c-menu-toggle__icon">
5375
5493
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5462,7 +5580,7 @@ wrapperTag: div
5462
5580
  class="pf-v6-c-menu-toggle pf-m-plain"
5463
5581
  type="button"
5464
5582
  aria-expanded="false"
5465
- aria-label="Menu toggle"
5583
+ aria-label="Table actions"
5466
5584
  >
5467
5585
  <span class="pf-v6-c-menu-toggle__icon">
5468
5586
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5494,7 +5612,7 @@ wrapperTag: div
5494
5612
  class="pf-v6-c-menu-toggle pf-m-plain"
5495
5613
  type="button"
5496
5614
  aria-expanded="false"
5497
- aria-label="Menu toggle"
5615
+ aria-label="Table actions"
5498
5616
  >
5499
5617
  <span class="pf-v6-c-menu-toggle__icon">
5500
5618
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5526,7 +5644,7 @@ wrapperTag: div
5526
5644
  class="pf-v6-c-menu-toggle pf-m-plain"
5527
5645
  type="button"
5528
5646
  aria-expanded="false"
5529
- aria-label="Menu toggle"
5647
+ aria-label="Table actions"
5530
5648
  >
5531
5649
  <span class="pf-v6-c-menu-toggle__icon">
5532
5650
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5558,7 +5676,7 @@ wrapperTag: div
5558
5676
  class="pf-v6-c-menu-toggle pf-m-plain"
5559
5677
  type="button"
5560
5678
  aria-expanded="false"
5561
- aria-label="Menu toggle"
5679
+ aria-label="Table actions"
5562
5680
  >
5563
5681
  <span class="pf-v6-c-menu-toggle__icon">
5564
5682
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5590,7 +5708,7 @@ wrapperTag: div
5590
5708
  class="pf-v6-c-menu-toggle pf-m-plain"
5591
5709
  type="button"
5592
5710
  aria-expanded="false"
5593
- aria-label="Menu toggle"
5711
+ aria-label="Table actions"
5594
5712
  >
5595
5713
  <span class="pf-v6-c-menu-toggle__icon">
5596
5714
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5605,7 +5723,10 @@ wrapperTag: div
5605
5723
  </tbody>
5606
5724
 
5607
5725
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
5608
- <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
+ >
5609
5730
  <th
5610
5731
  class="pf-v6-c-table__th"
5611
5732
  role="columnheader"
@@ -5672,7 +5793,7 @@ wrapperTag: div
5672
5793
  class="pf-v6-c-menu-toggle pf-m-plain"
5673
5794
  type="button"
5674
5795
  aria-expanded="false"
5675
- aria-label="Menu toggle"
5796
+ aria-label="Table actions"
5676
5797
  >
5677
5798
  <span class="pf-v6-c-menu-toggle__icon">
5678
5799
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5761,7 +5882,7 @@ wrapperTag: div
5761
5882
  class="pf-v6-c-menu-toggle pf-m-plain"
5762
5883
  type="button"
5763
5884
  aria-expanded="false"
5764
- aria-label="Menu toggle"
5885
+ aria-label="Table actions"
5765
5886
  >
5766
5887
  <span class="pf-v6-c-menu-toggle__icon">
5767
5888
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5793,7 +5914,7 @@ wrapperTag: div
5793
5914
  class="pf-v6-c-menu-toggle pf-m-plain"
5794
5915
  type="button"
5795
5916
  aria-expanded="false"
5796
- aria-label="Menu toggle"
5917
+ aria-label="Table actions"
5797
5918
  >
5798
5919
  <span class="pf-v6-c-menu-toggle__icon">
5799
5920
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5825,7 +5946,7 @@ wrapperTag: div
5825
5946
  class="pf-v6-c-menu-toggle pf-m-plain"
5826
5947
  type="button"
5827
5948
  aria-expanded="false"
5828
- aria-label="Menu toggle"
5949
+ aria-label="Table actions"
5829
5950
  >
5830
5951
  <span class="pf-v6-c-menu-toggle__icon">
5831
5952
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5857,7 +5978,7 @@ wrapperTag: div
5857
5978
  class="pf-v6-c-menu-toggle pf-m-plain"
5858
5979
  type="button"
5859
5980
  aria-expanded="false"
5860
- aria-label="Menu toggle"
5981
+ aria-label="Table actions"
5861
5982
  >
5862
5983
  <span class="pf-v6-c-menu-toggle__icon">
5863
5984
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5889,7 +6010,7 @@ wrapperTag: div
5889
6010
  class="pf-v6-c-menu-toggle pf-m-plain"
5890
6011
  type="button"
5891
6012
  aria-expanded="false"
5892
- aria-label="Menu toggle"
6013
+ aria-label="Table actions"
5893
6014
  >
5894
6015
  <span class="pf-v6-c-menu-toggle__icon">
5895
6016
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5982,7 +6103,7 @@ wrapperTag: div
5982
6103
  class="pf-v6-c-menu-toggle pf-m-plain"
5983
6104
  type="button"
5984
6105
  aria-expanded="false"
5985
- aria-label="Menu toggle"
6106
+ aria-label="Table actions"
5986
6107
  >
5987
6108
  <span class="pf-v6-c-menu-toggle__icon">
5988
6109
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6014,7 +6135,7 @@ wrapperTag: div
6014
6135
  class="pf-v6-c-menu-toggle pf-m-plain"
6015
6136
  type="button"
6016
6137
  aria-expanded="false"
6017
- aria-label="Menu toggle"
6138
+ aria-label="Table actions"
6018
6139
  >
6019
6140
  <span class="pf-v6-c-menu-toggle__icon">
6020
6141
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6046,7 +6167,7 @@ wrapperTag: div
6046
6167
  class="pf-v6-c-menu-toggle pf-m-plain"
6047
6168
  type="button"
6048
6169
  aria-expanded="false"
6049
- aria-label="Menu toggle"
6170
+ aria-label="Table actions"
6050
6171
  >
6051
6172
  <span class="pf-v6-c-menu-toggle__icon">
6052
6173
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6078,7 +6199,7 @@ wrapperTag: div
6078
6199
  class="pf-v6-c-menu-toggle pf-m-plain"
6079
6200
  type="button"
6080
6201
  aria-expanded="false"
6081
- aria-label="Menu toggle"
6202
+ aria-label="Table actions"
6082
6203
  >
6083
6204
  <span class="pf-v6-c-menu-toggle__icon">
6084
6205
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6110,7 +6231,7 @@ wrapperTag: div
6110
6231
  class="pf-v6-c-menu-toggle pf-m-plain"
6111
6232
  type="button"
6112
6233
  aria-expanded="false"
6113
- aria-label="Menu toggle"
6234
+ aria-label="Table actions"
6114
6235
  >
6115
6236
  <span class="pf-v6-c-menu-toggle__icon">
6116
6237
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6203,7 +6324,7 @@ wrapperTag: div
6203
6324
  class="pf-v6-c-menu-toggle pf-m-plain"
6204
6325
  type="button"
6205
6326
  aria-expanded="false"
6206
- aria-label="Menu toggle"
6327
+ aria-label="Table actions"
6207
6328
  >
6208
6329
  <span class="pf-v6-c-menu-toggle__icon">
6209
6330
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6235,7 +6356,7 @@ wrapperTag: div
6235
6356
  class="pf-v6-c-menu-toggle pf-m-plain"
6236
6357
  type="button"
6237
6358
  aria-expanded="false"
6238
- aria-label="Menu toggle"
6359
+ aria-label="Table actions"
6239
6360
  >
6240
6361
  <span class="pf-v6-c-menu-toggle__icon">
6241
6362
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6267,7 +6388,7 @@ wrapperTag: div
6267
6388
  class="pf-v6-c-menu-toggle pf-m-plain"
6268
6389
  type="button"
6269
6390
  aria-expanded="false"
6270
- aria-label="Menu toggle"
6391
+ aria-label="Table actions"
6271
6392
  >
6272
6393
  <span class="pf-v6-c-menu-toggle__icon">
6273
6394
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6299,7 +6420,7 @@ wrapperTag: div
6299
6420
  class="pf-v6-c-menu-toggle pf-m-plain"
6300
6421
  type="button"
6301
6422
  aria-expanded="false"
6302
- aria-label="Menu toggle"
6423
+ aria-label="Table actions"
6303
6424
  >
6304
6425
  <span class="pf-v6-c-menu-toggle__icon">
6305
6426
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6331,7 +6452,7 @@ wrapperTag: div
6331
6452
  class="pf-v6-c-menu-toggle pf-m-plain"
6332
6453
  type="button"
6333
6454
  aria-expanded="false"
6334
- aria-label="Menu toggle"
6455
+ aria-label="Table actions"
6335
6456
  >
6336
6457
  <span class="pf-v6-c-menu-toggle__icon">
6337
6458
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6346,7 +6467,10 @@ wrapperTag: div
6346
6467
  </tbody>
6347
6468
 
6348
6469
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
6349
- <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
+ >
6350
6474
  <th
6351
6475
  class="pf-v6-c-table__th"
6352
6476
  role="columnheader"
@@ -6413,7 +6537,7 @@ wrapperTag: div
6413
6537
  class="pf-v6-c-menu-toggle pf-m-plain"
6414
6538
  type="button"
6415
6539
  aria-expanded="false"
6416
- aria-label="Menu toggle"
6540
+ aria-label="Table actions"
6417
6541
  >
6418
6542
  <span class="pf-v6-c-menu-toggle__icon">
6419
6543
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6502,7 +6626,7 @@ wrapperTag: div
6502
6626
  class="pf-v6-c-menu-toggle pf-m-plain"
6503
6627
  type="button"
6504
6628
  aria-expanded="false"
6505
- aria-label="Menu toggle"
6629
+ aria-label="Table actions"
6506
6630
  >
6507
6631
  <span class="pf-v6-c-menu-toggle__icon">
6508
6632
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6534,7 +6658,7 @@ wrapperTag: div
6534
6658
  class="pf-v6-c-menu-toggle pf-m-plain"
6535
6659
  type="button"
6536
6660
  aria-expanded="false"
6537
- aria-label="Menu toggle"
6661
+ aria-label="Table actions"
6538
6662
  >
6539
6663
  <span class="pf-v6-c-menu-toggle__icon">
6540
6664
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6566,7 +6690,7 @@ wrapperTag: div
6566
6690
  class="pf-v6-c-menu-toggle pf-m-plain"
6567
6691
  type="button"
6568
6692
  aria-expanded="false"
6569
- aria-label="Menu toggle"
6693
+ aria-label="Table actions"
6570
6694
  >
6571
6695
  <span class="pf-v6-c-menu-toggle__icon">
6572
6696
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6598,7 +6722,7 @@ wrapperTag: div
6598
6722
  class="pf-v6-c-menu-toggle pf-m-plain"
6599
6723
  type="button"
6600
6724
  aria-expanded="false"
6601
- aria-label="Menu toggle"
6725
+ aria-label="Table actions"
6602
6726
  >
6603
6727
  <span class="pf-v6-c-menu-toggle__icon">
6604
6728
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6630,7 +6754,7 @@ wrapperTag: div
6630
6754
  class="pf-v6-c-menu-toggle pf-m-plain"
6631
6755
  type="button"
6632
6756
  aria-expanded="false"
6633
- aria-label="Menu toggle"
6757
+ aria-label="Table actions"
6634
6758
  >
6635
6759
  <span class="pf-v6-c-menu-toggle__icon">
6636
6760
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6723,7 +6847,7 @@ wrapperTag: div
6723
6847
  class="pf-v6-c-menu-toggle pf-m-plain"
6724
6848
  type="button"
6725
6849
  aria-expanded="false"
6726
- aria-label="Menu toggle"
6850
+ aria-label="Table actions"
6727
6851
  >
6728
6852
  <span class="pf-v6-c-menu-toggle__icon">
6729
6853
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6755,7 +6879,7 @@ wrapperTag: div
6755
6879
  class="pf-v6-c-menu-toggle pf-m-plain"
6756
6880
  type="button"
6757
6881
  aria-expanded="false"
6758
- aria-label="Menu toggle"
6882
+ aria-label="Table actions"
6759
6883
  >
6760
6884
  <span class="pf-v6-c-menu-toggle__icon">
6761
6885
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6787,7 +6911,7 @@ wrapperTag: div
6787
6911
  class="pf-v6-c-menu-toggle pf-m-plain"
6788
6912
  type="button"
6789
6913
  aria-expanded="false"
6790
- aria-label="Menu toggle"
6914
+ aria-label="Table actions"
6791
6915
  >
6792
6916
  <span class="pf-v6-c-menu-toggle__icon">
6793
6917
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6819,7 +6943,7 @@ wrapperTag: div
6819
6943
  class="pf-v6-c-menu-toggle pf-m-plain"
6820
6944
  type="button"
6821
6945
  aria-expanded="false"
6822
- aria-label="Menu toggle"
6946
+ aria-label="Table actions"
6823
6947
  >
6824
6948
  <span class="pf-v6-c-menu-toggle__icon">
6825
6949
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6851,7 +6975,7 @@ wrapperTag: div
6851
6975
  class="pf-v6-c-menu-toggle pf-m-plain"
6852
6976
  type="button"
6853
6977
  aria-expanded="false"
6854
- aria-label="Menu toggle"
6978
+ aria-label="Table actions"
6855
6979
  >
6856
6980
  <span class="pf-v6-c-menu-toggle__icon">
6857
6981
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6944,7 +7068,7 @@ wrapperTag: div
6944
7068
  class="pf-v6-c-menu-toggle pf-m-plain"
6945
7069
  type="button"
6946
7070
  aria-expanded="false"
6947
- aria-label="Menu toggle"
7071
+ aria-label="Table actions"
6948
7072
  >
6949
7073
  <span class="pf-v6-c-menu-toggle__icon">
6950
7074
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6976,7 +7100,7 @@ wrapperTag: div
6976
7100
  class="pf-v6-c-menu-toggle pf-m-plain"
6977
7101
  type="button"
6978
7102
  aria-expanded="false"
6979
- aria-label="Menu toggle"
7103
+ aria-label="Table actions"
6980
7104
  >
6981
7105
  <span class="pf-v6-c-menu-toggle__icon">
6982
7106
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7008,7 +7132,7 @@ wrapperTag: div
7008
7132
  class="pf-v6-c-menu-toggle pf-m-plain"
7009
7133
  type="button"
7010
7134
  aria-expanded="false"
7011
- aria-label="Menu toggle"
7135
+ aria-label="Table actions"
7012
7136
  >
7013
7137
  <span class="pf-v6-c-menu-toggle__icon">
7014
7138
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7040,7 +7164,7 @@ wrapperTag: div
7040
7164
  class="pf-v6-c-menu-toggle pf-m-plain"
7041
7165
  type="button"
7042
7166
  aria-expanded="false"
7043
- aria-label="Menu toggle"
7167
+ aria-label="Table actions"
7044
7168
  >
7045
7169
  <span class="pf-v6-c-menu-toggle__icon">
7046
7170
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7072,7 +7196,7 @@ wrapperTag: div
7072
7196
  class="pf-v6-c-menu-toggle pf-m-plain"
7073
7197
  type="button"
7074
7198
  aria-expanded="false"
7075
- aria-label="Menu toggle"
7199
+ aria-label="Table actions"
7076
7200
  >
7077
7201
  <span class="pf-v6-c-menu-toggle__icon">
7078
7202
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7089,7 +7213,7 @@ wrapperTag: div
7089
7213
  <div class="pf-v6-c-pagination pf-m-bottom">
7090
7214
  <div class="pf-v6-c-pagination__page-menu">
7091
7215
  <button
7092
- 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"
7093
7217
  type="button"
7094
7218
  aria-expanded="false"
7095
7219
  aria-label="Menu toggle"
@@ -7192,12 +7316,31 @@ wrapperTag: div
7192
7316
  <div class="pf-v6-c-masthead__main">
7193
7317
  <span class="pf-v6-c-masthead__toggle">
7194
7318
  <button
7195
- class="pf-v6-c-button pf-m-plain"
7319
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7196
7320
  type="button"
7197
7321
  aria-label="Global navigation"
7198
7322
  >
7199
7323
  <span class="pf-v6-c-button__icon">
7200
- <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>
7201
7344
  </span>
7202
7345
  </button>
7203
7346
  </span>
@@ -7305,7 +7448,7 @@ wrapperTag: div
7305
7448
  </div>
7306
7449
  <div class="pf-v6-c-toolbar__item">
7307
7450
  <button
7308
- class="pf-v6-c-menu-toggle pf-m-plain"
7451
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7309
7452
  type="button"
7310
7453
  aria-expanded="false"
7311
7454
  aria-label="Settings"
@@ -7566,12 +7709,31 @@ wrapperTag: div
7566
7709
  <div class="pf-v6-c-masthead__main">
7567
7710
  <span class="pf-v6-c-masthead__toggle">
7568
7711
  <button
7569
- class="pf-v6-c-button pf-m-plain"
7712
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7570
7713
  type="button"
7571
7714
  aria-label="Global navigation"
7572
7715
  >
7573
7716
  <span class="pf-v6-c-button__icon">
7574
- <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>
7575
7737
  </span>
7576
7738
  </button>
7577
7739
  </span>
@@ -7679,7 +7841,7 @@ wrapperTag: div
7679
7841
  </div>
7680
7842
  <div class="pf-v6-c-toolbar__item">
7681
7843
  <button
7682
- class="pf-v6-c-menu-toggle pf-m-plain"
7844
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7683
7845
  type="button"
7684
7846
  aria-expanded="false"
7685
7847
  aria-label="Settings"
@@ -7934,12 +8096,31 @@ wrapperTag: div
7934
8096
  <div class="pf-v6-c-masthead__main">
7935
8097
  <span class="pf-v6-c-masthead__toggle">
7936
8098
  <button
7937
- class="pf-v6-c-button pf-m-plain"
8099
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7938
8100
  type="button"
7939
8101
  aria-label="Global navigation"
7940
8102
  >
7941
8103
  <span class="pf-v6-c-button__icon">
7942
- <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>
7943
8124
  </span>
7944
8125
  </button>
7945
8126
  </span>
@@ -8047,7 +8228,7 @@ wrapperTag: div
8047
8228
  </div>
8048
8229
  <div class="pf-v6-c-toolbar__item">
8049
8230
  <button
8050
- class="pf-v6-c-menu-toggle pf-m-plain"
8231
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
8051
8232
  type="button"
8052
8233
  aria-expanded="false"
8053
8234
  aria-label="Settings"
@@ -8347,7 +8528,7 @@ wrapperTag: div
8347
8528
  <div class="pf-v6-c-pagination pf-m-compact">
8348
8529
  <div class="pf-v6-c-pagination__page-menu">
8349
8530
  <button
8350
- 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"
8351
8532
  type="button"
8352
8533
  aria-expanded="false"
8353
8534
  aria-label="Menu toggle"
@@ -8538,7 +8719,7 @@ wrapperTag: div
8538
8719
  class="pf-v6-c-menu-toggle pf-m-plain"
8539
8720
  type="button"
8540
8721
  aria-expanded="false"
8541
- aria-label="Menu toggle"
8722
+ aria-label="Table actions"
8542
8723
  >
8543
8724
  <span class="pf-v6-c-menu-toggle__icon">
8544
8725
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8614,7 +8795,7 @@ wrapperTag: div
8614
8795
  class="pf-v6-c-menu-toggle pf-m-plain"
8615
8796
  type="button"
8616
8797
  aria-expanded="false"
8617
- aria-label="Menu toggle"
8798
+ aria-label="Table actions"
8618
8799
  >
8619
8800
  <span class="pf-v6-c-menu-toggle__icon">
8620
8801
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8690,7 +8871,7 @@ wrapperTag: div
8690
8871
  class="pf-v6-c-menu-toggle pf-m-plain"
8691
8872
  type="button"
8692
8873
  aria-expanded="false"
8693
- aria-label="Menu toggle"
8874
+ aria-label="Table actions"
8694
8875
  >
8695
8876
  <span class="pf-v6-c-menu-toggle__icon">
8696
8877
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8766,7 +8947,7 @@ wrapperTag: div
8766
8947
  class="pf-v6-c-menu-toggle pf-m-plain"
8767
8948
  type="button"
8768
8949
  aria-expanded="false"
8769
- aria-label="Menu toggle"
8950
+ aria-label="Table actions"
8770
8951
  >
8771
8952
  <span class="pf-v6-c-menu-toggle__icon">
8772
8953
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8841,7 +9022,7 @@ wrapperTag: div
8841
9022
  class="pf-v6-c-menu-toggle pf-m-plain"
8842
9023
  type="button"
8843
9024
  aria-expanded="false"
8844
- aria-label="Menu toggle"
9025
+ aria-label="Table actions"
8845
9026
  >
8846
9027
  <span class="pf-v6-c-menu-toggle__icon">
8847
9028
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8854,7 +9035,7 @@ wrapperTag: div
8854
9035
  <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
8855
9036
  <div class="pf-v6-c-pagination__page-menu">
8856
9037
  <button
8857
- 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"
8858
9039
  type="button"
8859
9040
  aria-expanded="false"
8860
9041
  aria-label="Menu toggle"
@@ -8957,12 +9138,31 @@ wrapperTag: div
8957
9138
  <div class="pf-v6-c-masthead__main">
8958
9139
  <span class="pf-v6-c-masthead__toggle">
8959
9140
  <button
8960
- class="pf-v6-c-button pf-m-plain"
9141
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8961
9142
  type="button"
8962
9143
  aria-label="Global navigation"
8963
9144
  >
8964
9145
  <span class="pf-v6-c-button__icon">
8965
- <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>
8966
9166
  </span>
8967
9167
  </button>
8968
9168
  </span>
@@ -9070,7 +9270,7 @@ wrapperTag: div
9070
9270
  </div>
9071
9271
  <div class="pf-v6-c-toolbar__item">
9072
9272
  <button
9073
- class="pf-v6-c-menu-toggle pf-m-plain"
9273
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
9074
9274
  type="button"
9075
9275
  aria-expanded="false"
9076
9276
  aria-label="Settings"
@@ -9367,7 +9567,7 @@ wrapperTag: div
9367
9567
  <div class="pf-v6-c-pagination pf-m-compact">
9368
9568
  <div class="pf-v6-c-pagination__page-menu">
9369
9569
  <button
9370
- 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"
9371
9571
  type="button"
9372
9572
  aria-expanded="false"
9373
9573
  aria-label="Menu toggle"
@@ -9558,7 +9758,7 @@ wrapperTag: div
9558
9758
  class="pf-v6-c-menu-toggle pf-m-plain"
9559
9759
  type="button"
9560
9760
  aria-expanded="false"
9561
- aria-label="Menu toggle"
9761
+ aria-label="Table actions"
9562
9762
  >
9563
9763
  <span class="pf-v6-c-menu-toggle__icon">
9564
9764
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9634,7 +9834,7 @@ wrapperTag: div
9634
9834
  class="pf-v6-c-menu-toggle pf-m-plain"
9635
9835
  type="button"
9636
9836
  aria-expanded="false"
9637
- aria-label="Menu toggle"
9837
+ aria-label="Table actions"
9638
9838
  >
9639
9839
  <span class="pf-v6-c-menu-toggle__icon">
9640
9840
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9710,7 +9910,7 @@ wrapperTag: div
9710
9910
  class="pf-v6-c-menu-toggle pf-m-plain"
9711
9911
  type="button"
9712
9912
  aria-expanded="false"
9713
- aria-label="Menu toggle"
9913
+ aria-label="Table actions"
9714
9914
  >
9715
9915
  <span class="pf-v6-c-menu-toggle__icon">
9716
9916
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9786,7 +9986,7 @@ wrapperTag: div
9786
9986
  class="pf-v6-c-menu-toggle pf-m-plain"
9787
9987
  type="button"
9788
9988
  aria-expanded="false"
9789
- aria-label="Menu toggle"
9989
+ aria-label="Table actions"
9790
9990
  >
9791
9991
  <span class="pf-v6-c-menu-toggle__icon">
9792
9992
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9861,7 +10061,7 @@ wrapperTag: div
9861
10061
  class="pf-v6-c-menu-toggle pf-m-plain"
9862
10062
  type="button"
9863
10063
  aria-expanded="false"
9864
- aria-label="Menu toggle"
10064
+ aria-label="Table actions"
9865
10065
  >
9866
10066
  <span class="pf-v6-c-menu-toggle__icon">
9867
10067
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10120,12 +10320,31 @@ wrapperTag: div
10120
10320
  <div class="pf-v6-c-masthead__main">
10121
10321
  <span class="pf-v6-c-masthead__toggle">
10122
10322
  <button
10123
- class="pf-v6-c-button pf-m-plain"
10323
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
10124
10324
  type="button"
10125
10325
  aria-label="Global navigation"
10126
10326
  >
10127
10327
  <span class="pf-v6-c-button__icon">
10128
- <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>
10129
10348
  </span>
10130
10349
  </button>
10131
10350
  </span>
@@ -10233,7 +10452,7 @@ wrapperTag: div
10233
10452
  </div>
10234
10453
  <div class="pf-v6-c-toolbar__item">
10235
10454
  <button
10236
- class="pf-v6-c-menu-toggle pf-m-plain"
10455
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
10237
10456
  type="button"
10238
10457
  aria-expanded="false"
10239
10458
  aria-label="Settings"
@@ -10530,7 +10749,7 @@ wrapperTag: div
10530
10749
  <div class="pf-v6-c-pagination pf-m-compact">
10531
10750
  <div class="pf-v6-c-pagination__page-menu">
10532
10751
  <button
10533
- 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"
10534
10753
  type="button"
10535
10754
  aria-expanded="false"
10536
10755
  aria-label="Menu toggle"
@@ -10721,7 +10940,7 @@ wrapperTag: div
10721
10940
  class="pf-v6-c-menu-toggle pf-m-plain"
10722
10941
  type="button"
10723
10942
  aria-expanded="false"
10724
- aria-label="Menu toggle"
10943
+ aria-label="Table actions"
10725
10944
  >
10726
10945
  <span class="pf-v6-c-menu-toggle__icon">
10727
10946
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10797,7 +11016,7 @@ wrapperTag: div
10797
11016
  class="pf-v6-c-menu-toggle pf-m-plain"
10798
11017
  type="button"
10799
11018
  aria-expanded="false"
10800
- aria-label="Menu toggle"
11019
+ aria-label="Table actions"
10801
11020
  >
10802
11021
  <span class="pf-v6-c-menu-toggle__icon">
10803
11022
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10873,7 +11092,7 @@ wrapperTag: div
10873
11092
  class="pf-v6-c-menu-toggle pf-m-plain"
10874
11093
  type="button"
10875
11094
  aria-expanded="false"
10876
- aria-label="Menu toggle"
11095
+ aria-label="Table actions"
10877
11096
  >
10878
11097
  <span class="pf-v6-c-menu-toggle__icon">
10879
11098
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10949,7 +11168,7 @@ wrapperTag: div
10949
11168
  class="pf-v6-c-menu-toggle pf-m-plain"
10950
11169
  type="button"
10951
11170
  aria-expanded="false"
10952
- aria-label="Menu toggle"
11171
+ aria-label="Table actions"
10953
11172
  >
10954
11173
  <span class="pf-v6-c-menu-toggle__icon">
10955
11174
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11024,7 +11243,7 @@ wrapperTag: div
11024
11243
  class="pf-v6-c-menu-toggle pf-m-plain"
11025
11244
  type="button"
11026
11245
  aria-expanded="false"
11027
- aria-label="Menu toggle"
11246
+ aria-label="Table actions"
11028
11247
  >
11029
11248
  <span class="pf-v6-c-menu-toggle__icon">
11030
11249
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11037,7 +11256,7 @@ wrapperTag: div
11037
11256
  <div class="pf-v6-c-pagination pf-m-bottom">
11038
11257
  <div class="pf-v6-c-pagination__page-menu">
11039
11258
  <button
11040
- 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"
11041
11260
  type="button"
11042
11261
  aria-expanded="false"
11043
11262
  aria-label="Menu toggle"
@@ -11140,12 +11359,31 @@ wrapperTag: div
11140
11359
  <div class="pf-v6-c-masthead__main">
11141
11360
  <span class="pf-v6-c-masthead__toggle">
11142
11361
  <button
11143
- class="pf-v6-c-button pf-m-plain"
11362
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
11144
11363
  type="button"
11145
11364
  aria-label="Global navigation"
11146
11365
  >
11147
11366
  <span class="pf-v6-c-button__icon">
11148
- <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>
11149
11387
  </span>
11150
11388
  </button>
11151
11389
  </span>
@@ -11253,7 +11491,7 @@ wrapperTag: div
11253
11491
  </div>
11254
11492
  <div class="pf-v6-c-toolbar__item">
11255
11493
  <button
11256
- class="pf-v6-c-menu-toggle pf-m-plain"
11494
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
11257
11495
  type="button"
11258
11496
  aria-expanded="false"
11259
11497
  aria-label="Settings"
@@ -11547,7 +11785,7 @@ wrapperTag: div
11547
11785
  <div class="pf-v6-c-pagination pf-m-compact">
11548
11786
  <div class="pf-v6-c-pagination__page-menu">
11549
11787
  <button
11550
- 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"
11551
11789
  type="button"
11552
11790
  aria-expanded="false"
11553
11791
  aria-label="Menu toggle"
@@ -12167,7 +12405,7 @@ wrapperTag: div
12167
12405
  <div class="pf-v6-c-pagination pf-m-bottom">
12168
12406
  <div class="pf-v6-c-pagination__page-menu">
12169
12407
  <button
12170
- 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"
12171
12409
  type="button"
12172
12410
  aria-expanded="false"
12173
12411
  aria-label="Menu toggle"
@@ -12271,12 +12509,31 @@ wrapperTag: div
12271
12509
  <div class="pf-v6-c-masthead__main">
12272
12510
  <span class="pf-v6-c-masthead__toggle">
12273
12511
  <button
12274
- class="pf-v6-c-button pf-m-plain"
12512
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
12275
12513
  type="button"
12276
12514
  aria-label="Global navigation"
12277
12515
  >
12278
12516
  <span class="pf-v6-c-button__icon">
12279
- <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>
12280
12537
  </span>
12281
12538
  </button>
12282
12539
  </span>
@@ -12384,7 +12641,7 @@ wrapperTag: div
12384
12641
  </div>
12385
12642
  <div class="pf-v6-c-toolbar__item">
12386
12643
  <button
12387
- class="pf-v6-c-menu-toggle pf-m-plain"
12644
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
12388
12645
  type="button"
12389
12646
  aria-expanded="false"
12390
12647
  aria-label="Settings"
@@ -12683,7 +12940,7 @@ wrapperTag: div
12683
12940
  <div class="pf-v6-c-pagination pf-m-compact">
12684
12941
  <div class="pf-v6-c-pagination__page-menu">
12685
12942
  <button
12686
- 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"
12687
12944
  type="button"
12688
12945
  aria-expanded="false"
12689
12946
  aria-label="Menu toggle"
@@ -13331,7 +13588,7 @@ wrapperTag: div
13331
13588
  <div class="pf-v6-c-pagination pf-m-bottom">
13332
13589
  <div class="pf-v6-c-pagination__page-menu">
13333
13590
  <button
13334
- 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"
13335
13592
  type="button"
13336
13593
  aria-expanded="false"
13337
13594
  aria-label="Menu toggle"
@@ -13438,12 +13695,31 @@ wrapperTag: div
13438
13695
  <div class="pf-v6-c-masthead__main">
13439
13696
  <span class="pf-v6-c-masthead__toggle">
13440
13697
  <button
13441
- class="pf-v6-c-button pf-m-plain"
13698
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
13442
13699
  type="button"
13443
13700
  aria-label="Global navigation"
13444
13701
  >
13445
13702
  <span class="pf-v6-c-button__icon">
13446
- <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>
13447
13723
  </span>
13448
13724
  </button>
13449
13725
  </span>
@@ -13551,7 +13827,7 @@ wrapperTag: div
13551
13827
  </div>
13552
13828
  <div class="pf-v6-c-toolbar__item">
13553
13829
  <button
13554
- class="pf-v6-c-menu-toggle pf-m-plain"
13830
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
13555
13831
  type="button"
13556
13832
  aria-expanded="false"
13557
13833
  aria-label="Settings"
@@ -13848,7 +14124,7 @@ wrapperTag: div
13848
14124
  <div class="pf-v6-c-pagination pf-m-compact">
13849
14125
  <div class="pf-v6-c-pagination__page-menu">
13850
14126
  <button
13851
- 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"
13852
14128
  type="button"
13853
14129
  aria-expanded="false"
13854
14130
  aria-label="Menu toggle"
@@ -14496,7 +14772,7 @@ wrapperTag: div
14496
14772
  <div class="pf-v6-c-pagination pf-m-bottom">
14497
14773
  <div class="pf-v6-c-pagination__page-menu">
14498
14774
  <button
14499
- 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"
14500
14776
  type="button"
14501
14777
  aria-expanded="false"
14502
14778
  aria-label="Menu toggle"
@@ -14603,12 +14879,31 @@ wrapperTag: div
14603
14879
  <div class="pf-v6-c-masthead__main">
14604
14880
  <span class="pf-v6-c-masthead__toggle">
14605
14881
  <button
14606
- class="pf-v6-c-button pf-m-plain"
14882
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
14607
14883
  type="button"
14608
14884
  aria-label="Global navigation"
14609
14885
  >
14610
14886
  <span class="pf-v6-c-button__icon">
14611
- <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>
14612
14907
  </span>
14613
14908
  </button>
14614
14909
  </span>
@@ -14716,7 +15011,7 @@ wrapperTag: div
14716
15011
  </div>
14717
15012
  <div class="pf-v6-c-toolbar__item">
14718
15013
  <button
14719
- class="pf-v6-c-menu-toggle pf-m-plain"
15014
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
14720
15015
  type="button"
14721
15016
  aria-expanded="false"
14722
15017
  aria-label="Settings"
@@ -15013,7 +15308,7 @@ wrapperTag: div
15013
15308
  <div class="pf-v6-c-pagination pf-m-compact">
15014
15309
  <div class="pf-v6-c-pagination__page-menu">
15015
15310
  <button
15016
- 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"
15017
15312
  type="button"
15018
15313
  aria-expanded="false"
15019
15314
  aria-label="Menu toggle"
@@ -15624,7 +15919,7 @@ wrapperTag: div
15624
15919
  <div class="pf-v6-c-pagination pf-m-bottom">
15625
15920
  <div class="pf-v6-c-pagination__page-menu">
15626
15921
  <button
15627
- 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"
15628
15923
  type="button"
15629
15924
  aria-expanded="false"
15630
15925
  aria-label="Menu toggle"
@@ -15730,12 +16025,31 @@ By default, table cell alignment is set to baseline. This retains vertical align
15730
16025
  <div class="pf-v6-c-masthead__main">
15731
16026
  <span class="pf-v6-c-masthead__toggle">
15732
16027
  <button
15733
- class="pf-v6-c-button pf-m-plain"
16028
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
15734
16029
  type="button"
15735
16030
  aria-label="Global navigation"
15736
16031
  >
15737
16032
  <span class="pf-v6-c-button__icon">
15738
- <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>
15739
16053
  </span>
15740
16054
  </button>
15741
16055
  </span>
@@ -15843,7 +16157,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
15843
16157
  </div>
15844
16158
  <div class="pf-v6-c-toolbar__item">
15845
16159
  <button
15846
- class="pf-v6-c-menu-toggle pf-m-plain"
16160
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
15847
16161
  type="button"
15848
16162
  aria-expanded="false"
15849
16163
  aria-label="Settings"
@@ -16022,7 +16336,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
16022
16336
  aria-label="aria-label&#x3D;&quot;More info&quot;"
16023
16337
  >
16024
16338
  <span class="pf-v6-c-button__icon">
16025
- <i class="fas fa-question-circle" aria-hidden="true"></i>
16339
+ <svg
16340
+ class="pf-v6-svg"
16341
+ viewBox="0 0 1024 1024"
16342
+ fill="currentColor"
16343
+ aria-hidden="true"
16344
+ role="img"
16345
+ width="1em"
16346
+ height="1em"
16347
+ >
16348
+ <path
16349
+ d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
16350
+ />
16351
+ </svg>
16026
16352
  </span>
16027
16353
  </button>
16028
16354
  </span>
@@ -16065,7 +16391,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
16065
16391
  aria-label="aria-label&#x3D;&quot;More info&quot;"
16066
16392
  >
16067
16393
  <span class="pf-v6-c-button__icon">
16068
- <i class="fas fa-question-circle" aria-hidden="true"></i>
16394
+ <svg
16395
+ class="pf-v6-svg"
16396
+ viewBox="0 0 1024 1024"
16397
+ fill="currentColor"
16398
+ aria-hidden="true"
16399
+ role="img"
16400
+ width="1em"
16401
+ height="1em"
16402
+ >
16403
+ <path
16404
+ d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
16405
+ />
16406
+ </svg>
16069
16407
  </span>
16070
16408
  </button>
16071
16409
  </span>