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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Card/card.css +1 -1
  4. package/components/Card/card.scss +1 -1
  5. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  6. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  7. package/components/DataList/data-list.css +1 -1
  8. package/components/DataList/data-list.scss +1 -1
  9. package/components/DualListSelector/dual-list-selector.css +1 -1
  10. package/components/DualListSelector/dual-list-selector.scss +1 -1
  11. package/components/ExpandableSection/expandable-section.css +2 -2
  12. package/components/ExpandableSection/expandable-section.scss +2 -2
  13. package/components/Form/form.css +1 -1
  14. package/components/Form/form.scss +1 -1
  15. package/components/JumpLinks/jump-links.css +1 -1
  16. package/components/JumpLinks/jump-links.scss +1 -1
  17. package/components/Nav/nav.css +1 -1
  18. package/components/Nav/nav.scss +1 -1
  19. package/components/NotificationDrawer/notification-drawer.css +11 -3
  20. package/components/NotificationDrawer/notification-drawer.scss +12 -5
  21. package/components/Table/table.css +2 -2
  22. package/components/Table/table.scss +2 -2
  23. package/components/Tabs/tabs.css +2 -2
  24. package/components/Tabs/tabs.scss +2 -2
  25. package/components/Toolbar/toolbar.css +1 -1
  26. package/components/Toolbar/toolbar.scss +1 -1
  27. package/components/TreeView/tree-view.css +1 -1
  28. package/components/TreeView/tree-view.scss +1 -1
  29. package/components/Wizard/wizard.css +1 -1
  30. package/components/Wizard/wizard.scss +1 -1
  31. package/components/_index.css +28 -20
  32. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  33. package/docs/components/Accordion/examples/Accordion.md +390 -30
  34. package/docs/components/ActionList/examples/ActionList.md +10 -10
  35. package/docs/components/Alert/examples/Alert.md +30 -30
  36. package/docs/components/Banner/examples/Banner.md +65 -5
  37. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  38. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  39. package/docs/components/Card/examples/Card.md +52 -4
  40. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  41. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  42. package/docs/components/DataList/examples/DataList.md +221 -17
  43. package/docs/components/Drawer/examples/Drawer.md +42 -42
  44. package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
  45. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  46. package/docs/components/Form/examples/Form.md +78 -6
  47. package/docs/components/Icon/examples/Icon.md +91 -7
  48. package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
  49. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  50. package/docs/components/Label/examples/Label.md +2812 -220
  51. package/docs/components/Menu/examples/Menu.md +1456 -112
  52. package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
  53. package/docs/components/ModalBox/examples/ModalBox.md +121 -37
  54. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
  55. package/docs/components/Nav/examples/Navigation.md +710 -62
  56. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
  57. package/docs/components/Popover/examples/Popover.md +110 -38
  58. package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
  59. package/docs/components/Slider/examples/Slider.md +52 -4
  60. package/docs/components/Table/examples/Table.md +819 -63
  61. package/docs/components/Tabs/examples/Tabs.md +1959 -339
  62. package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
  63. package/docs/components/Toolbar/examples/Toolbar.md +48 -48
  64. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  65. package/docs/components/Wizard/examples/Wizard.md +349 -85
  66. package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
  67. package/docs/demos/Alert/examples/Alert.md +123 -15
  68. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  69. package/docs/demos/Banner/examples/Banner.md +78 -6
  70. package/docs/demos/Card/examples/Card.md +310 -34
  71. package/docs/demos/CardView/examples/CardView.md +78 -6
  72. package/docs/demos/Compass/examples/Compass.md +73 -37
  73. package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
  74. package/docs/demos/DataList/examples/DataList.md +234 -18
  75. package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
  76. package/docs/demos/Drawer/examples/Drawer.md +147 -21
  77. package/docs/demos/Form/examples/BasicForms.md +169 -13
  78. package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
  79. package/docs/demos/Masthead/examples/Masthead.md +370 -34
  80. package/docs/demos/Modal/examples/Modal.md +246 -30
  81. package/docs/demos/Nav/examples/Nav.md +320 -32
  82. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
  83. package/docs/demos/Page/examples/Page.md +548 -44
  84. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
  85. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  86. package/docs/demos/Table/examples/Table.md +934 -73
  87. package/docs/demos/Tabs/examples/Tabs.md +261 -27
  88. package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
  89. package/docs/demos/Wizard/examples/Wizard.md +641 -92
  90. package/package.json +1 -1
  91. package/patternfly-no-globals.css +28 -20
  92. package/patternfly.css +28 -20
  93. package/patternfly.min.css +1 -1
  94. package/patternfly.min.css.map +1 -1
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -250,21 +250,57 @@ wrapperTag: div
250
250
  </li>
