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

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 (83) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Alert/alert.css +2 -1
  4. package/components/Alert/alert.scss +2 -1
  5. package/components/Card/card.css +1 -1
  6. package/components/Card/card.scss +1 -1
  7. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  8. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  9. package/components/DataList/data-list.css +1 -1
  10. package/components/DataList/data-list.scss +1 -1
  11. package/components/DualListSelector/dual-list-selector.css +1 -1
  12. package/components/DualListSelector/dual-list-selector.scss +1 -1
  13. package/components/ExpandableSection/expandable-section.css +2 -2
  14. package/components/ExpandableSection/expandable-section.scss +2 -2
  15. package/components/Form/form.css +1 -1
  16. package/components/Form/form.scss +1 -1
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -1
  19. package/components/Nav/nav.css +1 -1
  20. package/components/Nav/nav.scss +1 -1
  21. package/components/NotificationDrawer/notification-drawer.css +1 -1
  22. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  23. package/components/Table/table.css +2 -2
  24. package/components/Table/table.scss +2 -2
  25. package/components/Tabs/tabs.css +2 -2
  26. package/components/Tabs/tabs.scss +2 -2
  27. package/components/Toolbar/toolbar.css +1 -1
  28. package/components/Toolbar/toolbar.scss +1 -1
  29. package/components/TreeView/tree-view.css +1 -1
  30. package/components/TreeView/tree-view.scss +1 -1
  31. package/components/Wizard/wizard.css +1 -1
  32. package/components/Wizard/wizard.scss +1 -1
  33. package/components/_index.css +20 -19
  34. package/docs/components/Accordion/examples/Accordion.md +390 -30
  35. package/docs/components/Alert/examples/Alert.md +494 -38
  36. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  37. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  38. package/docs/components/Card/examples/Card.md +52 -4
  39. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  40. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  41. package/docs/components/DataList/examples/DataList.md +221 -17
  42. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  43. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  44. package/docs/components/Form/examples/Form.md +78 -6
  45. package/docs/components/Icon/examples/Icon.md +26 -2
  46. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  47. package/docs/components/Menu/examples/Menu.md +1456 -112
  48. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  49. package/docs/components/Nav/examples/Navigation.md +710 -62
  50. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  51. package/docs/components/Table/examples/Table.md +819 -63
  52. package/docs/components/Tabs/examples/Tabs.md +321 -213
  53. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  54. package/docs/components/Wizard/examples/Wizard.md +323 -59
  55. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  56. package/docs/demos/Alert/examples/Alert.md +182 -14
  57. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  58. package/docs/demos/Banner/examples/Banner.md +78 -6
  59. package/docs/demos/Card/examples/Card.md +242 -29
  60. package/docs/demos/CardView/examples/CardView.md +78 -6
  61. package/docs/demos/Compass/examples/Compass.md +71 -35
  62. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  63. package/docs/demos/DataList/examples/DataList.md +234 -18
  64. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  65. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  66. package/docs/demos/Form/examples/BasicForms.md +143 -11
  67. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  68. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  69. package/docs/demos/Modal/examples/Modal.md +234 -18
  70. package/docs/demos/Nav/examples/Nav.md +320 -32
  71. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  72. package/docs/demos/Page/examples/Page.md +546 -42
  73. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  74. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  75. package/docs/demos/Table/examples/Table.md +702 -54
  76. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  77. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  78. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  79. package/package.json +1 -1
  80. package/patternfly-no-globals.css +20 -19
  81. package/patternfly.css +20 -19
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -238,21 +238,57 @@ wrapperTag: div
238
238
  </li>
239
239
  <li class="pf-v6-c-breadcrumb__item">
240
240
  <span class="pf-v6-c-breadcrumb__item-divider">
241
- <i class="fas fa-angle-right" aria-hidden="true"></i>
241
+ <svg
242
+ class="pf-v6-svg"
243
+ viewBox="0 0 20 20"
244
+ fill="currentColor"
245
+ aria-hidden="true"
246
+ role="img"
247
+ width="1em"
248
+ height="1em"
249
+ >
250
+ <path
251
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
252
+ />
253
+ </svg>
242
254
  </span>
243
255
 
244
256
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
245
257
  </li>
246
258
  <li class="pf-v6-c-breadcrumb__item">
247
259
  <span class="pf-v6-c-breadcrumb__item-divider">
248
- <i class="fas fa-angle-right" aria-hidden="true"></i>
260
+ <svg
261
+ class="pf-v6-svg"
262
+ viewBox="0 0 20 20"
263
+ fill="currentColor"
264
+ aria-hidden="true"
265
+ role="img"
266
+ width="1em"
267
+ height="1em"
268
+ >
269
+ <path
270
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
271
+ />
272
+ </svg>
249
273
  </span>
250
274
 
251
275
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
252
276
  </li>
253
277
  <li class="pf-v6-c-breadcrumb__item">
254
278
  <span class="pf-v6-c-breadcrumb__item-divider">
