@patternfly/patternfly 6.3.0-prerelease.3 → 6.3.0-prerelease.30

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 (108) 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/DualListSelector/dual-list-selector.css +36 -0
  16. package/components/DualListSelector/dual-list-selector.scss +43 -0
  17. package/components/ExpandableSection/expandable-section.css +45 -1
  18. package/components/ExpandableSection/expandable-section.scss +48 -1
  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/Menu/menu.css +24 -4
  24. package/components/Menu/menu.scss +20 -5
  25. package/components/MenuToggle/menu-toggle.css +38 -4
  26. package/components/MenuToggle/menu-toggle.scss +48 -3
  27. package/components/Nav/nav.css +22 -8
  28. package/components/Nav/nav.scss +22 -9
  29. package/components/Page/page.css +49 -3
  30. package/components/Page/page.scss +33 -2
  31. package/components/Progress/progress.css +16 -0
  32. package/components/Progress/progress.scss +11 -1
  33. package/components/ProgressStepper/progress-stepper.scss +1 -0
  34. package/components/Skeleton/skeleton.css +22 -2
  35. package/components/Skeleton/skeleton.scss +25 -3
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +6 -5
  39. package/components/Table/table-grid.scss +2 -1
  40. package/components/Table/table.css +68 -8
  41. package/components/Table/table.scss +89 -5
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +16 -0
  45. package/components/TextInputGroup/text-input-group.scss +8 -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 +6 -0
  51. package/components/Truncate/truncate.scss +9 -0
  52. package/components/_index.css +758 -91
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +158 -6
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeEditor/examples/CodeEditor.md +26 -2
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/Divider/examples/Divider.md +1 -1
  59. package/docs/components/Drawer/examples/Drawer.md +4 -0
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  61. package/docs/components/Form/examples/Form.md +1179 -114
  62. package/docs/components/Hint/examples/Hint.md +3 -3
  63. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  64. package/docs/components/Masthead/examples/masthead.md +90 -12
  65. package/docs/components/Menu/examples/Menu.md +122 -6
  66. package/docs/components/MenuToggle/examples/MenuToggle.md +93 -55
  67. package/docs/components/ModalBox/examples/ModalBox.md +13 -1
  68. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  69. package/docs/components/Page/examples/Page.md +148 -14
  70. package/docs/components/Pagination/examples/Pagination.md +12 -12
  71. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  72. package/docs/components/Spinner/examples/Spinner.md +10 -0
  73. package/docs/components/Table/examples/Table.md +9363 -6223
  74. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  75. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  76. package/docs/components/Truncate/examples/Truncate.md +53 -10
  77. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  78. package/docs/demos/Alert/examples/Alert.md +66 -9
  79. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  80. package/docs/demos/Banner/examples/Banner.md +47 -6
  81. package/docs/demos/Card/examples/Card.md +5 -62
  82. package/docs/demos/CardView/examples/CardView.md +24 -5
  83. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  84. package/docs/demos/DataList/examples/DataList.md +100 -24
  85. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  86. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  87. package/docs/demos/Form/examples/BasicForms.md +142 -22
  88. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  89. package/docs/demos/Masthead/examples/Masthead.md +171 -19
  90. package/docs/demos/Modal/examples/Modal.md +171 -21
  91. package/docs/demos/Nav/examples/Nav.md +113 -18
  92. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  93. package/docs/demos/Page/examples/Page.md +661 -40
  94. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  95. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  96. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  97. package/docs/demos/Table/examples/Table.md +504 -175
  98. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  99. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  100. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  101. package/package.json +6 -6
  102. package/patternfly-base-no-globals.css +45 -11
  103. package/patternfly-base.css +45 -11
  104. package/patternfly-no-globals.css +803 -102
  105. package/patternfly.css +803 -102
  106. package/patternfly.min.css +1 -1
  107. package/patternfly.min.css.map +1 -1
  108. 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"
@@ -4931,7 +5046,7 @@ wrapperTag: div
4931
5046
  class="pf-v6-c-menu-toggle pf-m-plain"
4932
5047
  type="button"
4933
5048
  aria-expanded="false"
4934
- aria-label="Menu toggle"
5049
+ aria-label="Table actions"
4935
5050
  >
4936
5051
  <span class="pf-v6-c-menu-toggle__icon">
4937
5052
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5020,7 +5135,7 @@ wrapperTag: div
5020
5135
  class="pf-v6-c-menu-toggle pf-m-plain"
5021
5136
  type="button"
5022
5137
  aria-expanded="false"
5023
- aria-label="Menu toggle"
5138
+ aria-label="Table actions"
5024
5139
  >
5025
5140
  <span class="pf-v6-c-menu-toggle__icon">
5026
5141
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5052,7 +5167,7 @@ wrapperTag: div
5052
5167
  class="pf-v6-c-menu-toggle pf-m-plain"
5053
5168
  type="button"
5054
5169
  aria-expanded="false"
5055
- aria-label="Menu toggle"
5170
+ aria-label="Table actions"
5056
5171
  >
5057
5172
  <span class="pf-v6-c-menu-toggle__icon">
5058
5173
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5084,7 +5199,7 @@ wrapperTag: div
5084
5199
  class="pf-v6-c-menu-toggle pf-m-plain"
5085
5200
  type="button"
5086
5201
  aria-expanded="false"
5087
- aria-label="Menu toggle"
5202
+ aria-label="Table actions"
5088
5203
  >
5089
5204
  <span class="pf-v6-c-menu-toggle__icon">
5090
5205
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5116,7 +5231,7 @@ wrapperTag: div
5116
5231
  class="pf-v6-c-menu-toggle pf-m-plain"
5117
5232
  type="button"
5118
5233
  aria-expanded="false"
5119
- aria-label="Menu toggle"
5234
+ aria-label="Table actions"
5120
5235
  >
5121
5236
  <span class="pf-v6-c-menu-toggle__icon">
5122
5237
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5148,7 +5263,7 @@ wrapperTag: div
5148
5263
  class="pf-v6-c-menu-toggle pf-m-plain"
5149
5264
  type="button"
5150
5265
  aria-expanded="false"
5151
- aria-label="Menu toggle"
5266
+ aria-label="Table actions"
5152
5267
  >
5153
5268
  <span class="pf-v6-c-menu-toggle__icon">
5154
5269
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5241,7 +5356,7 @@ wrapperTag: div
5241
5356
  class="pf-v6-c-menu-toggle pf-m-plain"
5242
5357
  type="button"
5243
5358
  aria-expanded="false"
5244
- aria-label="Menu toggle"
5359
+ aria-label="Table actions"
5245
5360
  >
