@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2

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 (210) hide show
  1. package/README.md +1 -1
  2. package/base/normalize.scss +2 -0
  3. package/base/patternfly-common.css +2 -2
  4. package/base/patternfly-common.scss +1 -1
  5. package/base/patternfly-fa-icons.css +3 -3
  6. package/base/patternfly-fa-icons.scss +3 -3
  7. package/base/patternfly-variables.css +56 -56
  8. package/base/reset.scss +2 -0
  9. package/base/tokens/tokens-charts-dark.scss +1 -1
  10. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  12. package/base/tokens/tokens-charts.scss +1 -1
  13. package/base/tokens/tokens-dark.scss +9 -9
  14. package/base/tokens/tokens-default.scss +8 -8
  15. package/base/tokens/tokens-felt-dark.scss +1 -1
  16. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  17. package/base/tokens/tokens-felt-glass.scss +8 -8
  18. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  20. package/base/tokens/tokens-felt.scss +1 -1
  21. package/base/tokens/tokens-glass-dark.scss +8 -8
  22. package/base/tokens/tokens-glass.scss +8 -8
  23. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  24. package/base/tokens/tokens-highcontrast.scss +7 -7
  25. package/base/tokens/tokens-palette.scss +1 -1
  26. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  27. package/components/AboutModalBox/about-modal-box.css +1 -1
  28. package/components/AboutModalBox/about-modal-box.scss +1 -1
  29. package/components/Accordion/accordion.css +8 -4
  30. package/components/Accordion/accordion.scss +9 -4
  31. package/components/Alert/alert-group.css +1 -1
  32. package/components/Alert/alert-group.scss +1 -1
  33. package/components/Alert/alert.css +3 -3
  34. package/components/Alert/alert.scss +3 -3
  35. package/components/Breadcrumb/breadcrumb.css +1 -1
  36. package/components/Breadcrumb/breadcrumb.scss +1 -1
  37. package/components/Button/button.css +6 -6
  38. package/components/Button/button.scss +6 -6
  39. package/components/Card/card.css +2 -2
  40. package/components/Card/card.scss +3 -3
  41. package/components/Check/check.css +1 -1
  42. package/components/Check/check.scss +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  44. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  45. package/components/Compass/compass.css +3 -3
  46. package/components/Compass/compass.scss +3 -3
  47. package/components/Content/content.css +2 -2
  48. package/components/Content/content.scss +2 -2
  49. package/components/DataList/data-list.css +1 -1
  50. package/components/DataList/data-list.scss +1 -1
  51. package/components/DescriptionList/description-list.css +0 -1
  52. package/components/DescriptionList/description-list.scss +0 -1
  53. package/components/Drawer/drawer.css +2 -2
  54. package/components/Drawer/drawer.scss +2 -2
  55. package/components/DualListSelector/dual-list-selector.css +6 -6
  56. package/components/DualListSelector/dual-list-selector.scss +6 -6
  57. package/components/ExpandableSection/expandable-section.css +3 -3
  58. package/components/ExpandableSection/expandable-section.scss +3 -3
  59. package/components/Form/form.css +12 -12
  60. package/components/Form/form.scss +6 -6
  61. package/components/FormControl/form-control.css +1 -1
  62. package/components/FormControl/form-control.scss +3 -1
  63. package/components/Hero/hero.css +1 -1
  64. package/components/Hero/hero.scss +1 -1
  65. package/components/Hint/hint.css +1 -1
  66. package/components/Hint/hint.scss +1 -1
  67. package/components/InputGroup/input-group.css +5 -5
  68. package/components/InputGroup/input-group.scss +5 -5
  69. package/components/JumpLinks/jump-links.css +1 -1
  70. package/components/JumpLinks/jump-links.scss +1 -1
  71. package/components/Label/label.css +1 -1
  72. package/components/Label/label.scss +1 -1
  73. package/components/Login/login.css +2 -2
  74. package/components/Login/login.scss +2 -2
  75. package/components/Masthead/masthead.css +1 -1
  76. package/components/Masthead/masthead.scss +1 -1
  77. package/components/Menu/menu.css +4 -4
  78. package/components/Menu/menu.scss +4 -4
  79. package/components/MenuToggle/menu-toggle.css +1 -1
  80. package/components/MenuToggle/menu-toggle.scss +1 -1
  81. package/components/ModalBox/modal-box.css +1 -1
  82. package/components/ModalBox/modal-box.scss +1 -1
  83. package/components/Nav/nav.css +5 -5
  84. package/components/Nav/nav.scss +5 -5
  85. package/components/NotificationDrawer/notification-drawer.css +5 -5
  86. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  87. package/components/Page/page.css +3 -3
  88. package/components/Page/page.scss +3 -3
  89. package/components/Popover/popover.css +1 -1
  90. package/components/Popover/popover.scss +2 -2
  91. package/components/Progress/progress.css +3 -3
  92. package/components/Progress/progress.scss +3 -6
  93. package/components/ProgressStepper/progress-stepper.css +1 -1
  94. package/components/Radio/radio.css +1 -1
  95. package/components/Radio/radio.scss +1 -1
  96. package/components/Spinner/spinner.css +2 -2
  97. package/components/Spinner/spinner.scss +2 -2
  98. package/components/Switch/switch.css +1 -1
  99. package/components/Switch/switch.scss +1 -1
  100. package/components/Table/table-tree-view.css +10 -10
  101. package/components/Table/table-tree-view.scss +2 -2
  102. package/components/Table/table.css +10 -10
  103. package/components/Table/table.scss +10 -10
  104. package/components/Tabs/tabs.css +3 -3
  105. package/components/Tabs/tabs.scss +3 -3
  106. package/components/TextInputGroup/text-input-group.css +1 -1
  107. package/components/TextInputGroup/text-input-group.scss +1 -1
  108. package/components/Title/title.css +1 -1
  109. package/components/Title/title.scss +1 -1
  110. package/components/Toolbar/toolbar.css +1 -1
  111. package/components/Toolbar/toolbar.scss +1 -1
  112. package/components/Tooltip/tooltip.css +1 -1
  113. package/components/Tooltip/tooltip.scss +2 -2
  114. package/components/TreeView/tree-view.css +5 -5
  115. package/components/TreeView/tree-view.scss +5 -5
  116. package/components/Wizard/wizard.css +5 -5
  117. package/components/Wizard/wizard.scss +5 -5
  118. package/components/_index.css +132 -129
  119. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  120. package/docs/components/Accordion/examples/Accordion.md +30 -30
  121. package/docs/components/ActionList/examples/ActionList.md +11 -11
  122. package/docs/components/Alert/examples/Alert.md +54 -54
  123. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  124. package/docs/components/Banner/examples/Banner.md +10 -10
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  126. package/docs/components/Button/examples/Button.md +184 -184
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  128. package/docs/components/Card/examples/Card.md +14 -14
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  132. package/docs/components/DataList/examples/DataList.md +34 -34
  133. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  134. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  135. package/docs/components/Drawer/examples/Drawer.md +22 -22
  136. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  137. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  138. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  139. package/docs/components/Form/examples/Form.md +6 -6
  140. package/docs/components/Hint/examples/Hint.md +3 -3
  141. package/docs/components/Icon/examples/Icon.md +9 -9
  142. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  143. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  144. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  145. package/docs/components/Label/examples/Label.md +218 -218
  146. package/docs/components/Login/examples/Login.md +4 -4
  147. package/docs/components/Masthead/examples/masthead.md +1 -1
  148. package/docs/components/Menu/examples/Menu.md +129 -129
  149. package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
  150. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  151. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  152. package/docs/components/Nav/examples/Navigation.md +66 -66
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  154. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  155. package/docs/components/Page/examples/Page.md +1 -1
  156. package/docs/components/Pagination/examples/Pagination.md +92 -92
  157. package/docs/components/Popover/examples/Popover.md +22 -22
  158. package/docs/components/Progress/examples/Progress.md +7 -7
  159. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  160. package/docs/components/Slider/examples/Slider.md +4 -4
  161. package/docs/components/Table/examples/Table.md +479 -479
  162. package/docs/components/Tabs/examples/Tabs.md +378 -378
  163. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  164. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  165. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  166. package/docs/components/TreeView/examples/TreeView.md +104 -104
  167. package/docs/components/Wizard/examples/Wizard.md +40 -40
  168. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  169. package/docs/demos/Alert/examples/Alert.md +32 -32
  170. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  171. package/docs/demos/Banner/examples/Banner.md +16 -16
  172. package/docs/demos/Button/examples/Button.md +1 -1
  173. package/docs/demos/Card/examples/Card.md +78 -78
  174. package/docs/demos/CardView/examples/CardView.md +38 -38
  175. package/docs/demos/Compass/examples/Compass.md +219 -219
  176. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  177. package/docs/demos/DataList/examples/DataList.md +101 -101
  178. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  179. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  180. package/docs/demos/Form/examples/BasicForms.md +21 -21
  181. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  182. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  183. package/docs/demos/Modal/examples/Modal.md +54 -54
  184. package/docs/demos/Nav/examples/Nav.md +93 -93
  185. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  186. package/docs/demos/Page/examples/Page.md +119 -119
  187. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  188. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  189. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  190. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  191. package/docs/demos/Table/examples/Table.md +630 -630
  192. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  193. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  194. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  195. package/layouts/Gallery/gallery.css +1 -1
  196. package/layouts/Gallery/gallery.scss +1 -1
  197. package/layouts/Grid/grid.css +1 -1
  198. package/layouts/Grid/grid.scss +1 -1
  199. package/layouts/_index.css +2 -2
  200. package/package.json +11 -12
  201. package/patternfly-addons.css +12 -12
  202. package/patternfly-base-no-globals.css +61 -61
  203. package/patternfly-base.css +61 -61
  204. package/patternfly-no-globals.css +195 -192
  205. package/patternfly.css +195 -192
  206. package/patternfly.min.css +1 -1
  207. package/patternfly.min.css.map +1 -1
  208. package/sass-utilities/mixins.scss +2 -2
  209. package/utilities/Accessibility/accessibility.css +12 -12
  210. package/utilities/_index.css +12 -12
