@patternfly/patternfly 6.5.0-prerelease.45 → 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 (46) hide show
  1. package/components/NotificationDrawer/notification-drawer.css +10 -2
  2. package/components/NotificationDrawer/notification-drawer.scss +11 -4
  3. package/components/_index.css +10 -2
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  5. package/docs/components/ActionList/examples/ActionList.md +10 -10
  6. package/docs/components/Alert/examples/Alert.md +30 -30
  7. package/docs/components/Banner/examples/Banner.md +65 -5
  8. package/docs/components/Drawer/examples/Drawer.md +42 -42
  9. package/docs/components/DualListSelector/examples/DualListSelector.md +792 -72
  10. package/docs/components/Icon/examples/Icon.md +65 -5
  11. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  12. package/docs/components/Label/examples/Label.md +2812 -220
  13. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  14. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  15. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +18 -18
  16. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +524 -44
  17. package/docs/components/Popover/examples/Popover.md +110 -38
  18. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  19. package/docs/components/Slider/examples/Slider.md +52 -4
  20. package/docs/components/Tabs/examples/Tabs.md +1638 -126
  21. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  22. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  23. package/docs/components/Wizard/examples/Wizard.md +26 -26
  24. package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
  25. package/docs/demos/Alert/examples/Alert.md +6 -6
  26. package/docs/demos/Card/examples/Card.md +80 -8
  27. package/docs/demos/Compass/examples/Compass.md +2 -2
  28. package/docs/demos/Dashboard/examples/Dashboard.md +24 -6
  29. package/docs/demos/DescriptionList/examples/DescriptionList.md +2 -2
  30. package/docs/demos/Drawer/examples/Drawer.md +6 -6
  31. package/docs/demos/Form/examples/BasicForms.md +26 -2
  32. package/docs/demos/JumpLinks/examples/JumpLinks.md +4 -4
  33. package/docs/demos/Masthead/examples/Masthead.md +15 -3
  34. package/docs/demos/Modal/examples/Modal.md +12 -12
  35. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +816 -96
  36. package/docs/demos/Page/examples/Page.md +2 -2
  37. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -18
  38. package/docs/demos/Table/examples/Table.md +232 -19
  39. package/docs/demos/Tabs/examples/Tabs.md +23 -5
  40. package/docs/demos/Toolbar/examples/Toolbar.md +24 -24
  41. package/docs/demos/Wizard/examples/Wizard.md +20 -20
  42. package/package.json +1 -1
  43. package/patternfly-no-globals.css +10 -2
  44. package/patternfly.css +10 -2
  45. package/patternfly.min.css +1 -1
  46. package/patternfly.min.css.map +1 -1
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -366,7 +366,19 @@ section: components
366
366
  <span
367
367
  class="pf-v6-c-notification-drawer__list-item-header-icon"
368
368
  >
369
- <i class="fas fa-info-circle" aria-hidden="true"></i>
369
+ <svg
370
+ class="pf-v6-svg"
371
+ viewBox="0 0 32 32"
372
+ fill="currentColor"
373
+ aria-hidden="true"
374
+ role="img"
375
+ width="1em"
376
+ height="1em"
377
+ >
378
+ <path
379
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
380
+ />
381
+ </svg>
370
382
  </span>
371
383
  <h2
372
384
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -404,7 +416,19 @@ section: components
404
416
  <span
405
417
  class="pf-v6-c-notification-drawer__list-item-header-icon"
406
418
  >
407
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
419
+ <svg
420
+ class="pf-v6-svg"
421
+ viewBox="0 0 32 32"
422
+ fill="currentColor"
423
+ aria-hidden="true"
424
+ role="img"
425
+ width="1em"
426
+ height="1em"
427
+ >
428
+ <path
429
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
430
+ />
431
+ </svg>
408
432
  </span>
409
433
  <h2
410
434
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -442,7 +466,19 @@ section: components
442
466
  <span
443
467
  class="pf-v6-c-notification-drawer__list-item-header-icon"
444
468
  >
445
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
469
+ <svg
470
+ class="pf-v6-svg"
471
+ viewBox="0 0 32 32"
472
+ fill="currentColor"
473
+ aria-hidden="true"
474
+ role="img"
475
+ width="1em"
476
+ height="1em"
477
+ >
478
+ <path
479
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
480
+ />
481
+ </svg>
446
482
  </span>
447
483
  <h2
448
484
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -479,10 +515,19 @@ section: components
479
515
  <span
480
516
  class="pf-v6-c-notification-drawer__list-item-header-icon"
481
517
  >
482
- <i
483
- class="fas fa-exclamation-triangle"
518
+ <svg
519
+ class="pf-v6-svg"
520
+ viewBox="0 0 32 32"
521
+ fill="currentColor"
484
522
  aria-hidden="true"
485
- ></i>
523
+ role="img"
524
+ width="1em"
525
+ height="1em"
526
+ >
527
+ <path
528
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
529
+ />
530
+ </svg>
486
531
  </span>
487
532
  <h2
488
533
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -518,7 +563,19 @@ section: components
518
563
  <span
519
564
  class="pf-v6-c-notification-drawer__list-item-header-icon"
520
565
  >
