@patternfly/patternfly 6.3.0-prerelease.9 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/assets/images/icon-outlined-star.hbs +3 -0
  2. package/assets/images/icon-star.hbs +3 -0
  3. package/base/patternfly-common.css +46 -11
  4. package/base/patternfly-common.scss +58 -13
  5. package/components/Accordion/accordion.css +72 -3
  6. package/components/Accordion/accordion.scss +78 -6
  7. package/components/Alert/alert-group.css +52 -31
  8. package/components/Alert/alert-group.scss +77 -46
  9. package/components/Button/button.css +154 -6
  10. package/components/Button/button.scss +160 -8
  11. package/components/DataList/data-list.css +2 -2
  12. package/components/DataList/data-list.scss +2 -2
  13. package/components/DualListSelector/dual-list-selector.css +36 -0
  14. package/components/DualListSelector/dual-list-selector.scss +43 -0
  15. package/components/ExpandableSection/expandable-section.css +63 -1
  16. package/components/ExpandableSection/expandable-section.scss +76 -2
  17. package/components/FileUpload/file-upload.css +3 -3
  18. package/components/FileUpload/file-upload.scss +3 -3
  19. package/components/Form/form.css +40 -1
  20. package/components/Form/form.scss +47 -1
  21. package/components/FormControl/form-control.css +16 -0
  22. package/components/FormControl/form-control.scss +9 -0
  23. package/components/InputGroup/input-group.css +80 -0
  24. package/components/InputGroup/input-group.scss +95 -0
  25. package/components/Menu/menu.css +24 -4
  26. package/components/Menu/menu.scss +20 -5
  27. package/components/MenuToggle/menu-toggle.css +30 -0
  28. package/components/MenuToggle/menu-toggle.scss +33 -0
  29. package/components/Nav/nav.css +22 -8
  30. package/components/Nav/nav.scss +22 -9
  31. package/components/Page/page.css +62 -3
  32. package/components/Page/page.scss +44 -3
  33. package/components/Progress/progress.css +16 -0
  34. package/components/Progress/progress.scss +11 -1
  35. package/components/ProgressStepper/progress-stepper.scss +1 -0
  36. package/components/Spinner/spinner.css +5 -0
  37. package/components/Spinner/spinner.scss +6 -0
  38. package/components/Table/table-grid.css +51 -5
  39. package/components/Table/table-grid.scss +22 -1
  40. package/components/Table/table.css +95 -2
  41. package/components/Table/table.scss +138 -3
  42. package/components/Tabs/tabs.css +25 -15
  43. package/components/Tabs/tabs.scss +26 -13
  44. package/components/TextInputGroup/text-input-group.css +20 -0
  45. package/components/TextInputGroup/text-input-group.scss +12 -0
  46. package/components/Timestamp/timestamp.css +4 -0
  47. package/components/Timestamp/timestamp.scss +7 -0
  48. package/components/TreeView/tree-view.css +39 -0
  49. package/components/TreeView/tree-view.scss +42 -2
  50. package/components/Truncate/truncate.css +1 -0
  51. package/components/Truncate/truncate.scss +3 -0
  52. package/components/_index.css +912 -84
  53. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  54. package/docs/components/Button/examples/Button.md +148 -5
  55. package/docs/components/Card/examples/Card.md +8 -8
  56. package/docs/components/CodeBlock/examples/CodeBlock.md +5 -5
  57. package/docs/components/DataList/examples/DataList.md +23 -23
  58. package/docs/components/DualListSelector/examples/DualListSelector.md +534 -16
  59. package/docs/components/ExpandableSection/examples/ExpandableSection.md +17 -12
  60. package/docs/components/Form/examples/Form.md +1047 -126
  61. package/docs/components/Hint/examples/Hint.md +3 -3
  62. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  63. package/docs/components/InputGroup/examples/InputGroup.md +5 -1
  64. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -1
  65. package/docs/components/Masthead/examples/masthead.md +90 -12
  66. package/docs/components/Menu/examples/Menu.md +122 -6
  67. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  68. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +2 -10
  69. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  70. package/docs/components/Page/examples/Page.md +147 -14
  71. package/docs/components/Pagination/examples/Pagination.md +12 -12
  72. package/docs/components/ProgressStepper/examples/ProgressStepper.md +32 -6
  73. package/docs/components/Slider/examples/Slider.md +2 -2
  74. package/docs/components/Spinner/examples/Spinner.md +10 -0
  75. package/docs/components/Table/examples/Table.md +9428 -6173
  76. package/docs/components/Tabs/examples/Tabs.md +1214 -6729
  77. package/docs/components/TextInputGroup/examples/TextInputGroup.md +45 -5
  78. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  79. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  80. package/docs/demos/Alert/examples/Alert.md +66 -9
  81. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  82. package/docs/demos/Banner/examples/Banner.md +47 -6
  83. package/docs/demos/Card/examples/Card.md +5 -62
  84. package/docs/demos/CardView/examples/CardView.md +24 -5
  85. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  86. package/docs/demos/DataList/examples/DataList.md +100 -24
  87. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -47
  88. package/docs/demos/Drawer/examples/Drawer.md +110 -53
  89. package/docs/demos/Form/examples/BasicForms.md +12 -12
  90. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  91. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  92. package/docs/demos/Modal/examples/Modal.md +132 -18
  93. package/docs/demos/Nav/examples/Nav.md +111 -16
  94. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  95. package/docs/demos/Page/examples/Page.md +309 -43
  96. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -103
  97. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  98. package/docs/demos/Table/examples/Table.md +449 -155
  99. package/docs/demos/Tabs/examples/Tabs.md +137 -593
  100. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  101. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  102. package/package.json +5 -5
  103. package/patternfly-base-no-globals.css +45 -11
  104. package/patternfly-base.css +45 -11
  105. package/patternfly-no-globals.css +957 -95
  106. package/patternfly.css +957 -95
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/mixins.scss +54 -0
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -19,12 +19,31 @@ section: components
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>
@@ -132,7 +151,7 @@ section: components
132
151
  </div>
