@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/Alert/examples/Alert.md CHANGED
@@ -11,8 +11,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
11
11
  <div class="pf-v6-c-alert__icon">
12
12
  <svg
13
13
  class="pf-v6-svg"
14
- viewBox="0 0 32 32"
15
14
  fill="currentColor"
15
+ viewBox="0 0 32 32"
16
16
  aria-hidden="true"
17
17
  role="img"
18
18
  width="1em"
@@ -33,8 +33,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
33
33
  <div class="pf-v6-c-alert__icon">
34
34
  <svg
35
35
  class="pf-v6-svg"
36
- viewBox="0 0 32 32"
37
36
  fill="currentColor"
37
+ viewBox="0 0 32 32"
38
38
  aria-hidden="true"
39
39
  role="img"
40
40
  width="1em"
@@ -55,8 +55,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
55
55
  <div class="pf-v6-c-alert__icon">
56
56
  <svg
57
57
  class="pf-v6-svg"
58
- viewBox="0 0 32 32"
59
58
  fill="currentColor"
59
+ viewBox="0 0 32 32"
60
60
  aria-hidden="true"
61
61
  role="img"
62
62
  width="1em"
@@ -77,8 +77,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
77
77
  <div class="pf-v6-c-alert__icon">
78
78
  <svg
79
79
  class="pf-v6-svg"
80
- viewBox="0 0 32 32"
81
80
  fill="currentColor"
81
+ viewBox="0 0 32 32"
82
82
  aria-hidden="true"
83
83
  role="img"
84
84
  width="1em"
@@ -99,8 +99,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
99
99
  <div class="pf-v6-c-alert__icon">
100
100
  <svg
101
101
  class="pf-v6-svg"
102
- viewBox="0 0 32 32"
103
102
  fill="currentColor"
103
+ viewBox="0 0 32 32"
104
104
  aria-hidden="true"
105
105
  role="img"
106
106
  width="1em"
@@ -126,8 +126,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
126
126
  <div class="pf-v6-c-alert__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"
@@ -151,8 +151,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
151
151
  <span class="pf-v6-c-button__icon">
152
152
  <svg
153
153
  class="pf-v6-svg"
154
- viewBox="0 0 20 20"
155
154
  fill="currentColor"
155
+ viewBox="0 0 20 20"
156
156
  aria-hidden="true"
157
157
  role="img"
158
158
  width="1em"
@@ -182,8 +182,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
182
182
  <div class="pf-v6-c-alert__icon">
183
183
  <svg
184
184
  class="pf-v6-svg"
185
- viewBox="0 0 32 32"
186
185
  fill="currentColor"
186
+ viewBox="0 0 32 32"
187
187
  aria-hidden="true"
188
188
  role="img"
189
189
  width="1em"
@@ -207,8 +207,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
207
207
  <span class="pf-v6-c-button__icon">
208
208
  <svg
209
209
  class="pf-v6-svg"
210
- viewBox="0 0 20 20"
211
210
  fill="currentColor"
211
+ viewBox="0 0 20 20"
212
212
  aria-hidden="true"
213
213
  role="img"
214
214
  width="1em"
@@ -233,8 +233,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
233
233
  <div class="pf-v6-c-alert__icon">
234
234
  <svg
235
235
  class="pf-v6-svg"
236
- viewBox="0 0 32 32"
237
236
  fill="currentColor"
237
+ viewBox="0 0 32 32"
238
238
  aria-hidden="true"
239
239
  role="img"
240
240
  width="1em"
@@ -258,8 +258,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
258
258
  <span class="pf-v6-c-button__icon">
259
259
  <svg
260
260
  class="pf-v6-svg"
261
- viewBox="0 0 20 20"
262
261
  fill="currentColor"
262
+ viewBox="0 0 20 20"
263
263
  aria-hidden="true"
264
264
  role="img"
265
265
  width="1em"
@@ -286,8 +286,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
286
286
  <div class="pf-v6-c-alert__icon">
287
287
  <svg
288
288
  class="pf-v6-svg"
289
- viewBox="0 0 32 32"
290
289
  fill="currentColor"
290
+ viewBox="0 0 32 32"
291
291
  aria-hidden="true"
292
292
  role="img"
293
293
  width="1em"