521
- <i class="fas fa-check-circle" aria-hidden="true"></i>
566
+ <svg
567
+ class="pf-v6-svg"
568
+ viewBox="0 0 32 32"
569
+ fill="currentColor"
570
+ aria-hidden="true"
571
+ role="img"
572
+ width="1em"
573
+ height="1em"
574
+ >
575
+ <path
576
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
577
+ />
578
+ </svg>
522
579
  </span>
523
580
  <h2
524
581
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -554,7 +611,19 @@ section: components
554
611
  <span
555
612
  class="pf-v6-c-notification-drawer__list-item-header-icon"
556
613
  >
557
- <i class="fas fa-check-circle" aria-hidden="true"></i>
614
+ <svg
615
+ class="pf-v6-svg"
616
+ viewBox="0 0 32 32"
617
+ fill="currentColor"
618
+ aria-hidden="true"
619
+ role="img"
620
+ width="1em"
621
+ height="1em"
622
+ >
623
+ <path
624
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
625
+ />
626
+ </svg>
558
627
  </span>
559
628
  <h2
560
629
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -590,7 +659,19 @@ section: components
590
659
  <span
591
660
  class="pf-v6-c-notification-drawer__list-item-header-icon"
592
661
  >
593
- <i class="fas fa-check-circle" aria-hidden="true"></i>
662
+ <svg
663
+ class="pf-v6-svg"
664
+ viewBox="0 0 32 32"
665
+ fill="currentColor"
666
+ aria-hidden="true"
667
+ role="img"
668
+ width="1em"
669
+ height="1em"
670
+ >
671
+ <path
672
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
673
+ />
674
+ </svg>
594
675
  </span>
595
676
  <h2
596
677
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -627,7 +708,19 @@ section: components
627
708
  <span
628
709
  class="pf-v6-c-notification-drawer__list-item-header-icon"
629
710
  >
630
- <i class="fas fa-check-circle" aria-hidden="true"></i>
711
+ <svg
712
+ class="pf-v6-svg"
713
+ viewBox="0 0 32 32"
714
+ fill="currentColor"
715
+ aria-hidden="true"
716
+ role="img"
717
+ width="1em"
718
+ height="1em"
719
+ >
720
+ <path
721
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
722
+ />
723
+ </svg>
631
724
  </span>
632
725
  <h2
633
726
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1025,7 +1118,19 @@ section: components
1025
1118
  <span
1026
1119
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1027
1120
  >
1028
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1121
+ <svg
1122
+ class="pf-v6-svg"
1123
+ viewBox="0 0 32 32"
1124
+ fill="currentColor"
1125
+ aria-hidden="true"
1126
+ role="img"
1127
+ width="1em"
1128
+ height="1em"
1129
+ >
1130
+ <path
1131
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
1132
+ />
1133
+ </svg>
1029
1134
  </span>
1030
1135
  <h2
1031
1136
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1063,7 +1168,19 @@ section: components
1063
1168
  <span
1064
1169
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1065
1170
  >
1066
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1171
+ <svg
1172
+ class="pf-v6-svg"
1173
+ viewBox="0 0 32 32"
1174
+ fill="currentColor"
1175
+ aria-hidden="true"
1176
+ role="img"
1177
+ width="1em"
1178
+ height="1em"
1179
+ >
1180
+ <path
1181
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1182
+ />
1183
+ </svg>
1067
1184
  </span>
1068
1185
  <h2
1069
1186
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1101,7 +1218,19 @@ section: components
1101
1218
  <span
1102
1219
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1103
1220
  >
1104
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1221
+ <svg
1222
+ class="pf-v6-svg"
1223
+ viewBox="0 0 32 32"
1224
+ fill="currentColor"
1225
+ aria-hidden="true"
1226
+ role="img"
1227
+ width="1em"
1228
+ height="1em"
1229
+ >
1230
+ <path
1231
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1232
+ />
1233
+ </svg>
1105
1234
  </span>
1106
1235
  <h2
1107
1236
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1138,10 +1267,19 @@ section: components
1138
1267
  <span
1139
1268
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1140
1269
  >
1141
- <i
1142
- class="fas fa-exclamation-triangle"
1270
+ <svg
1271
+ class="pf-v6-svg"
1272
+ viewBox="0 0 32 32"
1273
+ fill="currentColor"
1143
1274
  aria-hidden="true"
1144
- ></i>
1275
+ role="img"
1276
+ width="1em"
1277
+ height="1em"
1278
+ >
1279
+ <path
1280
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
1281
+ />
1282
+ </svg>
1145
1283
  </span>
1146
1284
  <h2
1147
1285
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1177,7 +1315,19 @@ section: components
1177
1315
  <span
1178
1316
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1179
1317
  >
1180
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1318
+ <svg
1319
+ class="pf-v6-svg"
1320
+ viewBox="0 0 32 32"
1321
+ fill="currentColor"
1322
+ aria-hidden="true"
1323
+ role="img"
1324
+ width="1em"
1325
+ height="1em"
1326
+ >
1327
+ <path
1328
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1329
+ />
1330
+ </svg>
1181
1331
  </span>
1182
1332
  <h2
1183
1333
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1213,7 +1363,19 @@ section: components
1213
1363
  <span