133
152
  <div class="pf-v6-c-toolbar__item">
134
153
  <button
135
- class="pf-v6-c-menu-toggle pf-m-plain"
154
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
136
155
  type="button"
137
156
  aria-expanded="false"
138
157
  aria-label="Settings"
@@ -321,12 +340,31 @@ section: components
321
340
  <div class="pf-v6-c-masthead__main">
322
341
  <span class="pf-v6-c-masthead__toggle">
323
342
  <button
324
- class="pf-v6-c-button pf-m-plain"
343
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
325
344
  type="button"
326
345
  aria-label="Global navigation"
327
346
  >
328
347
  <span class="pf-v6-c-button__icon">
329
- <i class="fas fa-bars" aria-hidden="true"></i>
348
+ <svg
349
+ viewBox="0 0 10 10"
350
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
351
+ width="1em"
352
+ height="1em"
353
+ >
354
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
355
+ <path
356
+ class="pf-v6-c-button--hamburger-icon--middle"
357
+ d="M1,5 L9,5"
358
+ />
359
+ <path
360
+ class="pf-v6-c-button--hamburger-icon--arrow"
361
+ d="M1,5 L1,5 L1,5"
362
+ />
363
+ <path
364
+ class="pf-v6-c-button--hamburger-icon--bottom"
365
+ d="M9,9 L1,9"
366
+ />
367
+ </svg>
330
368
  </span>
331
369
  </button>
332
370
  </span>
@@ -434,7 +472,7 @@ section: components
434
472
  </div>
435
473
  <div class="pf-v6-c-toolbar__item">
436
474
  <button
437
- class="pf-v6-c-menu-toggle pf-m-plain"
475
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
438
476
  type="button"
439
477
  aria-expanded="false"
440
478
  aria-label="Settings"
@@ -655,12 +693,31 @@ section: components
655
693
  <div class="pf-v6-c-masthead__main">
656
694
  <span class="pf-v6-c-masthead__toggle">
657
695
  <button
658
- class="pf-v6-c-button pf-m-plain"
696
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
659
697
  type="button"
660
698
  aria-label="Global navigation"
661
699
  >
662
700
  <span class="pf-v6-c-button__icon">
