@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.47

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 (94) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +11 -3
  20. package/components/NotificationDrawer/notification-drawer.scss +12 -5
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +28 -20
  32. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  33. package/docs/components/Accordion/examples/Accordion.md +390 -30
  34. package/docs/components/ActionList/examples/ActionList.md +10 -10
  35. package/docs/components/Alert/examples/Alert.md +30 -30
  36. package/docs/components/Banner/examples/Banner.md +65 -5
  37. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  38. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  39. package/docs/components/Card/examples/Card.md +52 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  41. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  42. package/docs/components/DataList/examples/DataList.md +221 -17
  43. package/docs/components/Drawer/examples/Drawer.md +42 -42
  44. package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
  45. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  46. package/docs/components/Form/examples/Form.md +78 -6
  47. package/docs/components/Icon/examples/Icon.md +91 -7
  48. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  49. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  50. package/docs/components/Label/examples/Label.md +2812 -220
  51. package/docs/components/Menu/examples/Menu.md +1456 -112
  52. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  53. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  54. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
  55. package/docs/components/Nav/examples/Navigation.md +710 -62
  56. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
  57. package/docs/components/Popover/examples/Popover.md +110 -38
  58. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  59. package/docs/components/Slider/examples/Slider.md +52 -4
  60. package/docs/components/Table/examples/Table.md +819 -63
  61. package/docs/components/Tabs/examples/Tabs.md +1959 -339
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  63. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  64. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  65. package/docs/components/Wizard/examples/Wizard.md +349 -85
  66. package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
  67. package/docs/demos/Alert/examples/Alert.md +123 -15
  68. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  69. package/docs/demos/Banner/examples/Banner.md +78 -6
  70. package/docs/demos/Card/examples/Card.md +310 -34
  71. package/docs/demos/CardView/examples/CardView.md +78 -6
  72. package/docs/demos/Compass/examples/Compass.md +73 -37
  73. package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
  74. package/docs/demos/DataList/examples/DataList.md +234 -18
  75. package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
  76. package/docs/demos/Drawer/examples/Drawer.md +147 -21
  77. package/docs/demos/Form/examples/BasicForms.md +169 -13
  78. package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
  79. package/docs/demos/Masthead/examples/Masthead.md +370 -34
  80. package/docs/demos/Modal/examples/Modal.md +246 -30
  81. package/docs/demos/Nav/examples/Nav.md +320 -32
  82. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
  83. package/docs/demos/Page/examples/Page.md +548 -44
  84. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
  85. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  86. package/docs/demos/Table/examples/Table.md +934 -73
  87. package/docs/demos/Tabs/examples/Tabs.md +261 -27
  88. package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
  89. package/docs/demos/Wizard/examples/Wizard.md +641 -92
  90. package/package.json +1 -1
  91. package/patternfly-no-globals.css +28 -20
  92. package/patternfly.css +28 -20
  93. package/patternfly.min.css +1 -1
  94. 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
@@ -1244,7 +1660,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1244
1660
  <span class="pf-v6-c-dual-list-selector__item-main">
1245
1661
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1246
1662
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1247
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1663
+ <svg
1664
+ class="pf-v6-svg"
1665
+ viewBox="0 0 20 20"
1666
+ fill="currentColor"
1667
+ aria-hidden="true"
1668
+ role="img"
1669
+ width="1em"
1670
+ height="1em"
1671
+ >
1672
+ <path
1673
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1674
+ />
1675
+ </svg>
1248
1676
  </span>
1249
1677
  </div>
1250
1678
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1342,7 +1770,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1342
1770
  <span
1343
1771
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1344
1772
  >
1345
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1773
+ <svg
1774
+ class="pf-v6-svg"
1775
+ viewBox="0 0 20 20"
1776
+ fill="currentColor"
1777
+ aria-hidden="true"
1778
+ role="img"
1779
+ width="1em"
1780
+ height="1em"
1781
+ >
1782
+ <path
1783
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1784
+ />
1785
+ </svg>
1346
1786
  </span>