1214
1364
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1215
1365
  >
1216
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1366
+ <svg
1367
+ class="pf-v6-svg"
1368
+ viewBox="0 0 32 32"
1369
+ fill="currentColor"
1370
+ aria-hidden="true"
1371
+ role="img"
1372
+ width="1em"
1373
+ height="1em"
1374
+ >
1375
+ <path
1376
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1377
+ />
1378
+ </svg>
1217
1379
  </span>
1218
1380
  <h2
1219
1381
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1249,7 +1411,19 @@ section: components
1249
1411
  <span
1250
1412
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1251
1413
  >
1252
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1414
+ <svg
1415
+ class="pf-v6-svg"
1416
+ viewBox="0 0 32 32"
1417
+ fill="currentColor"
1418
+ aria-hidden="true"
1419
+ role="img"
1420
+ width="1em"
1421
+ height="1em"
1422
+ >
1423
+ <path
1424
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1425
+ />
1426
+ </svg>
1253
1427
  </span>
1254
1428
  <h2
1255
1429
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1286,7 +1460,19 @@ section: components
1286
1460
  <span
1287
1461
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1288
1462
  >
1289
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1463
+ <svg
1464
+ class="pf-v6-svg"
1465
+ viewBox="0 0 32 32"
1466
+ fill="currentColor"
1467
+ aria-hidden="true"
1468
+ role="img"
1469
+ width="1em"
1470
+ height="1em"
1471
+ >
1472
+ <path
1473
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1474
+ />
1475
+ </svg>
1290
1476
  </span>
1291
1477
  <h2
1292
1478
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1685,7 +1871,19 @@ section: components
1685
1871
  <span
1686
1872
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1687
1873
  >
1688
- <i class="fas fa-info-circle" aria-hidden="true"></i>
1874
+ <svg
1875
+ class="pf-v6-svg"
1876
+ viewBox="0 0 32 32"
1877
+ fill="currentColor"
1878
+ aria-hidden="true"
1879
+ role="img"
1880
+ width="1em"
1881
+ height="1em"
1882
+ >
1883
+ <path
1884
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
1885
+ />
1886
+ </svg>
1689
1887
  </span>
1690
1888
  <h2
1691
1889
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1724,7 +1922,19 @@ section: components
1724
1922
  <span
1725
1923
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1726
1924
  >
1727
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1925
+ <svg
1926
+ class="pf-v6-svg"
1927
+ viewBox="0 0 32 32"
1928
+ fill="currentColor"
1929
+ aria-hidden="true"
1930
+ role="img"
1931
+ width="1em"
1932
+ height="1em"
1933
+ >
1934
+ <path
1935
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1936
+ />
1937
+ </svg>
1728
1938
  </span>
1729
1939
  <h2
1730
1940
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1763,7 +1973,19 @@ section: components
1763
1973
  <span
1764
1974
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1765
1975
  >
1766
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
1976
+ <svg
1977
+ class="pf-v6-svg"
1978
+ viewBox="0 0 32 32"
1979
+ fill="currentColor"
1980
+ aria-hidden="true"
1981
+ role="img"
1982
+ width="1em"
1983
+ height="1em"
1984
+ >
1985
+ <path
1986
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
1987
+ />
1988
+ </svg>
1767
1989
  </span>
1768
1990
  <h2
1769
1991
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1800,10 +2022,19 @@ section: components
1800
2022
  <span
1801
2023
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1802
2024
  >
1803
- <i
1804
- class="fas fa-exclamation-triangle"
2025
+ <svg
2026
+ class="pf-v6-svg"
2027
+ viewBox="0 0 32 32"
2028
+ fill="currentColor"
1805
2029
  aria-hidden="true"
1806
- ></i>
2030
+ role="img"
2031
+ width="1em"
2032
+ height="1em"
2033
+ >
2034
+ <path
2035
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
2036
+ />
2037
+ </svg>
1807
2038
  </span>
1808
2039
  <h2
1809
2040
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1839,7 +2070,19 @@ section: components
1839
2070
  <span
1840
2071
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1841
2072
  >
1842
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2073
+ <svg
2074
+ class="pf-v6-svg"
2075
+ viewBox="0 0 32 32"
2076
+ fill="currentColor"
2077
+ aria-hidden="true"
2078
+ role="img"
2079
+ width="1em"
2080
+ height="1em"
2081
+ >
2082
+ <path
2083
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2084
+ />
2085
+ </svg>
1843
2086
  </span>
1844
2087
  <h2
1845
2088
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -1875,7 +2118,19 @@ section: components
1875
2118
  <span
1876
2119
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1877
2120
  >
1878
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2121
+ <svg
2122
+ class="pf-v6-svg"
2123
+ viewBox="0 0 32 32"
2124
+ fill="currentColor"
2125
+ aria-hidden="true"
2126
+ role="img"
2127
+ width="1em"
2128
+ height="1em"
2129
+ >
2130
+ <path
2131
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2132
+ />
2133
+ </svg>
1879
2134
  </span>
1880
2135
  <h2
1881
2136
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1911,7 +2166,19 @@ section: components
1911
2166
  <span
1912
2167
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1913
2168
  >
