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

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 (65) hide show
  1. package/components/Button/button.css +75 -2
  2. package/components/Button/button.scss +84 -3
  3. package/components/_index.css +75 -2
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  5. package/docs/components/ActionList/examples/ActionList.md +143 -11
  6. package/docs/components/Alert/examples/Alert.md +182 -14
  7. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  8. package/docs/components/Button/examples/Button.md +2017 -157
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
  11. package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  13. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  14. package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
  15. package/docs/components/Drawer/examples/Drawer.md +273 -21
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  18. package/docs/components/InputGroup/examples/InputGroup.md +26 -2
  19. package/docs/components/Label/examples/Label.md +242 -218
  20. package/docs/components/Login/examples/Login.md +26 -2
  21. package/docs/components/Masthead/examples/masthead.md +13 -1
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  23. package/docs/components/ModalBox/examples/ModalBox.md +195 -15
  24. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
  25. package/docs/components/Nav/examples/Navigation.md +52 -4
  26. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  28. package/docs/components/Page/examples/Page.md +13 -1
  29. package/docs/components/Pagination/examples/Pagination.md +624 -48
  30. package/docs/components/Popover/examples/Popover.md +208 -16
  31. package/docs/components/Slider/examples/Slider.md +4 -4
  32. package/docs/components/Table/examples/Table.md +52 -4
  33. package/docs/components/Tabs/examples/Tabs.md +1378 -106
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
  35. package/docs/components/Toolbar/examples/Toolbar.md +455 -35
  36. package/docs/components/TreeView/examples/TreeView.md +52 -4
  37. package/docs/components/Wizard/examples/Wizard.md +169 -13
  38. package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
  39. package/docs/demos/Alert/examples/Alert.md +39 -3
  40. package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
  41. package/docs/demos/Button/examples/Button.md +13 -1
  42. package/docs/demos/Card/examples/Card.md +65 -5
  43. package/docs/demos/CardView/examples/CardView.md +78 -6
  44. package/docs/demos/Compass/examples/Compass.md +323 -29
  45. package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
  46. package/docs/demos/DataList/examples/DataList.md +312 -24
  47. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
  48. package/docs/demos/Drawer/examples/Drawer.md +39 -3
  49. package/docs/demos/Form/examples/BasicForms.md +106 -10
  50. package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
  51. package/docs/demos/Masthead/examples/Masthead.md +40 -4
  52. package/docs/demos/Modal/examples/Modal.md +78 -6
  53. package/docs/demos/Nav/examples/Nav.md +52 -4
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
  57. package/docs/demos/Table/examples/Table.md +1108 -145
  58. package/docs/demos/Tabs/examples/Tabs.md +53 -8
  59. package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
  60. package/docs/demos/Wizard/examples/Wizard.md +130 -10
  61. package/package.json +2 -2
  62. package/patternfly-no-globals.css +75 -2
  63. package/patternfly.css +75 -2
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
@@ -27,7 +27,19 @@ cssPrefix: pf-v6-c-drawer
27
27
  aria-label="Close drawer panel"
28
28
  >
29
29
  <span class="pf-v6-c-button__icon">
30
- <i class="fas fa-times" aria-hidden="true"></i>
30
+ <svg
31
+ class="pf-v6-svg"
32
+ viewBox="0 0 352 512"
33
+ fill="currentColor"
34
+ aria-hidden="true"
35
+ role="img"
36
+ width="1em"
37
+ height="1em"
38
+ >
39
+ <path
40
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
41
+ />
42
+ </svg>
31
43
  </span>
32
44
  </button>
33
45
  </div>
@@ -64,7 +76,19 @@ cssPrefix: pf-v6-c-drawer
64
76
  aria-label="Close drawer panel"
65
77
  >
66
78
  <span class="pf-v6-c-button__icon">
67
- <i class="fas fa-times" aria-hidden="true"></i>
79
+ <svg
80
+ class="pf-v6-svg"
81
+ viewBox="0 0 352 512"
82
+ fill="currentColor"
83
+ aria-hidden="true"
84
+ role="img"
85
+ width="1em"
86
+ height="1em"
87
+ >
88
+ <path
89
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
90
+ />
91
+ </svg>
68
92
  </span>
69
93
  </button>
70
94
  </div>
