@patternfly/patternfly 6.5.0-prerelease.44 → 6.5.0-prerelease.46

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 (48) hide show
  1. package/components/Button/button.css +1 -1
  2. package/components/Button/button.scss +1 -1
  3. package/components/NotificationDrawer/notification-drawer.css +10 -2
  4. package/components/NotificationDrawer/notification-drawer.scss +11 -4
  5. package/components/_index.css +11 -3
  6. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  7. package/docs/components/ActionList/examples/ActionList.md +10 -10
  8. package/docs/components/Alert/examples/Alert.md +30 -30
  9. package/docs/components/Banner/examples/Banner.md +65 -5
  10. package/docs/components/Drawer/examples/Drawer.md +42 -42
  11. package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
  12. package/docs/components/Icon/examples/Icon.md +65 -5
  13. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  14. package/docs/components/Label/examples/Label.md +2812 -220
  15. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  16. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  17. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +18 -18
  18. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
  19. package/docs/components/Popover/examples/Popover.md +110 -38
  20. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  21. package/docs/components/Slider/examples/Slider.md +52 -4
  22. package/docs/components/Tabs/examples/Tabs.md +1638 -126
  23. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  24. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  25. package/docs/components/Wizard/examples/Wizard.md +26 -26
  26. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  27. package/docs/demos/Alert/examples/Alert.md +6 -6
  28. package/docs/demos/Card/examples/Card.md +80 -8
  29. package/docs/demos/Compass/examples/Compass.md +2 -2
  30. package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
  31. package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
  32. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  33. package/docs/demos/Form/examples/BasicForms.md +26 -2
  34. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
  35. package/docs/demos/Masthead/examples/Masthead.md +15 -3
  36. package/docs/demos/Modal/examples/Modal.md +12 -12
  37. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
  38. package/docs/demos/Page/examples/Page.md +2 -2
  39. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
  40. package/docs/demos/Table/examples/Table.md +232 -19
  41. package/docs/demos/Tabs/examples/Tabs.md +23 -5
  42. package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
  43. package/docs/demos/Wizard/examples/Wizard.md +20 -20
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -3
  46. package/patternfly.css +11 -3
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
@@ -38,8 +38,24 @@ cssPrefix: pf-v6-c-dual-list-selector
38
38
  type="button"
39
39
  aria-label="Sort"
40
40
  >
41
- <span class="pf-v6-c-button__icon pf-m-start">
42
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
41
+ <span class="pf-v6-c-button__icon">
42
+ <span class="pf-v6-c-icon">
43
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
44
+ <svg
45
+ class="pf-v6-svg"
46
+ viewBox="0 0 512 512"
47
+ fill="currentColor"
48
+ aria-hidden="true"
49
+ role="img"
50
+ width="1em"
51
+ height="1em"
52
+ >
53
+ <path
54
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
55
+ />
56
+ </svg>
57
+ </span>
58
+ </span>
43
59
  </span>
44
60
  </button>
45
61
  <button
@@ -131,7 +147,19 @@ cssPrefix: pf-v6-c-dual-list-selector
131
147
  aria-label="Add selected"
132
148
  >
133
149
  <span class="pf-v6-c-button__icon">
134
- <!-- Icon "angle-right fa-fw" not found -->
150
+ <svg
151
+ class="pf-v6-svg"
152
+ viewBox="0 0 256 512"
153
+ fill="currentColor"
154
+ aria-hidden="true"
155
+ role="img"
156
+ width="1em"
157
+ height="1em"
158
+ >
159
+ <path
160
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
161
+ />
162
+ </svg>
135
163
  </span>
136
164
  </button>
137
165
  </div>
@@ -142,7 +170,19 @@ cssPrefix: pf-v6-c-dual-list-selector
142
170
  aria-label="Add all"
143
171
  >
144
172
  <span class="pf-v6-c-button__icon">
145
- <!-- Icon "angle-double-right fa-fw" not found -->
173
+ <svg
174
+ class="pf-v6-svg"
175
+ viewBox="0 0 448 512"
176
+ fill="currentColor"
177
+ aria-hidden="true"
178
+ role="img"
179
+ width="1em"
180
+ height="1em"
181
+ >
182
+ <path
183
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
184
+ />
185
+ </svg>
146
186
  </span>
147
187
  </button>
148
188
  </div>
@@ -154,7 +194,19 @@ cssPrefix: pf-v6-c-dual-list-selector
154
194
  aria-label="Remove all"
155
195
  >
156
196
  <span class="pf-v6-c-button__icon">
157
- <!-- Icon "angle-double-left fa-fw" not found -->
197
+ <svg
198
+ class="pf-v6-svg"
199
+ viewBox="0 0 448 512"
200
+ fill="currentColor"
201
+ aria-hidden="true"
202
+ role="img"
203
+ width="1em"
204
+ height="1em"
205
+ >
206
+ <path
207
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
208
+ />
209
+ </svg>
158
210
  </span>
159
211
  </button>
160
212
  </div>
@@ -166,7 +218,19 @@ cssPrefix: pf-v6-c-dual-list-selector
166
218
  aria-label="Remove selected"
167
219
  >