1914
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2169
+ <svg
2170
+ class="pf-v6-svg"
2171
+ viewBox="0 0 32 32"
2172
+ fill="currentColor"
2173
+ aria-hidden="true"
2174
+ role="img"
2175
+ width="1em"
2176
+ height="1em"
2177
+ >
2178
+ <path
2179
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2180
+ />
2181
+ </svg>
1915
2182
  </span>
1916
2183
  <h2
1917
2184
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -1948,7 +2215,19 @@ section: components
1948
2215
  <span
1949
2216
  class="pf-v6-c-notification-drawer__list-item-header-icon"
1950
2217
  >
1951
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2218
+ <svg
2219
+ class="pf-v6-svg"
2220
+ viewBox="0 0 32 32"
2221
+ fill="currentColor"
2222
+ aria-hidden="true"
2223
+ role="img"
2224
+ width="1em"
2225
+ height="1em"
2226
+ >
2227
+ <path
2228
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2229
+ />
2230
+ </svg>
1952
2231
  </span>
1953
2232
  <h2
1954
2233
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2347,7 +2626,19 @@ section: components
2347
2626
  <span
2348
2627
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2349
2628
  >
2350
- <i class="fas fa-info-circle" aria-hidden="true"></i>
2629
+ <svg
2630
+ class="pf-v6-svg"
2631
+ viewBox="0 0 32 32"
2632
+ fill="currentColor"
2633
+ aria-hidden="true"
2634
+ role="img"
2635
+ width="1em"
2636
+ height="1em"
2637
+ >
2638
+ <path
2639
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
2640
+ />
2641
+ </svg>
2351
2642
  </span>
2352
2643
  <h2
2353
2644
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2386,7 +2677,19 @@ section: components
2386
2677
  <span
2387
2678
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2388
2679
  >
2389
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
2680
+ <svg
2681
+ class="pf-v6-svg"
2682
+ viewBox="0 0 32 32"
2683
+ fill="currentColor"
2684
+ aria-hidden="true"
2685
+ role="img"
2686
+ width="1em"
2687
+ height="1em"
2688
+ >
2689
+ <path
2690
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
2691
+ />
2692
+ </svg>
2390
2693
  </span>
2391
2694
  <h2
2392
2695
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2420,7 +2723,19 @@ section: components
2420
2723
  <span
2421
2724
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2422
2725
  >
2423
- <i class="fas fa-arrow-circle-up" aria-hidden="true"></i>
2726
+ <svg
2727
+ class="pf-v6-svg"
2728
+ viewBox="0 0 32 32"
2729
+ fill="currentColor"
2730
+ aria-hidden="true"
2731
+ role="img"
2732
+ width="1em"
2733
+ height="1em"
2734
+ >
2735
+ <path
2736
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
2737
+ />
2738
+ </svg>
2424
2739
  </span>
2425
2740
  <h2
2426
2741
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2457,10 +2772,19 @@ section: components
2457
2772
  <span
2458
2773
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2459
2774
  >
2460
- <i
2461
- class="fas fa-exclamation-triangle"
2775
+ <svg
2776
+ class="pf-v6-svg"
2777
+ viewBox="0 0 32 32"
2778
+ fill="currentColor"
2462
2779
  aria-hidden="true"
2463
- ></i>
2780
+ role="img"
2781
+ width="1em"
2782
+ height="1em"
2783
+ >
2784
+ <path
2785
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
2786
+ />
2787
+ </svg>
2464
2788
  </span>
2465
2789
  <h2
2466
2790
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2496,7 +2820,19 @@ section: components
2496
2820
  <span
2497
2821
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2498
2822
  >
2499
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2823
+ <svg
2824
+ class="pf-v6-svg"
2825
+ viewBox="0 0 32 32"
2826
+ fill="currentColor"
2827
+ aria-hidden="true"
2828
+ role="img"
2829
+ width="1em"
2830
+ height="1em"
2831
+ >
2832
+ <path
2833
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2834
+ />
2835
+ </svg>
2500
2836
  </span>
2501
2837
  <h2
2502
2838
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -2532,7 +2868,19 @@ section: components
2532
2868
  <span
2533
2869
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2534
2870
  >
2535
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2871
+ <svg
2872
+ class="pf-v6-svg"
2873
+ viewBox="0 0 32 32"
2874
+ fill="currentColor"
2875
+ aria-hidden="true"
2876
+ role="img"
2877
+ width="1em"
2878
+ height="1em"
2879
+ >
2880
+ <path
2881
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2882
+ />
2883
+ </svg>
2536
2884
  </span>
2537
2885
  <h2
2538
2886
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2568,7 +2916,19 @@ section: components
2568
2916
  <span
2569
2917
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2570
2918
  >
2571
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2919
+ <svg
2920
+ class="pf-v6-svg"
2921
+ viewBox="0 0 32 32"
2922
+ fill="currentColor"
2923
+ aria-hidden="true"
2924
+ role="img"
2925
+ width="1em"
2926
+ height="1em"
2927
+ >
2928
+ <path
2929
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2930
+ />
2931
+ </svg>
2572
2932
  </span>
2573
2933
  <h2
2574
2934
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -2605,7 +2965,19 @@ section: components
2605
2965
  <span