@@ -311,8 +311,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
311
311
  <span class="pf-v6-c-button__icon">
312
312
  <svg
313
313
  class="pf-v6-svg"
314
- viewBox="0 0 20 20"
315
314
  fill="currentColor"
315
+ viewBox="0 0 20 20"
316
316
  aria-hidden="true"
317
317
  role="img"
318
318
  width="1em"
@@ -331,8 +331,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
331
331
  <div class="pf-v6-c-alert__icon">
332
332
  <svg
333
333
  class="pf-v6-svg"
334
- viewBox="0 0 32 32"
335
334
  fill="currentColor"
335
+ viewBox="0 0 32 32"
336
336
  aria-hidden="true"
337
337
  role="img"
338
338
  width="1em"
@@ -356,8 +356,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
356
356
  <div class="pf-v6-c-alert__icon">
357
357
  <svg
358
358
  class="pf-v6-svg"
359
- viewBox="0 0 32 32"
360
359
  fill="currentColor"
360
+ viewBox="0 0 32 32"
361
361
  aria-hidden="true"
362
362
  role="img"
363
363
  width="1em"
@@ -384,8 +384,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
384
384
  <div class="pf-v6-c-alert__icon">
385
385
  <svg
386
386
  class="pf-v6-svg"
387
- viewBox="0 0 32 32"
388
387
  fill="currentColor"
388
+ viewBox="0 0 32 32"
389
389
  aria-hidden="true"
390
390
  role="img"
391
391
  width="1em"
@@ -420,8 +420,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
420
420
  <div class="pf-v6-c-alert__icon">
421
421
  <svg
422
422
  class="pf-v6-svg"
423
- viewBox="0 0 32 32"
424
423
  fill="currentColor"
424
+ viewBox="0 0 32 32"
425
425
  aria-hidden="true"
426
426
  role="img"
427
427
  width="1em"
@@ -445,8 +445,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
445
445
  <div class="pf-v6-c-alert__icon">
446
446
  <svg
447
447
  class="pf-v6-svg"
448
- viewBox="0 0 32 32"
449
448
  fill="currentColor"
449
+ viewBox="0 0 32 32"
450
450
  aria-hidden="true"
451
451
  role="img"
452
452
  width="1em"
@@ -470,8 +470,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
470
470
  <div class="pf-v6-c-alert__icon">
471
471
  <svg
472
472
  class="pf-v6-svg"
473
- viewBox="0 0 32 32"
474
473
  fill="currentColor"
474
+ viewBox="0 0 32 32"
475
475
  aria-hidden="true"
476
476
  role="img"
477
477
  width="1em"
@@ -495,8 +495,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
495
495
  <div class="pf-v6-c-alert__icon">
496
496
  <svg
497
497
  class="pf-v6-svg"
498
- viewBox="0 0 32 32"
499
498
  fill="currentColor"
499
+ viewBox="0 0 32 32"
500
500
  aria-hidden="true"
501
501
  role="img"
502
502
  width="1em"
@@ -520,8 +520,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
520
520
  <div class="pf-v6-c-alert__icon">
521
521
  <svg
522
522
  class="pf-v6-svg"
523
- viewBox="0 0 32 32"
524
523
  fill="currentColor"
524
+ viewBox="0 0 32 32"
525
525
  aria-hidden="true"
526
526
  role="img"
527
527
  width="1em"
@@ -547,8 +547,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
547
547
  <div class="pf-v6-c-alert__icon">
548
548
  <svg
549
549
  class="pf-v6-svg"
550
- viewBox="0 0 32 32"
551
550
  fill="currentColor"
551
+ viewBox="0 0 32 32"
552
552
  aria-hidden="true"
553
553
  role="img"
554
554
  width="1em"
@@ -572,8 +572,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
572
572
  <span class="pf-v6-c-button__icon">
573
573
  <svg
574
574
  class="pf-v6-svg"
575
- viewBox="0 0 20 20"
576
575
  fill="currentColor"
576
+ viewBox="0 0 20 20"
577
577
  aria-hidden="true"
578
578
  role="img"
579
579
  width="1em"
@@ -603,8 +603,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
603
603
  <div class="pf-v6-c-alert__icon">
604
604
  <svg
605
605
  class="pf-v6-svg"