168
220
  <span class="pf-v6-c-button__icon">
169
- <!-- Icon "angle-left fa-fw" not found -->
221
+ <svg
222
+ class="pf-v6-svg"
223
+ viewBox="0 0 256 512"
224
+ fill="currentColor"
225
+ aria-hidden="true"
226
+ role="img"
227
+ width="1em"
228
+ height="1em"
229
+ >
230
+ <path
231
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
232
+ />
233
+ </svg>
170
234
  </span>
171
235
  </button>
172
236
  </div>
@@ -201,8 +265,24 @@ cssPrefix: pf-v6-c-dual-list-selector
201
265
  type="button"
202
266
  aria-label="Sort"
203
267
  >
204
- <span class="pf-v6-c-button__icon pf-m-start">
205
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
268
+ <span class="pf-v6-c-button__icon">
269
+ <span class="pf-v6-c-icon">
270
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 512 512"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
282
+ />
283
+ </svg>
284
+ </span>
285
+ </span>
206
286
  </span>
207
287
  </button>
208
288
  <button
@@ -272,8 +352,24 @@ cssPrefix: pf-v6-c-dual-list-selector
272
352
  type="button"
273
353
  aria-label="Sort"
274
354
  >
275
- <span class="pf-v6-c-button__icon pf-m-start">
276
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
355
+ <span class="pf-v6-c-button__icon">
356
+ <span class="pf-v6-c-icon">
357
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
358
+ <svg
359
+ class="pf-v6-svg"
360
+ viewBox="0 0 512 512"
361
+ fill="currentColor"
362
+ aria-hidden="true"
363
+ role="img"
364
+ width="1em"
365
+ height="1em"
366
+ >
367
+ <path
368
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
369
+ />
370
+ </svg>
371
+ </span>
372
+ </span>
277
373
  </span>
278
374
  </button>
279
375
  <button
@@ -359,7 +455,19 @@ cssPrefix: pf-v6-c-dual-list-selector
359
455
  aria-label="Add selected"
360
456
  >
361
457
  <span class="pf-v6-c-button__icon">
362
- <!-- Icon "angle-right fa-fw" not found -->
458
+ <svg
459
+ class="pf-v6-svg"
460
+ viewBox="0 0 256 512"
461
+ fill="currentColor"
462
+ aria-hidden="true"
463
+ role="img"
464
+ width="1em"
465
+ height="1em"
466
+ >
467
+ <path
468
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
469
+ />
470
+ </svg>
363
471
  </span>
364
472
  </button>
365
473
  </div>
@@ -370,7 +478,19 @@ cssPrefix: pf-v6-c-dual-list-selector
370
478
  aria-label="Add all"
371
479
  >
372
480
  <span class="pf-v6-c-button__icon">
373
- <!-- Icon "angle-double-right fa-fw" not found -->
481
+ <svg
482
+ class="pf-v6-svg"
483
+ viewBox="0 0 448 512"
484
+ fill="currentColor"
485
+ aria-hidden="true"
486
+ role="img"
487
+ width="1em"
488
+ height="1em"
489
+ >
490
+ <path
491
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
492
+ />
493
+ </svg>
374
494
  </span>
375
495
  </button>
376
496
  </div>
@@ -382,7 +502,19 @@ cssPrefix: pf-v6-c-dual-list-selector
382
502
  aria-label="Remove all"
383
503
  >
384
504
  <span class="pf-v6-c-button__icon">
385
- <!-- Icon "angle-double-left fa-fw" not found -->
505
+ <svg
506
+ class="pf-v6-svg"
507
+ viewBox="0 0 448 512"
508
+ fill="currentColor"
509
+ aria-hidden="true"
510
+ role="img"
511
+ width="1em"
512
+ height="1em"
513
+ >
514
+ <path
515
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
516
+ />
517
+ </svg>
386
518
  </span>
387
519
  </button>
388
520
  </div>
@@ -394,7 +526,19 @@ cssPrefix: pf-v6-c-dual-list-selector
394
526
  aria-label="Remove selected"
395
527
  >
396
528
  <span class="pf-v6-c-button__icon">
397
- <!-- Icon "angle-left fa-fw" not found -->
529
+ <svg
530
+ class="pf-v6-svg"
531
+ viewBox="0 0 256 512"
532
+ fill="currentColor"
533
+ aria-hidden="true"
534
+ role="img"
535
+ width="1em"
536
+ height="1em"
537
+ >
538
+ <path
539
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
540
+ />
541
+ </svg>
398
542
  </span>
399
543
  </button>
400
544
  </div>
@@ -429,8 +573,24 @@ cssPrefix: pf-v6-c-dual-list-selector
429
573
  type="button"
430
574
  aria-label="Sort"
431
575
  >
432
- <span class="pf-v6-c-button__icon pf-m-start">
433
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
576
+ <span class="pf-v6-c-button__icon">
577
+ <span class="pf-v6-c-icon">
578
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
579
+ <svg
580
+ class="pf-v6-svg"
581
+ viewBox="0 0 512 512"
582
+ fill="currentColor"
583
+ aria-hidden="true"
584
+ role="img"
585
+ width="1em"
586
+ height="1em"
587
+ >
588
+ <path
589
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
590
+ />
591
+ </svg>
592
+ </span>
593
+ </span>
434
594
  </span>