2606
2966
  class="pf-v6-c-notification-drawer__list-item-header-icon"
2607
2967
  >
2608
- <i class="fas fa-check-circle" aria-hidden="true"></i>
2968
+ <svg
2969
+ class="pf-v6-svg"
2970
+ viewBox="0 0 32 32"
2971
+ fill="currentColor"
2972
+ aria-hidden="true"
2973
+ role="img"
2974
+ width="1em"
2975
+ height="1em"
2976
+ >
2977
+ <path
2978
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
2979
+ />
2980
+ </svg>
2609
2981
  </span>
2610
2982
  <h2
2611
2983
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3032,7 +3404,19 @@ section: components
3032
3404
  <span
3033
3405
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3034
3406
  >
3035
- <i class="fas fa-info-circle" aria-hidden="true"></i>
3407
+ <svg
3408
+ class="pf-v6-svg"
3409
+ viewBox="0 0 32 32"
3410
+ fill="currentColor"
3411
+ aria-hidden="true"
3412
+ role="img"
3413
+ width="1em"
3414
+ height="1em"
3415
+ >
3416
+ <path
3417
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
3418
+ />
3419
+ </svg>
3036
3420
  </span>
3037
3421
  <h2
3038
3422
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3075,10 +3459,19 @@ section: components
3075
3459
  <span
3076
3460
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3077
3461
  >
3078
- <i
3079
- class="fas fa-arrow-circle-up"
3462
+ <svg
3463
+ class="pf-v6-svg"
3464
+ viewBox="0 0 32 32"
3465
+ fill="currentColor"
3080
3466
  aria-hidden="true"
3081
- ></i>
3467
+ role="img"
3468
+ width="1em"
3469
+ height="1em"
3470
+ >
3471
+ <path
3472
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3473
+ />
3474
+ </svg>
3082
3475
  </span>
3083
3476
  <h2
3084
3477
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3123,10 +3516,19 @@ section: components
3123
3516
  <span
3124
3517
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3125
3518
  >
3126
- <i
3127
- class="fas fa-arrow-circle-up"
3519
+ <svg
3520
+ class="pf-v6-svg"
3521
+ viewBox="0 0 32 32"
3522
+ fill="currentColor"
3128
3523
  aria-hidden="true"
3129
- ></i>
3524
+ role="img"
3525
+ width="1em"
3526
+ height="1em"
3527
+ >
3528
+ <path
3529
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3530
+ />
3531
+ </svg>
3130
3532
  </span>
3131
3533
  <h2
3132
3534
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3169,10 +3571,19 @@ section: components
3169
3571
  <span
3170
3572
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3171
3573
  >
3172
- <i
3173
- class="fas fa-exclamation-triangle"
3574
+ <svg
3575
+ class="pf-v6-svg"
3576
+ viewBox="0 0 32 32"
3577
+ fill="currentColor"
3174
3578
  aria-hidden="true"
3175
- ></i>
3579
+ role="img"
3580
+ width="1em"
3581
+ height="1em"
3582
+ >
3583
+ <path
3584
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
3585
+ />
3586
+ </svg>
3176
3587
  </span>
3177
3588
  <h2
3178
3589
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3214,7 +3625,19 @@ section: components
3214
3625
  <span
3215
3626
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3216
3627
  >
3217
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3628
+ <svg
3629
+ class="pf-v6-svg"
3630
+ viewBox="0 0 32 32"
3631
+ fill="currentColor"
3632
+ aria-hidden="true"
3633
+ role="img"
3634
+ width="1em"
3635
+ height="1em"
3636
+ >
3637
+ <path
3638
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3639
+ />
3640
+ </svg>
3218
3641
  </span>
3219
3642
  <h2
3220
3643
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3256,7 +3679,19 @@ section: components
3256
3679
  <span
3257
3680
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3258
3681
  >
3259
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3682
+ <svg
3683
+ class="pf-v6-svg"
3684
+ viewBox="0 0 32 32"
3685
+ fill="currentColor"
3686
+ aria-hidden="true"
3687
+ role="img"
3688
+ width="1em"
3689
+ height="1em"
3690
+ >
3691
+ <path
3692
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3693
+ />
3694
+ </svg>
3260
3695
  </span>
3261
3696
  <h2
3262
3697
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3298,7 +3733,19 @@ section: components
3298
3733
  <span
3299
3734
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3300
3735
  >
3301
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3736
+ <svg
3737
+ class="pf-v6-svg"
3738
+ viewBox="0 0 32 32"
3739
+ fill="currentColor"
3740
+ aria-hidden="true"
3741
+ role="img"
3742
+ width="1em"
3743
+ height="1em"
3744
+ >
3745
+ <path
3746
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3747
+ />
3748
+ </svg>
3302
3749
  </span>
3303
3750
  <h2
3304
3751
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3341,7 +3788,19 @@ section: components
3341
3788
  <span
3342
3789
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3343
3790
  >
3344
- <i class="fas fa-check-circle" aria-hidden="true"></i>
3791
+ <svg
3792
+ class="pf-v6-svg"
3793
+ viewBox="0 0 32 32"
3794
+ fill="currentColor"
3795
+ aria-hidden="true"
3796
+ role="img"
3797
+ width="1em"
3798
+ height="1em"
3799
+ >
3800
+ <path
3801
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
3802
+ />
3803
+ </svg>
3345
3804
  </span>