5246
5361
  <span class="pf-v6-c-menu-toggle__icon">
5247
5362
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5273,7 +5388,7 @@ wrapperTag: div
5273
5388
  class="pf-v6-c-menu-toggle pf-m-plain"
5274
5389
  type="button"
5275
5390
  aria-expanded="false"
5276
- aria-label="Menu toggle"
5391
+ aria-label="Table actions"
5277
5392
  >
5278
5393
  <span class="pf-v6-c-menu-toggle__icon">
5279
5394
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5305,7 +5420,7 @@ wrapperTag: div
5305
5420
  class="pf-v6-c-menu-toggle pf-m-plain"
5306
5421
  type="button"
5307
5422
  aria-expanded="false"
5308
- aria-label="Menu toggle"
5423
+ aria-label="Table actions"
5309
5424
  >
5310
5425
  <span class="pf-v6-c-menu-toggle__icon">
5311
5426
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5337,7 +5452,7 @@ wrapperTag: div
5337
5452
  class="pf-v6-c-menu-toggle pf-m-plain"
5338
5453
  type="button"
5339
5454
  aria-expanded="false"
5340
- aria-label="Menu toggle"
5455
+ aria-label="Table actions"
5341
5456
  >
5342
5457
  <span class="pf-v6-c-menu-toggle__icon">
5343
5458
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5369,7 +5484,7 @@ wrapperTag: div
5369
5484
  class="pf-v6-c-menu-toggle pf-m-plain"
5370
5485
  type="button"
5371
5486
  aria-expanded="false"
5372
- aria-label="Menu toggle"
5487
+ aria-label="Table actions"
5373
5488
  >
5374
5489
  <span class="pf-v6-c-menu-toggle__icon">
5375
5490
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5462,7 +5577,7 @@ wrapperTag: div
5462
5577
  class="pf-v6-c-menu-toggle pf-m-plain"
5463
5578
  type="button"
5464
5579
  aria-expanded="false"
5465
- aria-label="Menu toggle"
5580
+ aria-label="Table actions"
5466
5581
  >
5467
5582
  <span class="pf-v6-c-menu-toggle__icon">
5468
5583
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5494,7 +5609,7 @@ wrapperTag: div
5494
5609
  class="pf-v6-c-menu-toggle pf-m-plain"
5495
5610
  type="button"
5496
5611
  aria-expanded="false"
5497
- aria-label="Menu toggle"
5612
+ aria-label="Table actions"
5498
5613
  >
5499
5614
  <span class="pf-v6-c-menu-toggle__icon">
5500
5615
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5526,7 +5641,7 @@ wrapperTag: div
5526
5641
  class="pf-v6-c-menu-toggle pf-m-plain"
5527
5642
  type="button"
5528
5643
  aria-expanded="false"
5529
- aria-label="Menu toggle"
5644
+ aria-label="Table actions"
5530
5645
  >
5531
5646
  <span class="pf-v6-c-menu-toggle__icon">
5532
5647
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5558,7 +5673,7 @@ wrapperTag: div
5558
5673
  class="pf-v6-c-menu-toggle pf-m-plain"
5559
5674
  type="button"
5560
5675
  aria-expanded="false"
5561
- aria-label="Menu toggle"
5676
+ aria-label="Table actions"
5562
5677
  >
5563
5678
  <span class="pf-v6-c-menu-toggle__icon">
5564
5679
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5590,7 +5705,7 @@ wrapperTag: div
5590
5705
  class="pf-v6-c-menu-toggle pf-m-plain"
5591
5706
  type="button"
5592
5707
  aria-expanded="false"
5593
- aria-label="Menu toggle"
5708
+ aria-label="Table actions"
5594
5709
  >
5595
5710
  <span class="pf-v6-c-menu-toggle__icon">
5596
5711
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5672,7 +5787,7 @@ wrapperTag: div
5672
5787
  class="pf-v6-c-menu-toggle pf-m-plain"
5673
5788
  type="button"
5674
5789
  aria-expanded="false"
5675
- aria-label="Menu toggle"
5790
+ aria-label="Table actions"
5676
5791
  >
5677
5792
  <span class="pf-v6-c-menu-toggle__icon">
5678
5793
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5761,7 +5876,7 @@ wrapperTag: div
5761
5876
  class="pf-v6-c-menu-toggle pf-m-plain"
5762
5877
  type="button"
5763
5878
  aria-expanded="false"
5764
- aria-label="Menu toggle"
5879
+ aria-label="Table actions"
5765
5880
  >
5766
5881
  <span class="pf-v6-c-menu-toggle__icon">
5767
5882
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5793,7 +5908,7 @@ wrapperTag: div
5793
5908
  class="pf-v6-c-menu-toggle pf-m-plain"
5794
5909
  type="button"
5795
5910
  aria-expanded="false"
5796
- aria-label="Menu toggle"
5911
+ aria-label="Table actions"
5797
5912
  >
5798
5913
  <span class="pf-v6-c-menu-toggle__icon">
5799
5914
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5825,7 +5940,7 @@ wrapperTag: div
5825
5940
  class="pf-v6-c-menu-toggle pf-m-plain"
5826
5941
  type="button"
5827
5942
  aria-expanded="false"
5828
- aria-label="Menu toggle"
5943
+ aria-label="Table actions"
5829
5944
  >
5830
5945
  <span class="pf-v6-c-menu-toggle__icon">
5831
5946
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5857,7 +5972,7 @@ wrapperTag: div
5857
5972
  class="pf-v6-c-menu-toggle pf-m-plain"
5858
5973
  type="button"
5859
5974
  aria-expanded="false"
5860
- aria-label="Menu toggle"
5975
+ aria-label="Table actions"
5861
5976
  >
5862
5977
  <span class="pf-v6-c-menu-toggle__icon">
5863
5978
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5889,7 +6004,7 @@ wrapperTag: div
5889
6004
  class="pf-v6-c-menu-toggle pf-m-plain"
5890
6005
  type="button"
5891
6006
  aria-expanded="false"
5892
- aria-label="Menu toggle"
6007
+ aria-label="Table actions"
5893
6008
  >
5894
6009
  <span class="pf-v6-c-menu-toggle__icon">
5895
6010
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -5982,7 +6097,7 @@ wrapperTag: div
5982
6097
  class="pf-v6-c-menu-toggle pf-m-plain"
5983
6098
  type="button"
5984
6099
  aria-expanded="false"
5985
- aria-label="Menu toggle"
6100
+ aria-label="Table actions"
5986
6101
  >
5987
6102
  <span class="pf-v6-c-menu-toggle__icon">
5988
6103
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6014,7 +6129,7 @@ wrapperTag: div
6014
6129
  class="pf-v6-c-menu-toggle pf-m-plain"
