@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/Alert/examples/Alert.md CHANGED
@@ -249,21 +249,57 @@ section: components
249
249
  </li>
250
250
  <li class="pf-v6-c-breadcrumb__item">
251
251
  <span class="pf-v6-c-breadcrumb__item-divider">
252
- <i class="fas fa-angle-right" aria-hidden="true"></i>
252
+ <svg
253
+ class="pf-v6-svg"
254
+ viewBox="0 0 20 20"
255
+ fill="currentColor"
256
+ aria-hidden="true"
257
+ role="img"
258
+ width="1em"
259
+ height="1em"
260
+ >
261
+ <path
262
+ 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"
263
+ />
264
+ </svg>
253
265
  </span>
254
266
 
255
267
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
256
268
  </li>
257
269
  <li class="pf-v6-c-breadcrumb__item">
258
270
  <span class="pf-v6-c-breadcrumb__item-divider">
259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
271
+ <svg
272
+ class="pf-v6-svg"
273
+ viewBox="0 0 20 20"
274
+ fill="currentColor"
275
+ aria-hidden="true"
276
+ role="img"
277
+ width="1em"
278
+ height="1em"
279
+ >
280
+ <path
281
+ 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"
282
+ />
283
+ </svg>
260
284
  </span>
261
285
 
262
286
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
263
287
  </li>
264
288
  <li class="pf-v6-c-breadcrumb__item">
265
289
  <span class="pf-v6-c-breadcrumb__item-divider">
266
- <i class="fas fa-angle-right" aria-hidden="true"></i>
290
+ <svg
291
+ class="pf-v6-svg"
292
+ viewBox="0 0 20 20"
293
+ fill="currentColor"
294
+ aria-hidden="true"
295
+ role="img"
296
+ width="1em"
297
+ height="1em"
298
+ >
299
+ <path
300
+ 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"
301
+ />
302
+ </svg>
267
303
  </span>
268
304
 
269
305
  <a
@@ -325,7 +361,19 @@ section: components
325
361
  <li class="pf-v6-c-alert-group__item">
326
362
  <div class="pf-v6-c-alert pf-m-success" aria-label="Success alert">
327
363
  <div class="pf-v6-c-alert__icon">
328
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
364
+ <svg
365
+ class="pf-v6-svg"
366
+ viewBox="0 0 512 512"
367
+ fill="currentColor"
368
+ aria-hidden="true"
369
+ role="img"
370
+ width="1em"
371
+ height="1em"
372
+ >
373
+ <path
374
+ d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
375
+ />
376
+ </svg>
329
377
  </div>
330
378
  <p class="pf-v6-c-alert__title">
331
379
  <span class="pf-v6-screen-reader">Success alert:</span>
@@ -362,7 +410,19 @@ section: components
362
410
  <li class="pf-v6-c-alert-group__item">
363
411
  <div class="pf-v6-c-alert pf-m-warning" aria-label="Warning alert">
364
412
  <div class="pf-v6-c-alert__icon">
365
- <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
413
+ <svg
414
+ class="pf-v6-svg"
415
+ viewBox="0 0 576 512"
416
+ fill="currentColor"
417
+ aria-hidden="true"
418
+ role="img"
419
+ width="1em"
420
+ height="1em"
421
+ >
422
+ <path
423
+ d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
424
+ />
425
+ </svg>
366
426
  </div>
367
427
  <p class="pf-v6-c-alert__title">
368
428
  <span class="pf-v6-screen-reader">Info alert:</span>
@@ -399,7 +459,19 @@ section: components
399
459
  <li class="pf-v6-c-alert-group__item">
400
460
  <div class="pf-v6-c-alert pf-m-danger" aria-label="Danger alert">
401
461
  <div class="pf-v6-c-alert__icon">
402
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
462
+ <svg
463
+ class="pf-v6-svg"
464
+ viewBox="0 0 512 512"
465
+ fill="currentColor"
466
+ aria-hidden="true"
467
+ role="img"
468
+ width="1em"
469
+ height="1em"
470
+ >
471
+ <path
472
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
473
+ />
474
+ </svg>
403
475
  </div>
404
476
  <p class="pf-v6-c-alert__title">
405
477
  <span class="pf-v6-screen-reader">Last notification</span>
@@ -683,21 +755,57 @@ section: components
683
755
  </li>