3346
3805
  <h2
3347
3806
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3405,7 +3864,19 @@ section: components
3405
3864
  <span
3406
3865
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3407
3866
  >
3408
- <i class="fas fa-info-circle" aria-hidden="true"></i>
3867
+ <svg
3868
+ class="pf-v6-svg"
3869
+ viewBox="0 0 32 32"
3870
+ fill="currentColor"
3871
+ aria-hidden="true"
3872
+ role="img"
3873
+ width="1em"
3874
+ height="1em"
3875
+ >
3876
+ <path
3877
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
3878
+ />
3879
+ </svg>
3409
3880
  </span>
3410
3881
  <h2
3411
3882
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3448,10 +3919,19 @@ section: components
3448
3919
  <span
3449
3920
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3450
3921
  >
3451
- <i
3452
- class="fas fa-arrow-circle-up"
3922
+ <svg
3923
+ class="pf-v6-svg"
3924
+ viewBox="0 0 32 32"
3925
+ fill="currentColor"
3453
3926
  aria-hidden="true"
3454
- ></i>
3927
+ role="img"
3928
+ width="1em"
3929
+ height="1em"
3930
+ >
3931
+ <path
3932
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3933
+ />
3934
+ </svg>
3455
3935
  </span>
3456
3936
  <h2
3457
3937
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3496,10 +3976,19 @@ section: components
3496
3976
  <span
3497
3977
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3498
3978
  >
3499
- <i
3500
- class="fas fa-arrow-circle-up"
3979
+ <svg
3980
+ class="pf-v6-svg"
3981
+ viewBox="0 0 32 32"
3982
+ fill="currentColor"
3501
3983
  aria-hidden="true"
3502
- ></i>
3984
+ role="img"
3985
+ width="1em"
3986
+ height="1em"
3987
+ >
3988
+ <path
3989
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
3990
+ />
3991
+ </svg>
3503
3992
  </span>
3504
3993
  <h2
3505
3994
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3542,10 +4031,19 @@ section: components
3542
4031
  <span
3543
4032
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3544
4033
  >
3545
- <i
3546
- class="fas fa-exclamation-triangle"
4034
+ <svg
4035
+ class="pf-v6-svg"
4036
+ viewBox="0 0 32 32"
4037
+ fill="currentColor"
3547
4038
  aria-hidden="true"
3548
- ></i>
4039
+ role="img"
4040
+ width="1em"
4041
+ height="1em"
4042
+ >
4043
+ <path
4044
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
4045
+ />
4046
+ </svg>
3549
4047
  </span>
3550
4048
  <h2
3551
4049
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3587,7 +4085,19 @@ section: components
3587
4085
  <span
3588
4086
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3589
4087
  >
3590
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4088
+ <svg
4089
+ class="pf-v6-svg"
4090
+ viewBox="0 0 32 32"
4091
+ fill="currentColor"
4092
+ aria-hidden="true"
4093
+ role="img"
4094
+ width="1em"
4095
+ height="1em"
4096
+ >
4097
+ <path
4098
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4099
+ />
4100
+ </svg>
3591
4101
  </span>
3592
4102
  <h2
3593
4103
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3629,7 +4139,19 @@ section: components
3629
4139
  <span
3630
4140
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3631
4141
  >
3632
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4142
+ <svg
4143
+ class="pf-v6-svg"
4144
+ viewBox="0 0 32 32"
4145
+ fill="currentColor"
4146
+ aria-hidden="true"
4147
+ role="img"
4148
+ width="1em"
4149
+ height="1em"
4150
+ >
4151
+ <path
4152
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4153
+ />
4154
+ </svg>
3633
4155
  </span>
3634
4156
  <h2
3635
4157
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3671,7 +4193,19 @@ section: components
3671
4193
  <span
3672
4194
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3673
4195
  >
3674
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4196
+ <svg
4197
+ class="pf-v6-svg"
4198
+ viewBox="0 0 32 32"
4199
+ fill="currentColor"
4200
+ aria-hidden="true"
4201
+ role="img"
4202
+ width="1em"
4203
+ height="1em"
4204
+ >
4205
+ <path
4206
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4207
+ />
4208
+ </svg>
3675
4209
  </span>
3676
4210
  <h2
3677
4211
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -3714,7 +4248,19 @@ section: components
3714
4248
  <span
3715
4249
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3716
4250
  >
3717
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4251
+ <svg
4252
+ class="pf-v6-svg"
4253
+ viewBox="0 0 32 32"
4254
+ fill="currentColor"
4255
+ aria-hidden="true"
4256
+ role="img"
4257
+ width="1em"
4258
+ height="1em"
4259
+ >
4260
+ <path
4261
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4262
+ />
4263
+ </svg>
3718
4264
  </span>
3719
4265
  <h2
3720
4266
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3780,7 +4326,19 @@ section: components
3780
4326
  <span
3781
4327
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3782
4328
  >