255
- <i class="fas fa-angle-right" aria-hidden="true"></i>
279
+ <svg
280
+ class="pf-v6-svg"
281
+ viewBox="0 0 20 20"
282
+ fill="currentColor"
283
+ aria-hidden="true"
284
+ role="img"
285
+ width="1em"
286
+ height="1em"
287
+ >
288
+ <path
289
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
290
+ />
291
+ </svg>
256
292
  </span>
257
293
 
258
294
  <a
@@ -1353,21 +1389,57 @@ wrapperTag: div
1353
1389
  </li>
1354
1390
  <li class="pf-v6-c-breadcrumb__item">
1355
1391
  <span class="pf-v6-c-breadcrumb__item-divider">
1356
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1392
+ <svg
1393
+ class="pf-v6-svg"
1394
+ viewBox="0 0 20 20"
1395
+ fill="currentColor"
1396
+ aria-hidden="true"
1397
+ role="img"
1398
+ width="1em"
1399
+ height="1em"
1400
+ >
1401
+ <path
1402
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1403
+ />
1404
+ </svg>
1357
1405
  </span>
1358
1406
 
1359
1407
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1360
1408
  </li>
1361
1409
  <li class="pf-v6-c-breadcrumb__item">
1362
1410
  <span class="pf-v6-c-breadcrumb__item-divider">
1363
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1411
+ <svg
1412
+ class="pf-v6-svg"
1413
+ viewBox="0 0 20 20"
1414
+ fill="currentColor"
1415
+ aria-hidden="true"
1416
+ role="img"
1417
+ width="1em"
1418
+ height="1em"
1419
+ >
1420
+ <path
1421
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1422
+ />
1423
+ </svg>
1364
1424
  </span>
1365
1425
 
1366
1426
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1367
1427
  </li>
1368
1428
  <li class="pf-v6-c-breadcrumb__item">
1369
1429
  <span class="pf-v6-c-breadcrumb__item-divider">
1370
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1430
+ <svg
1431
+ class="pf-v6-svg"
1432
+ viewBox="0 0 20 20"
1433
+ fill="currentColor"
1434
+ aria-hidden="true"
1435
+ role="img"
1436
+ width="1em"
1437
+ height="1em"
1438
+ >
1439
+ <path
1440
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1441
+ />
1442
+ </svg>
1371
1443
  </span>
1372
1444
 
1373
1445
  <a
@@ -2600,21 +2672,57 @@ wrapperTag: div
2600
2672
  </li>
2601
2673
  <li class="pf-v6-c-breadcrumb__item">
2602
2674
  <span class="pf-v6-c-breadcrumb__item-divider">
2603
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2675
+ <svg
2676
+ class="pf-v6-svg"
2677
+ viewBox="0 0 20 20"
2678
+ fill="currentColor"
2679
+ aria-hidden="true"
2680
+ role="img"
2681
+ width="1em"
2682
+ height="1em"
2683
+ >
2684
+ <path
2685
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2686
+ />
2687
+ </svg>
2604
2688
  </span>
2605
2689
 
2606
2690
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2607
2691
  </li>
2608
2692
  <li class="pf-v6-c-breadcrumb__item">
2609
2693
  <span class="pf-v6-c-breadcrumb__item-divider">
2610
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2694
+ <svg
2695
+ class="pf-v6-svg"
2696
+ viewBox="0 0 20 20"
2697
+ fill="currentColor"
2698
+ aria-hidden="true"
2699
+ role="img"
2700
+ width="1em"
2701
+ height="1em"
2702
+ >
2703
+ <path
2704
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2705
+ />
2706
+ </svg>
2611
2707
  </span>
2612
2708
 
2613
2709
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2614
2710
  </li>
2615
2711
  <li class="pf-v6-c-breadcrumb__item">
2616
2712
  <span class="pf-v6-c-breadcrumb__item-divider">
2617
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2713
+ <svg
2714
+ class="pf-v6-svg"
2715
+ viewBox="0 0 20 20"
2716
+ fill="currentColor"
2717
+ aria-hidden="true"
2718
+ role="img"
2719
+ width="1em"
2720
+ height="1em"
2721
+ >
2722
+ <path
2723
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2724
+ />
2725
+ </svg>
2618
2726
  </span>
2619
2727
 
2620
2728
  <a
@@ -2922,7 +3030,19 @@ wrapperTag: div
2922
3030
  >
2923
3031
  <span class="pf-v6-c-button__icon">
2924
3032
  <div class="pf-v6-c-table__toggle-icon">
2925
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3033
+ <svg
3034
+ class="pf-v6-svg"
3035
+ viewBox="0 0 20 20"
3036
+ fill="currentColor"
3037
+ aria-hidden="true"
3038
+ role="img"
3039
+ width="1em"
3040
+ height="1em"
3041
+ >
3042
+ <path
3043
+ 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"
3044
+ />
3045
+ </svg>
2926
3046
  </div>
2927
3047
  </span>
2928
3048
  </button>
@@ -3001,7 +3121,19 @@ wrapperTag: div
3001
3121
  >