1347
1787
  </div>
1348
1788
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1458,7 +1898,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1458
1898
  <span class="pf-v6-c-dual-list-selector__item-main">
1459
1899
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1460
1900
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1461
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1901
+ <svg
1902
+ class="pf-v6-svg"
1903
+ viewBox="0 0 20 20"
1904
+ fill="currentColor"
1905
+ aria-hidden="true"
1906
+ role="img"
1907
+ width="1em"
1908
+ height="1em"
1909
+ >
1910
+ <path
1911
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1912
+ />
1913
+ </svg>
1462
1914
  </span>
1463
1915
  </div>
1464
1916
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1511,7 +1963,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1511
1963
  <span class="pf-v6-c-dual-list-selector__item-main">
1512
1964
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1513
1965
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1514
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1966
+ <svg
1967
+ class="pf-v6-svg"
1968
+ viewBox="0 0 20 20"
1969
+ fill="currentColor"
1970
+ aria-hidden="true"
1971
+ role="img"
1972
+ width="1em"
1973
+ height="1em"
1974
+ >
1975
+ <path
1976
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1977
+ />
1978
+ </svg>
1515
1979
  </span>
1516
1980
  </div>
1517
1981
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1543,7 +2007,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1543
2007
  aria-label="Add selected"
1544
2008
  >
1545
2009
  <span class="pf-v6-c-button__icon">
1546
- <!-- Icon "angle-right fa-fw" not found -->
2010
+ <svg
2011
+ class="pf-v6-svg"
2012
+ viewBox="0 0 256 512"
2013
+ fill="currentColor"
2014
+ aria-hidden="true"
2015
+ role="img"
2016
+ width="1em"
2017
+ height="1em"
2018
+ >
2019
+ <path
2020
+ 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"
2021
+ />
2022
+ </svg>
1547
2023
  </span>
1548
2024
  </button>
1549
2025
  </div>
@@ -1554,7 +2030,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1554
2030
  aria-label="Add all"
1555
2031
  >
1556
2032
  <span class="pf-v6-c-button__icon">
1557
- <!-- Icon "angle-double-right fa-fw" not found -->
2033
+ <svg
2034
+ class="pf-v6-svg"
2035
+ viewBox="0 0 448 512"
2036
+ fill="currentColor"
2037
+ aria-hidden="true"
2038
+ role="img"
2039
+ width="1em"
2040
+ height="1em"
2041
+ >
2042
+ <path
2043
+ 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"
2044
+ />
2045
+ </svg>
1558
2046
  </span>
1559
2047
  </button>
1560
2048
  </div>
@@ -1566,7 +2054,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1566
2054
  aria-label="Remove all"
1567
2055
  >
1568
2056
  <span class="pf-v6-c-button__icon">
1569
- <!-- Icon "angle-double-left fa-fw" not found -->
2057
+ <svg
2058
+ class="pf-v6-svg"
2059
+ viewBox="0 0 448 512"
2060
+ fill="currentColor"
2061
+ aria-hidden="true"
2062
+ role="img"
2063
+ width="1em"
2064
+ height="1em"
2065
+ >
2066
+ <path
2067
+ 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"
2068
+ />
2069
+ </svg>
1570
2070
  </span>
1571
2071
  </button>
1572
2072
  </div>
@@ -1578,7 +2078,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1578
2078
  aria-label="Remove selected"
1579
2079
  >
1580
2080
  <span class="pf-v6-c-button__icon">
1581
- <!-- Icon "angle-left fa-fw" not found -->
2081
+ <svg
2082
+ class="pf-v6-svg"
2083
+ viewBox="0 0 256 512"
2084
+ fill="currentColor"
2085
+ aria-hidden="true"
2086
+ role="img"
2087
+ width="1em"
2088
+ height="1em"
2089
+ >
2090
+ <path
2091
+ 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"
2092
+ />
2093
+ </svg>
1582
2094
  </span>
