@patternfly/patternfly 6.5.0-prerelease.65 → 6.5.0-prerelease.67

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 (56) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Breadcrumb/breadcrumb.css +6 -2
  4. package/components/Breadcrumb/breadcrumb.scss +6 -2
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +2 -2
  7. package/components/Drawer/drawer.css +3 -5
  8. package/components/Drawer/drawer.scss +7 -9
  9. package/components/MenuToggle/menu-toggle.css +1 -1
  10. package/components/MenuToggle/menu-toggle.scss +1 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +59 -21
  14. package/components/Table/table.scss +77 -26
  15. package/components/Wizard/wizard.css +2 -2
  16. package/components/Wizard/wizard.scss +4 -4
  17. package/components/_index.css +84 -45
  18. package/docs/components/ActionList/examples/ActionList.md +2 -2
  19. package/docs/components/Alert/examples/Alert.md +4 -4
  20. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  21. package/docs/components/Button/examples/Button.md +31 -31
  22. package/docs/components/Icon/examples/Icon.md +13 -1
  23. package/docs/components/Menu/examples/Menu.md +26 -2
  24. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  25. package/docs/components/Table/examples/Table.css +2 -1
  26. package/docs/components/Table/examples/Table.md +1330 -166
  27. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  28. package/docs/components/TreeView/examples/TreeView.md +4 -4
  29. package/docs/components/Wizard/examples/Wizard.md +1 -1
  30. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  31. package/docs/demos/Alert/examples/Alert.md +69 -45
  32. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  33. package/docs/demos/Banner/examples/Banner.md +46 -30
  34. package/docs/demos/CardView/examples/CardView.md +36 -16
  35. package/docs/demos/Compass/examples/Compass.md +76 -19
  36. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  37. package/docs/demos/DataList/examples/DataList.md +157 -65
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  39. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  41. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  42. package/docs/demos/Modal/examples/Modal.md +138 -90
  43. package/docs/demos/Nav/examples/Nav.md +188 -120
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  45. package/docs/demos/Page/examples/Page.md +361 -213
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  47. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  48. package/docs/demos/Table/examples/Table.md +3561 -618
  49. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  50. package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
  51. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  52. package/package.json +2 -2
  53. package/patternfly-no-globals.css +84 -45
  54. package/patternfly.css +84 -45
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -144,23 +144,11 @@ section: components
144
144
  type="button"
145
145
  aria-expanded="false"
146
146
  aria-label="Application launcher"
147
- >
148
- <span class="pf-v6-c-menu-toggle__icon">
149
- <i class="fas fa-th" aria-hidden="true"></i>
150
- </span>
151
- </button>
152
- </div>
153
- <div class="pf-v6-c-toolbar__item">
154
- <button
155
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
156
- type="button"
157
- aria-expanded="false"
158
- aria-label="Settings"
159
147
  >
160
148
  <span class="pf-v6-c-menu-toggle__icon">
161
149
  <svg
162
150
  class="pf-v6-svg"
163
- viewBox="0 0 32 32"
151
+ viewBox="0 0 512 512"
164
152
  fill="currentColor"
165
153
  aria-hidden="true"
166
154
  role="img"
@@ -168,12 +156,20 @@ section: components
168
156
  height="1em"
169
157
  >
170
158
  <path
171
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
159
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
172
160
  />
173
161
  </svg>
174
162
  </span>
175
163
  </button>
176
164
  </div>
165
+ <div class="pf-v6-c-toolbar__item">
166
+ <button
167
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
168
+ type="button"
169
+ aria-expanded="false"
170
+ aria-label="Settings"
171
+ ></button>
172
+ </div>
177
173
  <div class="pf-v6-c-toolbar__item">
178
174
  <button
179
175
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -182,7 +178,19 @@ section: components
182
178
  aria-label="Help"
183
179
  >
184
180
  <span class="pf-v6-c-menu-toggle__icon">
185
- <i class="fas fa-question-circle" aria-hidden="true"></i>
181
+ <svg
182
+ class="pf-v6-svg"
183
+ viewBox="0 0 512 512"
184
+ fill="currentColor"
185
+ aria-hidden="true"
186
+ role="img"
187
+ width="1em"
188
+ height="1em"
189
+ >
190
+ <path
191
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
192
+ />
193
+ </svg>
186
194
  </span>
187
195
  </button>
188
196
  </div>
@@ -592,23 +600,11 @@ section: components
592
600
  type="button"
593
601
  aria-expanded="false"
594
602
  aria-label="Application launcher"
595
- >
596
- <span class="pf-v6-c-menu-toggle__icon">
597
- <i class="fas fa-th" aria-hidden="true"></i>
598
- </span>
599
- </button>
600
- </div>
601
- <div class="pf-v6-c-toolbar__item">
602
- <button
603
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
604
- type="button"
605
- aria-expanded="false"
606
- aria-label="Settings"
607
603
  >
608
604
  <span class="pf-v6-c-menu-toggle__icon">
609
605
  <svg
610
606
  class="pf-v6-svg"
611
- viewBox="0 0 32 32"
607
+ viewBox="0 0 512 512"
612
608
  fill="currentColor"