3002
3122
  <span class="pf-v6-c-button__icon">
3003
3123
  <div class="pf-v6-c-table__toggle-icon">
3004
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3124
+ <svg
3125
+ class="pf-v6-svg"
3126
+ viewBox="0 0 20 20"
3127
+ fill="currentColor"
3128
+ aria-hidden="true"
3129
+ role="img"
3130
+ width="1em"
3131
+ height="1em"
3132
+ >
3133
+ <path
3134
+ 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"
3135
+ />
3136
+ </svg>
3005
3137
  </div>
3006
3138
  </span>
3007
3139
  </button>
@@ -3134,7 +3266,19 @@ wrapperTag: div
3134
3266
  >
3135
3267
  <span class="pf-v6-c-button__icon">
3136
3268
  <div class="pf-v6-c-table__toggle-icon">
3137
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3269
+ <svg
3270
+ class="pf-v6-svg"
3271
+ viewBox="0 0 20 20"
3272
+ fill="currentColor"
3273
+ aria-hidden="true"
3274
+ role="img"
3275
+ width="1em"
3276
+ height="1em"
3277
+ >
3278
+ <path
3279
+ 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"
3280
+ />
3281
+ </svg>
3138
3282
  </div>
3139
3283
  </span>
3140
3284
  </button>
@@ -3273,7 +3417,19 @@ wrapperTag: div
3273
3417
  >
3274
3418
  <span class="pf-v6-c-button__icon">
3275
3419
  <div class="pf-v6-c-table__toggle-icon">
3276
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3420
+ <svg
3421
+ class="pf-v6-svg"
3422
+ viewBox="0 0 20 20"
3423
+ fill="currentColor"
3424
+ aria-hidden="true"
3425
+ role="img"
3426
+ width="1em"
3427
+ height="1em"
3428
+ >
3429
+ <path
3430
+ 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"
3431
+ />
3432
+ </svg>
3277
3433
  </div>
3278
3434
  </span>
3279
3435
  </button>
@@ -3386,7 +3542,19 @@ wrapperTag: div
3386
3542
  >
3387
3543
  <span class="pf-v6-c-button__icon">
3388
3544
  <div class="pf-v6-c-table__toggle-icon">
3389
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3545
+ <svg
3546
+ class="pf-v6-svg"
3547
+ viewBox="0 0 20 20"
3548
+ fill="currentColor"
3549
+ aria-hidden="true"
3550
+ role="img"
3551
+ width="1em"
3552
+ height="1em"
3553
+ >
3554
+ <path
3555
+ 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"
3556
+ />
3557
+ </svg>
3390
3558
  </div>
3391
3559
  </span>
3392
3560
  </button>
@@ -3499,7 +3667,19 @@ wrapperTag: div
3499
3667
  >
3500
3668
  <span class="pf-v6-c-button__icon">
3501
3669
  <div class="pf-v6-c-table__toggle-icon">
3502
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3670
+ <svg
3671
+ class="pf-v6-svg"
3672
+ viewBox="0 0 20 20"
3673
+ fill="currentColor"
3674
+ aria-hidden="true"
3675
+ role="img"
3676
+ width="1em"
3677
+ height="1em"
3678
+ >
3679
+ <path
3680
+ 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"
3681
+ />
3682
+ </svg>
3503
3683
  </div>
3504
3684
  </span>
3505
3685
  </button>
@@ -3979,21 +4159,57 @@ wrapperTag: div
3979
4159
  </li>
3980
4160
  <li class="pf-v6-c-breadcrumb__item">
3981
4161
  <span class="pf-v6-c-breadcrumb__item-divider">
3982
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4162
+ <svg
4163
+ class="pf-v6-svg"
4164
+ viewBox="0 0 20 20"
4165
+ fill="currentColor"
4166
+ aria-hidden="true"
4167
+ role="img"
4168
+ width="1em"
4169
+ height="1em"
4170
+ >
4171
+ <path
4172
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4173
+ />
4174
+ </svg>
3983
4175
  </span>
3984
4176
 
3985
4177
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3986
4178
  </li>
3987
4179
  <li class="pf-v6-c-breadcrumb__item">
3988
4180
  <span class="pf-v6-c-breadcrumb__item-divider">
3989
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4181
+ <svg
4182
+ class="pf-v6-svg"
4183
+ viewBox="0 0 20 20"
4184
+ fill="currentColor"
4185
+ aria-hidden="true"
4186
+ role="img"
4187
+ width="1em"
4188
+ height="1em"
4189
+ >
4190
+ <path
4191
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4192
+ />
4193
+ </svg>
3990
4194
  </span>
3991
4195
 
3992
4196
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3993
4197
  </li>
3994
4198
  <li class="pf-v6-c-breadcrumb__item">
3995
4199
  <span class="pf-v6-c-breadcrumb__item-divider">