435
595
  </button>
436
596
  <button
@@ -500,8 +660,24 @@ cssPrefix: pf-v6-c-dual-list-selector
500
660
  type="button"
501
661
  aria-label="Sort"
502
662
  >
503
- <span class="pf-v6-c-button__icon pf-m-start">
504
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
663
+ <span class="pf-v6-c-button__icon">
664
+ <span class="pf-v6-c-icon">
665
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
666
+ <svg
667
+ class="pf-v6-svg"
668
+ viewBox="0 0 512 512"
669
+ fill="currentColor"
670
+ aria-hidden="true"
671
+ role="img"
672
+ width="1em"
673
+ height="1em"
674
+ >
675
+ <path
676
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
677
+ />
678
+ </svg>
679
+ </span>
680
+ </span>
505
681
  </span>
506
682
  </button>
507
683
  <button
@@ -587,7 +763,19 @@ cssPrefix: pf-v6-c-dual-list-selector
587
763
  aria-label="Add selected"
588
764
  >
589
765
  <span class="pf-v6-c-button__icon">
590
- <!-- Icon "angle-right fa-fw" not found -->
766
+ <svg
767
+ class="pf-v6-svg"
768
+ viewBox="0 0 256 512"
769
+ fill="currentColor"
770
+ aria-hidden="true"
771
+ role="img"
772
+ width="1em"
773
+ height="1em"
774
+ >
775
+ <path
776
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
777
+ />
778
+ </svg>
591
779
  </span>
592
780
  </button>
593
781
  </div>
@@ -598,7 +786,19 @@ cssPrefix: pf-v6-c-dual-list-selector
598
786
  aria-label="Add all"
599
787
  >
600
788
  <span class="pf-v6-c-button__icon">
601
- <!-- Icon "angle-double-right fa-fw" not found -->
789
+ <svg
790
+ class="pf-v6-svg"
791
+ viewBox="0 0 448 512"
792
+ fill="currentColor"
793
+ aria-hidden="true"
794
+ role="img"
795
+ width="1em"
796
+ height="1em"
797
+ >
798
+ <path
799
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
800
+ />
801
+ </svg>
602
802
  </span>
603
803
  </button>
604
804
  </div>
@@ -610,7 +810,19 @@ cssPrefix: pf-v6-c-dual-list-selector
610
810
  aria-label="Remove all"
611
811
  >
612
812
  <span class="pf-v6-c-button__icon">
613
- <!-- Icon "angle-double-left fa-fw" not found -->
813
+ <svg
814
+ class="pf-v6-svg"
815
+ viewBox="0 0 448 512"
816
+ fill="currentColor"
817
+ aria-hidden="true"
818
+ role="img"
819
+ width="1em"
820
+ height="1em"
821
+ >
822
+ <path
823
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
824
+ />
825
+ </svg>
614
826
  </span>
615
827
  </button>
616
828
  </div>
@@ -622,7 +834,19 @@ cssPrefix: pf-v6-c-dual-list-selector
622
834
  aria-label="Remove selected"
623
835
  >
624
836
  <span class="pf-v6-c-button__icon">
625
- <!-- Icon "angle-left fa-fw" not found -->
837
+ <svg
838
+ class="pf-v6-svg"
839
+ viewBox="0 0 256 512"
840
+ fill="currentColor"
841
+ aria-hidden="true"
842
+ role="img"
843
+ width="1em"
844
+ height="1em"
845
+ >
846
+ <path
847
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
848
+ />
849
+ </svg>
626
850
  </span>
627
851
  </button>
628
852
  </div>
@@ -657,8 +881,24 @@ cssPrefix: pf-v6-c-dual-list-selector
657
881
  type="button"
658
882
  aria-label="Sort"
659
883
  >
660
- <span class="pf-v6-c-button__icon pf-m-start">
661
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
884
+ <span class="pf-v6-c-button__icon">
885
+ <span class="pf-v6-c-icon">
886
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
887
+ <svg
888
+ class="pf-v6-svg"
889
+ viewBox="0 0 512 512"
890
+ fill="currentColor"
891
+ aria-hidden="true"
892
+ role="img"
893
+ width="1em"
894
+ height="1em"
895
+ >
896
+ <path
897
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
898
+ />
899
+ </svg>
900
+ </span>
901
+ </span>
662
902
  </span>
663
903
  </button>
664
904
  <button
@@ -728,8 +968,24 @@ cssPrefix: pf-v6-c-dual-list-selector
728
968
  type="button"
729
969
  aria-label="Sort"
730
970
  >
731
- <span class="pf-v6-c-button__icon pf-m-start">
732
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
971
+ <span class="pf-v6-c-button__icon">
972
+ <span class="pf-v6-c-icon">
973
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
974
+ <svg
975
+ class="pf-v6-svg"
976
+ viewBox="0 0 512 512"
977
+ fill="currentColor"
978
+ aria-hidden="true"
979
+ role="img"
980
+ width="1em"
981
+ height="1em"
982
+ >
983
+ <path
984
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
985
+ />
986
+ </svg>
987
+ </span>
988
+ </span>
733
989
  </span>