1583
2095
  </button>
1584
2096
  </div>
@@ -1613,8 +2125,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1613
2125
  type="button"
1614
2126
  aria-label="Sort"
1615
2127
  >
1616
- <span class="pf-v6-c-button__icon pf-m-start">
1617
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2128
+ <span class="pf-v6-c-button__icon">
2129
+ <span class="pf-v6-c-icon">
2130
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2131
+ <svg
2132
+ class="pf-v6-svg"
2133
+ viewBox="0 0 512 512"
2134
+ fill="currentColor"
2135
+ aria-hidden="true"
2136
+ role="img"
2137
+ width="1em"
2138
+ height="1em"
2139
+ >
2140
+ <path
2141
+ 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"
2142
+ />
2143
+ </svg>
2144
+ </span>
2145
+ </span>
1618
2146
  </span>
1619
2147
  </button>
1620
2148
  <button
@@ -1684,8 +2212,24 @@ cssPrefix: pf-v6-c-dual-list-selector
1684
2212
  type="button"
1685
2213
  aria-label="Sort"
1686
2214
  >
1687
- <span class="pf-v6-c-button__icon pf-m-start">
1688
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2215
+ <span class="pf-v6-c-button__icon">
2216
+ <span class="pf-v6-c-icon">
2217
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2218
+ <svg
2219
+ class="pf-v6-svg"
2220
+ viewBox="0 0 512 512"
2221
+ fill="currentColor"
2222
+ aria-hidden="true"
2223
+ role="img"
2224
+ width="1em"
2225
+ height="1em"
2226
+ >
2227
+ <path
2228
+ 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"
2229
+ />
2230
+ </svg>
2231
+ </span>
2232
+ </span>
1689
2233
  </span>
1690
2234
  </button>
1691
2235
  <button
@@ -1725,7 +2269,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1725
2269
  <span class="pf-v6-c-dual-list-selector__item-main">
1726
2270
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1727
2271
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1728
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2272
+ <svg
2273
+ class="pf-v6-svg"
2274
+ viewBox="0 0 20 20"
2275
+ fill="currentColor"
2276
+ aria-hidden="true"
2277
+ role="img"
2278
+ width="1em"
2279
+ height="1em"
2280
+ >
2281
+ <path
2282
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2283
+ />
2284
+ </svg>
1729
2285
  </span>
1730
2286
  </div>
1731
2287
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1804,7 +2360,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1804
2360
  <span
1805
2361
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
1806
2362
  >
1807
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2363
+ <svg
2364
+ class="pf-v6-svg"
2365
+ viewBox="0 0 20 20"
2366
+ fill="currentColor"
2367
+ aria-hidden="true"
2368
+ role="img"
2369
+ width="1em"
2370
+ height="1em"
2371
+ >
2372
+ <path
2373
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2374
+ />
2375
+ </svg>
1808
2376
  </span>
1809
2377
  </div>
1810
2378
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1925,7 +2493,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1925
2493
  <span class="pf-v6-c-dual-list-selector__item-main">
1926
2494
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1927
2495
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1928
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2496
+ <svg
2497
+ class="pf-v6-svg"
2498
+ viewBox="0 0 20 20"
2499
+ fill="currentColor"
2500
+ aria-hidden="true"
2501
+ role="img"
2502
+ width="1em"
2503
+ height="1em"
2504
+ >
2505
+ <path
2506
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2507
+ />
2508
+ </svg>
1929
2509
  </span>
1930
2510
  </div>
1931
2511
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -1976,7 +2556,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1976
2556
  <span class="pf-v6-c-dual-list-selector__item-main">
1977
2557
  <div class="pf-v6-c-dual-list-selector__item-toggle">
1978
2558
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
1979
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2559
+ <svg
2560
+ class="pf-v6-svg"
2561
+ viewBox="0 0 20 20"
2562
+ fill="currentColor"
2563
+ aria-hidden="true"
2564
+ role="img"
2565
+ width="1em"
2566
+ height="1em"
2567
+ >
2568
+ <path
2569
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2570
+ />
2571
+ </svg>
1980
2572
  </span>