6015
6130
  type="button"
6016
6131
  aria-expanded="false"
6017
- aria-label="Menu toggle"
6132
+ aria-label="Table actions"
6018
6133
  >
6019
6134
  <span class="pf-v6-c-menu-toggle__icon">
6020
6135
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6046,7 +6161,7 @@ wrapperTag: div
6046
6161
  class="pf-v6-c-menu-toggle pf-m-plain"
6047
6162
  type="button"
6048
6163
  aria-expanded="false"
6049
- aria-label="Menu toggle"
6164
+ aria-label="Table actions"
6050
6165
  >
6051
6166
  <span class="pf-v6-c-menu-toggle__icon">
6052
6167
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6078,7 +6193,7 @@ wrapperTag: div
6078
6193
  class="pf-v6-c-menu-toggle pf-m-plain"
6079
6194
  type="button"
6080
6195
  aria-expanded="false"
6081
- aria-label="Menu toggle"
6196
+ aria-label="Table actions"
6082
6197
  >
6083
6198
  <span class="pf-v6-c-menu-toggle__icon">
6084
6199
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6110,7 +6225,7 @@ wrapperTag: div
6110
6225
  class="pf-v6-c-menu-toggle pf-m-plain"
6111
6226
  type="button"
6112
6227
  aria-expanded="false"
6113
- aria-label="Menu toggle"
6228
+ aria-label="Table actions"
6114
6229
  >
6115
6230
  <span class="pf-v6-c-menu-toggle__icon">
6116
6231
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6203,7 +6318,7 @@ wrapperTag: div
6203
6318
  class="pf-v6-c-menu-toggle pf-m-plain"
6204
6319
  type="button"
6205
6320
  aria-expanded="false"
6206
- aria-label="Menu toggle"
6321
+ aria-label="Table actions"
6207
6322
  >
6208
6323
  <span class="pf-v6-c-menu-toggle__icon">
6209
6324
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6235,7 +6350,7 @@ wrapperTag: div
6235
6350
  class="pf-v6-c-menu-toggle pf-m-plain"
6236
6351
  type="button"
6237
6352
  aria-expanded="false"
6238
- aria-label="Menu toggle"
6353
+ aria-label="Table actions"
6239
6354
  >
6240
6355
  <span class="pf-v6-c-menu-toggle__icon">
6241
6356
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6267,7 +6382,7 @@ wrapperTag: div
6267
6382
  class="pf-v6-c-menu-toggle pf-m-plain"
6268
6383
  type="button"
6269
6384
  aria-expanded="false"
6270
- aria-label="Menu toggle"
6385
+ aria-label="Table actions"
6271
6386
  >
6272
6387
  <span class="pf-v6-c-menu-toggle__icon">
6273
6388
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6299,7 +6414,7 @@ wrapperTag: div
6299
6414
  class="pf-v6-c-menu-toggle pf-m-plain"
6300
6415
  type="button"
6301
6416
  aria-expanded="false"
6302
- aria-label="Menu toggle"
6417
+ aria-label="Table actions"
6303
6418
  >
6304
6419
  <span class="pf-v6-c-menu-toggle__icon">
6305
6420
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6331,7 +6446,7 @@ wrapperTag: div
6331
6446
  class="pf-v6-c-menu-toggle pf-m-plain"
6332
6447
  type="button"
6333
6448
  aria-expanded="false"
6334
- aria-label="Menu toggle"
6449
+ aria-label="Table actions"
6335
6450
  >
6336
6451
  <span class="pf-v6-c-menu-toggle__icon">
6337
6452
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6413,7 +6528,7 @@ wrapperTag: div
6413
6528
  class="pf-v6-c-menu-toggle pf-m-plain"
6414
6529
  type="button"
6415
6530
  aria-expanded="false"
6416
- aria-label="Menu toggle"
6531
+ aria-label="Table actions"
6417
6532
  >
6418
6533
  <span class="pf-v6-c-menu-toggle__icon">
6419
6534
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6502,7 +6617,7 @@ wrapperTag: div
6502
6617
  class="pf-v6-c-menu-toggle pf-m-plain"
6503
6618
  type="button"
6504
6619
  aria-expanded="false"
6505
- aria-label="Menu toggle"
6620
+ aria-label="Table actions"
6506
6621
  >
6507
6622
  <span class="pf-v6-c-menu-toggle__icon">
6508
6623
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6534,7 +6649,7 @@ wrapperTag: div
6534
6649
  class="pf-v6-c-menu-toggle pf-m-plain"
6535
6650
  type="button"
6536
6651
  aria-expanded="false"
6537
- aria-label="Menu toggle"
6652
+ aria-label="Table actions"
6538
6653
  >
6539
6654
  <span class="pf-v6-c-menu-toggle__icon">
6540
6655
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6566,7 +6681,7 @@ wrapperTag: div
6566
6681
  class="pf-v6-c-menu-toggle pf-m-plain"
6567
6682
  type="button"
6568
6683
  aria-expanded="false"
6569
- aria-label="Menu toggle"
6684
+ aria-label="Table actions"
6570
6685
  >
6571
6686
  <span class="pf-v6-c-menu-toggle__icon">
6572
6687
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6598,7 +6713,7 @@ wrapperTag: div
6598
6713
  class="pf-v6-c-menu-toggle pf-m-plain"
6599
6714
  type="button"
6600
6715
  aria-expanded="false"
6601
- aria-label="Menu toggle"
6716
+ aria-label="Table actions"
6602
6717
  >
6603
6718
  <span class="pf-v6-c-menu-toggle__icon">
6604
6719
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6630,7 +6745,7 @@ wrapperTag: div
6630
6745
  class="pf-v6-c-menu-toggle pf-m-plain"
6631
6746
  type="button"
6632
6747
  aria-expanded="false"
6633
- aria-label="Menu toggle"
6748
+ aria-label="Table actions"
6634
6749
  >
6635
6750
  <span class="pf-v6-c-menu-toggle__icon">
6636
6751
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6723,7 +6838,7 @@ wrapperTag: div
6723
6838
  class="pf-v6-c-menu-toggle pf-m-plain"
6724
6839
  type="button"
6725
6840
  aria-expanded="false"
6726
- aria-label="Menu toggle"
6841
+ aria-label="Table actions"
6727
6842
  >
6728
6843
  <span class="pf-v6-c-menu-toggle__icon">
6729
6844
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6755,7 +6870,7 @@ wrapperTag: div
6755
6870
  class="pf-v6-c-menu-toggle pf-m-plain"
6756
6871
  type="button"
6757
6872
  aria-expanded="false"