3996
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4200
+ <svg
4201
+ class="pf-v6-svg"
4202
+ viewBox="0 0 20 20"
4203
+ fill="currentColor"
4204
+ aria-hidden="true"
4205
+ role="img"
4206
+ width="1em"
4207
+ height="1em"
4208
+ >
4209
+ <path
4210
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4211
+ />
4212
+ </svg>
3997
4213
  </span>
3998
4214
 
3999
4215
  <a
@@ -5020,21 +5236,57 @@ wrapperTag: div
5020
5236
  </li>
5021
5237
  <li class="pf-v6-c-breadcrumb__item">
5022
5238
  <span class="pf-v6-c-breadcrumb__item-divider">
5023
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5239
+ <svg
5240
+ class="pf-v6-svg"
5241
+ viewBox="0 0 20 20"
5242
+ fill="currentColor"
5243
+ aria-hidden="true"
5244
+ role="img"
5245
+ width="1em"
5246
+ height="1em"
5247
+ >
5248
+ <path
5249
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5250
+ />
5251
+ </svg>
5024
5252
  </span>
5025
5253
 
5026
5254
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5027
5255
  </li>
5028
5256
  <li class="pf-v6-c-breadcrumb__item">
5029
5257
  <span class="pf-v6-c-breadcrumb__item-divider">
5030
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5258
+ <svg
5259
+ class="pf-v6-svg"
5260
+ viewBox="0 0 20 20"
5261
+ fill="currentColor"
5262
+ aria-hidden="true"
5263
+ role="img"
5264
+ width="1em"
5265
+ height="1em"
5266
+ >
5267
+ <path
5268
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5269
+ />
5270
+ </svg>
5031
5271
  </span>
5032
5272
 
5033
5273
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5034
5274
  </li>
5035
5275
  <li class="pf-v6-c-breadcrumb__item">
5036
5276
  <span class="pf-v6-c-breadcrumb__item-divider">
5037
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5277
+ <svg
5278
+ class="pf-v6-svg"
5279
+ viewBox="0 0 20 20"
5280
+ fill="currentColor"
5281
+ aria-hidden="true"
5282
+ role="img"
5283
+ width="1em"
5284
+ height="1em"
5285
+ >
5286
+ <path
5287
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
5288
+ />
5289
+ </svg>
5038
5290
  </span>
5039
5291
 
5040
5292
  <a
@@ -8019,21 +8271,57 @@ wrapperTag: div
8019
8271
  </li>
8020
8272
  <li class="pf-v6-c-breadcrumb__item">
8021
8273
  <span class="pf-v6-c-breadcrumb__item-divider">
8022
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8274
+ <svg
8275
+ class="pf-v6-svg"
8276
+ viewBox="0 0 20 20"
8277
+ fill="currentColor"
8278
+ aria-hidden="true"
8279
+ role="img"
8280
+ width="1em"
8281
+ height="1em"
8282
+ >
8283
+ <path
8284
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8285
+ />
8286
+ </svg>
8023
8287
  </span>
8024
8288
 
8025
8289
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8026
8290
  </li>
8027
8291
  <li class="pf-v6-c-breadcrumb__item">
8028
8292
  <span class="pf-v6-c-breadcrumb__item-divider">
8029
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8293
+ <svg
8294
+ class="pf-v6-svg"
8295
+ viewBox="0 0 20 20"
8296
+ fill="currentColor"
8297
+ aria-hidden="true"
8298
+ role="img"
8299
+ width="1em"
8300
+ height="1em"
8301
+ >
8302
+ <path
8303
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8304
+ />
8305
+ </svg>
8030
8306
  </span>
8031
8307
 
8032
8308
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8033
8309
  </li>
8034
8310
  <li class="pf-v6-c-breadcrumb__item">
8035
8311
  <span class="pf-v6-c-breadcrumb__item-divider">
8036
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8312
+ <svg
8313
+ class="pf-v6-svg"
8314
+ viewBox="0 0 20 20"
8315
+ fill="currentColor"
8316
+ aria-hidden="true"
8317
+ role="img"
8318
+ width="1em"
8319
+ height="1em"
8320
+ >
8321
+ <path
8322
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8323
+ />
8324
+ </svg>
8037
8325
  </span>
8038
8326
 
8039
8327
  <a
@@ -8412,21 +8700,57 @@ wrapperTag: div
8412
8700
  </li>
8413
8701
  <li class="pf-v6-c-breadcrumb__item">
8414
8702
  <span class="pf-v6-c-breadcrumb__item-divider">
8415
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8703
+ <svg
8704
+ class="pf-v6-svg"
8705
+ viewBox="0 0 20 20"
8706
+ fill="currentColor"
8707
+ aria-hidden="true"
8708
+ role="img"
8709
+ width="1em"
8710
+ height="1em"
8711
+ >
8712
+ <path
8713
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8714
+ />
8715
+ </svg>
8416
8716
  </span>
8417
8717
 
8418
8718
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8419
8719
  </li>
8420
8720
  <li class="pf-v6-c-breadcrumb__item">
8421
8721
  <span class="pf-v6-c-breadcrumb__item-divider">