@@ -101,7 +125,19 @@ cssPrefix: pf-v6-c-drawer
101
125
  aria-label="Close drawer panel"
102
126
  >
103
127
  <span class="pf-v6-c-button__icon">
104
- <i class="fas fa-times" aria-hidden="true"></i>
128
+ <svg
129
+ class="pf-v6-svg"
130
+ viewBox="0 0 352 512"
131
+ fill="currentColor"
132
+ aria-hidden="true"
133
+ role="img"
134
+ width="1em"
135
+ height="1em"
136
+ >
137
+ <path
138
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
139
+ />
140
+ </svg>
105
141
  </span>
106
142
  </button>
107
143
  </div>
@@ -138,7 +174,19 @@ cssPrefix: pf-v6-c-drawer
138
174
  aria-label="Close drawer panel"
139
175
  >
140
176
  <span class="pf-v6-c-button__icon">
141
- <i class="fas fa-times" aria-hidden="true"></i>
177
+ <svg
178
+ class="pf-v6-svg"
179
+ viewBox="0 0 352 512"
180
+ fill="currentColor"
181
+ aria-hidden="true"
182
+ role="img"
183
+ width="1em"
184
+ height="1em"
185
+ >
186
+ <path
187
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
188
+ />
189
+ </svg>
142
190
  </span>
143
191
  </button>
144
192
  </div>
@@ -177,7 +225,19 @@ cssPrefix: pf-v6-c-drawer
177
225
  aria-label="Close drawer panel"
178
226
  >
179
227
  <span class="pf-v6-c-button__icon">
180
- <i class="fas fa-times" aria-hidden="true"></i>
228
+ <svg
229
+ class="pf-v6-svg"
230
+ viewBox="0 0 352 512"
231
+ fill="currentColor"
232
+ aria-hidden="true"
233
+ role="img"
234
+ width="1em"
235
+ height="1em"
236
+ >
237
+ <path
238
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
239
+ />
240
+ </svg>
181
241
  </span>
182
242
  </button>
183
243
  </div>
@@ -217,7 +277,19 @@ cssPrefix: pf-v6-c-drawer
217
277
  aria-label="Close drawer panel"
218
278
  >
219
279
  <span class="pf-v6-c-button__icon">
220
- <i class="fas fa-times" aria-hidden="true"></i>
280
+ <svg
281
+ class="pf-v6-svg"
282
+ viewBox="0 0 352 512"
283
+ fill="currentColor"
284
+ aria-hidden="true"
285
+ role="img"
286
+ width="1em"
287
+ height="1em"
288
+ >
289
+ <path
290
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
291
+ />
292
+ </svg>
221
293
  </span>
222
294
  </button>
223
295
  </div>
@@ -254,7 +326,19 @@ cssPrefix: pf-v6-c-drawer
254
326
  aria-label="Close drawer panel"
255
327
  >
256
328
  <span class="pf-v6-c-button__icon">
257
- <i class="fas fa-times" aria-hidden="true"></i>
329
+ <svg
330
+ class="pf-v6-svg"
331
+ viewBox="0 0 352 512"
332
+ fill="currentColor"
333
+ aria-hidden="true"
334
+ role="img"
335
+ width="1em"
336
+ height="1em"
337
+ >
338
+ <path
339
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
340
+ />
341
+ </svg>
258
342
  </span>
259
343
  </button>
260
344
  </div>
@@ -291,7 +375,19 @@ cssPrefix: pf-v6-c-drawer
291
375
  aria-label="Close drawer panel"
292
376
  >
293
377
  <span class="pf-v6-c-button__icon">
294
- <i class="fas fa-times" aria-hidden="true"></i>
378
+ <svg
379
+ class="pf-v6-svg"
380
+ viewBox="0 0 352 512"
381
+ fill="currentColor"
382
+ aria-hidden="true"
383
+ role="img"
384
+ width="1em"
385
+ height="1em"
386
+ >
387
+ <path
388
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
389
+ />
390
+ </svg>
295
391
  </span>
296
392
  </button>
297
393
  </div>
@@ -328,7 +424,19 @@ cssPrefix: pf-v6-c-drawer
328
424
  aria-label="Close drawer panel"
329
425
  >
330
426
  <span class="pf-v6-c-button__icon">