251
251
  <li class="pf-v6-c-breadcrumb__item">
252
252
  <span class="pf-v6-c-breadcrumb__item-divider">
253
- <i class="fas fa-angle-right" aria-hidden="true"></i>
253
+ <svg
254
+ class="pf-v6-svg"
255
+ viewBox="0 0 20 20"
256
+ fill="currentColor"
257
+ aria-hidden="true"
258
+ role="img"
259
+ width="1em"
260
+ height="1em"
261
+ >
262
+ <path
263
+ 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"
264
+ />
265
+ </svg>
254
266
  </span>
255
267
 
256
268
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
257
269
  </li>
258
270
  <li class="pf-v6-c-breadcrumb__item">
259
271
  <span class="pf-v6-c-breadcrumb__item-divider">
260
- <i class="fas fa-angle-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 20 20"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
261
285
  </span>
262
286
 
263
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
264
288
  </li>
265
289
  <li class="pf-v6-c-breadcrumb__item">
266
290
  <span class="pf-v6-c-breadcrumb__item-divider">
267
- <i class="fas fa-angle-right" aria-hidden="true"></i>
291
+ <svg
292
+ class="pf-v6-svg"
293
+ viewBox="0 0 20 20"
294
+ fill="currentColor"
295
+ aria-hidden="true"
296
+ role="img"
297
+ width="1em"
298
+ height="1em"
299
+ >
300
+ <path
301
+ 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"
302
+ />
303
+ </svg>
268
304
  </span>
269
305
 
270
306
  <a
@@ -1267,21 +1303,57 @@ wrapperTag: div
1267
1303
  </li>
1268
1304
  <li class="pf-v6-c-breadcrumb__item">
1269
1305
  <span class="pf-v6-c-breadcrumb__item-divider">
1270
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1306
+ <svg
1307
+ class="pf-v6-svg"
1308
+ viewBox="0 0 20 20"
1309
+ fill="currentColor"
1310
+ aria-hidden="true"
1311
+ role="img"
1312
+ width="1em"
1313
+ height="1em"
1314
+ >
1315
+ <path
1316
+ 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"
1317
+ />
1318
+ </svg>
1271
1319
  </span>
1272
1320
 
1273
1321
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1274
1322
  </li>
1275
1323
  <li class="pf-v6-c-breadcrumb__item">
1276
1324
  <span class="pf-v6-c-breadcrumb__item-divider">
1277
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1325
+ <svg
1326
+ class="pf-v6-svg"
1327
+ viewBox="0 0 20 20"
1328
+ fill="currentColor"
1329
+ aria-hidden="true"
1330
+ role="img"
1331
+ width="1em"
1332
+ height="1em"
1333
+ >
1334
+ <path
1335
+ 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"
1336
+ />
1337
+ </svg>
1278
1338
  </span>
1279
1339
 
1280
1340
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1281
1341
  </li>
1282
1342
  <li class="pf-v6-c-breadcrumb__item">
1283
1343
  <span class="pf-v6-c-breadcrumb__item-divider">
1284
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1344
+ <svg
1345
+ class="pf-v6-svg"
1346
+ viewBox="0 0 20 20"
1347
+ fill="currentColor"
1348
+ aria-hidden="true"
1349
+ role="img"
1350
+ width="1em"
1351
+ height="1em"
1352
+ >
1353
+ <path
1354
+ 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"
1355
+ />
1356
+ </svg>
1285
1357
  </span>
1286
1358
 
1287
1359
  <a
@@ -2258,21 +2330,57 @@ wrapperTag: div
2258
2330
  </li>
2259
2331
  <li class="pf-v6-c-breadcrumb__item">
2260
2332
  <span class="pf-v6-c-breadcrumb__item-divider">
2261
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2333
+ <svg
2334
+ class="pf-v6-svg"
2335
+ viewBox="0 0 20 20"
2336
+ fill="currentColor"
2337
+ aria-hidden="true"
2338
+ role="img"
2339
+ width="1em"
2340
+ height="1em"
2341
+ >
2342
+ <path
2343
+ 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"
2344
+ />
2345
+ </svg>
2262
2346
  </span>
2263
2347
 
2264
2348
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2265
2349
  </li>
2266
2350
  <li class="pf-v6-c-breadcrumb__item">
2267
2351
  <span class="pf-v6-c-breadcrumb__item-divider">