6758
- aria-label="Menu toggle"
6873
+ aria-label="Table actions"
6759
6874
  >
6760
6875
  <span class="pf-v6-c-menu-toggle__icon">
6761
6876
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6787,7 +6902,7 @@ wrapperTag: div
6787
6902
  class="pf-v6-c-menu-toggle pf-m-plain"
6788
6903
  type="button"
6789
6904
  aria-expanded="false"
6790
- aria-label="Menu toggle"
6905
+ aria-label="Table actions"
6791
6906
  >
6792
6907
  <span class="pf-v6-c-menu-toggle__icon">
6793
6908
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6819,7 +6934,7 @@ wrapperTag: div
6819
6934
  class="pf-v6-c-menu-toggle pf-m-plain"
6820
6935
  type="button"
6821
6936
  aria-expanded="false"
6822
- aria-label="Menu toggle"
6937
+ aria-label="Table actions"
6823
6938
  >
6824
6939
  <span class="pf-v6-c-menu-toggle__icon">
6825
6940
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6851,7 +6966,7 @@ wrapperTag: div
6851
6966
  class="pf-v6-c-menu-toggle pf-m-plain"
6852
6967
  type="button"
6853
6968
  aria-expanded="false"
6854
- aria-label="Menu toggle"
6969
+ aria-label="Table actions"
6855
6970
  >
6856
6971
  <span class="pf-v6-c-menu-toggle__icon">
6857
6972
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6944,7 +7059,7 @@ wrapperTag: div
6944
7059
  class="pf-v6-c-menu-toggle pf-m-plain"
6945
7060
  type="button"
6946
7061
  aria-expanded="false"
6947
- aria-label="Menu toggle"
7062
+ aria-label="Table actions"
6948
7063
  >
6949
7064
  <span class="pf-v6-c-menu-toggle__icon">
6950
7065
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -6976,7 +7091,7 @@ wrapperTag: div
6976
7091
  class="pf-v6-c-menu-toggle pf-m-plain"
6977
7092
  type="button"
6978
7093
  aria-expanded="false"
6979
- aria-label="Menu toggle"
7094
+ aria-label="Table actions"
6980
7095
  >
6981
7096
  <span class="pf-v6-c-menu-toggle__icon">
6982
7097
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7008,7 +7123,7 @@ wrapperTag: div
7008
7123
  class="pf-v6-c-menu-toggle pf-m-plain"
7009
7124
  type="button"
7010
7125
  aria-expanded="false"
7011
- aria-label="Menu toggle"
7126
+ aria-label="Table actions"
7012
7127
  >
7013
7128
  <span class="pf-v6-c-menu-toggle__icon">
7014
7129
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7040,7 +7155,7 @@ wrapperTag: div
7040
7155
  class="pf-v6-c-menu-toggle pf-m-plain"
7041
7156
  type="button"
7042
7157
  aria-expanded="false"
7043
- aria-label="Menu toggle"
7158
+ aria-label="Table actions"
7044
7159
  >
7045
7160
  <span class="pf-v6-c-menu-toggle__icon">
7046
7161
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7072,7 +7187,7 @@ wrapperTag: div
7072
7187
  class="pf-v6-c-menu-toggle pf-m-plain"
7073
7188
  type="button"
7074
7189
  aria-expanded="false"
7075
- aria-label="Menu toggle"
7190
+ aria-label="Table actions"
7076
7191
  >
7077
7192
  <span class="pf-v6-c-menu-toggle__icon">
7078
7193
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -7089,7 +7204,7 @@ wrapperTag: div
7089
7204
  <div class="pf-v6-c-pagination pf-m-bottom">
7090
7205
  <div class="pf-v6-c-pagination__page-menu">
7091
7206
  <button
7092
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
7207
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
7093
7208
  type="button"
7094
7209
  aria-expanded="false"
7095
7210
  aria-label="Menu toggle"
@@ -7192,12 +7307,31 @@ wrapperTag: div
7192
7307
  <div class="pf-v6-c-masthead__main">
7193
7308
  <span class="pf-v6-c-masthead__toggle">
7194
7309
  <button
7195
- class="pf-v6-c-button pf-m-plain"
7310
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7196
7311
  type="button"
7197
7312
  aria-label="Global navigation"
7198
7313
  >
7199
7314
  <span class="pf-v6-c-button__icon">
7200
- <i class="fas fa-bars" aria-hidden="true"></i>
7315
+ <svg
7316
+ viewBox="0 0 10 10"
7317
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7318
+ width="1em"
7319
+ height="1em"
7320
+ >
7321
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7322
+ <path
7323
+ class="pf-v6-c-button--hamburger-icon--middle"
7324
+ d="M1,5 L9,5"
7325
+ />
7326
+ <path
7327
+ class="pf-v6-c-button--hamburger-icon--arrow"
7328
+ d="M1,5 L1,5 L1,5"
7329
+ />
7330
+ <path
7331
+ class="pf-v6-c-button--hamburger-icon--bottom"
7332
+ d="M9,9 L1,9"
7333
+ />
7334
+ </svg>
7201
7335
  </span>
7202
7336
  </button>
7203
7337
  </span>
@@ -7305,7 +7439,7 @@ wrapperTag: div
7305
7439
  </div>
7306
7440
  <div class="pf-v6-c-toolbar__item">
7307
7441
  <button
7308
- class="pf-v6-c-menu-toggle pf-m-plain"
7442
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7309
7443
  type="button"
7310
7444
  aria-expanded="false"
7311
7445
  aria-label="Settings"
@@ -7566,12 +7700,31 @@ wrapperTag: div
7566
7700
  <div class="pf-v6-c-masthead__main">
7567
7701
  <span class="pf-v6-c-masthead__toggle">
7568
7702
  <button
7569
- class="pf-v6-c-button pf-m-plain"
7703
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7570
7704
  type="button"
7571
7705
  aria-label="Global navigation"
7572
7706
  >
7573
7707
  <span class="pf-v6-c-button__icon">
7574
- <i class="fas fa-bars" aria-hidden="true"></i>
7708
+ <svg
7709
+ viewBox="0 0 10 10"
7710
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
7711
+ width="1em"
7712
+ height="1em"
7713
+ >
7714
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
7715
+ <path
7716
+ class="pf-v6-c-button--hamburger-icon--middle"
7717
+ d="M1,5 L9,5"
7718
+ />
7719
+ <path
7720
+ class="pf-v6-c-button--hamburger-icon--arrow"
7721
+ d="M1,5 L1,5 L1,5"
7722
+ />
7723
+ <path
7724
+ class="pf-v6-c-button--hamburger-icon--bottom"
7725
+ d="M9,9 L1,9"
7726
+ />
7727
+ </svg>
7575
7728
  </span>