734
990
  </button>
735
991
  <button
@@ -816,7 +1072,19 @@ cssPrefix: pf-v6-c-dual-list-selector
816
1072
  aria-label="Add selected"
817
1073
  >
818
1074
  <span class="pf-v6-c-button__icon">
819
- <!-- Icon "angle-right fa-fw" not found -->
1075
+ <svg
1076
+ class="pf-v6-svg"
1077
+ viewBox="0 0 256 512"
1078
+ fill="currentColor"
1079
+ aria-hidden="true"
1080
+ role="img"
1081
+ width="1em"
1082
+ height="1em"
1083
+ >
1084
+ <path
1085
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1086
+ />
1087
+ </svg>
820
1088
  </span>
821
1089
  </button>
822
1090
  </div>
@@ -827,7 +1095,19 @@ cssPrefix: pf-v6-c-dual-list-selector
827
1095
  aria-label="Add all"
828
1096
  >
829
1097
  <span class="pf-v6-c-button__icon">
830
- <!-- Icon "angle-double-right fa-fw" not found -->
1098
+ <svg
1099
+ class="pf-v6-svg"
1100
+ viewBox="0 0 448 512"
1101
+ fill="currentColor"
1102
+ aria-hidden="true"
1103
+ role="img"
1104
+ width="1em"
1105
+ height="1em"
1106
+ >
1107
+ <path
1108
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1109
+ />
1110
+ </svg>
831
1111
  </span>
832
1112
  </button>
833
1113
  </div>
@@ -838,7 +1118,19 @@ cssPrefix: pf-v6-c-dual-list-selector
838
1118
  aria-label="Remove all"
839
1119
  >
840
1120
  <span class="pf-v6-c-button__icon">
841
- <!-- Icon "angle-double-left fa-fw" not found -->
1121
+ <svg
1122
+ class="pf-v6-svg"
1123
+ viewBox="0 0 448 512"
1124
+ fill="currentColor"
1125
+ aria-hidden="true"
1126
+ role="img"
1127
+ width="1em"
1128
+ height="1em"
1129
+ >
1130
+ <path
1131
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1132
+ />
1133
+ </svg>
842
1134
  </span>
843
1135
  </button>
844
1136
  </div>
@@ -850,7 +1142,19 @@ cssPrefix: pf-v6-c-dual-list-selector
850
1142
  aria-label="Remove selected"
851
1143
  >
852
1144
  <span class="pf-v6-c-button__icon">
853
- <!-- Icon "angle-left fa-fw" not found -->
1145
+ <svg
1146
+ class="pf-v6-svg"
1147
+ viewBox="0 0 256 512"
1148
+ fill="currentColor"
1149
+ aria-hidden="true"
1150
+ role="img"
1151
+ width="1em"
1152
+ height="1em"
1153
+ >
1154
+ <path
1155
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1156
+ />
1157
+ </svg>
854
1158
  </span>
855
1159
  </button>
856
1160
  </div>
@@ -885,8 +1189,24 @@ cssPrefix: pf-v6-c-dual-list-selector
885
1189
  type="button"
886
1190
  aria-label="Sort"
887
1191
  >
888
- <span class="pf-v6-c-button__icon pf-m-start">
889
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
1192
+ <span class="pf-v6-c-button__icon">
1193
+ <span class="pf-v6-c-icon">
1194
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1195
+ <svg
1196
+ class="pf-v6-svg"
1197
+ viewBox="0 0 512 512"
1198
+ fill="currentColor"
1199
+ aria-hidden="true"
1200
+ role="img"
1201
+ width="1em"
1202
+ height="1em"
1203
+ >
1204
+ <path
1205
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1206
+ />
1207
+ </svg>
1208
+ </span>
1209
+ </span>
890
1210
  </span>
891
1211
  </button>
892
1212
  <button
@@ -966,8 +1286,24 @@ cssPrefix: pf-v6-c-dual-list-selector
966
1286
  type="button"
967
1287
  aria-label="Sort"
968
1288
  >
969
- <span class="pf-v6-c-button__icon pf-m-start">
970
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
1289
+ <span class="pf-v6-c-button__icon">
1290
+ <span class="pf-v6-c-icon">
1291
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1292
+ <svg
1293
+ class="pf-v6-svg"
1294
+ viewBox="0 0 512 512"
1295
+ fill="currentColor"
1296
+ aria-hidden="true"
1297
+ role="img"
1298
+ width="1em"
1299
+ height="1em"
1300
+ >
1301
+ <path
1302
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1303
+ />
1304
+ </svg>
1305
+ </span>
1306
+ </span>
971
1307
  </span>
972
1308
  </button>
973
1309
  <button
@@ -1054,7 +1390,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1054
1390
  aria-label="Add selected"
1055
1391
  >
1056
1392
  <span class="pf-v6-c-button__icon">