2268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2352
+ <svg
2353
+ class="pf-v6-svg"
2354
+ viewBox="0 0 20 20"
2355
+ fill="currentColor"
2356
+ aria-hidden="true"
2357
+ role="img"
2358
+ width="1em"
2359
+ height="1em"
2360
+ >
2361
+ <path
2362
+ 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"
2363
+ />
2364
+ </svg>
2269
2365
  </span>
2270
2366
 
2271
2367
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2272
2368
  </li>
2273
2369
  <li class="pf-v6-c-breadcrumb__item">
2274
2370
  <span class="pf-v6-c-breadcrumb__item-divider">
2275
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2371
+ <svg
2372
+ class="pf-v6-svg"
2373
+ viewBox="0 0 20 20"
2374
+ fill="currentColor"
2375
+ aria-hidden="true"
2376
+ role="img"
2377
+ width="1em"
2378
+ height="1em"
2379
+ >
2380
+ <path
2381
+ 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"
2382
+ />
2383
+ </svg>
2276
2384
  </span>
2277
2385
 
2278
2386
  <a
@@ -2311,7 +2419,19 @@ wrapperTag: div
2311
2419
  class="pf-v6-c-icon__content pf-v6-m-mirror-inline-rtl"
2312
2420
  >
2313
2421
  <span class="pf-v6-c-toolbar__expand-all-icon">
2314
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2422
+ <svg
2423
+ class="pf-v6-svg"
2424
+ viewBox="0 0 20 20"
2425
+ fill="currentColor"
2426
+ aria-hidden="true"
2427
+ role="img"
2428
+ width="1em"
2429
+ height="1em"
2430
+ >
2431
+ <path
2432
+ 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"
2433
+ />
2434
+ </svg>
2315
2435
  </span>
2316
2436
  </span>
2317
2437
  </span>
@@ -2561,7 +2681,19 @@ wrapperTag: div
2561
2681
  >
2562
2682
  <span class="pf-v6-c-button__icon pf-m-start">
2563
2683
  <div class="pf-v6-c-data-list__toggle-icon">
2564
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2684
+ <svg
2685
+ class="pf-v6-svg"
2686
+ viewBox="0 0 20 20"
2687
+ fill="currentColor"
2688
+ aria-hidden="true"
2689
+ role="img"
2690
+ width="1em"
2691
+ height="1em"
2692
+ >
2693
+ <path
2694
+ 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"
2695
+ />
2696
+ </svg>
2565
2697
  </div>
2566
2698
  </span>
2567
2699
  </button>
@@ -3077,7 +3209,19 @@ wrapperTag: div
3077
3209
  >
3078
3210
  <span class="pf-v6-c-button__icon pf-m-start">
3079
3211
  <div class="pf-v6-c-data-list__toggle-icon">
3080
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3212
+ <svg
3213
+ class="pf-v6-svg"
3214
+ viewBox="0 0 20 20"
3215
+ fill="currentColor"
3216
+ aria-hidden="true"
3217
+ role="img"
3218
+ width="1em"
3219
+ height="1em"
3220
+ >
3221
+ <path
3222
+ 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"
3223
+ />
3224
+ </svg>
3081
3225
  </div>
3082
3226
  </span>
3083
3227
  </button>
@@ -3247,7 +3391,19 @@ wrapperTag: div
3247
3391
  >
3248
3392
  <span class="pf-v6-c-button__icon pf-m-start">
3249
3393
  <div class="pf-v6-c-data-list__toggle-icon">
3250
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3394
+ <svg
3395
+ class="pf-v6-svg"
3396
+ viewBox="0 0 20 20"
3397
+ fill="currentColor"
3398
+ aria-hidden="true"
3399
+ role="img"
3400
+ width="1em"
3401
+ height="1em"
3402
+ >
3403
+ <path
3404
+ 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"
3405
+ />
3406
+ </svg>
3251
3407
  </div>
3252
3408
  </span>
3253
3409
  </button>
@@ -3303,7 +3459,19 @@ wrapperTag: div
3303
3459
  >
3304
3460
  <span class="pf-v6-c-button__icon pf-m-start">
3305
3461
  <div class="pf-v6-c-data-list__toggle-icon">
3306
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3462
+ <svg
3463
+ class="pf-v6-svg"
3464
+ viewBox="0 0 20 20"
3465
+ fill="currentColor"
3466
+ aria-hidden="true"
3467
+ role="img"
3468
+ width="1em"
3469
+ height="1em"
3470
+ >
3471
+ <path
3472
+ 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"
3473
+ />
3474
+ </svg>
3307
3475
  </div>
3308
3476
  </span>
3309
3477
  </button>
@@ -3428,7 +3596,19 @@ wrapperTag: div
3428
3596
  >
3429
3597
  <span class="pf-v6-c-button__icon pf-m-start">
