@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.31

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 (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +33 -5
  43. package/components/Button/button.scss +39 -7
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +412 -141
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +424 -151
  156. package/patternfly.css +424 -151
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
@@ -17,7 +17,17 @@ cssPrefix: pf-v6-c-number-input
17
17
  >
18
18
  <span class="pf-v6-c-button__icon">
19
19
  <span class="pf-v6-c-number-input__icon">
20
- <i class="fas fa-minus" aria-hidden="true"></i>
20
+ <svg
21
+ class="pf-v6-svg"
22
+ fill="currentColor"
23
+ viewBox="0 0 32 32"
24
+ aria-hidden="true"
25
+ role="img"
26
+ width="1em"
27
+ height="1em"
28
+ >
29
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
30
+ </svg>
21
31
  </span>
22
32
  </span>
23
33
  </button>
@@ -40,7 +50,19 @@ cssPrefix: pf-v6-c-number-input
40
50
  >
41
51
  <span class="pf-v6-c-button__icon">
42
52
  <span class="pf-v6-c-number-input__icon">
43
- <i class="fas fa-plus" aria-hidden="true"></i>
53
+ <svg
54
+ class="pf-v6-svg"
55
+ fill="currentColor"
56
+ viewBox="0 0 32 32"
57
+ aria-hidden="true"
58
+ role="img"
59
+ width="1em"
60
+ height="1em"
61
+ >
62
+ <path
63
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
64
+ />
65
+ </svg>
44
66
  </span>
45
67
  </span>
46
68
  </button>
@@ -63,7 +85,17 @@ cssPrefix: pf-v6-c-number-input
63
85
  >
64
86
  <span class="pf-v6-c-button__icon">
65
87
  <span class="pf-v6-c-number-input__icon">
66
- <i class="fas fa-minus" aria-hidden="true"></i>
88
+ <svg
89
+ class="pf-v6-svg"
90
+ fill="currentColor"
91
+ viewBox="0 0 32 32"
92
+ aria-hidden="true"
93
+ role="img"
94
+ width="1em"
95
+ height="1em"
96
+ >
97
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
98
+ </svg>
67
99
  </span>
68
100
  </span>
69
101
  </button>
@@ -86,7 +118,19 @@ cssPrefix: pf-v6-c-number-input
86
118
  >
87
119
  <span class="pf-v6-c-button__icon">
88
120
  <span class="pf-v6-c-number-input__icon">
89
- <i class="fas fa-plus" aria-hidden="true"></i>
121
+ <svg
122
+ class="pf-v6-svg"
123
+ fill="currentColor"
124
+ viewBox="0 0 32 32"
125
+ aria-hidden="true"
126
+ role="img"
127
+ width="1em"
128
+ height="1em"
129
+ >
130
+ <path
131
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
132
+ />
133
+ </svg>
90
134
  </span>
91
135
  </span>
92
136
  </button>
@@ -108,7 +152,17 @@ cssPrefix: pf-v6-c-number-input
108
152
  >
109
153
  <span class="pf-v6-c-button__icon">
110
154
  <span class="pf-v6-c-number-input__icon">
111
- <i class="fas fa-minus" aria-hidden="true"></i>
155
+ <svg
156
+ class="pf-v6-svg"
157
+ fill="currentColor"
158
+ viewBox="0 0 32 32"
159
+ aria-hidden="true"
160
+ role="img"
161
+ width="1em"
162
+ height="1em"
163
+ >
164
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
165
+ </svg>
112
166
  </span>
113
167
  </span>
114
168
  </button>
@@ -131,7 +185,19 @@ cssPrefix: pf-v6-c-number-input
131
185
  >
132
186
  <span class="pf-v6-c-button__icon">
133
187
  <span class="pf-v6-c-number-input__icon">
134
- <i class="fas fa-plus" aria-hidden="true"></i>
188
+ <svg
189
+ class="pf-v6-svg"
190
+ fill="currentColor"
191
+ viewBox="0 0 32 32"
192
+ aria-hidden="true"
193
+ role="img"
194
+ width="1em"
195
+ height="1em"
196
+ >
197
+ <path
198
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
199
+ />
200
+ </svg>
135
201
  </span>
136
202
  </span>
137
203
  </button>
@@ -155,7 +221,17 @@ cssPrefix: pf-v6-c-number-input
155
221
  >
156
222
  <span class="pf-v6-c-button__icon">
157
223
  <span class="pf-v6-c-number-input__icon">
158
- <i class="fas fa-minus" aria-hidden="true"></i>
224
+ <svg
225
+ class="pf-v6-svg"
226
+ fill="currentColor"
227
+ viewBox="0 0 32 32"
228
+ aria-hidden="true"
229
+ role="img"
230
+ width="1em"
231
+ height="1em"
232
+ >
233
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
234
+ </svg>
159
235
  </span>
160
236
  </span>
161
237
  </button>
@@ -179,7 +255,19 @@ cssPrefix: pf-v6-c-number-input
179
255
  >
180
256
  <span class="pf-v6-c-button__icon">
181
257
  <span class="pf-v6-c-number-input__icon">
182
- <i class="fas fa-plus" aria-hidden="true"></i>
258
+ <svg
259
+ class="pf-v6-svg"
260
+ fill="currentColor"
261
+ viewBox="0 0 32 32"
262
+ aria-hidden="true"
263
+ role="img"
264
+ width="1em"
265
+ height="1em"
266
+ >
267
+ <path
268
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
269
+ />
270
+ </svg>
183
271
  </span>
184
272
  </span>
185
273
  </button>
@@ -203,7 +291,17 @@ cssPrefix: pf-v6-c-number-input
203
291
  >
204
292
  <span class="pf-v6-c-button__icon">
205
293
  <span class="pf-v6-c-number-input__icon">
206
- <i class="fas fa-minus" aria-hidden="true"></i>
294
+ <svg
295
+ class="pf-v6-svg"
296
+ fill="currentColor"
297
+ viewBox="0 0 32 32"
298
+ aria-hidden="true"
299
+ role="img"
300
+ width="1em"
301
+ height="1em"
302
+ >
303
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
304
+ </svg>
207
305
  </span>
208
306
  </span>
209
307
  </button>
@@ -228,7 +326,19 @@ cssPrefix: pf-v6-c-number-input
228
326
  >
229
327
  <span class="pf-v6-c-button__icon">
230
328
  <span class="pf-v6-c-number-input__icon">
231
- <i class="fas fa-plus" aria-hidden="true"></i>
329
+ <svg
330
+ class="pf-v6-svg"
331
+ fill="currentColor"
332
+ viewBox="0 0 32 32"
333
+ aria-hidden="true"
334
+ role="img"
335
+ width="1em"
336
+ height="1em"
337
+ >
338
+ <path
339
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
340
+ />
341
+ </svg>
232
342
  </span>
233
343
  </span>
234
344
  </button>
@@ -253,7 +363,17 @@ cssPrefix: pf-v6-c-number-input
253
363
  >
254
364
  <span class="pf-v6-c-button__icon">
255
365
  <span class="pf-v6-c-number-input__icon">
256
- <i class="fas fa-minus" aria-hidden="true"></i>
366
+ <svg
367
+ class="pf-v6-svg"
368
+ fill="currentColor"
369
+ viewBox="0 0 32 32"
370
+ aria-hidden="true"
371
+ role="img"
372
+ width="1em"
373
+ height="1em"
374
+ >
375
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
376
+ </svg>
257
377
  </span>
258
378
  </span>
259
379
  </button>
@@ -278,7 +398,19 @@ cssPrefix: pf-v6-c-number-input
278
398
  >
279
399
  <span class="pf-v6-c-button__icon">
280
400
  <span class="pf-v6-c-number-input__icon">
281
- <i class="fas fa-plus" aria-hidden="true"></i>
401
+ <svg
402
+ class="pf-v6-svg"
403
+ fill="currentColor"
404
+ viewBox="0 0 32 32"
405
+ aria-hidden="true"
406
+ role="img"
407
+ width="1em"
408
+ height="1em"
409
+ >
410
+ <path
411
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
412
+ />
413
+ </svg>
282
414
  </span>
283
415
  </span>
284
416
  </button>
@@ -302,7 +434,17 @@ cssPrefix: pf-v6-c-number-input
302
434
  >
303
435
  <span class="pf-v6-c-button__icon">
304
436
  <span class="pf-v6-c-number-input__icon">
305
- <i class="fas fa-minus" aria-hidden="true"></i>
437
+ <svg
438
+ class="pf-v6-svg"
439
+ fill="currentColor"
440
+ viewBox="0 0 32 32"
441
+ aria-hidden="true"
442
+ role="img"
443
+ width="1em"
444
+ height="1em"
445
+ >
446
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
447
+ </svg>
306
448
  </span>
307
449
  </span>
308
450
  </button>
@@ -325,7 +467,19 @@ cssPrefix: pf-v6-c-number-input
325
467
  >
326
468
  <span class="pf-v6-c-button__icon">
327
469
  <span class="pf-v6-c-number-input__icon">
328
- <i class="fas fa-plus" aria-hidden="true"></i>
470
+ <svg
471
+ class="pf-v6-svg"
472
+ fill="currentColor"
473
+ viewBox="0 0 32 32"
474
+ aria-hidden="true"
475
+ role="img"
476
+ width="1em"
477
+ height="1em"
478
+ >
479
+ <path
480
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
481
+ />
482
+ </svg>
329
483
  </span>
330
484
  </span>
331
485
  </button>
@@ -344,7 +498,17 @@ cssPrefix: pf-v6-c-number-input
344
498
  >
345
499
  <span class="pf-v6-c-button__icon">
346
500
  <span class="pf-v6-c-number-input__icon">
347
- <i class="fas fa-minus" aria-hidden="true"></i>
501
+ <svg
502
+ class="pf-v6-svg"
503
+ fill="currentColor"
504
+ viewBox="0 0 32 32"
505
+ aria-hidden="true"
506
+ role="img"
507
+ width="1em"
508
+ height="1em"
509
+ >
510
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
511
+ </svg>
348
512
  </span>
349
513
  </span>
350
514
  </button>
@@ -359,7 +523,19 @@ cssPrefix: pf-v6-c-number-input
359
523
  />
360
524
  <span class="pf-v6-c-form-control__utilities">
361
525
  <span class="pf-v6-c-form-control__icon pf-m-status">
362
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
526
+ <svg
527
+ class="pf-v6-svg"
528
+ fill="currentColor"
529
+ viewBox="0 0 32 32"
530
+ aria-hidden="true"
531
+ role="img"
532
+ width="1em"
533
+ height="1em"
534
+ >
535
+ <path
536
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
537
+ />
538
+ </svg>
363
539
  </span>
364
540
  </span>
365
541
  </span>
@@ -372,7 +548,19 @@ cssPrefix: pf-v6-c-number-input
372
548
  >
373
549
  <span class="pf-v6-c-button__icon">
374
550
  <span class="pf-v6-c-number-input__icon">
375
- <i class="fas fa-plus" aria-hidden="true"></i>
551
+ <svg
552
+ class="pf-v6-svg"
553
+ fill="currentColor"
554
+ viewBox="0 0 32 32"
555
+ aria-hidden="true"
556
+ role="img"
557
+ width="1em"
558
+ height="1em"
559
+ >
560
+ <path
561
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
562
+ />
563
+ </svg>
376
564
  </span>
377
565
  </span>
378
566
  </button>
@@ -398,7 +586,17 @@ cssPrefix: pf-v6-c-number-input
398
586
  >
399
587
  <span class="pf-v6-c-button__icon">
400
588
  <span class="pf-v6-c-number-input__icon">
401
- <i class="fas fa-minus" aria-hidden="true"></i>
589
+ <svg
590
+ class="pf-v6-svg"
591
+ fill="currentColor"
592
+ viewBox="0 0 32 32"
593
+ aria-hidden="true"
594
+ role="img"
595
+ width="1em"
596
+ height="1em"
597
+ >
598
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
599
+ </svg>
402
600
  </span>
403
601
  </span>
404
602
  </button>
@@ -421,7 +619,19 @@ cssPrefix: pf-v6-c-number-input
421
619
  >
422
620
  <span class="pf-v6-c-button__icon">
423
621
  <span class="pf-v6-c-number-input__icon">
424
- <i class="fas fa-plus" aria-hidden="true"></i>
622
+ <svg
623
+ class="pf-v6-svg"
624
+ fill="currentColor"
625
+ viewBox="0 0 32 32"
626
+ aria-hidden="true"
627
+ role="img"
628
+ width="1em"
629
+ height="1em"
630
+ >
631
+ <path
632
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
633
+ />
634
+ </svg>
425
635
  </span>
426
636
  </span>
427
637
  </button>
@@ -443,7 +653,17 @@ cssPrefix: pf-v6-c-number-input
443
653
  >
444
654
  <span class="pf-v6-c-button__icon">
445
655
  <span class="pf-v6-c-number-input__icon">
446
- <i class="fas fa-minus" aria-hidden="true"></i>
656
+ <svg
657
+ class="pf-v6-svg"
658
+ fill="currentColor"
659
+ viewBox="0 0 32 32"
660
+ aria-hidden="true"
661
+ role="img"
662
+ width="1em"
663
+ height="1em"
664
+ >
665
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
666
+ </svg>
447
667
  </span>
448
668
  </span>
449
669
  </button>
@@ -466,7 +686,19 @@ cssPrefix: pf-v6-c-number-input
466
686
  >
467
687
  <span class="pf-v6-c-button__icon">
468
688
  <span class="pf-v6-c-number-input__icon">
469
- <i class="fas fa-plus" aria-hidden="true"></i>
689
+ <svg
690
+ class="pf-v6-svg"
691
+ fill="currentColor"
692
+ viewBox="0 0 32 32"
693
+ aria-hidden="true"
694
+ role="img"
695
+ width="1em"
696
+ height="1em"
697
+ >
698
+ <path
699
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
700
+ />
701
+ </svg>
470
702
  </span>
471
703
  </span>
472
704
  </button>
@@ -488,7 +720,17 @@ cssPrefix: pf-v6-c-number-input
488
720
  >
489
721
  <span class="pf-v6-c-button__icon">
490
722
  <span class="pf-v6-c-number-input__icon">
491
- <i class="fas fa-minus" aria-hidden="true"></i>
723
+ <svg
724
+ class="pf-v6-svg"
725
+ fill="currentColor"
726
+ viewBox="0 0 32 32"
727
+ aria-hidden="true"
728
+ role="img"
729
+ width="1em"
730
+ height="1em"
731
+ >
732
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
733
+ </svg>
492
734
  </span>
493
735
  </span>
494
736
  </button>
@@ -511,7 +753,19 @@ cssPrefix: pf-v6-c-number-input
511
753
  >
512
754
  <span class="pf-v6-c-button__icon">
513
755
  <span class="pf-v6-c-number-input__icon">
514
- <i class="fas fa-plus" aria-hidden="true"></i>
756
+ <svg
757
+ class="pf-v6-svg"
758
+ fill="currentColor"
759
+ viewBox="0 0 32 32"
760
+ aria-hidden="true"
761
+ role="img"
762
+ width="1em"
763
+ height="1em"
764
+ >
765
+ <path
766
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
767
+ />
768
+ </svg>
515
769
  </span>
516
770
  </span>
517
771
  </button>
@@ -533,7 +787,17 @@ cssPrefix: pf-v6-c-number-input
533
787
  >
534
788
  <span class="pf-v6-c-button__icon">
535
789
  <span class="pf-v6-c-number-input__icon">
536
- <i class="fas fa-minus" aria-hidden="true"></i>
790
+ <svg
791
+ class="pf-v6-svg"
792
+ fill="currentColor"
793
+ viewBox="0 0 32 32"
794
+ aria-hidden="true"
795
+ role="img"
796
+ width="1em"
797
+ height="1em"
798
+ >
799
+ <path d="M29 17H3a1 1 0 0 1 0-2h26a1 1 0 0 1 0 2Z" />
800
+ </svg>
537
801
  </span>
538
802
  </span>
539
803
  </button>
@@ -556,7 +820,19 @@ cssPrefix: pf-v6-c-number-input
556
820
  >
557
821
  <span class="pf-v6-c-button__icon">
558
822
  <span class="pf-v6-c-number-input__icon">
559
- <i class="fas fa-plus" aria-hidden="true"></i>
823
+ <svg
824
+ class="pf-v6-svg"
825
+ fill="currentColor"
826
+ viewBox="0 0 32 32"
827
+ aria-hidden="true"
828
+ role="img"
829
+ width="1em"
830
+ height="1em"
831
+ >
832
+ <path
833
+ d="M29 15H17V3a1 1 0 0 0-2 0v12H3a1 1 0 0 0 0 2h12v12a1 1 0 0 0 2 0V17h12a1 1 0 0 0 0-2Z"
834
+ />
835
+ </svg>
560
836
  </span>
561
837
  </span>
562
838
  </button>