@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/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -189,7 +189,19 @@ cssPrefix: pf-v6-c-menu-toggle
189
189
  aria-expanded="false"
190
190
  >
191
191
  <span class="pf-v6-c-menu-toggle__icon">
192
- <i class="fas fa-cog" aria-hidden="true"></i>
192
+ <svg
193
+ class="pf-v6-svg"
194
+ viewBox="0 0 32 32"
195
+ fill="currentColor"
196
+ aria-hidden="true"
197
+ role="img"
198
+ width="1em"
199
+ height="1em"
200
+ >
201
+ <path
202
+ 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"
203
+ />
204
+ </svg>
193
205
  </span>
194
206
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
195
207
  <span class="pf-v6-c-menu-toggle__controls">
@@ -301,7 +313,19 @@ cssPrefix: pf-v6-c-menu-toggle
301
313
  aria-expanded="false"
302
314
  >
303
315
  <span class="pf-v6-c-menu-toggle__icon">
304
- <i class="fas fa-cog" aria-hidden="true"></i>
316
+ <svg
317
+ class="pf-v6-svg"
318
+ viewBox="0 0 32 32"
319
+ fill="currentColor"
320
+ aria-hidden="true"
321
+ role="img"
322
+ width="1em"
323
+ height="1em"
324
+ >
325
+ <path
326
+ 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"
327
+ />
328
+ </svg>
305
329
  </span>
306
330
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
307
331
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1003,7 +1027,19 @@ cssPrefix: pf-v6-c-menu-toggle
1003
1027
  aria-expanded="false"
1004
1028
  >
1005
1029
  <span class="pf-v6-c-menu-toggle__icon">
1006
- <i class="fas fa-cog" aria-hidden="true"></i>
1030
+ <svg
1031
+ class="pf-v6-svg"
1032
+ viewBox="0 0 32 32"
1033
+ fill="currentColor"
1034
+ aria-hidden="true"
1035
+ role="img"
1036
+ width="1em"
1037
+ height="1em"
1038
+ >
1039
+ <path
1040
+ 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"
1041
+ />
1042
+ </svg>
1007
1043
  </span>
1008
1044
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
1009
1045
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1033,7 +1069,19 @@ cssPrefix: pf-v6-c-menu-toggle
1033
1069
  disabled
1034
1070
  >
1035
1071
  <span class="pf-v6-c-menu-toggle__icon">
1036
- <i class="fas fa-cog" aria-hidden="true"></i>
1072
+ <svg
1073
+ class="pf-v6-svg"
1074
+ viewBox="0 0 32 32"
1075
+ fill="currentColor"
1076
+ aria-hidden="true"
1077
+ role="img"
1078
+ width="1em"
1079
+ height="1em"
1080
+ >
1081
+ <path
1082
+ 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"
1083
+ />
1084
+ </svg>
1037
1085
  </span>
1038
1086
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
1039
1087
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2979,7 +3027,19 @@ Shown with default, primary, and secondary styling
2979
3027
  aria-label="Menu toggle"
2980
3028
  >
2981
3029
  <span class="pf-v6-c-menu-toggle__icon">
2982
- <i class="fas fa-cog" aria-hidden="true"></i>
3030
+ <svg
3031
+ class="pf-v6-svg"
3032
+ viewBox="0 0 32 32"
3033
+ fill="currentColor"
3034
+ aria-hidden="true"
3035
+ role="img"
3036
+ width="1em"
3037
+ height="1em"
3038
+ >
3039
+ <path
3040
+ 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"
3041
+ />
3042
+ </svg>
2983
3043
  </span>
2984
3044
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
2985
3045
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3022,7 +3082,19 @@ Shown with default, primary, and secondary styling
3022
3082
  aria-label="Menu toggle"
3023
3083
  >
3024
3084
  <span class="pf-v6-c-menu-toggle__icon">