package/docs/components/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -91,8 +91,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
91
91
  <span class="pf-v6-c-button__icon">
92
92
  <svg
93
93
  class="pf-v6-svg"
94
- viewBox="0 0 20 20"
95
94
  fill="currentColor"
95
+ viewBox="0 0 20 20"
96
96
  aria-hidden="true"
97
97
  role="img"
98
98
  width="1em"
@@ -173,8 +173,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
173
173
  <span class="pf-v6-c-button__icon">
174
174
  <svg
175
175
  class="pf-v6-svg"
176
- viewBox="0 0 20 20"
177
176
  fill="currentColor"
177
+ viewBox="0 0 20 20"
178
178
  aria-hidden="true"
179
179
  role="img"
180
180
  width="1em"
@@ -213,8 +213,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
213
213
  <span class="pf-v6-c-button__icon">
214
214
  <svg
215
215
  class="pf-v6-svg"
216
- viewBox="0 0 20 20"
217
216
  fill="currentColor"
217
+ viewBox="0 0 20 20"
218
218
  aria-hidden="true"
219
219
  role="img"
220
220
  width="1em"
@@ -262,8 +262,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
262
262
  <span class="pf-v6-c-button__icon">
263
263
  <svg
264
264
  class="pf-v6-svg"
265
- viewBox="0 0 20 20"
266
265
  fill="currentColor"