3430
3598
  <div class="pf-v6-c-data-list__toggle-icon">
3431
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3599
+ <svg
3600
+ class="pf-v6-svg"
3601
+ viewBox="0 0 20 20"
3602
+ fill="currentColor"
3603
+ aria-hidden="true"
3604
+ role="img"
3605
+ width="1em"
3606
+ height="1em"
3607
+ >
3608
+ <path
3609
+ 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"
3610
+ />
3611
+ </svg>
3432
3612
  </div>
3433
3613
  </span>
3434
3614
  </button>
@@ -3967,21 +4147,57 @@ wrapperTag: div
3967
4147
  </li>
3968
4148
  <li class="pf-v6-c-breadcrumb__item">
3969
4149
  <span class="pf-v6-c-breadcrumb__item-divider">
3970
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4150
+ <svg
4151
+ class="pf-v6-svg"
4152
+ viewBox="0 0 20 20"
4153
+ fill="currentColor"
4154
+ aria-hidden="true"
4155
+ role="img"
4156
+ width="1em"
4157
+ height="1em"
4158
+ >
4159
+ <path
4160
+ 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"
4161
+ />
4162
+ </svg>
3971
4163
  </span>
3972
4164
 
3973
4165
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3974
4166
  </li>
3975
4167
  <li class="pf-v6-c-breadcrumb__item">
3976
4168
  <span class="pf-v6-c-breadcrumb__item-divider">
3977
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4169
+ <svg
4170
+ class="pf-v6-svg"
4171
+ viewBox="0 0 20 20"
4172
+ fill="currentColor"
4173
+ aria-hidden="true"
4174
+ role="img"
4175
+ width="1em"
4176
+ height="1em"
4177
+ >
4178
+ <path
4179
+ 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"
4180
+ />
4181
+ </svg>
3978
4182
  </span>
3979
4183
 
3980
4184
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
3981
4185
  </li>
3982
4186
  <li class="pf-v6-c-breadcrumb__item">
3983
4187
  <span class="pf-v6-c-breadcrumb__item-divider">
3984
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4188
+ <svg
4189
+ class="pf-v6-svg"
4190
+ viewBox="0 0 20 20"
4191
+ fill="currentColor"
4192
+ aria-hidden="true"
4193
+ role="img"
4194
+ width="1em"
4195
+ height="1em"
4196
+ >
4197
+ <path
4198
+ 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"
4199
+ />
4200
+ </svg>
3985
4201
  </span>
3986
4202
 
3987
4203
  <a
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -250,21 +250,57 @@ cssPrefix: pf-d-description-list
250
250
  </li>
251
251
  <li class="pf-v6-c-breadcrumb__item">
252
252
  <span class="pf-v6-c-breadcrumb__item-divider">
253
- <i class="fas fa-angle-right" aria-hidden="true"></i>
253
+ <svg
254
+ class="pf-v6-svg"
255
+ viewBox="0 0 20 20"
256
+ fill="currentColor"
257
+ aria-hidden="true"
258
+ role="img"
259
+ width="1em"
260
+ height="1em"
261
+ >
262
+ <path
263
+ 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"
264
+ />
265
+ </svg>
254
266
  </span>
255
267
 
256
268
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
257
269
  </li>
258
270
  <li class="pf-v6-c-breadcrumb__item">
259
271
  <span class="pf-v6-c-breadcrumb__item-divider">
260
- <i class="fas fa-angle-right" aria-hidden="true"></i>
272
+ <svg
273
+ class="pf-v6-svg"
274
+ viewBox="0 0 20 20"
275
+ fill="currentColor"
276
+ aria-hidden="true"
277
+ role="img"
278
+ width="1em"
279
+ height="1em"
280
+ >
281
+ <path
282
+ 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"
283
+ />
284
+ </svg>
261
285
  </span>
262
286
 
263
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
264
288
  </li>
265
289
  <li class="pf-v6-c-breadcrumb__item">
266
290
  <span class="pf-v6-c-breadcrumb__item-divider">
267
- <i class="fas fa-angle-right" aria-hidden="true"></i>
291
+ <svg
292
+ class="pf-v6-svg"
293
+ viewBox="0 0 20 20"
294
+ fill="currentColor"
295
+ aria-hidden="true"
296
+ role="img"
297
+ width="1em"
298
+ height="1em"
299
+ >
300
+ <path
301
+ 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"
302
+ />
303
+ </svg>
268
304
  </span>
269
305
 
270
306
  <a
@@ -647,7 +683,19 @@ cssPrefix: pf-d-description-list
647
683
  </li>