1981
2573
  </div>
1982
2574
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2008,7 +2600,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2008
2600
  aria-label="Add selected"
2009
2601
  >
2010
2602
  <span class="pf-v6-c-button__icon">
2011
- <!-- Icon "angle-right fa-fw" not found -->
2603
+ <svg
2604
+ class="pf-v6-svg"
2605
+ viewBox="0 0 256 512"
2606
+ fill="currentColor"
2607
+ aria-hidden="true"
2608
+ role="img"
2609
+ width="1em"
2610
+ height="1em"
2611
+ >
2612
+ <path
2613
+ 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"
2614
+ />
2615
+ </svg>
2012
2616
  </span>
2013
2617
  </button>
2014
2618
  </div>
@@ -2019,7 +2623,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2019
2623
  aria-label="Add all"
2020
2624
  >
2021
2625
  <span class="pf-v6-c-button__icon">
2022
- <!-- Icon "angle-double-right fa-fw" not found -->
2626
+ <svg
2627
+ class="pf-v6-svg"
2628
+ viewBox="0 0 448 512"
2629
+ fill="currentColor"
2630
+ aria-hidden="true"
2631
+ role="img"
2632
+ width="1em"
2633
+ height="1em"
2634
+ >
2635
+ <path
2636
+ 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"
2637
+ />
2638
+ </svg>
2023
2639
  </span>
2024
2640
  </button>
2025
2641
  </div>
@@ -2031,7 +2647,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2031
2647
  aria-label="Remove all"
2032
2648
  >
2033
2649
  <span class="pf-v6-c-button__icon">
2034
- <!-- Icon "angle-double-left fa-fw" not found -->
2650
+ <svg
2651
+ class="pf-v6-svg"
2652
+ viewBox="0 0 448 512"
2653
+ fill="currentColor"
2654
+ aria-hidden="true"
2655
+ role="img"
2656
+ width="1em"
2657
+ height="1em"
2658
+ >
2659
+ <path
2660
+ 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"
2661
+ />
2662
+ </svg>
2035
2663
  </span>
2036
2664
  </button>
2037
2665
  </div>
@@ -2043,7 +2671,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2043
2671
  aria-label="Remove selected"
2044
2672
  >
2045
2673
  <span class="pf-v6-c-button__icon">
2046
- <!-- Icon "angle-left fa-fw" not found -->
2674
+ <svg
2675
+ class="pf-v6-svg"
2676
+ viewBox="0 0 256 512"
2677
+ fill="currentColor"
2678
+ aria-hidden="true"
2679
+ role="img"
2680
+ width="1em"
2681
+ height="1em"
2682
+ >
2683
+ <path
2684
+ 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"
2685
+ />
2686
+ </svg>
2047
2687
  </span>
2048
2688
  </button>
2049
2689
  </div>
@@ -2078,8 +2718,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2078
2718
  type="button"
2079
2719
  aria-label="Sort"
2080
2720
  >
2081
- <span class="pf-v6-c-button__icon pf-m-start">
2082
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2721
+ <span class="pf-v6-c-button__icon">
2722
+ <span class="pf-v6-c-icon">
2723
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2724
+ <svg
2725
+ class="pf-v6-svg"
2726
+ viewBox="0 0 512 512"
2727
+ fill="currentColor"
2728
+ aria-hidden="true"
2729
+ role="img"
2730
+ width="1em"
2731
+ height="1em"
2732
+ >
2733
+ <path
2734
+ 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"
2735
+ />
2736
+ </svg>
2737
+ </span>
2738
+ </span>
2083
2739
  </span>
2084
2740
  </button>
2085
2741
  <button
@@ -2119,7 +2775,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2119
2775
  <span class="pf-v6-c-dual-list-selector__item-main">