8422
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8722
+ <svg
8723
+ class="pf-v6-svg"
8724
+ viewBox="0 0 20 20"
8725
+ fill="currentColor"
8726
+ aria-hidden="true"
8727
+ role="img"
8728
+ width="1em"
8729
+ height="1em"
8730
+ >
8731
+ <path
8732
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8733
+ />
8734
+ </svg>
8423
8735
  </span>
8424
8736
 
8425
8737
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8426
8738
  </li>
8427
8739
  <li class="pf-v6-c-breadcrumb__item">
8428
8740
  <span class="pf-v6-c-breadcrumb__item-divider">
8429
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8741
+ <svg
8742
+ class="pf-v6-svg"
8743
+ viewBox="0 0 20 20"
8744
+ fill="currentColor"
8745
+ aria-hidden="true"
8746
+ role="img"
8747
+ width="1em"
8748
+ height="1em"
8749
+ >
8750
+ <path
8751
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
8752
+ />
8753
+ </svg>
8430
8754
  </span>
8431
8755
 
8432
8756
  <a
@@ -8799,21 +9123,57 @@ wrapperTag: div
8799
9123
  </li>
8800
9124
  <li class="pf-v6-c-breadcrumb__item">
8801
9125
  <span class="pf-v6-c-breadcrumb__item-divider">
8802
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9126
+ <svg
9127
+ class="pf-v6-svg"
9128
+ viewBox="0 0 20 20"
9129
+ fill="currentColor"
9130
+ aria-hidden="true"
9131
+ role="img"
9132
+ width="1em"
9133
+ height="1em"
9134
+ >
9135
+ <path
9136
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
9137
+ />
9138
+ </svg>
8803
9139
  </span>
8804
9140
 
8805
9141
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8806
9142
  </li>
8807
9143
  <li class="pf-v6-c-breadcrumb__item">
8808
9144
  <span class="pf-v6-c-breadcrumb__item-divider">
8809
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9145
+ <svg
9146
+ class="pf-v6-svg"
9147
+ viewBox="0 0 20 20"
9148
+ fill="currentColor"
9149
+ aria-hidden="true"
9150
+ role="img"
9151
+ width="1em"
9152
+ height="1em"
9153
+ >
9154
+ <path
9155
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
9156
+ />
9157
+ </svg>
8810
9158
  </span>
8811
9159
 
8812
9160
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
8813
9161
  </li>
8814
9162
  <li class="pf-v6-c-breadcrumb__item">
8815
9163
  <span class="pf-v6-c-breadcrumb__item-divider">
8816
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9164
+ <svg
9165
+ class="pf-v6-svg"
9166
+ viewBox="0 0 20 20"
9167
+ fill="currentColor"
9168
+ aria-hidden="true"
9169
+ role="img"
9170
+ width="1em"
9171
+ height="1em"
9172
+ >
9173
+ <path
9174
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
9175
+ />
9176
+ </svg>
8817
9177
  </span>
8818
9178
 
8819
9179
  <a
@@ -9928,21 +10288,57 @@ wrapperTag: div
9928
10288
  </li>
9929
10289
  <li class="pf-v6-c-breadcrumb__item">
9930
10290
  <span class="pf-v6-c-breadcrumb__item-divider">
9931
- <i class="fas fa-angle-right" aria-hidden="true"></i>
10291
+ <svg
10292
+ class="pf-v6-svg"
10293
+ viewBox="0 0 20 20"
10294
+ fill="currentColor"
10295
+ aria-hidden="true"
10296
+ role="img"
10297
+ width="1em"
10298
+ height="1em"
10299
+ >
10300
+ <path
10301
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
10302
+ />
10303
+ </svg>
9932
10304
  </span>
9933
10305
 
9934
10306
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
9935
10307
  </li>
9936
10308
  <li class="pf-v6-c-breadcrumb__item">
9937
10309
  <span class="pf-v6-c-breadcrumb__item-divider">
9938
- <i class="fas fa-angle-right" aria-hidden="true"></i>
10310
+ <svg
10311
+ class="pf-v6-svg"
10312
+ viewBox="0 0 20 20"
10313
+ fill="currentColor"
10314
+ aria-hidden="true"
10315
+ role="img"
10316
+ width="1em"
10317
+ height="1em"
10318
+ >
10319
+ <path
10320
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
10321
+ />
10322
+ </svg>
9939
10323
  </span>
9940
10324
 
9941
10325
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
9942
10326
  </li>
9943
10327
  <li class="pf-v6-c-breadcrumb__item">
9944
10328
  <span class="pf-v6-c-breadcrumb__item-divider">
9945
- <i class="fas fa-angle-right" aria-hidden="true"></i>
10329
+ <svg
10330
+ class="pf-v6-svg"
10331
+ viewBox="0 0 20 20"
10332
+ fill="currentColor"
10333
+ aria-hidden="true"
10334
+ role="img"
10335
+ width="1em"
10336
+ height="1em"
10337
+ >
10338
+ <path
10339
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
10340
+ />
10341
+ </svg>
9946
10342
  </span>