7576
7729
  </button>
7577
7730
  </span>
@@ -7679,7 +7832,7 @@ wrapperTag: div
7679
7832
  </div>
7680
7833
  <div class="pf-v6-c-toolbar__item">
7681
7834
  <button
7682
- class="pf-v6-c-menu-toggle pf-m-plain"
7835
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
7683
7836
  type="button"
7684
7837
  aria-expanded="false"
7685
7838
  aria-label="Settings"
@@ -7934,12 +8087,31 @@ wrapperTag: div
7934
8087
  <div class="pf-v6-c-masthead__main">
7935
8088
  <span class="pf-v6-c-masthead__toggle">
7936
8089
  <button
7937
- class="pf-v6-c-button pf-m-plain"
8090
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
7938
8091
  type="button"
7939
8092
  aria-label="Global navigation"
7940
8093
  >
7941
8094
  <span class="pf-v6-c-button__icon">
7942
- <i class="fas fa-bars" aria-hidden="true"></i>
8095
+ <svg
8096
+ viewBox="0 0 10 10"
8097
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
8098
+ width="1em"
8099
+ height="1em"
8100
+ >
8101
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
8102
+ <path
8103
+ class="pf-v6-c-button--hamburger-icon--middle"
8104
+ d="M1,5 L9,5"
8105
+ />
8106
+ <path
8107
+ class="pf-v6-c-button--hamburger-icon--arrow"
8108
+ d="M1,5 L1,5 L1,5"
8109
+ />
8110
+ <path
8111
+ class="pf-v6-c-button--hamburger-icon--bottom"
8112
+ d="M9,9 L1,9"
8113
+ />
8114
+ </svg>
7943
8115
  </span>
7944
8116
  </button>
7945
8117
  </span>
@@ -8047,7 +8219,7 @@ wrapperTag: div
8047
8219
  </div>
8048
8220
  <div class="pf-v6-c-toolbar__item">
8049
8221
  <button
8050
- class="pf-v6-c-menu-toggle pf-m-plain"
8222
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
8051
8223
  type="button"
8052
8224
  aria-expanded="false"
8053
8225
  aria-label="Settings"
@@ -8347,7 +8519,7 @@ wrapperTag: div
8347
8519
  <div class="pf-v6-c-pagination pf-m-compact">
8348
8520
  <div class="pf-v6-c-pagination__page-menu">
8349
8521
  <button
8350
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
8522
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
8351
8523
  type="button"
8352
8524
  aria-expanded="false"
8353
8525
  aria-label="Menu toggle"
@@ -8538,7 +8710,7 @@ wrapperTag: div
8538
8710
  class="pf-v6-c-menu-toggle pf-m-plain"
8539
8711
  type="button"
8540
8712
  aria-expanded="false"
8541
- aria-label="Menu toggle"
8713
+ aria-label="Table actions"
8542
8714
  >
8543
8715
  <span class="pf-v6-c-menu-toggle__icon">
8544
8716
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8614,7 +8786,7 @@ wrapperTag: div
8614
8786
  class="pf-v6-c-menu-toggle pf-m-plain"
8615
8787
  type="button"
8616
8788
  aria-expanded="false"
8617
- aria-label="Menu toggle"
8789
+ aria-label="Table actions"
8618
8790
  >
8619
8791
  <span class="pf-v6-c-menu-toggle__icon">
8620
8792
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8690,7 +8862,7 @@ wrapperTag: div
8690
8862
  class="pf-v6-c-menu-toggle pf-m-plain"
8691
8863
  type="button"
8692
8864
  aria-expanded="false"
8693
- aria-label="Menu toggle"
8865
+ aria-label="Table actions"
8694
8866
  >
8695
8867
  <span class="pf-v6-c-menu-toggle__icon">
8696
8868
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8766,7 +8938,7 @@ wrapperTag: div
8766
8938
  class="pf-v6-c-menu-toggle pf-m-plain"
8767
8939
  type="button"
8768
8940
  aria-expanded="false"
8769
- aria-label="Menu toggle"
8941
+ aria-label="Table actions"
8770
8942
  >
8771
8943
  <span class="pf-v6-c-menu-toggle__icon">
8772
8944
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8841,7 +9013,7 @@ wrapperTag: div
8841
9013
  class="pf-v6-c-menu-toggle pf-m-plain"
8842
9014
  type="button"
8843
9015
  aria-expanded="false"
8844
- aria-label="Menu toggle"
9016
+ aria-label="Table actions"
8845
9017
  >
8846
9018
  <span class="pf-v6-c-menu-toggle__icon">
8847
9019
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -8854,7 +9026,7 @@ wrapperTag: div
8854
9026
  <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
8855
9027
  <div class="pf-v6-c-pagination__page-menu">
8856
9028
  <button
8857
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
9029
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
8858
9030
  type="button"
8859
9031
  aria-expanded="false"
8860
9032
  aria-label="Menu toggle"
@@ -8957,12 +9129,31 @@ wrapperTag: div
8957
9129
  <div class="pf-v6-c-masthead__main">
8958
9130
  <span class="pf-v6-c-masthead__toggle">
8959
9131
  <button
8960
- class="pf-v6-c-button pf-m-plain"
9132
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
8961
9133
  type="button"
8962
9134
  aria-label="Global navigation"
8963
9135
  >
8964
9136
  <span class="pf-v6-c-button__icon">
8965
- <i class="fas fa-bars" aria-hidden="true"></i>
9137
+ <svg
9138
+ viewBox="0 0 10 10"
9139
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
9140
+ width="1em"
9141
+ height="1em"
9142
+ >
9143
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
9144
+ <path
9145
+ class="pf-v6-c-button--hamburger-icon--middle"
9146
+ d="M1,5 L9,5"
9147
+ />
9148
+ <path
9149
+ class="pf-v6-c-button--hamburger-icon--arrow"
9150
+ d="M1,5 L1,5 L1,5"
9151
+ />
9152
+ <path
9153
+ class="pf-v6-c-button--hamburger-icon--bottom"
9154
+ d="M9,9 L1,9"
9155
+ />
9156
+ </svg>
8966
9157
  </span>
8967
9158
  </button>
8968
9159
  </span>
@@ -9070,7 +9261,7 @@ wrapperTag: div
9070
9261
  </div>
9071
9262
  <div class="pf-v6-c-toolbar__item">
9072
9263
  <button
9073
- class="pf-v6-c-menu-toggle pf-m-plain"
9264
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
9074
9265
  type="button"
9075
9266
  aria-expanded="false"
9076
9267
  aria-label="Settings"