1057
- <!-- Icon "angle-right fa-fw" not found -->
1393
+ <svg
1394
+ class="pf-v6-svg"
1395
+ viewBox="0 0 256 512"
1396
+ fill="currentColor"
1397
+ aria-hidden="true"
1398
+ role="img"
1399
+ width="1em"
1400
+ height="1em"
1401
+ >
1402
+ <path
1403
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1404
+ />
1405
+ </svg>
1058
1406
  </span>
1059
1407
  </button>
1060
1408
  </div>
@@ -1065,7 +1413,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1065
1413
  aria-label="Add all"
1066
1414
  >
1067
1415
  <span class="pf-v6-c-button__icon">
1068
- <!-- Icon "angle-double-right fa-fw" not found -->
1416
+ <svg
1417
+ class="pf-v6-svg"
1418
+ viewBox="0 0 448 512"
1419
+ fill="currentColor"
1420
+ aria-hidden="true"
1421
+ role="img"
1422
+ width="1em"
1423
+ height="1em"
1424
+ >
1425
+ <path
1426
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1427
+ />
1428
+ </svg>
1069
1429
  </span>
1070
1430
  </button>
1071
1431
  </div>
@@ -1076,7 +1436,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1076
1436
  aria-label="Remove all"
1077
1437
  >
1078
1438
  <span class="pf-v6-c-button__icon">
1079
- <!-- Icon "angle-double-left fa-fw" not found -->
1439
+ <svg
1440
+ class="pf-v6-svg"
1441
+ viewBox="0 0 448 512"
1442
+ fill="currentColor"
1443
+ aria-hidden="true"
1444
+ role="img"
1445
+ width="1em"
1446
+ height="1em"
1447
+ >
1448
+ <path
1449
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1450
+ />
1451
+ </svg>
1080
1452
  </span>
1081
1453
  </button>
1082
1454
  </div>
@@ -1087,7 +1459,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1087
1459
  aria-label="Remove selected"
1088
1460
  >
1089
1461
  <span class="pf-v6-c-button__icon">
1090
- <!-- Icon "angle-left fa-fw" not found -->
1462
+ <svg
1463
+ class="pf-v6-svg"
1464
+ viewBox="0 0 256 512"
1465
+ fill="currentColor"
1466
+ aria-hidden="true"
1467
+ role="img"
1468
+ width="1em"
1469
+ height="1em"
1470
+ >
1471
+ <path
1472
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1473
+ />
1474
+ </svg>
1091
1475
  </span>
1092
1476
  </button>
1093
1477
  </div>
@@ -1122,8 +1506,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1122
1506
  type="button"
1123
1507
  aria-label="Sort"
1124
1508
  >
1125
- <span class="pf-v6-c-button__icon pf-m-start">
1126
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
1509
+ <span class="pf-v6-c-button__icon">
1510
+ <span class="pf-v6-c-icon">
1511
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1512
+ <svg
1513
+ class="pf-v6-svg"
1514
+ viewBox="0 0 512 512"
1515
+ fill="currentColor"
1516
+ aria-hidden="true"
1517
+ role="img"
1518
+ width="1em"
1519
+ height="1em"
1520
+ >
1521
+ <path
1522
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1523
+ />
1524
+ </svg>
1525
+ </span>
1526
+ </span>
1127
1527
  </span>
1128
1528
  </button>
1129
1529
  <button
@@ -1203,8 +1603,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1203
1603
  type="button"
1204
1604
  aria-label="Sort"
1205
1605
  >
1206
- <span class="pf-v6-c-button__icon pf-m-start">
1207
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
1606
+ <span class="pf-v6-c-button__icon">
1607
+ <span class="pf-v6-c-icon">
1608
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
1609
+ <svg
1610
+ class="pf-v6-svg"
1611
+ viewBox="0 0 512 512"
1612
+ fill="currentColor"
1613
+ aria-hidden="true"
1614
+ role="img"
1615
+ width="1em"
1616
+ height="1em"
1617
+ >
1618
+ <path
1619
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
1620
+ />
1621
+ </svg>
1622
+ </span>
1623
+ </span>
1208
1624
  </span>
1209
1625
  </button>
1210
1626
  <button
@@ -1543,7 +1959,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1543
1959
  aria-label="Add selected"
1544
1960
  >
1545
1961
  <span class="pf-v6-c-button__icon">
1546
- <!-- Icon "angle-right fa-fw" not found -->
1962
+ <svg
1963
+ class="pf-v6-svg"
1964
+ viewBox="0 0 256 512"
1965
+ fill="currentColor"
1966
+ aria-hidden="true"
1967
+ role="img"
1968
+ width="1em"
1969
+ height="1em"
1970
+ >
1971
+ <path
1972
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1973
+ />
1974
+ </svg>
1547
1975
  </span>
1548
1976
  </button>
1549
1977
  </div>
@@ -1554,7 +1982,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1554
1982
  aria-label="Add all"
1555
1983
  >
1556
1984
  <span class="pf-v6-c-button__icon">
1557
- <!-- Icon "angle-double-right fa-fw" not found -->
1985
+ <svg
1986
+ class="pf-v6-svg"
1987
+ viewBox="0 0 448 512"
1988
+ fill="currentColor"
1989
+ aria-hidden="true"
1990
+ role="img"
1991
+ width="1em"
1992
+ height="1em"
1993
+ >
1994
+ <path
1995
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1996
+ />
1997
+ </svg>
1558
1998
  </span>