613
609
  aria-hidden="true"
614
610
  role="img"
@@ -616,12 +612,20 @@ section: components
616
612
  height="1em"
617
613
  >
618
614
  <path
619
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
615
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
620
616
  />
621
617
  </svg>
622
618
  </span>
623
619
  </button>
624
620
  </div>
621
+ <div class="pf-v6-c-toolbar__item">
622
+ <button
623
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
624
+ type="button"
625
+ aria-expanded="false"
626
+ aria-label="Settings"
627
+ ></button>
628
+ </div>
625
629
  <div class="pf-v6-c-toolbar__item">
626
630
  <button
627
631
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -630,7 +634,19 @@ section: components
630
634
  aria-label="Help"
631
635
  >
632
636
  <span class="pf-v6-c-menu-toggle__icon">
633
- <i class="fas fa-question-circle" aria-hidden="true"></i>
637
+ <svg
638
+ class="pf-v6-svg"
639
+ viewBox="0 0 512 512"
640
+ fill="currentColor"
641
+ aria-hidden="true"
642
+ role="img"
643
+ width="1em"
644
+ height="1em"
645
+ >
646
+ <path
647
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
648
+ />
649
+ </svg>
634
650
  </span>
635
651
  </button>
636
652
  </div>
@@ -1049,23 +1065,11 @@ section: components
1049
1065
  type="button"
1050
1066
  aria-expanded="false"
1051
1067
  aria-label="Application launcher"
1052
- >
1053
- <span class="pf-v6-c-menu-toggle__icon">
1054
- <i class="fas fa-th" aria-hidden="true"></i>
1055
- </span>
1056
- </button>
1057
- </div>
1058
- <div class="pf-v6-c-toolbar__item">
1059
- <button
1060
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1061
- type="button"
1062
- aria-expanded="false"
1063
- aria-label="Settings"
1064
1068
  >
1065
1069
  <span class="pf-v6-c-menu-toggle__icon">
1066
1070
  <svg
1067
1071
  class="pf-v6-svg"
1068
- viewBox="0 0 32 32"
1072
+ viewBox="0 0 512 512"
1069
1073
  fill="currentColor"
1070
1074
  aria-hidden="true"
1071
1075
  role="img"
@@ -1073,12 +1077,20 @@ section: components
1073
1077
  height="1em"
1074
1078
  >
1075
1079
  <path
1076
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
1080
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
1077
1081
  />
1078
1082
  </svg>
1079
1083
  </span>
1080
1084
  </button>
1081
1085
  </div>
1086
+ <div class="pf-v6-c-toolbar__item">
1087
+ <button
1088
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1089
+ type="button"
1090
+ aria-expanded="false"
1091
+ aria-label="Settings"
1092
+ ></button>
1093
+ </div>
1082
1094
  <div class="pf-v6-c-toolbar__item">
1083
1095
  <button
1084
1096
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1087,7 +1099,19 @@ section: components
1087
1099
  aria-label="Help"
1088
1100
  >
1089
1101
  <span class="pf-v6-c-menu-toggle__icon">
1090
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1102
+ <svg
1103
+ class="pf-v6-svg"
1104
+ viewBox="0 0 512 512"
1105
+ fill="currentColor"
1106
+ aria-hidden="true"
1107
+ role="img"
1108
+ width="1em"
1109
+ height="1em"
1110
+ >
1111
+ <path
1112
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
1113
+ />
1114
+ </svg>
1091
1115
  </span>
1092
1116
  </button>
1093
1117
  </div>
@@ -1496,23 +1520,11 @@ section: components
1496
1520
  type="button"
1497
1521
  aria-expanded="false"
1498
1522
  aria-label="Application launcher"
1499
- >
1500
- <span class="pf-v6-c-menu-toggle__icon">
1501
- <i class="fas fa-th" aria-hidden="true"></i>
1502
- </span>
1503
- </button>
1504
- </div>
1505
- <div class="pf-v6-c-toolbar__item">
1506
- <button
1507
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1508
- type="button"
1509
- aria-expanded="false"
1510
- aria-label="Settings"
1511
1523
  >
1512
1524
  <span class="pf-v6-c-menu-toggle__icon">
1513
1525
  <svg
1514
1526
  class="pf-v6-svg"
1515
- viewBox="0 0 32 32"
1527
+ viewBox="0 0 512 512"
1516
1528
  fill="currentColor"
1517
1529
  aria-hidden="true"
1518
1530
  role="img"
@@ -1520,12 +1532,20 @@ section: components
1520
1532
  height="1em"
1521
1533
  >
1522
1534
  <path
1523
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
1535
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
1524
1536
  />
1525
1537
  </svg>
1526
1538
  </span>
1527
1539
  </button>
1528
1540
  </div>
1541
+ <div class="pf-v6-c-toolbar__item">
1542
+ <button
1543
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1544
+ type="button"
1545
+ aria-expanded="false"
1546
+ aria-label="Settings"
1547
+ ></button>
1548
+ </div>
1529
1549
  <div class="pf-v6-c-toolbar__item">
1530
1550
  <button