684
756
  <li class="pf-v6-c-breadcrumb__item">
685
757
  <span class="pf-v6-c-breadcrumb__item-divider">
686
- <i class="fas fa-angle-right" aria-hidden="true"></i>
758
+ <svg
759
+ class="pf-v6-svg"
760
+ viewBox="0 0 20 20"
761
+ fill="currentColor"
762
+ aria-hidden="true"
763
+ role="img"
764
+ width="1em"
765
+ height="1em"
766
+ >
767
+ <path
768
+ 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"
769
+ />
770
+ </svg>
687
771
  </span>
688
772
 
689
773
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
690
774
  </li>
691
775
  <li class="pf-v6-c-breadcrumb__item">
692
776
  <span class="pf-v6-c-breadcrumb__item-divider">
693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
777
+ <svg
778
+ class="pf-v6-svg"
779
+ viewBox="0 0 20 20"
780
+ fill="currentColor"
781
+ aria-hidden="true"
782
+ role="img"
783
+ width="1em"
784
+ height="1em"
785
+ >
786
+ <path
787
+ 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"
788
+ />
789
+ </svg>
694
790
  </span>
695
791
 
696
792
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
697
793
  </li>
698
794
  <li class="pf-v6-c-breadcrumb__item">
699
795
  <span class="pf-v6-c-breadcrumb__item-divider">
700
- <i class="fas fa-angle-right" aria-hidden="true"></i>
796
+ <svg
797
+ class="pf-v6-svg"
798
+ viewBox="0 0 20 20"
799
+ fill="currentColor"
800
+ aria-hidden="true"
801
+ role="img"
802
+ width="1em"
803
+ height="1em"
804
+ >
805
+ <path
806
+ 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"
807
+ />
808
+ </svg>
701
809
  </span>
702
810
 
703
811
  <a
@@ -728,7 +836,19 @@ section: components
728
836
  aria-label="Inline danger alert"
729
837
  >
730
838
  <div class="pf-v6-c-alert__icon">
731
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
839
+ <svg
840
+ class="pf-v6-svg"
841
+ viewBox="0 0 512 512"
842
+ fill="currentColor"
843
+ aria-hidden="true"
844
+ role="img"
845
+ width="1em"
846
+ height="1em"
847
+ >
848
+ <path
849
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
850
+ />
851
+ </svg>
732
852
  </div>
733
853
  <p class="pf-v6-c-alert__title">
734
854
  <span class="pf-v6-screen-reader">Danger alert:</span>
@@ -1184,21 +1304,57 @@ section: components
1184
1304
  </li>
1185
1305
  <li class="pf-v6-c-breadcrumb__item">
1186
1306
  <span class="pf-v6-c-breadcrumb__item-divider">
1187
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1307
+ <svg
1308
+ class="pf-v6-svg"
1309
+ viewBox="0 0 20 20"
1310
+ fill="currentColor"
1311
+ aria-hidden="true"
1312
+ role="img"
1313
+ width="1em"
1314
+ height="1em"
1315
+ >
1316
+ <path
1317
+ 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"
1318
+ />
1319
+ </svg>
1188
1320
  </span>
1189
1321
 
1190
1322
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1191
1323
  </li>
1192
1324
  <li class="pf-v6-c-breadcrumb__item">
1193
1325
  <span class="pf-v6-c-breadcrumb__item-divider">
1194
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1326
+ <svg
1327
+ class="pf-v6-svg"
1328
+ viewBox="0 0 20 20"
1329
+ fill="currentColor"
1330
+ aria-hidden="true"
1331
+ role="img"
1332
+ width="1em"
1333
+ height="1em"
1334
+ >
1335
+ <path
1336
+ 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"
1337
+ />
1338
+ </svg>
1195
1339
  </span>
1196
1340
 
1197
1341
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1198
1342
  </li>
1199
1343
  <li class="pf-v6-c-breadcrumb__item">
1200
1344
  <span class="pf-v6-c-breadcrumb__item-divider">
1201
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1345
+ <svg
1346
+ class="pf-v6-svg"
1347
+ viewBox="0 0 20 20"
1348
+ fill="currentColor"
1349
+ aria-hidden="true"
1350
+ role="img"
1351
+ width="1em"
1352
+ height="1em"
1353
+ >
1354
+ <path
1355
+ 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"
1356
+ />
1357
+ </svg>
1202
1358
  </span>