606
- viewBox="0 0 32 32"
607
606
  fill="currentColor"
607
+ viewBox="0 0 32 32"
608
608
  aria-hidden="true"
609
609
  role="img"
610
610
  width="1em"
@@ -628,8 +628,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
628
628
  <span class="pf-v6-c-button__icon">
629
629
  <svg
630
630
  class="pf-v6-svg"
631
- viewBox="0 0 20 20"
632
631
  fill="currentColor"
632
+ viewBox="0 0 20 20"
633
633
  aria-hidden="true"
634
634
  role="img"
635
635
  width="1em"
@@ -654,8 +654,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
654
654
  <div class="pf-v6-c-alert__icon">
655
655
  <svg
656
656
  class="pf-v6-svg"
657
- viewBox="0 0 32 32"
658
657
  fill="currentColor"
658
+ viewBox="0 0 32 32"
659
659
  aria-hidden="true"
660
660
  role="img"
661
661
  width="1em"
@@ -679,8 +679,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
679
679
  <span class="pf-v6-c-button__icon">
680
680
  <svg
681
681
  class="pf-v6-svg"
682
- viewBox="0 0 20 20"
683
682
  fill="currentColor"
683
+ viewBox="0 0 20 20"
684
684
  aria-hidden="true"
685
685
  role="img"
686
686
  width="1em"
@@ -707,8 +707,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
707
707
  <div class="pf-v6-c-alert__icon">
708
708
  <svg
709
709
  class="pf-v6-svg"
710
- viewBox="0 0 32 32"
711
710
  fill="currentColor"
711
+ viewBox="0 0 32 32"
712
712
  aria-hidden="true"
713
713
  role="img"
714
714
  width="1em"
@@ -734,15 +734,15 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
734
734
  <div class="pf-v6-c-alert__icon">
735
735
  <svg
736
736
  class="pf-v6-svg"
737
- viewBox="0 0 32 32"
738
737
  fill="currentColor"
738
+ viewBox="0 0 32 32"
739
739
  aria-hidden="true"
740
740
  role="img"
741
741
  width="1em"
742
742
  height="1em"
743
743
  >
744
744
  <path
745
- 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"
745
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
746
746
  />
747
747
  </svg>
748
748
  </div>
@@ -756,15 +756,15 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
756
756
  <div class="pf-v6-c-alert__icon">
757
757
  <svg
758
758
  class="pf-v6-svg"
759
- viewBox="0 0 32 32"
760
759
  fill="currentColor"
760
+ viewBox="0 0 32 32"
761
761
  aria-hidden="true"
762
762
  role="img"
763
763
  width="1em"
764
764
  height="1em"
765
765
  >
766
766
  <path
767
- 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"
767
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
768
768
  />
769
769
  </svg>
770
770
  </div>
@@ -786,8 +786,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
786
786
  <div class="pf-v6-c-alert__icon">
787
787
  <svg
788
788
  class="pf-v6-svg"
789
- viewBox="0 0 32 32"
790
789
  fill="currentColor"
790
+ viewBox="0 0 32 32"
791
791
  aria-hidden="true"
792
792
  role="img"
793
793
  width="1em"
@@ -826,8 +826,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
826
826
  <span class="pf-v6-c-alert__toggle-icon">
827
827
  <svg
828
828
  class="pf-v6-svg"
829
- viewBox="0 0 20 20"
830
829
  fill="currentColor"
830
+ viewBox="0 0 20 20"
831
831
  aria-hidden="true"
832
832
  role="img"
833
833
  width="1em"
@@ -844,8 +844,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
844
844
  <div class="pf-v6-c-alert__icon">
845
845
  <svg
846
846
  class="pf-v6-svg"
847
- viewBox="0 0 32 32"
848
847
  fill="currentColor"
848
+ viewBox="0 0 32 32"
849
849
  aria-hidden="true"
850
850
  role="img"
851
851
  width="1em"
@@ -869,8 +869,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
869
869
  <span class="pf-v6-c-button__icon">
870
870
  <svg
871
871
  class="pf-v6-svg"
872
- viewBox="0 0 20 20"
873
872
  fill="currentColor"
873
+ viewBox="0 0 20 20"
874
874
  aria-hidden="true"