2120
2776
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2121
2777
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2122
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2778
+ <svg
2779
+ class="pf-v6-svg"
2780
+ viewBox="0 0 20 20"
2781
+ fill="currentColor"
2782
+ aria-hidden="true"
2783
+ role="img"
2784
+ width="1em"
2785
+ height="1em"
2786
+ >
2787
+ <path
2788
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2789
+ />
2790
+ </svg>
2123
2791
  </span>
2124
2792
  </div>
2125
2793
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2207,8 +2875,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2207
2875
  type="button"
2208
2876
  aria-label="Sort"
2209
2877
  >
2210
- <span class="pf-v6-c-button__icon pf-m-start">
2211
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2878
+ <span class="pf-v6-c-button__icon">
2879
+ <span class="pf-v6-c-icon">
2880
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
2881
+ <svg
2882
+ class="pf-v6-svg"
2883
+ viewBox="0 0 512 512"
2884
+ fill="currentColor"
2885
+ aria-hidden="true"
2886
+ role="img"
2887
+ width="1em"
2888
+ height="1em"
2889
+ >
2890
+ <path
2891
+ 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"
2892
+ />
2893
+ </svg>
2894
+ </span>
2895
+ </span>
2212
2896
  </span>
2213
2897
  </button>
2214
2898
  <button
@@ -2248,7 +2932,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2248
2932
  <span class="pf-v6-c-dual-list-selector__item-main">
2249
2933
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2250
2934
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2251
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2935
+ <svg
2936
+ class="pf-v6-svg"
2937
+ viewBox="0 0 20 20"
2938
+ fill="currentColor"
2939
+ aria-hidden="true"
2940
+ role="img"
2941
+ width="1em"
2942
+ height="1em"
2943
+ >
2944
+ <path
2945
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2946
+ />
2947
+ </svg>
2252
2948
  </span>
2253
2949
  </div>
2254
2950
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2346,7 +3042,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2346
3042
  <span
2347
3043
  class="pf-v6-c-dual-list-selector__item-toggle-icon"
2348
3044
  >
2349
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3045
+ <svg
3046
+ class="pf-v6-svg"
3047
+ viewBox="0 0 20 20"
3048
+ fill="currentColor"
3049
+ aria-hidden="true"
3050
+ role="img"
3051
+ width="1em"
3052
+ height="1em"
3053
+ >
3054
+ <path
3055
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3056
+ />
3057
+ </svg>
2350
3058
  </span>
2351
3059
  </div>
2352
3060
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2462,7 +3170,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2462
3170
  <span class="pf-v6-c-dual-list-selector__item-main">
2463
3171
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2464
3172
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2465
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3173
+ <svg
3174
+ class="pf-v6-svg"
3175
+ viewBox="0 0 20 20"
3176
+ fill="currentColor"
3177
+ aria-hidden="true"
3178
+ role="img"
3179
+ width="1em"
3180
+ height="1em"
3181
+ >
3182
+ <path
3183
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3184
+ />
3185
+ </svg>
2466
3186
  </span>
2467
3187
  </div>
2468
3188
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2515,7 +3235,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2515
3235
  <span class="pf-v6-c-dual-list-selector__item-main">
2516
3236
  <div class="pf-v6-c-dual-list-selector__item-toggle">
2517
3237
  <span class="pf-v6-c-dual-list-selector__item-toggle-icon">
2518
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3238
+ <svg
3239
+ class="pf-v6-svg"
3240
+ viewBox="0 0 20 20"
3241
+ fill="currentColor"
3242
+ aria-hidden="true"
3243
+ role="img"
3244
+ width="1em"
3245
+ height="1em"
3246
+ >
3247
+ <path
3248
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3249
+ />
3250
+ </svg>
2519
3251
  </span>
2520
3252
  </div>
2521
3253
  <span class="pf-v6-c-dual-list-selector__item-check">
@@ -2547,7 +3279,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2547
3279
  aria-label="Add selected"
2548
3280
  >
2549
3281
  <span class="pf-v6-c-button__icon">