266
+ viewBox="0 0 20 20"
267
267
  aria-hidden="true"
268
268
  role="img"
269
269
  width="1em"
@@ -297,8 +297,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
297
297
  <span class="pf-v6-c-button__icon">
298
298
  <svg
299
299
  class="pf-v6-svg"
300
- viewBox="0 0 20 20"
301
300
  fill="currentColor"
301
+ viewBox="0 0 20 20"
302
302
  aria-hidden="true"
303
303
  role="img"
304
304
  width="1em"
@@ -332,8 +332,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
332
332
  <span class="pf-v6-c-button__icon">
333
333
  <svg
334
334
  class="pf-v6-svg"
335
- viewBox="0 0 20 20"
336
335
  fill="currentColor"
336
+ viewBox="0 0 20 20"
337
337
  aria-hidden="true"
338
338
  role="img"
339
339
  width="1em"
@@ -367,8 +367,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
367
367
  <span class="pf-v6-c-button__icon">
368
368
  <svg
369
369
  class="pf-v6-svg"
370
- viewBox="0 0 20 20"
371
370
  fill="currentColor"
371
+ viewBox="0 0 20 20"
372
372
  aria-hidden="true"
373
373
  role="img"
374
374
  width="1em"
@@ -402,8 +402,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
402
402
  <span class="pf-v6-c-button__icon">
403
403
  <svg
404
404
  class="pf-v6-svg"
405
- viewBox="0 0 20 20"
406
405
  fill="currentColor"
406
+ viewBox="0 0 20 20"
407
407
  aria-hidden="true"
408
408
  role="img"
409
409
  width="1em"
@@ -437,8 +437,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
437
437
  <span class="pf-v6-c-button__icon">
438
438
  <svg
439
439
  class="pf-v6-svg"
440
- viewBox="0 0 20 20"
441
440
  fill="currentColor"
441
+ viewBox="0 0 20 20"
442
442
  aria-hidden="true"