663
- <i class="fas fa-bars" aria-hidden="true"></i>
701
+ <svg
702
+ viewBox="0 0 10 10"
703
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
704
+ width="1em"
705
+ height="1em"
706
+ >
707
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
708
+ <path
709
+ class="pf-v6-c-button--hamburger-icon--middle"
710
+ d="M1,5 L9,5"
711
+ />
712
+ <path
713
+ class="pf-v6-c-button--hamburger-icon--arrow"
714
+ d="M1,5 L1,5 L1,5"
715
+ />
716
+ <path
717
+ class="pf-v6-c-button--hamburger-icon--bottom"
718
+ d="M9,9 L1,9"
719
+ />
720
+ </svg>
664
721
  </span>
665
722
  </button>
666
723
  </span>
@@ -768,7 +825,7 @@ section: components
768
825
  </div>
769
826
  <div class="pf-v6-c-toolbar__item">
770
827
  <button
771
- class="pf-v6-c-menu-toggle pf-m-plain"
828
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
772
829
  type="button"
773
830
  aria-expanded="false"
774
831
  aria-label="Settings"
@@ -1216,7 +1273,7 @@ section: components
1216
1273
  </div>
1217
1274
  <div class="pf-v6-c-toolbar__item">
1218
1275
  <button
1219
- class="pf-v6-c-menu-toggle pf-m-plain"
1276
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1220
1277
  type="button"
1221
1278
  aria-expanded="false"
1222
1279
  aria-label="Settings"
@@ -1364,12 +1421,31 @@ section: components
1364
1421
  <div class="pf-v6-c-masthead__main">
1365
1422
  <span class="pf-v6-c-masthead__toggle">
1366
1423
  <button
1367
- class="pf-v6-c-button pf-m-plain"
1424
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1368
1425
  type="button"
1369
1426
  aria-label="Global navigation"
1370
1427
  >
1371
1428
  <span class="pf-v6-c-button__icon">
1372
- <i class="fas fa-bars" aria-hidden="true"></i>
1429
+ <svg
1430
+ viewBox="0 0 10 10"
1431
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1432
+ width="1em"
1433
+ height="1em"
1434
+ >
1435
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1436
+ <path
1437
+ class="pf-v6-c-button--hamburger-icon--middle"
1438
+ d="M1,5 L9,5"
1439
+ />
1440
+ <path
1441
+ class="pf-v6-c-button--hamburger-icon--arrow"
1442
+ d="M1,5 L1,5 L1,5"
1443
+ />
1444
+ <path
1445
+ class="pf-v6-c-button--hamburger-icon--bottom"
1446
+ d="M9,9 L1,9"
1447
+ />
1448
+ </svg>
1373
1449
  </span>
1374
1450
  </button>
1375
1451
  </span>
@@ -1477,7 +1553,7 @@ section: components
1477
1553
  </div>
1478
1554
  <div class="pf-v6-c-toolbar__item">
1479
1555
  <button
1480
- class="pf-v6-c-menu-toggle pf-m-plain"
1556
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1481
1557
  type="button"
1482
1558
  aria-expanded="false"
1483
1559
  aria-label="Settings"
@@ -1694,12 +1770,31 @@ section: components
1694
1770
  <div class="pf-v6-c-masthead__main">
1695
1771
  <span class="pf-v6-c-masthead__toggle">
1696
1772
  <button
1697
- class="pf-v6-c-button pf-m-plain"
1773
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1698
1774
  type="button"
1699
1775
  aria-label="Global navigation"
1700
1776
  >
1701
1777
  <span class="pf-v6-c-button__icon">
1702
- <i class="fas fa-bars" aria-hidden="true"></i>
1778
+ <svg
1779
+ viewBox="0 0 10 10"
1780
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1781
+ width="1em"
1782
+ height="1em"
1783
+ >
1784
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1785
+ <path
1786
+ class="pf-v6-c-button--hamburger-icon--middle"
1787
+ d="M1,5 L9,5"
1788
+ />
1789
+ <path
1790
+ class="pf-v6-c-button--hamburger-icon--arrow"
1791
+ d="M1,5 L1,5 L1,5"
1792
+ />
1793
+ <path
1794
+ class="pf-v6-c-button--hamburger-icon--bottom"
1795
+ d="M9,9 L1,9"
1796
+ />
1797
+ </svg>
1703
1798
  </span>
1704
1799
  </button>
1705
1800
  </span>
@@ -1872,7 +1967,7 @@ section: components
1872
1967
  </div>