648
684
  <li class="pf-v6-c-breadcrumb__item">
649
685
  <span class="pf-v6-c-breadcrumb__item-divider">
650
- <i class="fas fa-angle-right" aria-hidden="true"></i>
686
+ <svg
687
+ class="pf-v6-svg"
688
+ viewBox="0 0 20 20"
689
+ fill="currentColor"
690
+ aria-hidden="true"
691
+ role="img"
692
+ width="1em"
693
+ height="1em"
694
+ >
695
+ <path
696
+ 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"
697
+ />
698
+ </svg>
651
699
  </span>
652
700
 
653
701
  <a
@@ -657,7 +705,19 @@ cssPrefix: pf-d-description-list
657
705
  </li>
658
706
  <li class="pf-v6-c-breadcrumb__item">
659
707
  <span class="pf-v6-c-breadcrumb__item-divider">
660
- <i class="fas fa-angle-right" aria-hidden="true"></i>
708
+ <svg
709
+ class="pf-v6-svg"
710
+ viewBox="0 0 20 20"
711
+ fill="currentColor"
712
+ aria-hidden="true"
713
+ role="img"
714
+ width="1em"
715
+ height="1em"
716
+ >
717
+ <path
718
+ 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"
719
+ />
720
+ </svg>
661
721
  </span>
662
722
 
663
723
  <a
@@ -667,7 +727,19 @@ cssPrefix: pf-d-description-list
667
727
  </li>
668
728
  <li class="pf-v6-c-breadcrumb__item">
669
729
  <span class="pf-v6-c-breadcrumb__item-divider">
670
- <i class="fas fa-angle-right" aria-hidden="true"></i>
730
+ <svg
731
+ class="pf-v6-svg"
732
+ viewBox="0 0 20 20"
733
+ fill="currentColor"
734
+ aria-hidden="true"
735
+ role="img"
736
+ width="1em"
737
+ height="1em"
738
+ >
739
+ <path
740
+ 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"
741
+ />
742
+ </svg>
671
743
  </span>
672
744
 
673
745
  <a
@@ -749,7 +821,7 @@ cssPrefix: pf-d-description-list
749
821
  <span class="pf-v6-c-button__icon">
750
822
  <svg
751
823
  class="pf-v6-svg"
752
- viewBox="0 0 352 512"
824
+ viewBox="0 0 20 20"
753
825
  fill="currentColor"
754
826
  aria-hidden="true"
755
827
  role="img"
@@ -757,7 +829,7 @@ cssPrefix: pf-d-description-list
757
829
  height="1em"
758
830
  >
759
831
  <path
760
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
832
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
761
833
  />
762
834
  </svg>
763
835
  </span>
@@ -1314,21 +1386,57 @@ cssPrefix: pf-d-description-list
1314
1386
  </li>
1315
1387
  <li class="pf-v6-c-breadcrumb__item">
1316
1388
  <span class="pf-v6-c-breadcrumb__item-divider">
1317
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1389
+ <svg
1390
+ class="pf-v6-svg"
1391
+ viewBox="0 0 20 20"
1392
+ fill="currentColor"
1393
+ aria-hidden="true"
1394
+ role="img"
1395
+ width="1em"
1396
+ height="1em"
1397
+ >
1398
+ <path
1399
+ 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"
1400
+ />
1401
+ </svg>
1318
1402
  </span>
1319
1403
 
1320
1404
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1321
1405
  </li>
1322
1406
  <li class="pf-v6-c-breadcrumb__item">
1323
1407
  <span class="pf-v6-c-breadcrumb__item-divider">
1324
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1408
+ <svg
1409
+ class="pf-v6-svg"
1410
+ viewBox="0 0 20 20"
1411
+ fill="currentColor"
1412
+ aria-hidden="true"
1413
+ role="img"
1414
+ width="1em"
1415
+ height="1em"
1416
+ >
1417
+ <path
1418
+ 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"
1419
+ />
1420
+ </svg>
1325
1421
  </span>
1326
1422
 
1327
1423
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1328
1424
  </li>
1329
1425
  <li class="pf-v6-c-breadcrumb__item">
1330
1426
  <span class="pf-v6-c-breadcrumb__item-divider">
1331
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1427
+ <svg
1428
+ class="pf-v6-svg"
1429
+ viewBox="0 0 20 20"
1430
+ fill="currentColor"
1431
+ aria-hidden="true"
1432
+ role="img"
1433
+ width="1em"
1434
+ height="1em"
1435
+ >
1436
+ <path
1437
+ 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"
1438
+ />
1439
+ </svg>
1332
1440
  </span>
1333
1441
 
1334
1442
  <a