443
443
  role="img"
444
444
  width="1em"
@@ -483,8 +483,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
483
483
  <span class="pf-v6-c-button__icon">
484
484
  <svg
485
485
  class="pf-v6-svg"
486
- viewBox="0 0 20 20"
487
486
  fill="currentColor"
487
+ viewBox="0 0 20 20"
488
488
  aria-hidden="true"
489
489
  role="img"
490
490
  width="1em"
@@ -532,8 +532,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
532
532
  <span class="pf-v6-c-button__icon">
533
533
  <svg
534
534
  class="pf-v6-svg"
535
- viewBox="0 0 20 20"
536
535
  fill="currentColor"
536
+ viewBox="0 0 20 20"
537
537
  aria-hidden="true"
538
538
  role="img"
539
539
  width="1em"
@@ -567,8 +567,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
567
567
  <span class="pf-v6-c-button__icon">
568
568
  <svg
569
569
  class="pf-v6-svg"
570
- viewBox="0 0 20 20"
571
570
  fill="currentColor"
571
+ viewBox="0 0 20 20"
572
572
  aria-hidden="true"
573
573
  role="img"
574
574
  width="1em"
@@ -602,8 +602,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
602
602
  <span class="pf-v6-c-button__icon">
603
603
  <svg
604
604
  class="pf-v6-svg"
605
- viewBox="0 0 20 20"
606
605
  fill="currentColor"
606
+ viewBox="0 0 20 20"
607
607
  aria-hidden="true"
608
608
  role="img"
609
609
  width="1em"
@@ -637,8 +637,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
637
637
  <span class="pf-v6-c-button__icon">
638
638
  <svg
639
639
  class="pf-v6-svg"
640
- viewBox="0 0 20 20"
641
640
  fill="currentColor"
641
+ viewBox="0 0 20 20"
642
642
  aria-hidden="true"
643
643
  role="img"
644
644
  width="1em"
@@ -672,8 +672,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
672
672
  <span class="pf-v6-c-button__icon">
673
673
  <svg
674
674
  class="pf-v6-svg"
675
- viewBox="0 0 20 20"
676
675
  fill="currentColor"
676
+ viewBox="0 0 20 20"
677
677
  aria-hidden="true"
678
678
  role="img"
679
679
  width="1em"
@@ -707,8 +707,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
707
707
  <span class="pf-v6-c-button__icon">
708
708
  <svg
709
709
  class="pf-v6-svg"
710
- viewBox="0 0 20 20"
711
710
  fill="currentColor"
711
+ viewBox="0 0 20 20"
712
712
  aria-hidden="true"
713
713
  role="img"
714
714
  width="1em"
@@ -742,8 +742,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
742
742
  <span class="pf-v6-c-button__icon">
743
743
  <svg
744
744
  class="pf-v6-svg"
745
- viewBox="0 0 20 20"
746
745
  fill="currentColor"
746
+ viewBox="0 0 20 20"
747
747
  aria-hidden="true"
748
748
  role="img"
749
749
  width="1em"
@@ -777,8 +777,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
777
777
  <span class="pf-v6-c-button__icon">
778
778
  <svg
779
779
  class="pf-v6-svg"
780
- viewBox="0 0 20 20"
781
780
  fill="currentColor"
781
+ viewBox="0 0 20 20"
782
782
  aria-hidden="true"
783
783
  role="img"
784
784
  width="1em"
@@ -812,8 +812,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
812
812
  <span class="pf-v6-c-button__icon">
813
813
  <svg
814
814
  class="pf-v6-svg"
815
- viewBox="0 0 20 20"
816
815
  fill="currentColor"
816
+ viewBox="0 0 20 20"
817
817
  aria-hidden="true"
818
818
  role="img"
819
819
  width="1em"
@@ -847,8 +847,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
847
847
  <span class="pf-v6-c-button__icon">
848
848
  <svg
849
849
  class="pf-v6-svg"
850
- viewBox="0 0 20 20"
851
850
  fill="currentColor"
851
+ viewBox="0 0 20 20"
852
852
  aria-hidden="true"
853
853
  role="img"
854
854
  width="1em"
@@ -882,8 +882,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
882
882
  <span class="pf-v6-c-button__icon">
883
883
  <svg
884
884
  class="pf-v6-svg"
885
- viewBox="0 0 20 20"
886
885
  fill="currentColor"
886
+ viewBox="0 0 20 20"
887
887
  aria-hidden="true"
888
888
  role="img"
889
889
  width="1em"
@@ -917,8 +917,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
917
917
  <span class="pf-v6-c-button__icon">