9947
10343
 
9948
10344
  <a
@@ -11146,21 +11542,57 @@ wrapperTag: div
11146
11542
  </li>
11147
11543
  <li class="pf-v6-c-breadcrumb__item">
11148
11544
  <span class="pf-v6-c-breadcrumb__item-divider">
11149
- <i class="fas fa-angle-right" aria-hidden="true"></i>
11545
+ <svg
11546
+ class="pf-v6-svg"
11547
+ viewBox="0 0 20 20"
11548
+ fill="currentColor"
11549
+ aria-hidden="true"
11550
+ role="img"
11551
+ width="1em"
11552
+ height="1em"
11553
+ >
11554
+ <path
11555
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
11556
+ />
11557
+ </svg>
11150
11558
  </span>
11151
11559
 
11152
11560
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
11153
11561
  </li>
11154
11562
  <li class="pf-v6-c-breadcrumb__item">
11155
11563
  <span class="pf-v6-c-breadcrumb__item-divider">
11156
- <i class="fas fa-angle-right" aria-hidden="true"></i>
11564
+ <svg
11565
+ class="pf-v6-svg"
11566
+ viewBox="0 0 20 20"
11567
+ fill="currentColor"
11568
+ aria-hidden="true"
11569
+ role="img"
11570
+ width="1em"
11571
+ height="1em"
11572
+ >
11573
+ <path
11574
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
11575
+ />
11576
+ </svg>
11157
11577
  </span>
11158
11578
 
11159
11579
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
11160
11580
  </li>
11161
11581
  <li class="pf-v6-c-breadcrumb__item">
11162
11582
  <span class="pf-v6-c-breadcrumb__item-divider">
11163
- <i class="fas fa-angle-right" aria-hidden="true"></i>
11583
+ <svg
11584
+ class="pf-v6-svg"
11585
+ viewBox="0 0 20 20"
11586
+ fill="currentColor"
11587
+ aria-hidden="true"
11588
+ role="img"
11589
+ width="1em"
11590
+ height="1em"
11591
+ >
11592
+ <path
11593
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
11594
+ />
11595
+ </svg>
11164
11596
  </span>
11165
11597
 
11166
11598
  <a
@@ -12272,21 +12704,57 @@ wrapperTag: div
12272
12704
  </li>
12273
12705
  <li class="pf-v6-c-breadcrumb__item">
12274
12706
  <span class="pf-v6-c-breadcrumb__item-divider">
12275
- <i class="fas fa-angle-right" aria-hidden="true"></i>
12707
+ <svg
12708
+ class="pf-v6-svg"
12709
+ viewBox="0 0 20 20"
12710
+ fill="currentColor"
12711
+ aria-hidden="true"
12712
+ role="img"
12713
+ width="1em"
12714
+ height="1em"
12715
+ >
12716
+ <path
12717
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
12718
+ />
12719
+ </svg>
12276
12720
  </span>
12277
12721
 
12278
12722
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
12279
12723
  </li>
12280
12724
  <li class="pf-v6-c-breadcrumb__item">
12281
12725
  <span class="pf-v6-c-breadcrumb__item-divider">
12282
- <i class="fas fa-angle-right" aria-hidden="true"></i>
12726
+ <svg
12727
+ class="pf-v6-svg"
12728
+ viewBox="0 0 20 20"
12729
+ fill="currentColor"
12730
+ aria-hidden="true"
12731
+ role="img"
12732
+ width="1em"
12733
+ height="1em"
12734
+ >
12735
+ <path
12736
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
12737
+ />
12738
+ </svg>
12283
12739
  </span>
12284
12740
 
12285
12741
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
12286
12742
  </li>
12287
12743
  <li class="pf-v6-c-breadcrumb__item">
12288
12744
  <span class="pf-v6-c-breadcrumb__item-divider">
12289
- <i class="fas fa-angle-right" aria-hidden="true"></i>
12745
+ <svg
12746
+ class="pf-v6-svg"
12747
+ viewBox="0 0 20 20"
12748
+ fill="currentColor"
12749
+ aria-hidden="true"
12750
+ role="img"
12751
+ width="1em"
12752
+ height="1em"
12753
+ >
12754
+ <path
12755
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
12756
+ />
12757
+ </svg>
12290
12758
  </span>
12291
12759
 
12292
12760
  <a
@@ -13509,21 +13977,57 @@ wrapperTag: div
13509
13977
  </li>
13510
13978
  <li class="pf-v6-c-breadcrumb__item">
13511
13979
  <span class="pf-v6-c-breadcrumb__item-divider">
13512
- <i class="fas fa-angle-right" aria-hidden="true"></i>
13980
+ <svg
13981
+ class="pf-v6-svg"
13982
+ viewBox="0 0 20 20"
13983
+ fill="currentColor"
13984
+ aria-hidden="true"
13985
+ role="img"
13986
+ width="1em"
13987
+ height="1em"
13988
+ >
13989
+ <path
13990
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
13991
+ />
13992
+ </svg>
13513
13993
  </span>