331
- <i class="fas fa-times" aria-hidden="true"></i>
427
+ <svg
428
+ class="pf-v6-svg"
429
+ viewBox="0 0 352 512"
430
+ fill="currentColor"
431
+ aria-hidden="true"
432
+ role="img"
433
+ width="1em"
434
+ height="1em"
435
+ >
436
+ <path
437
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
438
+ />
439
+ </svg>
332
440
  </span>
333
441
  </button>
334
442
  </div>
@@ -366,7 +474,19 @@ cssPrefix: pf-v6-c-drawer
366
474
  aria-label="Close drawer panel"
367
475
  >
368
476
  <span class="pf-v6-c-button__icon">
369
- <i class="fas fa-times" aria-hidden="true"></i>
477
+ <svg
478
+ class="pf-v6-svg"
479
+ viewBox="0 0 352 512"
480
+ fill="currentColor"
481
+ aria-hidden="true"
482
+ role="img"
483
+ width="1em"
484
+ height="1em"
485
+ >
486
+ <path
487
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
488
+ />
489
+ </svg>
370
490
  </span>
371
491
  </button>
372
492
  </div>
@@ -404,7 +524,19 @@ cssPrefix: pf-v6-c-drawer
404
524
  aria-label="Close drawer panel"
405
525
  >
406
526
  <span class="pf-v6-c-button__icon">
407
- <i class="fas fa-times" aria-hidden="true"></i>
527
+ <svg
528
+ class="pf-v6-svg"
529
+ viewBox="0 0 352 512"
530
+ fill="currentColor"
531
+ aria-hidden="true"
532
+ role="img"
533
+ width="1em"
534
+ height="1em"
535
+ >
536
+ <path
537
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
538
+ />
539
+ </svg>
408
540
  </span>
409
541
  </button>
410
542
  </div>
@@ -441,7 +573,19 @@ cssPrefix: pf-v6-c-drawer
441
573
  aria-label="Close drawer panel"
442
574
  >
443
575
  <span class="pf-v6-c-button__icon">
444
- <i class="fas fa-times" aria-hidden="true"></i>
576
+ <svg
577
+ class="pf-v6-svg"
578
+ viewBox="0 0 352 512"
579
+ fill="currentColor"
580
+ aria-hidden="true"
581
+ role="img"
582
+ width="1em"
583
+ height="1em"
584
+ >
585
+ <path
586
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
587
+ />
588
+ </svg>
445
589
  </span>
446
590
  </button>
447
591
  </div>
@@ -481,7 +625,19 @@ cssPrefix: pf-v6-c-drawer
481
625
  aria-label="Close drawer panel"
482
626
  >
483
627
  <span class="pf-v6-c-button__icon">
484
- <i class="fas fa-times" aria-hidden="true"></i>
628
+ <svg
629
+ class="pf-v6-svg"
630
+ viewBox="0 0 352 512"
631
+ fill="currentColor"
632
+ aria-hidden="true"
633
+ role="img"
634
+ width="1em"
635
+ height="1em"
636
+ >
637
+ <path
638
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
639
+ />
640
+ </svg>
485
641
  </span>
486
642
  </button>
487
643
  </div>
@@ -519,7 +675,19 @@ cssPrefix: pf-v6-c-drawer
519
675
  aria-label="Close drawer panel"
520
676
  >
521
677
  <span class="pf-v6-c-button__icon">
522
- <i class="fas fa-times" aria-hidden="true"></i>
678
+ <svg
679
+ class="pf-v6-svg"
680
+ viewBox="0 0 352 512"
681
+ fill="currentColor"
682
+ aria-hidden="true"
683
+ role="img"
684
+ width="1em"
685
+ height="1em"
686
+ >
687
+ <path
688
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
689
+ />
690
+ </svg>
523
691
  </span>
524
692
  </button>
525
693
  </div>
@@ -566,7 +734,19 @@ cssPrefix: pf-v6-c-drawer
566
734
  aria-label="Close drawer panel"
567
735
  >
568
736
  <span class="pf-v6-c-button__icon">
569
- <i class="fas fa-times" aria-hidden="true"></i>
737
+ <svg
738
+ class="pf-v6-svg"
739
+ viewBox="0 0 352 512"
740
+ fill="currentColor"
741
+ aria-hidden="true"
742
+ role="img"
743
+ width="1em"
744
+ height="1em"
745
+ >
746
+ <path
747
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
748
+ />
749
+ </svg>
570
750
  </span>