918
918
  <svg
919
919
  class="pf-v6-svg"
920
- viewBox="0 0 20 20"
921
920
  fill="currentColor"
921
+ viewBox="0 0 20 20"
922
922
  aria-hidden="true"
923
923
  role="img"
924
924
  width="1em"
@@ -952,8 +952,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
952
952
  <span class="pf-v6-c-button__icon">
953
953
  <svg
954
954
  class="pf-v6-svg"
955
- viewBox="0 0 20 20"
956
955
  fill="currentColor"
956
+ viewBox="0 0 20 20"
957
957
  aria-hidden="true"
958
958
  role="img"
959
959
  width="1em"
@@ -987,8 +987,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
987
987
  <span class="pf-v6-c-button__icon">
988
988
  <svg
989
989
  class="pf-v6-svg"
990
- viewBox="0 0 20 20"
991
990
  fill="currentColor"
991
+ viewBox="0 0 20 20"
992
992
  aria-hidden="true"
993
993
  role="img"
994
994
  width="1em"
@@ -1024,8 +1024,8 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
1024
1024
  <span class="pf-v6-c-button__icon">
1025
1025
  <svg
1026
1026
  class="pf-v6-svg"
1027
- viewBox="0 0 20 20"
1028
1027
  fill="currentColor"
1028
+ viewBox="0 0 20 20"
1029
1029
  aria-hidden="true"
1030
1030
  role="img"
1031
1031
  width="1em"