875
875
  role="img"
876
876
  width="1em"
@@ -913,8 +913,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
913
913
  <span class="pf-v6-c-alert__toggle-icon">
914
914
  <svg
915
915
  class="pf-v6-svg"
916
- viewBox="0 0 20 20"
917
916
  fill="currentColor"
917
+ viewBox="0 0 20 20"
918
918
  aria-hidden="true"
919
919
  role="img"
920
920
  width="1em"
@@ -931,8 +931,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
931
931
  <div class="pf-v6-c-alert__icon">
932
932
  <svg
933
933
  class="pf-v6-svg"
934
- viewBox="0 0 32 32"
935
934
  fill="currentColor"
935
+ viewBox="0 0 32 32"
936
936
  aria-hidden="true"
937
937
  role="img"
938
938
  width="1em"
@@ -956,8 +956,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
956
956
  <span class="pf-v6-c-button__icon">
957
957
  <svg
958
958
  class="pf-v6-svg"
959
- viewBox="0 0 20 20"
960
959
  fill="currentColor"
960
+ viewBox="0 0 20 20"
961
961
  aria-hidden="true"
962
962
  role="img"
963
963
  width="1em"
@@ -1000,8 +1000,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1000
1000
  <span class="pf-v6-c-alert__toggle-icon">
1001
1001
  <svg
1002
1002
  class="pf-v6-svg"
1003
- viewBox="0 0 20 20"
1004
1003
  fill="currentColor"
1004
+ viewBox="0 0 20 20"
1005
1005
  aria-hidden="true"
1006
1006
  role="img"
1007
1007
  width="1em"
@@ -1018,8 +1018,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1018
1018
  <div class="pf-v6-c-alert__icon">
1019
1019
  <svg
1020
1020
  class="pf-v6-svg"
1021
- viewBox="0 0 32 32"
1022
1021
  fill="currentColor"
1022
+ viewBox="0 0 32 32"
1023
1023
  aria-hidden="true"
1024
1024
  role="img"
1025
1025
  width="1em"
@@ -1043,8 +1043,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1043
1043
  <span class="pf-v6-c-button__icon">
1044
1044
  <svg
1045
1045
  class="pf-v6-svg"
1046
- viewBox="0 0 20 20"
1047
1046
  fill="currentColor"
1047
+ viewBox="0 0 20 20"
1048
1048
  aria-hidden="true"
1049
1049
  role="img"
1050
1050
  width="1em"
@@ -1087,8 +1087,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1087
1087
  <span class="pf-v6-c-alert__toggle-icon">
1088
1088
  <svg
1089
1089
  class="pf-v6-svg"
1090
- viewBox="0 0 20 20"
1091
1090
  fill="currentColor"
1091
+ viewBox="0 0 20 20"
1092
1092
  aria-hidden="true"
1093
1093
  role="img"
1094
1094
  width="1em"
@@ -1105,8 +1105,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1105
1105
  <div class="pf-v6-c-alert__icon">
1106
1106
  <svg
1107
1107
  class="pf-v6-svg"
1108
- viewBox="0 0 32 32"
1109
1108
  fill="currentColor"
1109
+ viewBox="0 0 32 32"
1110
1110
  aria-hidden="true"
1111
1111
  role="img"
1112
1112
  width="1em"
@@ -1130,8 +1130,8 @@ cssPrefix: ['pf-v6-c-alert','pf-v6-c-alert-group']
1130
1130
  <span class="pf-v6-c-button__icon">
1131
1131
  <svg
1132
1132
  class="pf-v6-svg"
1133
- viewBox="0 0 20 20"
1134
1133
  fill="currentColor"
1134
+ viewBox="0 0 20 20"
1135
1135
  aria-hidden="true"
1136
1136
  role="img"
1137
1137
  width="1em"
@@ -1175,8 +1175,8 @@ An alert group is optional when only one static alert is needed. It becomes requ
1175
1175
  <div class="pf-v6-c-alert__icon">
1176
1176
  <svg
1177
1177
  class="pf-v6-svg"
1178
- viewBox="0 0 32 32"
1179
1178
  fill="currentColor"
1179
+ viewBox="0 0 32 32"
1180
1180
  aria-hidden="true"
1181
1181
  role="img"