1531
1551
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1534,7 +1554,19 @@ section: components
1534
1554
  aria-label="Help"
1535
1555
  >
1536
1556
  <span class="pf-v6-c-menu-toggle__icon">
1537
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1557
+ <svg
1558
+ class="pf-v6-svg"
1559
+ viewBox="0 0 512 512"
1560
+ fill="currentColor"
1561
+ aria-hidden="true"
1562
+ role="img"
1563
+ width="1em"
1564
+ height="1em"
1565
+ >
1566
+ <path
1567
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
1568
+ />
1569
+ </svg>
1538
1570
  </span>
1539
1571
  </button>
1540
1572
  </div>
@@ -1943,23 +1975,11 @@ section: components
1943
1975
  type="button"
1944
1976
  aria-expanded="false"
1945
1977
  aria-label="Application launcher"
1946
- >
1947
- <span class="pf-v6-c-menu-toggle__icon">
1948
- <i class="fas fa-th" aria-hidden="true"></i>
1949
- </span>
1950
- </button>
1951
- </div>
1952
- <div class="pf-v6-c-toolbar__item">
1953
- <button
1954
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1955
- type="button"
1956
- aria-expanded="false"
1957
- aria-label="Settings"
1958
1978
  >
1959
1979
  <span class="pf-v6-c-menu-toggle__icon">
1960
1980
  <svg
1961
1981
  class="pf-v6-svg"
1962
- viewBox="0 0 32 32"
1982
+ viewBox="0 0 512 512"
1963
1983
  fill="currentColor"
1964
1984
  aria-hidden="true"
1965
1985
  role="img"
@@ -1967,12 +1987,20 @@ section: components
1967
1987
  height="1em"
1968
1988
  >
1969
1989
  <path
1970
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
1990
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
1971
1991
  />
1972
1992
  </svg>
1973
1993
  </span>
1974
1994
  </button>
1975
1995
  </div>
1996
+ <div class="pf-v6-c-toolbar__item">
1997
+ <button
1998
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
1999
+ type="button"
2000
+ aria-expanded="false"
2001
+ aria-label="Settings"
2002
+ ></button>
2003
+ </div>
1976
2004
  <div class="pf-v6-c-toolbar__item">
1977
2005
  <button
1978
2006
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1981,7 +2009,19 @@ section: components
1981
2009
  aria-label="Help"
1982
2010
  >
1983
2011
  <span class="pf-v6-c-menu-toggle__icon">
1984
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2012
+ <svg
2013
+ class="pf-v6-svg"
2014
+ viewBox="0 0 512 512"
2015
+ fill="currentColor"
2016
+ aria-hidden="true"
2017
+ role="img"
2018
+ width="1em"
2019
+ height="1em"
2020
+ >
2021
+ <path
2022
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
2023
+ />
2024
+ </svg>
1985
2025
  </span>
1986
2026
  </button>
1987
2027
  </div>
@@ -2390,23 +2430,11 @@ section: components
2390
2430
  type="button"
2391
2431
  aria-expanded="false"
2392
2432
  aria-label="Application launcher"
2393
- >
2394
- <span class="pf-v6-c-menu-toggle__icon">
2395
- <i class="fas fa-th" aria-hidden="true"></i>
2396
- </span>
2397
- </button>
2398
- </div>
2399
- <div class="pf-v6-c-toolbar__item">
2400
- <button
2401
- class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2402
- type="button"
2403
- aria-expanded="false"
2404
- aria-label="Settings"
2405
2433
  >
2406
2434
  <span class="pf-v6-c-menu-toggle__icon">
2407
2435
  <svg
2408
2436
  class="pf-v6-svg"
2409
- viewBox="0 0 32 32"
2437
+ viewBox="0 0 512 512"
2410
2438
  fill="currentColor"
2411
2439
  aria-hidden="true"
2412
2440
  role="img"
@@ -2414,12 +2442,20 @@ section: components
2414
2442
  height="1em"
2415
2443
  >
2416
2444
  <path
2417
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
2445
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
2418
2446
  />
2419
2447
  </svg>
2420
2448
  </span>
2421
2449
  </button>
2422
2450
  </div>
2451
+ <div class="pf-v6-c-toolbar__item">
2452
+ <button
2453
+ class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
2454
+ type="button"
2455
+ aria-expanded="false"
2456
+ aria-label="Settings"
2457
+ ></button>
2458
+ </div>
2423
2459
  <div class="pf-v6-c-toolbar__item">
2424
2460
  <button
2425
2461
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2428,7 +2464,19 @@ section: components
2428
2464
  aria-label="Help"
2429
2465
  >
2430
2466
  <span class="pf-v6-c-menu-toggle__icon">
2431
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2467
+ <svg
2468
+ class="pf-v6-svg"
2469
+ viewBox="0 0 512 512"
2470
+ fill="currentColor"
2471
+ aria-hidden="true"
2472
+ role="img"
2473
+ width="1em"
2474
+ height="1em"
2475
+ >
2476
+ <path
2477
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
2478
+ />
2479
+ </svg>
2432
2480
  </span>
2433
2481
  </button>
2434
2482
  </div>