@@ -9367,7 +9558,7 @@ wrapperTag: div
9367
9558
  <div class="pf-v6-c-pagination pf-m-compact">
9368
9559
  <div class="pf-v6-c-pagination__page-menu">
9369
9560
  <button
9370
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
9561
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
9371
9562
  type="button"
9372
9563
  aria-expanded="false"
9373
9564
  aria-label="Menu toggle"
@@ -9558,7 +9749,7 @@ wrapperTag: div
9558
9749
  class="pf-v6-c-menu-toggle pf-m-plain"
9559
9750
  type="button"
9560
9751
  aria-expanded="false"
9561
- aria-label="Menu toggle"
9752
+ aria-label="Table actions"
9562
9753
  >
9563
9754
  <span class="pf-v6-c-menu-toggle__icon">
9564
9755
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9634,7 +9825,7 @@ wrapperTag: div
9634
9825
  class="pf-v6-c-menu-toggle pf-m-plain"
9635
9826
  type="button"
9636
9827
  aria-expanded="false"
9637
- aria-label="Menu toggle"
9828
+ aria-label="Table actions"
9638
9829
  >
9639
9830
  <span class="pf-v6-c-menu-toggle__icon">
9640
9831
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9710,7 +9901,7 @@ wrapperTag: div
9710
9901
  class="pf-v6-c-menu-toggle pf-m-plain"
9711
9902
  type="button"
9712
9903
  aria-expanded="false"
9713
- aria-label="Menu toggle"
9904
+ aria-label="Table actions"
9714
9905
  >
9715
9906
  <span class="pf-v6-c-menu-toggle__icon">
9716
9907
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9786,7 +9977,7 @@ wrapperTag: div
9786
9977
  class="pf-v6-c-menu-toggle pf-m-plain"
9787
9978
  type="button"
9788
9979
  aria-expanded="false"
9789
- aria-label="Menu toggle"
9980
+ aria-label="Table actions"
9790
9981
  >
9791
9982
  <span class="pf-v6-c-menu-toggle__icon">
9792
9983
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -9861,7 +10052,7 @@ wrapperTag: div
9861
10052
  class="pf-v6-c-menu-toggle pf-m-plain"
9862
10053
  type="button"
9863
10054
  aria-expanded="false"
9864
- aria-label="Menu toggle"
10055
+ aria-label="Table actions"
9865
10056
  >
9866
10057
  <span class="pf-v6-c-menu-toggle__icon">
9867
10058
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10120,12 +10311,31 @@ wrapperTag: div
10120
10311
  <div class="pf-v6-c-masthead__main">
10121
10312
  <span class="pf-v6-c-masthead__toggle">
10122
10313
  <button
10123
- class="pf-v6-c-button pf-m-plain"
10314
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
10124
10315
  type="button"
10125
10316
  aria-label="Global navigation"
10126
10317
  >
10127
10318
  <span class="pf-v6-c-button__icon">
10128
- <i class="fas fa-bars" aria-hidden="true"></i>
10319
+ <svg
10320
+ viewBox="0 0 10 10"
10321
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
10322
+ width="1em"
10323
+ height="1em"
10324
+ >
10325
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
10326
+ <path
10327
+ class="pf-v6-c-button--hamburger-icon--middle"
10328
+ d="M1,5 L9,5"
10329
+ />
10330
+ <path
10331
+ class="pf-v6-c-button--hamburger-icon--arrow"
10332
+ d="M1,5 L1,5 L1,5"
10333
+ />
10334
+ <path
10335
+ class="pf-v6-c-button--hamburger-icon--bottom"
10336
+ d="M9,9 L1,9"
10337
+ />
10338
+ </svg>
10129
10339
  </span>
10130
10340
  </button>
10131
10341
  </span>
@@ -10233,7 +10443,7 @@ wrapperTag: div
10233
10443
  </div>
10234
10444
  <div class="pf-v6-c-toolbar__item">
10235
10445
  <button
10236
- class="pf-v6-c-menu-toggle pf-m-plain"
10446
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
10237
10447
  type="button"
10238
10448
  aria-expanded="false"
10239
10449
  aria-label="Settings"
@@ -10530,7 +10740,7 @@ wrapperTag: div
10530
10740
  <div class="pf-v6-c-pagination pf-m-compact">
10531
10741
  <div class="pf-v6-c-pagination__page-menu">
10532
10742
  <button
10533
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
10743
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
10534
10744
  type="button"
10535
10745
  aria-expanded="false"
10536
10746
  aria-label="Menu toggle"
@@ -10721,7 +10931,7 @@ wrapperTag: div
10721
10931
  class="pf-v6-c-menu-toggle pf-m-plain"
10722
10932
  type="button"
10723
10933
  aria-expanded="false"
10724
- aria-label="Menu toggle"
10934
+ aria-label="Table actions"
10725
10935
  >
10726
10936
  <span class="pf-v6-c-menu-toggle__icon">
10727
10937
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10797,7 +11007,7 @@ wrapperTag: div
10797
11007
  class="pf-v6-c-menu-toggle pf-m-plain"
10798
11008
  type="button"
10799
11009
  aria-expanded="false"
10800
- aria-label="Menu toggle"
11010
+ aria-label="Table actions"
10801
11011
  >
10802
11012
  <span class="pf-v6-c-menu-toggle__icon">
10803
11013
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10873,7 +11083,7 @@ wrapperTag: div
10873
11083
  class="pf-v6-c-menu-toggle pf-m-plain"
10874
11084
  type="button"
10875
11085
  aria-expanded="false"
10876
- aria-label="Menu toggle"
11086
+ aria-label="Table actions"
10877
11087
  >
10878
11088
  <span class="pf-v6-c-menu-toggle__icon">
10879
11089
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -10949,7 +11159,7 @@ wrapperTag: div
10949
11159
  class="pf-v6-c-menu-toggle pf-m-plain"
10950
11160
  type="button"
10951
11161
  aria-expanded="false"
10952
- aria-label="Menu toggle"
11162
+ aria-label="Table actions"
10953
11163
  >
10954
11164
  <span class="pf-v6-c-menu-toggle__icon">
10955
11165
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11024,7 +11234,7 @@ wrapperTag: div
11024
11234
  class="pf-v6-c-menu-toggle pf-m-plain"
11025
11235
  type="button"
11026
11236
  aria-expanded="false"
11027
- aria-label="Menu toggle"
11237
+ aria-label="Table actions"
11028
11238
  >
11029
11239
  <span class="pf-v6-c-menu-toggle__icon">
11030
11240
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -11037,7 +11247,7 @@ wrapperTag: div
11037
11247
  <div class="pf-v6-c-pagination pf-m-bottom">