1559
1999
  </button>
1560
2000
  </div>
@@ -1566,7 +2006,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1566
2006
  aria-label="Remove all"
1567
2007
  >
1568
2008
  <span class="pf-v6-c-button__icon">
1569
- <!-- Icon "angle-double-left fa-fw" not found -->
2009
+ <svg
2010
+ class="pf-v6-svg"
2011
+ viewBox="0 0 448 512"
2012
+ fill="currentColor"
2013
+ aria-hidden="true"
2014
+ role="img"
2015
+ width="1em"
2016
+ height="1em"
2017
+ >
2018
+ <path
2019
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
2020
+ />
2021
+ </svg>
1570
2022
  </span>
1571
2023
  </button>
1572
2024
  </div>
@@ -1578,7 +2030,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1578
2030
  aria-label="Remove selected"
1579
2031
  >
1580
2032
  <span class="pf-v6-c-button__icon">
1581
- <!-- Icon "angle-left fa-fw" not found -->
2033
+ <svg
2034
+ class="pf-v6-svg"
2035
+ viewBox="0 0 256 512"
2036
+ fill="currentColor"
2037
+ aria-hidden="true"
2038
+ role="img"
2039
+ width="1em"
2040
+ height="1em"
2041
+ >
2042
+ <path
2043
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2044
+ />
2045
+ </svg>
1582
2046
  </span>
1583
2047
  </button>
1584
2048
  </div>
@@ -1613,8 +2077,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1613
2077
  type="button"
1614
2078
  aria-label="Sort"
1615
2079
  >
1616
- <span class="pf-v6-c-button__icon pf-m-start">
1617
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2080
+ <span class="pf-v6-c-button__icon">
2081
+ <span class="pf-v6-c-icon">
2082
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2083
+ <svg
2084
+ class="pf-v6-svg"
2085
+ viewBox="0 0 512 512"
2086
+ fill="currentColor"
2087
+ aria-hidden="true"
2088
+ role="img"
2089
+ width="1em"
2090
+ height="1em"
2091
+ >
2092
+ <path
2093
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2094
+ />
2095
+ </svg>
2096
+ </span>
2097
+ </span>
1618
2098
  </span>
1619
2099
  </button>
1620
2100
  <button
@@ -1684,8 +2164,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1684
2164
  type="button"
1685
2165
  aria-label="Sort"
1686
2166
  >
1687
- <span class="pf-v6-c-button__icon pf-m-start">
1688
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2167
+ <span class="pf-v6-c-button__icon">
2168
+ <span class="pf-v6-c-icon">
2169
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2170
+ <svg
2171
+ class="pf-v6-svg"
2172
+ viewBox="0 0 512 512"
2173
+ fill="currentColor"
2174
+ aria-hidden="true"
2175
+ role="img"
2176
+ width="1em"
2177
+ height="1em"
2178
+ >
2179
+ <path
2180
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2181
+ />
2182
+ </svg>
2183
+ </span>
2184
+ </span>
1689
2185
  </span>
1690
2186
  </button>
1691
2187
  <button
@@ -2008,7 +2504,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2008
2504
  aria-label="Add selected"
2009
2505
  >
2010
2506
  <span class="pf-v6-c-button__icon">
2011
- <!-- Icon "angle-right fa-fw" not found -->
2507
+ <svg
2508
+ class="pf-v6-svg"
2509
+ viewBox="0 0 256 512"
2510
+ fill="currentColor"
2511
+ aria-hidden="true"
2512
+ role="img"
2513
+ width="1em"
2514
+ height="1em"
2515
+ >
2516
+ <path
2517
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2518
+ />
2519
+ </svg>
2012
2520
  </span>
2013
2521
  </button>
2014
2522
  </div>
@@ -2019,7 +2527,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2019
2527
  aria-label="Add all"
2020
2528
  >
2021
2529
  <span class="pf-v6-c-button__icon">
2022
- <!-- Icon "angle-double-right fa-fw" not found -->
2530
+ <svg
2531
+ class="pf-v6-svg"
2532
+ viewBox="0 0 448 512"
2533
+ fill="currentColor"
2534
+ aria-hidden="true"
2535
+ role="img"
2536
+ width="1em"
2537
+ height="1em"
2538
+ >
2539
+ <path
2540
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
2541
+ />
2542
+ </svg>
2023
2543
  </span>
2024
2544
  </button>
2025
2545
  </div>
@@ -2031,7 +2551,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2031
2551
  aria-label="Remove all"
2032
2552
  >
2033
2553
  <span class="pf-v6-c-button__icon">
2034
- <!-- Icon "angle-double-left fa-fw" not found -->
2554
+ <svg
2555
+ class="pf-v6-svg"
2556
+ viewBox="0 0 448 512"
2557
+ fill="currentColor"
2558
+ aria-hidden="true"
2559
+ role="img"
2560
+ width="1em"
2561
+ height="1em"
2562
+ >
2563
+ <path
2564
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
2565
+ />
2566
+ </svg>
2035
2567
  </span>