1873
1968
  <div class="pf-v6-c-toolbar__item">
1874
1969
  <button
1875
- class="pf-v6-c-menu-toggle pf-m-plain"
1970
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1876
1971
  type="button"
1877
1972
  aria-expanded="false"
1878
1973
  aria-label="Settings"
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -16,12 +16,31 @@ section: components
16
16
  <div class="pf-v6-c-masthead__main">
17
17
  <span class="pf-v6-c-masthead__toggle">
18
18
  <button
19
- class="pf-v6-c-button pf-m-plain"
19
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
20
20
  type="button"
21
21
  aria-label="Global navigation"
22
22
  >
23
23
  <span class="pf-v6-c-button__icon">
24
- <i class="fas fa-bars" aria-hidden="true"></i>
24
+ <svg
25
+ viewBox="0 0 10 10"
26
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
27
+ width="1em"
28
+ height="1em"
29
+ >
30
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
31
+ <path
32
+ class="pf-v6-c-button--hamburger-icon--middle"
33
+ d="M1,5 L9,5"
34
+ />
35
+ <path
36
+ class="pf-v6-c-button--hamburger-icon--arrow"
37
+ d="M1,5 L1,5 L1,5"
38
+ />
39
+ <path
40
+ class="pf-v6-c-button--hamburger-icon--bottom"
41
+ d="M9,9 L1,9"
42
+ />
43
+ </svg>
25
44
  </span>
26
45
  </button>
27
46
  </span>
@@ -138,7 +157,7 @@ section: components
138
157
  </div>
139
158
  <div class="pf-v6-c-toolbar__item">
140
159
  <button
141
- class="pf-v6-c-menu-toggle pf-m-plain"
160
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
142
161
  type="button"
143
162
  aria-expanded="false"
144
163
  aria-label="Settings"
@@ -655,12 +674,31 @@ section: components
655
674
  <div class="pf-v6-c-masthead__main">
656
675
  <span class="pf-v6-c-masthead__toggle">
657
676
  <button
658
- class="pf-v6-c-button pf-m-plain"
677
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
659
678
  type="button"
660
679
  aria-label="Global navigation"
661
680
  >
662
681
  <span class="pf-v6-c-button__icon">
663
- <i class="fas fa-bars" aria-hidden="true"></i>
682
+ <svg
683
+ viewBox="0 0 10 10"
684
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
685
+ width="1em"
686
+ height="1em"
687
+ >
688
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
689
+ <path
690
+ class="pf-v6-c-button--hamburger-icon--middle"
691
+ d="M1,5 L9,5"
692
+ />
693
+ <path
694
+ class="pf-v6-c-button--hamburger-icon--arrow"
695
+ d="M1,5 L1,5 L1,5"
696
+ />
697
+ <path
698
+ class="pf-v6-c-button--hamburger-icon--bottom"
699
+ d="M9,9 L1,9"
700
+ />
701
+ </svg>
664
702
  </span>
665
703
  </button>
666
704
  </span>
@@ -778,7 +816,7 @@ section: components
778
816
  </div>
779
817
  <div class="pf-v6-c-toolbar__item">
780
818
  <button
781
- class="pf-v6-c-menu-toggle pf-m-plain"
819
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
782
820
  type="button"
783
821
  aria-expanded="false"
784
822
  aria-label="Settings"
@@ -1295,12 +1333,31 @@ section: components
1295
1333
  <div class="pf-v6-c-masthead__main">
1296
1334
  <span class="pf-v6-c-masthead__toggle">
1297
1335
  <button
1298
- class="pf-v6-c-button pf-m-plain"
1336
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1299
1337
  type="button"
1300
1338
  aria-label="Global navigation"
1301
1339
  >
1302
1340
  <span class="pf-v6-c-button__icon">
1303
- <i class="fas fa-bars" aria-hidden="true"></i>
1341
+ <svg
1342
+ viewBox="0 0 10 10"
1343
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
1344
+ width="1em"
1345
+ height="1em"
1346
+ >
1347
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
1348
+ <path
1349
+ class="pf-v6-c-button--hamburger-icon--middle"
1350
+ d="M1,5 L9,5"
1351
+ />
1352
+ <path
1353
+ class="pf-v6-c-button--hamburger-icon--arrow"
1354
+ d="M1,5 L1,5 L1,5"
1355
+ />
1356
+ <path
1357
+ class="pf-v6-c-button--hamburger-icon--bottom"
1358
+ d="M9,9 L1,9"
1359
+ />
1360
+ </svg>
1304
1361
  </span>