13514
13994
 
13515
13995
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
13516
13996
  </li>
13517
13997
  <li class="pf-v6-c-breadcrumb__item">
13518
13998
  <span class="pf-v6-c-breadcrumb__item-divider">
13519
- <i class="fas fa-angle-right" aria-hidden="true"></i>
13999
+ <svg
14000
+ class="pf-v6-svg"
14001
+ viewBox="0 0 20 20"
14002
+ fill="currentColor"
14003
+ aria-hidden="true"
14004
+ role="img"
14005
+ width="1em"
14006
+ height="1em"
14007
+ >
14008
+ <path
14009
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
14010
+ />
14011
+ </svg>
13520
14012
  </span>
13521
14013
 
13522
14014
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
13523
14015
  </li>
13524
14016
  <li class="pf-v6-c-breadcrumb__item">
13525
14017
  <span class="pf-v6-c-breadcrumb__item-divider">
13526
- <i class="fas fa-angle-right" aria-hidden="true"></i>
14018
+ <svg
14019
+ class="pf-v6-svg"
14020
+ viewBox="0 0 20 20"
14021
+ fill="currentColor"
14022
+ aria-hidden="true"
14023
+ role="img"
14024
+ width="1em"
14025
+ height="1em"
14026
+ >
14027
+ <path
14028
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
14029
+ />
14030
+ </svg>
13527
14031
  </span>
13528
14032
 
13529
14033
  <a
@@ -14782,21 +15286,57 @@ wrapperTag: div
14782
15286
  </li>
14783
15287
  <li class="pf-v6-c-breadcrumb__item">
14784
15288
  <span class="pf-v6-c-breadcrumb__item-divider">
14785
- <i class="fas fa-angle-right" aria-hidden="true"></i>
15289
+ <svg
15290
+ class="pf-v6-svg"
15291
+ viewBox="0 0 20 20"
15292
+ fill="currentColor"
15293
+ aria-hidden="true"
15294
+ role="img"
15295
+ width="1em"
15296
+ height="1em"
15297
+ >
15298
+ <path
15299
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
15300
+ />
15301
+ </svg>
14786
15302
  </span>
14787
15303
 
14788
15304
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
14789
15305
  </li>
14790
15306
  <li class="pf-v6-c-breadcrumb__item">
14791
15307
  <span class="pf-v6-c-breadcrumb__item-divider">
14792
- <i class="fas fa-angle-right" aria-hidden="true"></i>
15308
+ <svg
15309
+ class="pf-v6-svg"
15310
+ viewBox="0 0 20 20"
15311
+ fill="currentColor"
15312
+ aria-hidden="true"
15313
+ role="img"
15314
+ width="1em"
15315
+ height="1em"
15316
+ >
15317
+ <path
15318
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
15319
+ />
15320
+ </svg>
14793
15321
  </span>
14794
15322
 
14795
15323
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
14796
15324
  </li>
14797
15325
  <li class="pf-v6-c-breadcrumb__item">
14798
15326
  <span class="pf-v6-c-breadcrumb__item-divider">
14799
- <i class="fas fa-angle-right" aria-hidden="true"></i>
15327
+ <svg
15328
+ class="pf-v6-svg"
15329
+ viewBox="0 0 20 20"
15330
+ fill="currentColor"
15331
+ aria-hidden="true"
15332
+ role="img"
15333
+ width="1em"
15334
+ height="1em"
15335
+ >
15336
+ <path
15337
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
15338
+ />
15339
+ </svg>
14800
15340
  </span>
14801
15341
 
14802
15342
  <a
@@ -16053,21 +16593,57 @@ wrapperTag: div
16053
16593
  </li>
16054
16594
  <li class="pf-v6-c-breadcrumb__item">
16055
16595
  <span class="pf-v6-c-breadcrumb__item-divider">
16056
- <i class="fas fa-angle-right" aria-hidden="true"></i>
16596
+ <svg
16597
+ class="pf-v6-svg"
16598
+ viewBox="0 0 20 20"
16599
+ fill="currentColor"
16600
+ aria-hidden="true"
16601
+ role="img"
16602
+ width="1em"
16603
+ height="1em"
16604
+ >
16605
+ <path
16606
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
16607
+ />
16608
+ </svg>
16057
16609
  </span>
16058
16610
 
16059
16611
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
16060
16612
  </li>
16061
16613
  <li class="pf-v6-c-breadcrumb__item">
16062
16614
  <span class="pf-v6-c-breadcrumb__item-divider">
16063
- <i class="fas fa-angle-right" aria-hidden="true"></i>
16615
+ <svg
16616
+ class="pf-v6-svg"
16617
+ viewBox="0 0 20 20"
16618
+ fill="currentColor"
16619
+ aria-hidden="true"
16620
+ role="img"
16621
+ width="1em"
16622
+ height="1em"
16623
+ >
16624
+ <path
16625
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
16626
+ />
16627
+ </svg>
16064
16628
  </span>