2036
2568
  </button>
2037
2569
  </div>
@@ -2043,7 +2575,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2043
2575
  aria-label="Remove selected"
2044
2576
  >
2045
2577
  <span class="pf-v6-c-button__icon">
2046
- <!-- Icon "angle-left fa-fw" not found -->
2578
+ <svg
2579
+ class="pf-v6-svg"
2580
+ viewBox="0 0 256 512"
2581
+ fill="currentColor"
2582
+ aria-hidden="true"
2583
+ role="img"
2584
+ width="1em"
2585
+ height="1em"
2586
+ >
2587
+ <path
2588
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2589
+ />
2590
+ </svg>
2047
2591
  </span>
2048
2592
  </button>
2049
2593
  </div>
@@ -2078,8 +2622,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2078
2622
  type="button"
2079
2623
  aria-label="Sort"
2080
2624
  >
2081
- <span class="pf-v6-c-button__icon pf-m-start">
2082
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2625
+ <span class="pf-v6-c-button__icon">
2626
+ <span class="pf-v6-c-icon">
2627
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2628
+ <svg
2629
+ class="pf-v6-svg"
2630
+ viewBox="0 0 512 512"
2631
+ fill="currentColor"
2632
+ aria-hidden="true"
2633
+ role="img"
2634
+ width="1em"
2635
+ height="1em"
2636
+ >
2637
+ <path
2638
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2639
+ />
2640
+ </svg>
2641
+ </span>
2642
+ </span>
2083
2643
  </span>
2084
2644
  </button>
2085
2645
  <button
@@ -2207,8 +2767,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2207
2767
  type="button"
2208
2768
  aria-label="Sort"
2209
2769
  >
2210
- <span class="pf-v6-c-button__icon pf-m-start">
2211
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2770
+ <span class="pf-v6-c-button__icon">
2771
+ <span class="pf-v6-c-icon">
2772
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2773
+ <svg
2774
+ class="pf-v6-svg"
2775
+ viewBox="0 0 512 512"
2776
+ fill="currentColor"
2777
+ aria-hidden="true"
2778
+ role="img"
2779
+ width="1em"
2780
+ height="1em"
2781
+ >
2782
+ <path
2783
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
2784
+ />
2785
+ </svg>
2786
+ </span>
2787
+ </span>
2212
2788
  </span>
2213
2789
  </button>
2214
2790
  <button
@@ -2547,7 +3123,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2547
3123
  aria-label="Add selected"
2548
3124
  >
2549
3125
  <span class="pf-v6-c-button__icon">
2550
- <!-- Icon "angle-right fa-fw" not found -->
3126
+ <svg
3127
+ class="pf-v6-svg"
3128
+ viewBox="0 0 256 512"
3129
+ fill="currentColor"
3130
+ aria-hidden="true"
3131
+ role="img"
3132
+ width="1em"
3133
+ height="1em"
3134
+ >
3135
+ <path
3136
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3137
+ />
3138
+ </svg>
2551
3139
  </span>
2552
3140
  </button>
2553
3141
  </div>
@@ -2558,7 +3146,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2558
3146
  aria-label="Add all"
2559
3147
  >
2560
3148
  <span class="pf-v6-c-button__icon">
2561
- <!-- Icon "angle-double-right fa-fw" not found -->
3149
+ <svg
3150
+ class="pf-v6-svg"
3151
+ viewBox="0 0 448 512"
3152
+ fill="currentColor"
3153
+ aria-hidden="true"
3154
+ role="img"
3155
+ width="1em"
3156
+ height="1em"
3157
+ >
3158
+ <path
3159
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
3160
+ />
3161
+ </svg>
2562
3162
  </span>
2563
3163
  </button>
2564
3164
  </div>
@@ -2570,7 +3170,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2570
3170
  aria-label="Remove all"
2571
3171
  >
2572
3172
  <span class="pf-v6-c-button__icon">
2573
- <!-- Icon "angle-double-left fa-fw" not found -->
3173
+ <svg
3174
+ class="pf-v6-svg"
3175
+ viewBox="0 0 448 512"
3176
+ fill="currentColor"
3177
+ aria-hidden="true"
3178
+ role="img"
3179
+ width="1em"
3180
+ height="1em"
3181
+ >
3182
+ <path
3183
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
3184
+ />
3185
+ </svg>
2574
3186
  </span>
2575
3187
  </button>
2576
3188
  </div>
@@ -2582,7 +3194,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2582
3194
  aria-label="Remove selected"
2583
3195
  >
2584
3196
  <span class="pf-v6-c-button__icon">
2585
- <!-- Icon "angle-left fa-fw" not found -->
3197
+ <svg
3198
+ class="pf-v6-svg"
3199
+ viewBox="0 0 256 512"
3200
+ fill="currentColor"
3201
+ aria-hidden="true"
3202
+ role="img"
3203
+ width="1em"
3204
+ height="1em"
3205
+ >
3206
+ <path
3207
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3208
+ />
3209
+ </svg>
2586
3210
  </span>
2587
3211
  </button>
2588
3212
  </div>