3783
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4329
+ <svg
4330
+ class="pf-v6-svg"
4331
+ viewBox="0 0 32 32"
4332
+ fill="currentColor"
4333
+ aria-hidden="true"
4334
+ role="img"
4335
+ width="1em"
4336
+ height="1em"
4337
+ >
4338
+ <path
4339
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
4340
+ />
4341
+ </svg>
3784
4342
  </span>
3785
4343
  <h2
3786
4344
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3823,10 +4381,19 @@ section: components
3823
4381
  <span
3824
4382
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3825
4383
  >
3826
- <i
3827
- class="fas fa-arrow-circle-up"
4384
+ <svg
4385
+ class="pf-v6-svg"
4386
+ viewBox="0 0 32 32"
4387
+ fill="currentColor"
3828
4388
  aria-hidden="true"
3829
- ></i>
4389
+ role="img"
4390
+ width="1em"
4391
+ height="1em"
4392
+ >
4393
+ <path
4394
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4395
+ />
4396
+ </svg>
3830
4397
  </span>
3831
4398
  <h2
3832
4399
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3871,10 +4438,19 @@ section: components
3871
4438
  <span
3872
4439
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3873
4440
  >
3874
- <i
3875
- class="fas fa-arrow-circle-up"
4441
+ <svg
4442
+ class="pf-v6-svg"
4443
+ viewBox="0 0 32 32"
4444
+ fill="currentColor"
3876
4445
  aria-hidden="true"
3877
- ></i>
4446
+ role="img"
4447
+ width="1em"
4448
+ height="1em"
4449
+ >
4450
+ <path
4451
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4452
+ />
4453
+ </svg>
3878
4454
  </span>
3879
4455
  <h2
3880
4456
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3917,10 +4493,19 @@ section: components
3917
4493
  <span
3918
4494
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3919
4495
  >
3920
- <i
3921
- class="fas fa-exclamation-triangle"
4496
+ <svg
4497
+ class="pf-v6-svg"
4498
+ viewBox="0 0 32 32"
4499
+ fill="currentColor"
3922
4500
  aria-hidden="true"
3923
- ></i>
4501
+ role="img"
4502
+ width="1em"
4503
+ height="1em"
4504
+ >
4505
+ <path
4506
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
4507
+ />
4508
+ </svg>
3924
4509
  </span>
3925
4510
  <h2
3926
4511
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -3962,7 +4547,19 @@ section: components
3962
4547
  <span
3963
4548
  class="pf-v6-c-notification-drawer__list-item-header-icon"
3964
4549
  >
3965
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4550
+ <svg
4551
+ class="pf-v6-svg"
4552
+ viewBox="0 0 32 32"
4553
+ fill="currentColor"
4554
+ aria-hidden="true"
4555
+ role="img"
4556
+ width="1em"
4557
+ height="1em"
4558
+ >
4559
+ <path
4560
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4561
+ />
4562
+ </svg>
3966
4563
  </span>
3967
4564
  <h2
3968
4565
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4004,7 +4601,19 @@ section: components
4004
4601
  <span
4005
4602
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4006
4603
  >
4007
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4604
+ <svg
4605
+ class="pf-v6-svg"
4606
+ viewBox="0 0 32 32"
4607
+ fill="currentColor"
4608
+ aria-hidden="true"
4609
+ role="img"
4610
+ width="1em"
4611
+ height="1em"
4612
+ >
4613
+ <path
4614
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4615
+ />
4616
+ </svg>
4008
4617
  </span>
4009
4618
  <h2
4010
4619
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4046,7 +4655,19 @@ section: components
4046
4655
  <span
4047
4656
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4048
4657
  >
4049
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4658
+ <svg
4659
+ class="pf-v6-svg"
4660
+ viewBox="0 0 32 32"
4661
+ fill="currentColor"
4662
+ aria-hidden="true"
4663
+ role="img"
4664
+ width="1em"
4665
+ height="1em"
4666
+ >
4667
+ <path
4668
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4669
+ />
4670
+ </svg>
4050
4671
  </span>
4051
4672
  <h2
4052
4673
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4089,7 +4710,19 @@ section: components
4089
4710
  <span
4090
4711
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4091
4712
  >
4092
- <i class="fas fa-check-circle" aria-hidden="true"></i>
4713
+ <svg
4714
+ class="pf-v6-svg"
4715
+ viewBox="0 0 32 32"
4716
+ fill="currentColor"
4717
+ aria-hidden="true"
4718
+ role="img"
4719
+ width="1em"
4720
+ height="1em"
4721
+ >
4722
+ <path
4723
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
4724
+ />
4725
+ </svg>
4093
4726
  </span>
4094
4727
  <h2
4095
4728
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4155,7 +4788,19 @@ section: components
4155
4788
  <span
4156
4789
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4157
4790
  >