@@ -1118,8 +1118,8 @@ The React implementation can be found in the [search input](/components/search-i
1118
1118
  <span class="pf-v6-c-button__icon">
1119
1119
  <svg
1120
1120
  class="pf-v6-svg"
1121
- viewBox="0 0 20 20"
1122
1121
  fill="currentColor"
1122
+ viewBox="0 0 20 20"
1123
1123
  aria-hidden="true"
1124
1124
  role="img"
1125
1125
  width="1em"
@@ -1167,8 +1167,8 @@ The React implementation can be found in the [search input](/components/search-i
1167
1167
  <span class="pf-v6-c-button__icon">
1168
1168
  <svg
1169
1169
  class="pf-v6-svg"
1170
- viewBox="0 0 20 20"
1171
1170
  fill="currentColor"
1171
+ viewBox="0 0 20 20"
1172
1172
  aria-hidden="true"
1173
1173
  role="img"
1174
1174
  width="1em"
@@ -1218,8 +1218,8 @@ The React implementation can be found in the [search input](/components/search-i
1218
1218
  <span class="pf-v6-c-button__icon">
1219
1219
  <svg
1220
1220
  class="pf-v6-svg"
1221
- viewBox="0 0 320 512"
1222
1221
  fill="currentColor"
1222
+ viewBox="0 0 320 512"
1223
1223
  aria-hidden="true"
1224
1224
  role="img"
1225
1225
  width="1em"
@@ -1235,8 +1235,8 @@ The React implementation can be found in the [search input](/components/search-i
1235
1235
  <span class="pf-v6-c-button__icon">
1236
1236
  <svg
1237
1237
  class="pf-v6-svg"
1238
- viewBox="0 0 320 512"
1239
1238
  fill="currentColor"
1239
+ viewBox="0 0 320 512"
1240
1240
  aria-hidden="true"
1241
1241
  role="img"
1242
1242
  width="1em"
@@ -1257,8 +1257,8 @@ The React implementation can be found in the [search input](/components/search-i
1257
1257
  <span class="pf-v6-c-button__icon">
1258
1258
  <svg
1259
1259
  class="pf-v6-svg"
1260
- viewBox="0 0 20 20"
1261
1260
  fill="currentColor"
1261
+ viewBox="0 0 20 20"
1262
1262
  aria-hidden="true"
1263
1263
  role="img"
1264
1264
  width="1em"
@@ -1308,8 +1308,8 @@ The React implementation can be found in the [search input](/components/search-i
1308
1308
  <span class="pf-v6-c-button__icon">
1309
1309
  <svg
1310
1310
  class="pf-v6-svg"
1311
- viewBox="0 0 512 512"
1312
1311
  fill="currentColor"
1312
+ viewBox="0 0 512 512"
1313
1313
  aria-hidden="true"
1314
1314
  role="img"
1315
1315
  width="1em"
@@ -1331,8 +1331,8 @@ The React implementation can be found in the [search input](/components/search-i
1331
1331
  <span class="pf-v6-c-button__icon">
1332
1332
  <svg
1333
1333
  class="pf-v6-svg"
1334
- viewBox="0 0 20 20"
1335
1334
  fill="currentColor"
1335
+ viewBox="0 0 20 20"
1336
1336
  aria-hidden="true"
1337
1337
  role="img"
1338
1338
  width="1em"
@@ -1380,8 +1380,8 @@ The React implementation can be found in the [search input](/components/search-i
1380
1380
  <span class="pf-v6-c-button__icon">
1381
1381
  <svg
1382
1382
  class="pf-v6-svg"
1383
- viewBox="0 0 512 512"
1384
1383
  fill="currentColor"
1384
+ viewBox="0 0 512 512"
1385
1385
  aria-hidden="true"
1386
1386
  role="img"
1387
1387
  width="1em"
@@ -1403,8 +1403,8 @@ The React implementation can be found in the [search input](/components/search-i
1403
1403
  <span class="pf-v6-c-button__icon">
1404
1404
  <svg
1405
1405
  class="pf-v6-svg"
1406
- viewBox="0 0 20 20"
1407
1406
  fill="currentColor"
1407
+ viewBox="0 0 20 20"
1408
1408
  aria-hidden="true"
1409
1409
  role="img"
1410
1410
  width="1em"
@@ -1452,8 +1452,8 @@ The React implementation can be found in the [search input](/components/search-i
1452
1452
  <span class="pf-v6-c-button__icon">
1453
1453
  <svg
1454
1454
  class="pf-v6-svg"
1455
- viewBox="0 0 448 512"
1456
1455
  fill="currentColor"
1456
+ viewBox="0 0 448 512"
1457
1457
  aria-hidden="true"
1458
1458
  role="img"
1459
1459
  width="1em"
@@ -1498,8 +1498,8 @@ The React implementation can be found in the [search input](/components/search-i
1498
1498
  <span class="pf-v6-c-button__icon">
1499
1499
  <svg
1500
1500
  class="pf-v6-svg"
1501
- viewBox="0 0 20 20"
1502
1501
  fill="currentColor"
1502
+ viewBox="0 0 20 20"
1503
1503
  aria-hidden="true"
1504
1504
  role="img"
1505
1505
  width="1em"
@@ -1524,8 +1524,8 @@ The React implementation can be found in the [search input](/components/search-i
1524
1524
  <span class="pf-v6-c-button__icon">
1525
1525
  <svg
1526
1526
  class="pf-v6-svg"
1527
- viewBox="0 0 320 512"
1528
1527
  fill="currentColor"
1528
+ viewBox="0 0 320 512"
1529
1529
  aria-hidden="true"
1530
1530
  role="img"
1531
1531
  width="1em"
@@ -1547,8 +1547,8 @@ The React implementation can be found in the [search input](/components/search-i
1547
1547
  <span class="pf-v6-c-button__icon">
1548
1548
  <svg
1549
1549
  class="pf-v6-svg"
1550
- viewBox="0 0 448 512"
1551
1550
  fill="currentColor"
1551
+ viewBox="0 0 448 512"
1552
1552
  aria-hidden="true"
1553
1553
  role="img"
1554
1554
  width="1em"
@@ -1593,8 +1593,8 @@ The React implementation can be found in the [search input](/components/search-i
1593
1593
  <span class="pf-v6-c-button__icon">
1594
1594
  <svg
1595
1595
  class="pf-v6-svg"
1596
- viewBox="0 0 20 20"
1597
1596
  fill="currentColor"
1597
+ viewBox="0 0 20 20"
1598
1598
  aria-hidden="true"
1599
1599
  role="img"
1600
1600
  width="1em"
@@ -1619,8 +1619,8 @@ The React implementation can be found in the [search input](/components/search-i
1619
1619
  <span class="pf-v6-c-button__icon">
1620
1620
  <svg
1621
1621
  class="pf-v6-svg"
1622
- viewBox="0 0 320 512"
1623
1622
  fill="currentColor"
1623
+ viewBox="0 0 320 512"
1624
1624
  aria-hidden="true"
1625
1625
  role="img"
1626
1626
  width="1em"
@@ -1642,8 +1642,8 @@ The React implementation can be found in the [search input](/components/search-i
1642
1642
  <span class="pf-v6-c-button__icon">
1643
1643
  <svg
1644
1644
  class="pf-v6-svg"
1645
- viewBox="0 0 448 512"
1646
1645
  fill="currentColor"
1646
+ viewBox="0 0 448 512"
1647
1647
  aria-hidden="true"
1648
1648
  role="img"
1649
1649
  width="1em"
@@ -1785,8 +1785,8 @@ The React implementation can be found in the [search input](/components/search-i
1785
1785
  <span class="pf-v6-c-button__icon">
1786
1786
  <svg
1787
1787
  class="pf-v6-svg"
1788
- viewBox="0 0 20 20"
1789
1788
  fill="currentColor"
1789
+ viewBox="0 0 20 20"
1790
1790
  aria-hidden="true"
1791
1791
  role="img"
1792
1792
  width="1em"
@@ -1865,8 +1865,8 @@ The React implementation can be found in the [search input](/components/search-i
1865
1865
  <span class="pf-v6-c-button__icon">
1866
1866
  <svg
1867
1867
  class="pf-v6-svg"
1868
- viewBox="0 0 20 20"
1869
1868
  fill="currentColor"
1869
+ viewBox="0 0 20 20"
1870
1870
  aria-hidden="true"
1871
1871
  role="img"
1872
1872
  width="1em"
@@ -1926,8 +1926,8 @@ The React implementation can be found in the [search input](/components/search-i
1926
1926
  <span class="pf-v6-c-button__icon">
1927
1927
  <svg
1928
1928
  class="pf-v6-svg"
1929
- viewBox="0 0 20 20"
1930
1929
  fill="currentColor"
1930
+ viewBox="0 0 20 20"
1931
1931
  aria-hidden="true"
1932
1932
  role="img"
1933
1933
  width="1em"
@@ -1952,8 +1952,8 @@ The React implementation can be found in the [search input](/components/search-i
1952
1952
  <span class="pf-v6-c-button__icon">
1953
1953
  <svg
1954
1954
  class="pf-v6-svg"
1955
- viewBox="0 0 320 512"
1956
1955
  fill="currentColor"
1956
+ viewBox="0 0 320 512"
1957
1957
  aria-hidden="true"
1958
1958
  role="img"
1959
1959
  width="1em"
@@ -1975,8 +1975,8 @@ The React implementation can be found in the [search input](/components/search-i
1975
1975
  <span class="pf-v6-c-button__icon">
1976
1976
  <svg
1977
1977
  class="pf-v6-svg"
1978
- viewBox="0 0 448 512"
1979
1978
  fill="currentColor"
1979
+ viewBox="0 0 448 512"
1980
1980
  aria-hidden="true"
1981
1981
  role="img"
1982
1982
  width="1em"
package/docs/components/ToggleGroup/examples/toggle-group.md CHANGED
@@ -80,8 +80,8 @@ cssPrefix: pf-v6-c-toggle-group
80
80
  <span class="pf-v6-c-toggle-group__icon">
81
81
  <svg
82
82
  class="pf-v6-svg"
83
- viewBox="0 0 32 32"
84
83
  fill="currentColor"
84
+ viewBox="0 0 32 32"
85
85
  aria-hidden="true"
86
86
  role="img"
87
87
  width="1em"
@@ -103,8 +103,8 @@ cssPrefix: pf-v6-c-toggle-group
103
103
  <span class="pf-v6-c-toggle-group__icon">
104
104
  <svg
105
105
  class="pf-v6-svg"
106
- viewBox="0 0 32 32"
107
106
  fill="currentColor"
107
+ viewBox="0 0 32 32"
108
108
  aria-hidden="true"
109
109
  role="img"
110
110
  width="1em"
@@ -126,8 +126,8 @@ cssPrefix: pf-v6-c-toggle-group
126
126
  <span class="pf-v6-c-toggle-group__icon">
127
127
  <svg
128
128
  class="pf-v6-svg"
129
- viewBox="0 0 32 32"
130
129
  fill="currentColor"
130
+ viewBox="0 0 32 32"
131
131
  aria-hidden="true"
132
132
  role="img"
133
133
  width="1em"
@@ -154,8 +154,8 @@ cssPrefix: pf-v6-c-toggle-group
154
154
  <span class="pf-v6-c-toggle-group__icon">
155
155
  <svg
156
156
  class="pf-v6-svg"
157
- viewBox="0 0 32 32"
158
157
  fill="currentColor"
158
+ viewBox="0 0 32 32"
159
159
  aria-hidden="true"
160
160
  role="img"
161
161
  width="1em"
@@ -177,8 +177,8 @@ cssPrefix: pf-v6-c-toggle-group
177
177
  <span class="pf-v6-c-toggle-group__icon">
178
178
  <svg
179
179
  class="pf-v6-svg"
180
- viewBox="0 0 32 32"
181
180
  fill="currentColor"
181
+ viewBox="0 0 32 32"
182
182
  aria-hidden="true"
183
183
  role="img"
184
184
  width="1em"
@@ -200,8 +200,8 @@ cssPrefix: pf-v6-c-toggle-group
200
200
  <span class="pf-v6-c-toggle-group__icon">
201
201
  <svg
202
202
  class="pf-v6-svg"
203
- viewBox="0 0 32 32"
204
203
  fill="currentColor"
204
+ viewBox="0 0 32 32"
205
205
  aria-hidden="true"
206
206
  role="img"
207
207
  width="1em"
@@ -228,8 +228,8 @@ cssPrefix: pf-v6-c-toggle-group
228
228
  <span class="pf-v6-c-toggle-group__icon">
229
229
  <svg
230
230
  class="pf-v6-svg"
231
- viewBox="0 0 32 32"
232
231
  fill="currentColor"
232
+ viewBox="0 0 32 32"
233
233
  aria-hidden="true"
234
234
  role="img"
235
235
  width="1em"
@@ -251,8 +251,8 @@ cssPrefix: pf-v6-c-toggle-group
251
251
  <span class="pf-v6-c-toggle-group__icon">
252
252
  <svg
253
253
  class="pf-v6-svg"
254
- viewBox="0 0 32 32"
255
254
  fill="currentColor"
255
+ viewBox="0 0 32 32"
256
256
  aria-hidden="true"
257
257
  role="img"
258
258
  width="1em"
@@ -275,8 +275,8 @@ cssPrefix: pf-v6-c-toggle-group
275
275
  <span class="pf-v6-c-toggle-group__icon">
276
276
  <svg
277
277
  class="pf-v6-svg"
278
- viewBox="0 0 32 32"
279
278
  fill="currentColor"
279
+ viewBox="0 0 32 32"
280
280
  aria-hidden="true"
281
281
  role="img"
282
282
  width="1em"
@@ -302,8 +302,8 @@ cssPrefix: pf-v6-c-toggle-group
302
302
  <span class="pf-v6-c-toggle-group__icon">
303
303
  <svg
304
304
  class="pf-v6-svg"
305
- viewBox="0 0 32 32"
306
305
  fill="currentColor"
306
+ viewBox="0 0 32 32"
307
307
  aria-hidden="true"
308
308
  role="img"
309
309
  width="1em"
@@ -326,8 +326,8 @@ cssPrefix: pf-v6-c-toggle-group
326
326
  <span class="pf-v6-c-toggle-group__icon">
327
327
  <svg
328
328
  class="pf-v6-svg"
329
- viewBox="0 0 32 32"
330
329
  fill="currentColor"
330
+ viewBox="0 0 32 32"
331
331
  aria-hidden="true"
332
332
  role="img"
333
333
  width="1em"
@@ -346,8 +346,8 @@ cssPrefix: pf-v6-c-toggle-group
346
346
  <span class="pf-v6-c-toggle-group__icon">
347
347
  <svg
348
348
  class="pf-v6-svg"
349
- viewBox="0 0 32 32"
350
349
  fill="currentColor"
350
+ viewBox="0 0 32 32"
351
351
  aria-hidden="true"
352
352
  role="img"
353
353
  width="1em"
@@ -372,8 +372,8 @@ cssPrefix: pf-v6-c-toggle-group
372
372
  <span class="pf-v6-c-toggle-group__icon">
373
373
  <svg
374
374
  class="pf-v6-svg"
375
- viewBox="0 0 32 32"
376
375
  fill="currentColor"
376
+ viewBox="0 0 32 32"
377
377
  aria-hidden="true"
378
378
  role="img"
379
379
  width="1em"
@@ -392,8 +392,8 @@ cssPrefix: pf-v6-c-toggle-group
392
392
  <span class="pf-v6-c-toggle-group__icon">
393
393
  <svg
394
394
  class="pf-v6-svg"
395
- viewBox="0 0 32 32"
396
395
  fill="currentColor"
396
+ viewBox="0 0 32 32"
397
397
  aria-hidden="true"
398
398
  role="img"
399
399
  width="1em"
@@ -412,8 +412,8 @@ cssPrefix: pf-v6-c-toggle-group
412
412
  <span class="pf-v6-c-toggle-group__icon">
413
413
  <svg
414
414
  class="pf-v6-svg"
415
- viewBox="0 0 32 32"
416
415
  fill="currentColor"
416
+ viewBox="0 0 32 32"
417
417
  aria-hidden="true"
418
418
  role="img"
419
419
  width="1em"