11038
11248
  <div class="pf-v6-c-pagination__page-menu">
11039
11249
  <button
11040
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
11250
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
11041
11251
  type="button"
11042
11252
  aria-expanded="false"
11043
11253
  aria-label="Menu toggle"
@@ -11140,12 +11350,31 @@ wrapperTag: div
11140
11350
  <div class="pf-v6-c-masthead__main">
11141
11351
  <span class="pf-v6-c-masthead__toggle">
11142
11352
  <button
11143
- class="pf-v6-c-button pf-m-plain"
11353
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
11144
11354
  type="button"
11145
11355
  aria-label="Global navigation"
11146
11356
  >
11147
11357
  <span class="pf-v6-c-button__icon">
11148
- <i class="fas fa-bars" aria-hidden="true"></i>
11358
+ <svg
11359
+ viewBox="0 0 10 10"
11360
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
11361
+ width="1em"
11362
+ height="1em"
11363
+ >
11364
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
11365
+ <path
11366
+ class="pf-v6-c-button--hamburger-icon--middle"
11367
+ d="M1,5 L9,5"
11368
+ />
11369
+ <path
11370
+ class="pf-v6-c-button--hamburger-icon--arrow"
11371
+ d="M1,5 L1,5 L1,5"
11372
+ />
11373
+ <path
11374
+ class="pf-v6-c-button--hamburger-icon--bottom"
11375
+ d="M9,9 L1,9"
11376
+ />
11377
+ </svg>
11149
11378
  </span>
11150
11379
  </button>
11151
11380
  </span>
@@ -11253,7 +11482,7 @@ wrapperTag: div
11253
11482
  </div>
11254
11483
  <div class="pf-v6-c-toolbar__item">
11255
11484
  <button
11256
- class="pf-v6-c-menu-toggle pf-m-plain"
11485
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
11257
11486
  type="button"
11258
11487
  aria-expanded="false"
11259
11488
  aria-label="Settings"
@@ -11547,7 +11776,7 @@ wrapperTag: div
11547
11776
  <div class="pf-v6-c-pagination pf-m-compact">
11548
11777
  <div class="pf-v6-c-pagination__page-menu">
11549
11778
  <button
11550
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
11779
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
11551
11780
  type="button"
11552
11781
  aria-expanded="false"
11553
11782
  aria-label="Menu toggle"
@@ -12167,7 +12396,7 @@ wrapperTag: div
12167
12396
  <div class="pf-v6-c-pagination pf-m-bottom">
12168
12397
  <div class="pf-v6-c-pagination__page-menu">
12169
12398
  <button
12170
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
12399
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
12171
12400
  type="button"
12172
12401
  aria-expanded="false"
12173
12402
  aria-label="Menu toggle"
@@ -12271,12 +12500,31 @@ wrapperTag: div
12271
12500
  <div class="pf-v6-c-masthead__main">
12272
12501
  <span class="pf-v6-c-masthead__toggle">
12273
12502
  <button
12274
- class="pf-v6-c-button pf-m-plain"
12503
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
12275
12504
  type="button"
12276
12505
  aria-label="Global navigation"
12277
12506
  >
12278
12507
  <span class="pf-v6-c-button__icon">
12279
- <i class="fas fa-bars" aria-hidden="true"></i>
12508
+ <svg
12509
+ viewBox="0 0 10 10"
12510
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
12511
+ width="1em"
12512
+ height="1em"
12513
+ >
12514
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
12515
+ <path
12516
+ class="pf-v6-c-button--hamburger-icon--middle"
12517
+ d="M1,5 L9,5"
12518
+ />
12519
+ <path
12520
+ class="pf-v6-c-button--hamburger-icon--arrow"
12521
+ d="M1,5 L1,5 L1,5"
12522
+ />
12523
+ <path
12524
+ class="pf-v6-c-button--hamburger-icon--bottom"
12525
+ d="M9,9 L1,9"
12526
+ />
12527
+ </svg>
12280
12528
  </span>
12281
12529
  </button>
12282
12530
  </span>
@@ -12384,7 +12632,7 @@ wrapperTag: div
12384
12632
  </div>
12385
12633
  <div class="pf-v6-c-toolbar__item">
12386
12634
  <button
12387
- class="pf-v6-c-menu-toggle pf-m-plain"
12635
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
12388
12636
  type="button"
12389
12637
  aria-expanded="false"
12390
12638
  aria-label="Settings"
@@ -12683,7 +12931,7 @@ wrapperTag: div
12683
12931
  <div class="pf-v6-c-pagination pf-m-compact">
12684
12932
  <div class="pf-v6-c-pagination__page-menu">
12685
12933
  <button
12686
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
12934
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
12687
12935
  type="button"
12688
12936
  aria-expanded="false"
12689
12937
  aria-label="Menu toggle"
@@ -13331,7 +13579,7 @@ wrapperTag: div
13331
13579
  <div class="pf-v6-c-pagination pf-m-bottom">
13332
13580
  <div class="pf-v6-c-pagination__page-menu">
13333
13581
  <button
13334
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
13582
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
13335
13583
  type="button"
13336
13584
  aria-expanded="false"
13337
13585
  aria-label="Menu toggle"
@@ -13438,12 +13686,31 @@ wrapperTag: div
13438
13686
  <div class="pf-v6-c-masthead__main">
13439
13687
  <span class="pf-v6-c-masthead__toggle">
13440
13688
  <button
13441
- class="pf-v6-c-button pf-m-plain"
13689
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
13442
13690
  type="button"
13443
13691
  aria-label="Global navigation"
13444
13692
  >
13445
13693
  <span class="pf-v6-c-button__icon">
13446
- <i class="fas fa-bars" aria-hidden="true"></i>
13694
+ <svg
13695
+ viewBox="0 0 10 10"
13696
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
13697
+ width="1em"
13698
+ height="1em"
13699
+ >
13700
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
13701
+ <path
13702
+ class="pf-v6-c-button--hamburger-icon--middle"
13703
+ d="M1,5 L9,5"
13704
+ />
13705
+ <path
13706
+ class="pf-v6-c-button--hamburger-icon--arrow"
13707
+ d="M1,5 L1,5 L1,5"
13708
+ />
13709
+ <path
13710
+ class="pf-v6-c-button--hamburger-icon--bottom"
13711
+ d="M9,9 L1,9"
13712
+ />
13713
+ </svg>
13447
13714
  </span>
13448
13715
  </button>
13449
13716
  </span>
@@ -13551,7 +13818,7 @@ wrapperTag: div
13551
13818
  </div>
13552
13819
  <div class="pf-v6-c-toolbar__item">