16065
16629
 
16066
16630
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
16067
16631
  </li>
16068
16632
  <li class="pf-v6-c-breadcrumb__item">
16069
16633
  <span class="pf-v6-c-breadcrumb__item-divider">
16070
- <i class="fas fa-angle-right" aria-hidden="true"></i>
16634
+ <svg
16635
+ class="pf-v6-svg"
16636
+ viewBox="0 0 20 20"
16637
+ fill="currentColor"
16638
+ aria-hidden="true"
16639
+ role="img"
16640
+ width="1em"
16641
+ height="1em"
16642
+ >
16643
+ <path
16644
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
16645
+ />
16646
+ </svg>
16071
16647
  </span>
16072
16648
 
16073
16649
  <a
@@ -17286,21 +17862,57 @@ By default, table cell alignment is set to baseline. This retains vertical align
17286
17862
  </li>
17287
17863
  <li class="pf-v6-c-breadcrumb__item">
17288
17864
  <span class="pf-v6-c-breadcrumb__item-divider">
17289
- <i class="fas fa-angle-right" aria-hidden="true"></i>
17865
+ <svg
17866
+ class="pf-v6-svg"
17867
+ viewBox="0 0 20 20"
17868
+ fill="currentColor"
17869
+ aria-hidden="true"
17870
+ role="img"
17871
+ width="1em"
17872
+ height="1em"
17873
+ >
17874
+ <path
17875
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
17876
+ />
17877
+ </svg>
17290
17878
  </span>
17291
17879
 
17292
17880
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
17293
17881
  </li>
17294
17882
  <li class="pf-v6-c-breadcrumb__item">
17295
17883
  <span class="pf-v6-c-breadcrumb__item-divider">
17296
- <i class="fas fa-angle-right" aria-hidden="true"></i>
17884
+ <svg
17885
+ class="pf-v6-svg"
17886
+ viewBox="0 0 20 20"
17887
+ fill="currentColor"
17888
+ aria-hidden="true"
17889
+ role="img"
17890
+ width="1em"
17891
+ height="1em"
17892
+ >
17893
+ <path
17894
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
17895
+ />
17896
+ </svg>
17297
17897
  </span>
17298
17898
 
17299
17899
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
17300
17900
  </li>
17301
17901
  <li class="pf-v6-c-breadcrumb__item">
17302
17902
  <span class="pf-v6-c-breadcrumb__item-divider">
17303
- <i class="fas fa-angle-right" aria-hidden="true"></i>
17903
+ <svg
17904
+ class="pf-v6-svg"
17905
+ viewBox="0 0 20 20"
17906
+ fill="currentColor"
17907
+ aria-hidden="true"
17908
+ role="img"
17909
+ width="1em"
17910
+ height="1em"
17911
+ >
17912
+ <path
17913
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
17914
+ />
17915
+ </svg>
17304
17916
  </span>
17305
17917
 
17306
17918
  <a
@@ -17878,21 +18490,57 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
17878
18490
  </li>
17879
18491
  <li class="pf-v6-c-breadcrumb__item">
17880
18492
  <span class="pf-v6-c-breadcrumb__item-divider">
17881
- <i class="fas fa-angle-right" aria-hidden="true"></i>
18493
+ <svg
18494
+ class="pf-v6-svg"
18495
+ viewBox="0 0 20 20"
18496
+ fill="currentColor"
18497
+ aria-hidden="true"
18498
+ role="img"
18499
+ width="1em"
18500
+ height="1em"
18501
+ >
18502
+ <path
18503
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
18504
+ />
18505
+ </svg>
17882
18506
  </span>
17883
18507
 
17884
18508
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
17885
18509
  </li>
17886
18510
  <li class="pf-v6-c-breadcrumb__item">
17887
18511
  <span class="pf-v6-c-breadcrumb__item-divider">
17888
- <i class="fas fa-angle-right" aria-hidden="true"></i>
18512
+ <svg
18513
+ class="pf-v6-svg"
18514
+ viewBox="0 0 20 20"
18515
+ fill="currentColor"
18516
+ aria-hidden="true"
18517
+ role="img"
18518
+ width="1em"
18519
+ height="1em"
18520
+ >
18521
+ <path
18522
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
18523
+ />
18524
+ </svg>
17889
18525
  </span>
17890
18526
 
17891
18527
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
17892
18528
  </li>
17893
18529
  <li class="pf-v6-c-breadcrumb__item">
17894
18530
  <span class="pf-v6-c-breadcrumb__item-divider">
17895
- <i class="fas fa-angle-right" aria-hidden="true"></i>
18531
+ <svg
18532
+ class="pf-v6-svg"
18533
+ viewBox="0 0 20 20"
18534
+ fill="currentColor"
18535
+ aria-hidden="true"
18536
+ role="img"
18537
+ width="1em"
18538
+ height="1em"
18539
+ >
18540
+ <path
18541
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
18542
+ />
18543
+ </svg>
17896
18544
  </span>
17897
18545
 
17898
18546
  <a