2550
- <!-- Icon "angle-right fa-fw" not found -->
3282
+ <svg
3283
+ class="pf-v6-svg"
3284
+ viewBox="0 0 256 512"
3285
+ fill="currentColor"
3286
+ aria-hidden="true"
3287
+ role="img"
3288
+ width="1em"
3289
+ height="1em"
3290
+ >
3291
+ <path
3292
+ 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"
3293
+ />
3294
+ </svg>
2551
3295
  </span>
2552
3296
  </button>
2553
3297
  </div>
@@ -2558,7 +3302,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2558
3302
  aria-label="Add all"
2559
3303
  >
2560
3304
  <span class="pf-v6-c-button__icon">
2561
- <!-- Icon "angle-double-right fa-fw" not found -->
3305
+ <svg
3306
+ class="pf-v6-svg"
3307
+ viewBox="0 0 448 512"
3308
+ fill="currentColor"
3309
+ aria-hidden="true"
3310
+ role="img"
3311
+ width="1em"
3312
+ height="1em"
3313
+ >
3314
+ <path
3315
+ 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"
3316
+ />
3317
+ </svg>
2562
3318
  </span>
2563
3319
  </button>
2564
3320
  </div>
@@ -2570,7 +3326,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2570
3326
  aria-label="Remove all"
2571
3327
  >
2572
3328
  <span class="pf-v6-c-button__icon">
2573
- <!-- Icon "angle-double-left fa-fw" not found -->
3329
+ <svg
3330
+ class="pf-v6-svg"
3331
+ viewBox="0 0 448 512"
3332
+ fill="currentColor"
3333
+ aria-hidden="true"
3334
+ role="img"
3335
+ width="1em"
3336
+ height="1em"
3337
+ >
3338
+ <path
3339
+ 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"
3340
+ />
3341
+ </svg>
2574
3342
  </span>
2575
3343
  </button>
2576
3344
  </div>
@@ -2582,7 +3350,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2582
3350
  aria-label="Remove selected"
2583
3351
  >
2584
3352
  <span class="pf-v6-c-button__icon">
2585
- <!-- Icon "angle-left fa-fw" not found -->
3353
+ <svg
3354
+ class="pf-v6-svg"
3355
+ viewBox="0 0 256 512"
3356
+ fill="currentColor"
3357
+ aria-hidden="true"
3358
+ role="img"
3359
+ width="1em"
3360
+ height="1em"
3361
+ >
3362
+ <path
3363
+ 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"
3364
+ />
3365
+ </svg>
2586
3366
  </span>
2587
3367
  </button>
2588
3368
  </div>
@@ -2617,8 +3397,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2617
3397
  type="button"
2618
3398
  aria-label="Sort"
2619
3399
  >
2620
- <span class="pf-v6-c-button__icon pf-m-start">
2621
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3400
+ <span class="pf-v6-c-button__icon">
3401
+ <span class="pf-v6-c-icon">
3402
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3403
+ <svg
3404
+ class="pf-v6-svg"
3405
+ viewBox="0 0 512 512"
3406
+ fill="currentColor"
3407
+ aria-hidden="true"
3408
+ role="img"
3409
+ width="1em"
3410
+ height="1em"
3411
+ >
3412
+ <path
3413
+ 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"
3414
+ />
3415
+ </svg>
3416
+ </span>
3417
+ </span>
2622
3418
  </span>
2623
3419
  </button>
2624
3420
  <button
@@ -2691,8 +3487,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2691
3487
  type="button"
2692
3488
  aria-label="Sort"
2693
3489
  >
2694
- <span class="pf-v6-c-button__icon pf-m-start">
2695
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3490
+ <span class="pf-v6-c-button__icon">
3491
+ <span class="pf-v6-c-icon">
3492
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3493
+ <svg
3494
+ class="pf-v6-svg"
3495
+ viewBox="0 0 512 512"
3496
+ fill="currentColor"
3497
+ aria-hidden="true"
3498
+ role="img"
3499
+ width="1em"
3500
+ height="1em"
3501
+ >
3502
+ <path
3503
+ 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"
3504
+ />
3505
+ </svg>
3506
+ </span>
3507
+ </span>
2696
3508
  </span>