1182
1182
  width="1em"
@@ -1202,8 +1202,8 @@ An alert group is optional when only one static alert is needed. It becomes requ
1202
1202
  <div class="pf-v6-c-alert__icon">
1203
1203
  <svg
1204
1204
  class="pf-v6-svg"
1205
- viewBox="0 0 32 32"
1206
1205
  fill="currentColor"
1206
+ viewBox="0 0 32 32"
1207
1207
  aria-hidden="true"
1208
1208
  role="img"
1209
1209
  width="1em"
@@ -1229,8 +1229,8 @@ An alert group is optional when only one static alert is needed. It becomes requ
1229
1229
  <div class="pf-v6-c-alert__icon">
1230
1230
  <svg
1231
1231
  class="pf-v6-svg"
1232
- viewBox="0 0 32 32"
1233
1232
  fill="currentColor"
1233
+ viewBox="0 0 32 32"
1234
1234
  aria-hidden="true"
1235
1235
  role="img"
1236
1236
  width="1em"
@@ -1277,8 +1277,8 @@ For sighted users, interactive elements can be included in this message in one o
1277
1277
  <div class="pf-v6-c-alert__icon">
1278
1278
  <svg
1279
1279
  class="pf-v6-svg"
1280
- viewBox="0 0 32 32"
1281
1280
  fill="currentColor"
1281
+ viewBox="0 0 32 32"
1282
1282
  aria-hidden="true"
1283
1283
  role="img"
1284
1284
  width="1em"
@@ -1308,8 +1308,8 @@ For sighted users, interactive elements can be included in this message in one o
1308
1308
  <span class="pf-v6-c-button__icon">
1309
1309
  <svg
1310
1310
  class="pf-v6-svg"
1311
- viewBox="0 0 20 20"
1312
1311
  fill="currentColor"
1312
+ viewBox="0 0 20 20"
1313
1313
  aria-hidden="true"
1314
1314
  role="img"
1315
1315
  width="1em"
@@ -1330,8 +1330,8 @@ For sighted users, interactive elements can be included in this message in one o
1330
1330
  <div class="pf-v6-c-alert__icon">
1331
1331
  <svg
1332
1332
  class="pf-v6-svg"
1333
- viewBox="0 0 32 32"
1334
1333
  fill="currentColor"
1334
+ viewBox="0 0 32 32"
1335
1335
  aria-hidden="true"
1336
1336
  role="img"
1337
1337
  width="1em"
@@ -1355,8 +1355,8 @@ For sighted users, interactive elements can be included in this message in one o
1355
1355
  <span class="pf-v6-c-button__icon">
1356
1356
  <svg
1357
1357
  class="pf-v6-svg"
1358
- viewBox="0 0 20 20"
1359
1358
  fill="currentColor"
1359
+ viewBox="0 0 20 20"
1360
1360
  aria-hidden="true"
1361
1361
  role="img"
1362
1362
  width="1em"
@@ -1377,8 +1377,8 @@ For sighted users, interactive elements can be included in this message in one o
1377
1377
  <div class="pf-v6-c-alert__icon">
1378
1378
  <svg
1379
1379
  class="pf-v6-svg"
1380
- viewBox="0 0 32 32"
1381
1380
  fill="currentColor"
1381
+ viewBox="0 0 32 32"
1382
1382
  aria-hidden="true"
1383
1383
  role="img"
1384
1384
  width="1em"
@@ -1408,8 +1408,8 @@ For sighted users, interactive elements can be included in this message in one o
1408
1408
  <span class="pf-v6-c-button__icon">
1409
1409
  <svg
1410
1410
  class="pf-v6-svg"
1411
- viewBox="0 0 20 20"
1412
1411
  fill="currentColor"
1412
+ viewBox="0 0 20 20"
1413
1413
  aria-hidden="true"
1414
1414
  role="img"
1415
1415
  width="1em"
package/docs/components/BackToTop/examples/BackToTop.md CHANGED
@@ -15,8 +15,8 @@ cssPrefix: pf-v6-c-back-to-top
15
15
  <span class="pf-v6-c-button__icon pf-m-end">
16
16
  <svg
17
17
  class="pf-v6-svg"
18
- viewBox="0 0 320 512"
19
18
  fill="currentColor"