3025
- <i class="fas fa-cog" aria-hidden="true"></i>
3085
+ <svg
3086
+ class="pf-v6-svg"
3087
+ viewBox="0 0 32 32"
3088
+ fill="currentColor"
3089
+ aria-hidden="true"
3090
+ role="img"
3091
+ width="1em"
3092
+ height="1em"
3093
+ >
3094
+ <path
3095
+ 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"
3096
+ />
3097
+ </svg>
3026
3098
  </span>
3027
3099
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3028
3100
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3067,7 +3139,19 @@ Shown with default, primary, and secondary styling
3067
3139
  disabled
3068
3140
  >
3069
3141
  <span class="pf-v6-c-menu-toggle__icon">
3070
- <i class="fas fa-cog" aria-hidden="true"></i>
3142
+ <svg
3143
+ class="pf-v6-svg"
3144
+ viewBox="0 0 32 32"
3145
+ fill="currentColor"
3146
+ aria-hidden="true"
3147
+ role="img"
3148
+ width="1em"
3149
+ height="1em"
3150
+ >
3151
+ <path
3152
+ 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"
3153
+ />
3154
+ </svg>
3071
3155
  </span>
3072
3156
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3073
3157
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3114,7 +3198,19 @@ Shown with default, primary, and secondary styling
3114
3198
  aria-label="Menu toggle"
3115
3199
  >
3116
3200
  <span class="pf-v6-c-menu-toggle__icon">
3117
- <i class="fas fa-cog" aria-hidden="true"></i>
3201
+ <svg
3202
+ class="pf-v6-svg"
3203
+ viewBox="0 0 32 32"
3204
+ fill="currentColor"
3205
+ aria-hidden="true"
3206
+ role="img"
3207
+ width="1em"
3208
+ height="1em"
3209
+ >
3210
+ <path
3211
+ 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"
3212
+ />
3213
+ </svg>
3118
3214
  </span>
3119
3215
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3120
3216
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3157,7 +3253,19 @@ Shown with default, primary, and secondary styling
3157
3253
  aria-label="Menu toggle"
3158
3254
  >
3159
3255
  <span class="pf-v6-c-menu-toggle__icon">
3160
- <i class="fas fa-cog" aria-hidden="true"></i>
3256
+ <svg
3257
+ class="pf-v6-svg"
3258
+ viewBox="0 0 32 32"
3259
+ fill="currentColor"
3260
+ aria-hidden="true"
3261
+ role="img"
3262
+ width="1em"
3263
+ height="1em"
3264
+ >
3265
+ <path
3266
+ 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"
3267
+ />
3268
+ </svg>
3161
3269
  </span>
3162
3270
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3163
3271
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3202,7 +3310,19 @@ Shown with default, primary, and secondary styling
3202
3310
  disabled
3203
3311
  >
3204
3312
  <span class="pf-v6-c-menu-toggle__icon">
3205
- <i class="fas fa-cog" aria-hidden="true"></i>
3313
+ <svg
3314
+ class="pf-v6-svg"
3315
+ viewBox="0 0 32 32"
3316
+ fill="currentColor"
3317
+ aria-hidden="true"
3318
+ role="img"
3319
+ width="1em"
3320
+ height="1em"
3321
+ >
3322
+ <path
3323
+ 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"
3324
+ />
3325
+ </svg>
3206
3326
  </span>
3207
3327
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3208
3328
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3249,7 +3369,19 @@ Shown with default, primary, and secondary styling
3249
3369
  aria-label="Menu toggle"
3250
3370
  >
3251
3371
  <span class="pf-v6-c-menu-toggle__icon">
3252
- <i class="fas fa-cog" aria-hidden="true"></i>
3372
+ <svg
3373
+ class="pf-v6-svg"
3374
+ viewBox="0 0 32 32"
3375
+ fill="currentColor"
3376
+ aria-hidden="true"
3377
+ role="img"
3378
+ width="1em"
3379
+ height="1em"
3380
+ >
3381
+ <path
3382
+ 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"
3383
+ />
3384
+ </svg>
3253
3385
  </span>
3254
3386
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3255
3387
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3292,7 +3424,19 @@ Shown with default, primary, and secondary styling
3292
3424
  aria-label="Menu toggle"
3293
3425
  >