2697
3509
  </button>
2698
3510
  <button
@@ -2761,7 +3573,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2761
3573
  aria-label="Add selected"
2762
3574
  >
2763
3575
  <span class="pf-v6-c-button__icon">
2764
- <!-- Icon "angle-right fa-fw" not found -->
3576
+ <svg
3577
+ class="pf-v6-svg"
3578
+ viewBox="0 0 256 512"
3579
+ fill="currentColor"
3580
+ aria-hidden="true"
3581
+ role="img"
3582
+ width="1em"
3583
+ height="1em"
3584
+ >
3585
+ <path
3586
+ 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"
3587
+ />
3588
+ </svg>
2765
3589
  </span>
2766
3590
  </button>
2767
3591
  </div>
@@ -2772,7 +3596,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2772
3596
  aria-label="Add all"
2773
3597
  >
2774
3598
  <span class="pf-v6-c-button__icon">
2775
- <!-- Icon "angle-double-right fa-fw" not found -->
3599
+ <svg
3600
+ class="pf-v6-svg"
3601
+ viewBox="0 0 448 512"
3602
+ fill="currentColor"
3603
+ aria-hidden="true"
3604
+ role="img"
3605
+ width="1em"
3606
+ height="1em"
3607
+ >
3608
+ <path
3609
+ 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"
3610
+ />
3611
+ </svg>
2776
3612
  </span>
2777
3613
  </button>
2778
3614
  </div>
@@ -2784,7 +3620,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2784
3620
  aria-label="Remove all"
2785
3621
  >
2786
3622
  <span class="pf-v6-c-button__icon">
2787
- <!-- Icon "angle-double-left fa-fw" not found -->
3623
+ <svg
3624
+ class="pf-v6-svg"
3625
+ viewBox="0 0 448 512"
3626
+ fill="currentColor"
3627
+ aria-hidden="true"
3628
+ role="img"
3629
+ width="1em"
3630
+ height="1em"
3631
+ >
3632
+ <path
3633
+ 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"
3634
+ />
3635
+ </svg>
2788
3636
  </span>
2789
3637
  </button>
2790
3638
  </div>
@@ -2796,7 +3644,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2796
3644
  aria-label="Remove selected"
2797
3645
  >
2798
3646
  <span class="pf-v6-c-button__icon">
2799
- <!-- Icon "angle-left fa-fw" not found -->
3647
+ <svg
3648
+ class="pf-v6-svg"
3649
+ viewBox="0 0 256 512"
3650
+ fill="currentColor"
3651
+ aria-hidden="true"
3652
+ role="img"
3653
+ width="1em"
3654
+ height="1em"
3655
+ >
3656
+ <path
3657
+ 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"
3658
+ />
3659
+ </svg>
2800
3660
  </span>
2801
3661
  </button>
2802
3662
  </div>
@@ -2831,8 +3691,24 @@ cssPrefix: pf-v6-c-dual-list-selector
2831
3691
  type="button"
2832
3692
  aria-label="Sort"
2833
3693
  >
2834
- <span class="pf-v6-c-button__icon pf-m-start">
2835
- <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3694
+ <span class="pf-v6-c-button__icon">
3695
+ <span class="pf-v6-c-icon">
3696
+ <span class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl">
3697
+ <svg
3698
+ class="pf-v6-svg"
3699
+ viewBox="0 0 512 512"
3700
+ fill="currentColor"
3701
+ aria-hidden="true"
3702
+ role="img"
3703
+ width="1em"
3704
+ height="1em"
3705
+ >
3706
+ <path
3707
+ 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"
3708
+ />
3709
+ </svg>
3710
+ </span>
3711
+ </span>
2836
3712
  </span>
2837
3713
  </button>
2838
3714
  <button