19
+ viewBox="0 0 320 512"
20
20
  aria-hidden="true"
21
21
  role="img"
22
22
  width="1em"
package/docs/components/Banner/examples/Banner.md CHANGED
@@ -109,8 +109,8 @@ When a banner is used to convey status, it is advised to add an icon that also c
109
109
 
110
110
  <svg
111
111
  class="pf-v6-svg"
112
- viewBox="0 0 32 32"
113
112
  fill="currentColor"
113
+ viewBox="0 0 32 32"
114
114
  aria-hidden="true"
115
115
  role="img"
116
116
  width="1em"
@@ -134,8 +134,8 @@ When a banner is used to convey status, it is advised to add an icon that also c
134
134
 
135
135
  <svg
136
136
  class="pf-v6-svg"
137
- viewBox="0 0 32 32"
138
137
  fill="currentColor"
138
+ viewBox="0 0 32 32"
139
139
  aria-hidden="true"
140
140
  role="img"
141
141
  width="1em"
@@ -159,8 +159,8 @@ When a banner is used to convey status, it is advised to add an icon that also c
159
159
 
160
160
  <svg
161
161
  class="pf-v6-svg"
162
- viewBox="0 0 32 32"
163
162
  fill="currentColor"
163
+ viewBox="0 0 32 32"
164
164
  aria-hidden="true"
165
165
  role="img"
166
166
  width="1em"
@@ -184,8 +184,8 @@ When a banner is used to convey status, it is advised to add an icon that also c
184
184
 
185
185
  <svg
186
186
  class="pf-v6-svg"
187
- viewBox="0 0 32 32"
188
187
  fill="currentColor"
188
+ viewBox="0 0 32 32"
189
189
  aria-hidden="true"
190
190
  role="img"
191
191
  width="1em"
@@ -209,8 +209,8 @@ When a banner is used to convey status, it is advised to add an icon that also c
209
209
 
210
210
  <svg
211
211
  class="pf-v6-svg"
212
- viewBox="0 0 32 32"
213
212
  fill="currentColor"
213
+ viewBox="0 0 32 32"
214
214
  aria-hidden="true"
215
215
  role="img"
216
216
  width="1em"
@@ -239,8 +239,8 @@ To display a banner with rounded corners, use `pf-m-pill`. The pill modifier can
239
239
 
240
240
  <svg
241
241
  class="pf-v6-svg"
242
- viewBox="0 0 32 32"
243
242
  fill="currentColor"
243
+ viewBox="0 0 32 32"
244
244
  aria-hidden="true"
245
245
  role="img"
246
246
  width="1em"
@@ -264,8 +264,8 @@ To display a banner with rounded corners, use `pf-m-pill`. The pill modifier can
264
264
 
265
265
  <svg
266
266
  class="pf-v6-svg"
267
- viewBox="0 0 32 32"
268
267
  fill="currentColor"
268
+ viewBox="0 0 32 32"
269
269
  aria-hidden="true"
270
270
  role="img"
271
271
  width="1em"
@@ -289,8 +289,8 @@ To display a banner with rounded corners, use `pf-m-pill`. The pill modifier can
289
289
 
290
290
  <svg
291
291
  class="pf-v6-svg"
292
- viewBox="0 0 32 32"
293
292
  fill="currentColor"
293
+ viewBox="0 0 32 32"
294
294
  aria-hidden="true"
295
295
  role="img"
296
296
  width="1em"
@@ -314,8 +314,8 @@ To display a banner with rounded corners, use `pf-m-pill`. The pill modifier can
314
314
 
315
315
  <svg
316
316
  class="pf-v6-svg"
317
- viewBox="0 0 32 32"
318
317
  fill="currentColor"
318
+ viewBox="0 0 32 32"
319
319
  aria-hidden="true"
320
320
  role="img"
321
321
  width="1em"
@@ -339,8 +339,8 @@ To display a banner with rounded corners, use `pf-m-pill`. The pill modifier can
339
339
 
340
340
  <svg
341
341
  class="pf-v6-svg"
342
- viewBox="0 0 32 32"
343
342
  fill="currentColor"
343
+ viewBox="0 0 32 32"
344
344
  aria-hidden="true"
345
345
  role="img"
346
346
  width="1em"