@@ -2617,8 +3241,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2617
3241
  type="button"
2618
3242
  aria-label="Sort"
2619
3243
  >
2620
- <span class="pf-v6-c-button__icon pf-m-start">
2621
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3244
+ <span class="pf-v6-c-button__icon">
3245
+ <span class="pf-v6-c-icon">
3246
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3247
+ <svg
3248
+ class="pf-v6-svg"
3249
+ viewBox="0 0 512 512"
3250
+ fill="currentColor"
3251
+ aria-hidden="true"
3252
+ role="img"
3253
+ width="1em"
3254
+ height="1em"
3255
+ >
3256
+ <path
3257
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3258
+ />
3259
+ </svg>
3260
+ </span>
3261
+ </span>
2622
3262
  </span>
2623
3263
  </button>
2624
3264
  <button
@@ -2691,8 +3331,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2691
3331
  type="button"
2692
3332
  aria-label="Sort"
2693
3333
  >
2694
- <span class="pf-v6-c-button__icon pf-m-start">
2695
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3334
+ <span class="pf-v6-c-button__icon">
3335
+ <span class="pf-v6-c-icon">
3336
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3337
+ <svg
3338
+ class="pf-v6-svg"
3339
+ viewBox="0 0 512 512"
3340
+ fill="currentColor"
3341
+ aria-hidden="true"
3342
+ role="img"
3343
+ width="1em"
3344
+ height="1em"
3345
+ >
3346
+ <path
3347
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3348
+ />
3349
+ </svg>
3350
+ </span>
3351
+ </span>
2696
3352
  </span>
2697
3353
  </button>
2698
3354
  <button
@@ -2761,7 +3417,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2761
3417
  aria-label="Add selected"
2762
3418
  >
2763
3419
  <span class="pf-v6-c-button__icon">
2764
- <!-- Icon "angle-right fa-fw" not found -->
3420
+ <svg
3421
+ class="pf-v6-svg"
3422
+ viewBox="0 0 256 512"
3423
+ fill="currentColor"
3424
+ aria-hidden="true"
3425
+ role="img"
3426
+ width="1em"
3427
+ height="1em"
3428
+ >
3429
+ <path
3430
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3431
+ />
3432
+ </svg>
2765
3433
  </span>
2766
3434
  </button>
2767
3435
  </div>
@@ -2772,7 +3440,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2772
3440
  aria-label="Add all"
2773
3441
  >
2774
3442
  <span class="pf-v6-c-button__icon">
2775
- <!-- Icon "angle-double-right fa-fw" not found -->
3443
+ <svg
3444
+ class="pf-v6-svg"
3445
+ viewBox="0 0 448 512"
3446
+ fill="currentColor"
3447
+ aria-hidden="true"
3448
+ role="img"
3449
+ width="1em"
3450
+ height="1em"
3451
+ >
3452
+ <path
3453
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
3454
+ />
3455
+ </svg>
2776
3456
  </span>
2777
3457
  </button>
2778
3458
  </div>
@@ -2784,7 +3464,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2784
3464
  aria-label="Remove all"
2785
3465
  >
2786
3466
  <span class="pf-v6-c-button__icon">
2787
- <!-- Icon "angle-double-left fa-fw" not found -->
3467
+ <svg
3468
+ class="pf-v6-svg"
3469
+ viewBox="0 0 448 512"
3470
+ fill="currentColor"
3471
+ aria-hidden="true"
3472
+ role="img"
3473
+ width="1em"
3474
+ height="1em"
3475
+ >
3476
+ <path
3477
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
3478
+ />
3479
+ </svg>
2788
3480
  </span>
2789
3481
  </button>
2790
3482
  </div>
@@ -2796,7 +3488,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2796
3488
  aria-label="Remove selected"
2797
3489
  >
2798
3490
  <span class="pf-v6-c-button__icon">
2799
- <!-- Icon "angle-left fa-fw" not found -->
3491
+ <svg
3492
+ class="pf-v6-svg"
3493
+ viewBox="0 0 256 512"
3494
+ fill="currentColor"
3495
+ aria-hidden="true"
3496
+ role="img"
3497
+ width="1em"
3498
+ height="1em"
3499
+ >
3500
+ <path
3501
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3502
+ />
3503
+ </svg>
2800
3504
  </span>
2801
3505
  </button>
2802
3506
  </div>
@@ -2831,8 +3535,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2831
3535
  type="button"
2832
3536
  aria-label="Sort"
2833
3537
  >
2834
- <span class="pf-v6-c-button__icon pf-m-start">
2835
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3538
+ <span class="pf-v6-c-button__icon">
3539
+ <span class="pf-v6-c-icon">
3540
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3541
+ <svg
3542
+ class="pf-v6-svg"
3543
+ viewBox="0 0 512 512"
3544
+ fill="currentColor"
3545
+ aria-hidden="true"
3546
+ role="img"
3547
+ width="1em"
3548
+ height="1em"
3549
+ >
3550
+ <path
3551
+ d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"
3552
+ />
3553
+ </svg>
3554
+ </span>
3555
+ </span>
2836
3556
  </span>
2837
3557
  </button>
2838
3558
  <button