13553
13820
  <button
13554
- class="pf-v6-c-menu-toggle pf-m-plain"
13821
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
13555
13822
  type="button"
13556
13823
  aria-expanded="false"
13557
13824
  aria-label="Settings"
@@ -13848,7 +14115,7 @@ wrapperTag: div
13848
14115
  <div class="pf-v6-c-pagination pf-m-compact">
13849
14116
  <div class="pf-v6-c-pagination__page-menu">
13850
14117
  <button
13851
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
14118
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
13852
14119
  type="button"
13853
14120
  aria-expanded="false"
13854
14121
  aria-label="Menu toggle"
@@ -14496,7 +14763,7 @@ wrapperTag: div
14496
14763
  <div class="pf-v6-c-pagination pf-m-bottom">
14497
14764
  <div class="pf-v6-c-pagination__page-menu">
14498
14765
  <button
14499
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
14766
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
14500
14767
  type="button"
14501
14768
  aria-expanded="false"
14502
14769
  aria-label="Menu toggle"
@@ -14603,12 +14870,31 @@ wrapperTag: div
14603
14870
  <div class="pf-v6-c-masthead__main">
14604
14871
  <span class="pf-v6-c-masthead__toggle">
14605
14872
  <button
14606
- class="pf-v6-c-button pf-m-plain"
14873
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
14607
14874
  type="button"
14608
14875
  aria-label="Global navigation"
14609
14876
  >
14610
14877
  <span class="pf-v6-c-button__icon">
14611
- <i class="fas fa-bars" aria-hidden="true"></i>
14878
+ <svg
14879
+ viewBox="0 0 10 10"
14880
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
14881
+ width="1em"
14882
+ height="1em"
14883
+ >
14884
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
14885
+ <path
14886
+ class="pf-v6-c-button--hamburger-icon--middle"
14887
+ d="M1,5 L9,5"
14888
+ />
14889
+ <path
14890
+ class="pf-v6-c-button--hamburger-icon--arrow"
14891
+ d="M1,5 L1,5 L1,5"
14892
+ />
14893
+ <path
14894
+ class="pf-v6-c-button--hamburger-icon--bottom"
14895
+ d="M9,9 L1,9"
14896
+ />
14897
+ </svg>
14612
14898
  </span>
14613
14899
  </button>
14614
14900
  </span>
@@ -14716,7 +15002,7 @@ wrapperTag: div
14716
15002
  </div>
14717
15003
  <div class="pf-v6-c-toolbar__item">
14718
15004
  <button
14719
- class="pf-v6-c-menu-toggle pf-m-plain"
15005
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
14720
15006
  type="button"
14721
15007
  aria-expanded="false"
14722
15008
  aria-label="Settings"
@@ -15013,7 +15299,7 @@ wrapperTag: div
15013
15299
  <div class="pf-v6-c-pagination pf-m-compact">
15014
15300
  <div class="pf-v6-c-pagination__page-menu">
15015
15301
  <button
15016
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
15302
+ class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
15017
15303
  type="button"
15018
15304
  aria-expanded="false"
15019
15305
  aria-label="Menu toggle"
@@ -15624,7 +15910,7 @@ wrapperTag: div
15624
15910
  <div class="pf-v6-c-pagination pf-m-bottom">
15625
15911
  <div class="pf-v6-c-pagination__page-menu">
15626
15912
  <button
15627
- class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
15913
+ class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
15628
15914
  type="button"
15629
15915
  aria-expanded="false"
15630
15916
  aria-label="Menu toggle"
@@ -15730,12 +16016,31 @@ By default, table cell alignment is set to baseline. This retains vertical align
15730
16016
  <div class="pf-v6-c-masthead__main">
15731
16017
  <span class="pf-v6-c-masthead__toggle">
15732
16018
  <button
15733
- class="pf-v6-c-button pf-m-plain"
16019
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
15734
16020
  type="button"
15735
16021
  aria-label="Global navigation"
15736
16022
  >
15737
16023
  <span class="pf-v6-c-button__icon">
15738
- <i class="fas fa-bars" aria-hidden="true"></i>
16024
+ <svg
16025
+ viewBox="0 0 10 10"
16026
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
16027
+ width="1em"
16028
+ height="1em"
16029
+ >
16030
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
16031
+ <path
16032
+ class="pf-v6-c-button--hamburger-icon--middle"
16033
+ d="M1,5 L9,5"
16034
+ />
16035
+ <path
16036
+ class="pf-v6-c-button--hamburger-icon--arrow"
16037
+ d="M1,5 L1,5 L1,5"
16038
+ />
16039
+ <path
16040
+ class="pf-v6-c-button--hamburger-icon--bottom"
16041
+ d="M9,9 L1,9"
16042
+ />
16043
+ </svg>
15739
16044
  </span>
15740
16045
  </button>
15741
16046
  </span>
@@ -15843,7 +16148,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
15843
16148
  </div>
15844
16149
  <div class="pf-v6-c-toolbar__item">
15845
16150
  <button
15846
- class="pf-v6-c-menu-toggle pf-m-plain"
16151
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
15847
16152
  type="button"
15848
16153
  aria-expanded="false"
15849
16154
  aria-label="Settings"
@@ -16022,7 +16327,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
16022
16327
  aria-label="aria-label&#x3D;&quot;More info&quot;"
16023
16328
  >
16024
16329
  <span class="pf-v6-c-button__icon">
16025
- <i class="fas fa-question-circle" aria-hidden="true"></i>
16330
+ <svg
16331
+ class="pf-v6-svg"
16332
+ viewBox="0 0 1024 1024"
16333
+ fill="currentColor"
16334
+ aria-hidden="true"
16335
+ role="img"
16336
+ width="1em"
16337
+ height="1em"
16338
+ >
16339
+ <path
16340
+ 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"
16341
+ />
16342
+ </svg>
16026
16343
  </span>
16027
16344
  </button>
16028
16345
  </span>
@@ -16065,7 +16382,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
16065
16382
  aria-label="aria-label&#x3D;&quot;More info&quot;"
16066
16383
  >
16067
16384
  <span class="pf-v6-c-button__icon">
16068
- <i class="fas fa-question-circle" aria-hidden="true"></i>
16385
+ <svg
16386
+ class="pf-v6-svg"
16387
+ viewBox="0 0 1024 1024"
16388
+ fill="currentColor"
16389
+ aria-hidden="true"
16390
+ role="img"
16391
+ width="1em"
16392
+ height="1em"
16393
+ >
16394
+ <path
16395
+ 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"
16396
+ />
16397
+ </svg>
16069
16398
  </span>
16070
16399
  </button>
16071
16400
  </span>