1305
1362
  </button>
1306
1363
  </span>
@@ -1418,7 +1475,7 @@ section: components
1418
1475
  </div>
1419
1476
  <div class="pf-v6-c-toolbar__item">
1420
1477
  <button
1421
- class="pf-v6-c-menu-toggle pf-m-plain"
1478
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1422
1479
  type="button"
1423
1480
  aria-expanded="false"
1424
1481
  aria-label="Settings"
@@ -1938,12 +1995,31 @@ section: components
1938
1995
  <div class="pf-v6-c-masthead__main">
1939
1996
  <span class="pf-v6-c-masthead__toggle">
1940
1997
  <button
1941
- class="pf-v6-c-button pf-m-plain"
1998
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
1942
1999
  type="button"
1943
2000
  aria-label="Global navigation"
1944
2001
  >
1945
2002
  <span class="pf-v6-c-button__icon">
1946
- <i class="fas fa-bars" aria-hidden="true"></i>
2003
+ <svg
2004
+ viewBox="0 0 10 10"
2005
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2006
+ width="1em"
2007
+ height="1em"
2008
+ >
2009
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2010
+ <path
2011
+ class="pf-v6-c-button--hamburger-icon--middle"
2012
+ d="M1,5 L9,5"
2013
+ />
2014
+ <path
2015
+ class="pf-v6-c-button--hamburger-icon--arrow"
2016
+ d="M1,5 L1,5 L1,5"
2017
+ />
2018
+ <path
2019
+ class="pf-v6-c-button--hamburger-icon--bottom"
2020
+ d="M9,9 L1,9"
2021
+ />
2022
+ </svg>
1947
2023
  </span>
1948
2024
  </button>
1949
2025
  </span>
@@ -2061,7 +2137,7 @@ section: components
2061
2137
  </div>
2062
2138
  <div class="pf-v6-c-toolbar__item">
2063
2139
  <button
2064
- class="pf-v6-c-menu-toggle pf-m-plain"
2140
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2065
2141
  type="button"
2066
2142
  aria-expanded="false"
2067
2143
  aria-label="Settings"
@@ -2576,12 +2652,31 @@ section: components
2576
2652
  <div class="pf-v6-c-masthead__main">
2577
2653
  <span class="pf-v6-c-masthead__toggle">
2578
2654
  <button
2579
- class="pf-v6-c-button pf-m-plain"
2655
+ class="pf-v6-c-button pf-m-hamburger pf-m-plain"
2580
2656
  type="button"
2581
2657
  aria-label="Global navigation"
2582
2658
  >
2583
2659
  <span class="pf-v6-c-button__icon">
2584
- <i class="fas fa-bars" aria-hidden="true"></i>
2660
+ <svg
2661
+ viewBox="0 0 10 10"
2662
+ class="pf-v6-c-button--hamburger-icon pf-v6-svg"
2663
+ width="1em"
2664
+ height="1em"
2665
+ >
2666
+ <path class="pf-v6-c-button--hamburger-icon--top" d="M1,1 L9,1" />
2667
+ <path
2668
+ class="pf-v6-c-button--hamburger-icon--middle"
2669
+ d="M1,5 L9,5"
2670
+ />
2671
+ <path
2672
+ class="pf-v6-c-button--hamburger-icon--arrow"
2673
+ d="M1,5 L1,5 L1,5"
2674
+ />
2675
+ <path
2676
+ class="pf-v6-c-button--hamburger-icon--bottom"
2677
+ d="M9,9 L1,9"
2678
+ />
2679
+ </svg>
2585
2680
  </span>
2586
2681
  </button>
2587
2682
  </span>
@@ -2699,7 +2794,7 @@ section: components
2699
2794
  </div>
2700
2795
  <div class="pf-v6-c-toolbar__item">
2701
2796
  <button
2702
- class="pf-v6-c-menu-toggle pf-m-plain"
2797
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2703
2798
  type="button"
2704
2799
  aria-expanded="false"
2705
2800
  aria-label="Settings"