4158
- <i class="fas fa-info-circle" aria-hidden="true"></i>
4791
+ <svg
4792
+ class="pf-v6-svg"
4793
+ viewBox="0 0 32 32"
4794
+ fill="currentColor"
4795
+ aria-hidden="true"
4796
+ role="img"
4797
+ width="1em"
4798
+ height="1em"
4799
+ >
4800
+ <path
4801
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm1.5 22a1.5 1.5 0 1 1-3 0v-5.157l-.188.04a1.5 1.5 0 0 1-.625-2.934l1.956-.416c.112-.024.223-.032.333-.03l.024-.002a1.5 1.5 0 0 1 1.5 1.5v7Zm-.08-12.58c-.38.37-.89.58-1.42.58a1.998 1.998 0 0 1-1.851-2.76c.051-.13.11-.24.19-.35.07-.11.15-.21.25-.3.74-.75 2.08-.75 2.83 0 .09.09.17.19.24.3.08.11.14.22.189.35.05.12.09.24.11.37.03.13.04.26.04.39 0 .53-.21 1.04-.58 1.42Z"
4802
+ />
4803
+ </svg>
4159
4804
  </span>
4160
4805
  <h2
4161
4806
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4198,10 +4843,19 @@ section: components
4198
4843
  <span
4199
4844
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4200
4845
  >
4201
- <i
4202
- class="fas fa-arrow-circle-up"
4846
+ <svg
4847
+ class="pf-v6-svg"
4848
+ viewBox="0 0 32 32"
4849
+ fill="currentColor"
4203
4850
  aria-hidden="true"
4204
- ></i>
4851
+ role="img"
4852
+ width="1em"
4853
+ height="1em"
4854
+ >
4855
+ <path
4856
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4857
+ />
4858
+ </svg>
4205
4859
  </span>
4206
4860
  <h2
4207
4861
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4246,10 +4900,19 @@ section: components
4246
4900
  <span
4247
4901
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4248
4902
  >
4249
- <i
4250
- class="fas fa-arrow-circle-up"
4903
+ <svg
4904
+ class="pf-v6-svg"
4905
+ viewBox="0 0 32 32"
4906
+ fill="currentColor"
4251
4907
  aria-hidden="true"
4252
- ></i>
4908
+ role="img"
4909
+ width="1em"
4910
+ height="1em"
4911
+ >
4912
+ <path
4913
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
4914
+ />
4915
+ </svg>
4253
4916
  </span>
4254
4917
  <h2
4255
4918
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4292,10 +4955,19 @@ section: components
4292
4955
  <span
4293
4956
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4294
4957
  >
4295
- <i
4296
- class="fas fa-exclamation-triangle"
4958
+ <svg
4959
+ class="pf-v6-svg"
4960
+ viewBox="0 0 32 32"
4961
+ fill="currentColor"
4297
4962
  aria-hidden="true"
4298
- ></i>
4963
+ role="img"
4964
+ width="1em"
4965
+ height="1em"
4966
+ >
4967
+ <path
4968
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
4969
+ />
4970
+ </svg>
4299
4971
  </span>
4300
4972
  <h2
4301
4973
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4337,7 +5009,19 @@ section: components
4337
5009
  <span
4338
5010
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4339
5011
  >
4340
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5012
+ <svg
5013
+ class="pf-v6-svg"
5014
+ viewBox="0 0 32 32"
5015
+ fill="currentColor"
5016
+ aria-hidden="true"
5017
+ role="img"
5018
+ width="1em"
5019
+ height="1em"
5020
+ >
5021
+ <path
5022
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5023
+ />
5024
+ </svg>
4341
5025
  </span>
4342
5026
  <h2
4343
5027
  class="pf-v6-c-notification-drawer__list-item-header-title"
@@ -4379,7 +5063,19 @@ section: components
4379
5063
  <span
4380
5064
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4381
5065
  >
4382
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5066
+ <svg
5067
+ class="pf-v6-svg"
5068
+ viewBox="0 0 32 32"
5069
+ fill="currentColor"
5070
+ aria-hidden="true"
5071
+ role="img"
5072
+ width="1em"
5073
+ height="1em"
5074
+ >
5075
+ <path
5076
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5077
+ />
5078
+ </svg>
4383
5079
  </span>
4384
5080
  <h2
4385
5081
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4421,7 +5117,19 @@ section: components
4421
5117
  <span
4422
5118
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4423
5119
  >
4424
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5120
+ <svg
5121
+ class="pf-v6-svg"
5122
+ viewBox="0 0 32 32"
5123
+ fill="currentColor"
5124
+ aria-hidden="true"
5125
+ role="img"
5126
+ width="1em"
5127
+ height="1em"
5128
+ >
5129
+ <path
5130
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5131
+ />
5132
+ </svg>
4425
5133
  </span>
4426
5134
  <h2
4427
5135
  class="pf-v6-c-notification-drawer__list-item-header-title pf-m-truncate"
@@ -4464,7 +5172,19 @@ section: components
4464
5172
  <span
4465
5173
  class="pf-v6-c-notification-drawer__list-item-header-icon"
4466
5174
  >
4467
- <i class="fas fa-check-circle" aria-hidden="true"></i>
5175
+ <svg
5176
+ class="pf-v6-svg"
5177
+ viewBox="0 0 32 32"
5178
+ fill="currentColor"
5179
+ aria-hidden="true"
5180
+ role="img"
5181
+ width="1em"
5182
+ height="1em"
5183
+ >
5184
+ <path
5185
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
5186
+ />
5187
+ </svg>
4468
5188
  </span>
4469
5189
  <h2
4470
5190
  class="pf-v6-c-notification-drawer__list-item-header-title"