1203
1359
 
1204
1360
  <a
@@ -1226,7 +1382,19 @@ section: components
1226
1382
  aria-label="Inline danger alert"
1227
1383
  >
1228
1384
  <div class="pf-v6-c-alert__icon">
1229
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
1385
+ <svg
1386
+ class="pf-v6-svg"
1387
+ viewBox="0 0 512 512"
1388
+ fill="currentColor"
1389
+ aria-hidden="true"
1390
+ role="img"
1391
+ width="1em"
1392
+ height="1em"
1393
+ >
1394
+ <path
1395
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
1396
+ />
1397
+ </svg>
1230
1398
  </div>
1231
1399
  <p class="pf-v6-c-alert__title">
1232
1400
  <span class="pf-v6-screen-reader">Danger alert:</span>
package/docs/demos/BackToTop/examples/BackToTop.md CHANGED
@@ -250,21 +250,57 @@ cssPrefix: pf-d-back-to-top
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
package/docs/demos/Banner/examples/Banner.md CHANGED
@@ -269,21 +269,57 @@ wrapperTag: div
269
269
  </li>
270
270
  <li class="pf-v6-c-breadcrumb__item">
271
271
  <span class="pf-v6-c-breadcrumb__item-divider">
272
- <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>
273
285
  </span>
274
286
 
275
287
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
276
288
  </li>
277
289
  <li class="pf-v6-c-breadcrumb__item">
278
290
  <span class="pf-v6-c-breadcrumb__item-divider">
279
- <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>
280
304
  </span>
281
305
 
282
306
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
283
307
  </li>
284
308
  <li class="pf-v6-c-breadcrumb__item">
285
309
  <span class="pf-v6-c-breadcrumb__item-divider">
286
- <i class="fas fa-angle-right" aria-hidden="true"></i>
310
+ <svg
311
+ class="pf-v6-svg"
312
+ viewBox="0 0 20 20"
313
+ fill="currentColor"
314
+ aria-hidden="true"
315
+ role="img"
316
+ width="1em"
317
+ height="1em"
318
+ >
319
+ <path
320
+ 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"
321
+ />
322
+ </svg>
287
323
  </span>
288
324
 
289
325
  <a
@@ -738,21 +774,57 @@ wrapperTag: div
738
774
  </li>
739
775
  <li class="pf-v6-c-breadcrumb__item">
740
776
  <span class="pf-v6-c-breadcrumb__item-divider">
741
- <i class="fas fa-angle-right" aria-hidden="true"></i>
777
+ <svg
778
+ class="pf-v6-svg"
779
+ viewBox="0 0 20 20"
780
+ fill="currentColor"
781
+ aria-hidden="true"
782
+ role="img"
783
+ width="1em"
784
+ height="1em"
785
+ >
786
+ <path
787
+ 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"
788
+ />
789
+ </svg>
742
790
  </span>
743
791
 
744
792
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
745
793
  </li>
746
794
  <li class="pf-v6-c-breadcrumb__item">
747
795
  <span class="pf-v6-c-breadcrumb__item-divider">
748
- <i class="fas fa-angle-right" aria-hidden="true"></i>
796
+ <svg
797
+ class="pf-v6-svg"
798
+ viewBox="0 0 20 20"
799
+ fill="currentColor"
800
+ aria-hidden="true"
801
+ role="img"
802
+ width="1em"
803
+ height="1em"
804
+ >
805
+ <path
806
+ 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"
807
+ />
808
+ </svg>
749
809
  </span>
750
810
 
751
811
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
752
812
  </li>
753
813
  <li class="pf-v6-c-breadcrumb__item">
754
814
  <span class="pf-v6-c-breadcrumb__item-divider">
755
- <i class="fas fa-angle-right" aria-hidden="true"></i>
815
+ <svg
816
+ class="pf-v6-svg"
817
+ viewBox="0 0 20 20"
818
+ fill="currentColor"
819
+ aria-hidden="true"
820
+ role="img"
821
+ width="1em"
822
+ height="1em"
823
+ >
824
+ <path
825
+ 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"
826
+ />
827
+ </svg>
756
828
  </span>
757
829
 
758
830
  <a