571
751
  </button>
572
752
  </div>
@@ -614,7 +794,19 @@ cssPrefix: pf-v6-c-drawer
614
794
  aria-label="Close drawer panel"
615
795
  >
616
796
  <span class="pf-v6-c-button__icon">
617
- <i class="fas fa-times" aria-hidden="true"></i>
797
+ <svg
798
+ class="pf-v6-svg"
799
+ viewBox="0 0 352 512"
800
+ fill="currentColor"
801
+ aria-hidden="true"
802
+ role="img"
803
+ width="1em"
804
+ height="1em"
805
+ >
806
+ <path
807
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
808
+ />
809
+ </svg>
618
810
  </span>
619
811
  </button>
620
812
  </div>
@@ -665,7 +857,19 @@ cssPrefix: pf-v6-c-drawer
665
857
  aria-label="Close drawer panel"
666
858
  >
667
859
  <span class="pf-v6-c-button__icon">
668
- <i class="fas fa-times" aria-hidden="true"></i>
860
+ <svg
861
+ class="pf-v6-svg"
862
+ viewBox="0 0 352 512"
863
+ fill="currentColor"
864
+ aria-hidden="true"
865
+ role="img"
866
+ width="1em"
867
+ height="1em"
868
+ >
869
+ <path
870
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
871
+ />
872
+ </svg>
669
873
  </span>
670
874
  </button>
671
875
  </div>
@@ -713,7 +917,19 @@ cssPrefix: pf-v6-c-drawer
713
917
  aria-label="Close drawer panel"
714
918
  >
715
919
  <span class="pf-v6-c-button__icon">
716
- <i class="fas fa-times" aria-hidden="true"></i>
920
+ <svg
921
+ class="pf-v6-svg"
922
+ viewBox="0 0 352 512"
923
+ fill="currentColor"
924
+ aria-hidden="true"
925
+ role="img"
926
+ width="1em"
927
+ height="1em"
928
+ >
929
+ <path
930
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
931
+ />
932
+ </svg>
717
933
  </span>
718
934
  </button>
719
935
  </div>
@@ -751,7 +967,19 @@ cssPrefix: pf-v6-c-drawer
751
967
  aria-label="Close drawer panel"
752
968
  >
753
969
  <span class="pf-v6-c-button__icon">
754
- <i class="fas fa-times" aria-hidden="true"></i>
970
+ <svg
971
+ class="pf-v6-svg"
972
+ viewBox="0 0 352 512"
973
+ fill="currentColor"
974
+ aria-hidden="true"
975
+ role="img"
976
+ width="1em"
977
+ height="1em"
978
+ >
979
+ <path
980
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
981
+ />
982
+ </svg>
755
983
  </span>
756
984
  </button>
757
985
  </div>
@@ -788,7 +1016,19 @@ cssPrefix: pf-v6-c-drawer
788
1016
  aria-label="Close drawer panel"
789
1017
  >
790
1018
  <span class="pf-v6-c-button__icon">
791
- <i class="fas fa-times" aria-hidden="true"></i>
1019
+ <svg
1020
+ class="pf-v6-svg"
1021
+ viewBox="0 0 352 512"
1022
+ fill="currentColor"
1023
+ aria-hidden="true"
1024
+ role="img"
1025
+ width="1em"
1026
+ height="1em"
1027
+ >
1028
+ <path
1029
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1030
+ />
1031
+ </svg>
792
1032
  </span>
793
1033
  </button>
794
1034
  </div>
@@ -825,7 +1065,19 @@ cssPrefix: pf-v6-c-drawer
825
1065
  aria-label="Close drawer panel"
826
1066
  >
827
1067
  <span class="pf-v6-c-button__icon">
828
- <i class="fas fa-times" aria-hidden="true"></i>
1068
+ <svg
1069
+ class="pf-v6-svg"
1070
+ viewBox="0 0 352 512"
1071
+ fill="currentColor"
1072
+ aria-hidden="true"
1073
+ role="img"
1074
+ width="1em"
1075
+ height="1em"
1076
+ >
1077
+ <path
1078
+ d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1079
+ />
1080
+ </svg>
829
1081
  </span>
830
1082
  </button>
831
1083
  </div>