3294
3426
  <span class="pf-v6-c-menu-toggle__icon">
3295
- <i class="fas fa-cog" aria-hidden="true"></i>
3427
+ <svg
3428
+ class="pf-v6-svg"
3429
+ viewBox="0 0 32 32"
3430
+ fill="currentColor"
3431
+ aria-hidden="true"
3432
+ role="img"
3433
+ width="1em"
3434
+ height="1em"
3435
+ >
3436
+ <path
3437
+ 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"
3438
+ />
3439
+ </svg>
3296
3440
  </span>
3297
3441
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3298
3442
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3337,7 +3481,19 @@ Shown with default, primary, and secondary styling
3337
3481
  disabled
3338
3482
  >
3339
3483
  <span class="pf-v6-c-menu-toggle__icon">
3340
- <i class="fas fa-cog" aria-hidden="true"></i>
3484
+ <svg
3485
+ class="pf-v6-svg"
3486
+ viewBox="0 0 32 32"
3487
+ fill="currentColor"
3488
+ aria-hidden="true"
3489
+ role="img"
3490
+ width="1em"
3491
+ height="1em"
3492
+ >
3493
+ <path
3494
+ 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"
3495
+ />
3496
+ </svg>
3341
3497
  </span>
3342
3498
  <span class="pf-v6-c-menu-toggle__text">Icon</span>
3343
3499
  <span class="pf-v6-c-menu-toggle__controls">
@@ -3370,46 +3526,14 @@ Shown with default, primary, and secondary styling
3370
3526
  type="button"
3371
3527
  aria-expanded="false"
3372
3528
  aria-label="Settings"
3373
- >
3374
- <span class="pf-v6-c-menu-toggle__icon">
3375
- <svg
3376
- class="pf-v6-svg"
3377
- viewBox="0 0 32 32"
3378
- fill="currentColor"
3379
- aria-hidden="true"
3380
- role="img"
3381
- width="1em"
3382
- height="1em"
3383
- >
3384
- <path
3385
- 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"
3386
- />
3387
- </svg>
3388
- </span>
3389
- </button>
3529
+ ></button>
3390
3530
 
3391
3531
  <button
3392
3532
  class="pf-v6-c-menu-toggle pf-m-settings pf-m-expanded pf-m-plain"
3393
3533
  type="button"
3394
3534
  aria-expanded="true"
3395
3535
  aria-label="Settings"
3396
- >
3397
- <span class="pf-v6-c-menu-toggle__icon">
3398
- <svg
3399
- class="pf-v6-svg"
3400
- viewBox="0 0 32 32"
3401
- fill="currentColor"
3402
- aria-hidden="true"
3403
- role="img"
3404
- width="1em"
3405
- height="1em"
3406
- >
3407
- <path
3408
- 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"
3409
- />
3410
- </svg>
3411
- </span>
3412
- </button>
3536
+ ></button>
3413
3537
 
3414
3538
  <button
3415
3539
  class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain pf-m-disabled"
@@ -3417,23 +3541,7 @@ Shown with default, primary, and secondary styling
3417
3541
  aria-expanded="false"
3418
3542
  disabled
3419
3543
  aria-label="Settings"
3420
- >
3421
- <span class="pf-v6-c-menu-toggle__icon">
3422
- <svg
3423
- class="pf-v6-svg"
3424
- viewBox="0 0 32 32"
3425
- fill="currentColor"
3426
- aria-hidden="true"
3427
- role="img"
3428
- width="1em"
3429
- height="1em"
3430
- >
3431
- <path
3432
- 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"
3433
- />
3434
- </svg>
3435
- </span>
3436
- </button>
3544
+ ></button>
3437
3545
 
3438
3546
  ```
3439
3547
 
package/docs/components/Table/examples/Table.css CHANGED
@@ -11,7 +11,8 @@
11
11
 
12
12
  #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
13
13
  #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
14
- #ws-core-c-table-sticky-header .ws-preview-html {
14
+ #ws-core-c-table-sticky-header .ws-preview-html,
15
+ #ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
15
16
  height: 400px;
16
17
  }
17
18