@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/AboutModal/examples/AboutModal.md CHANGED
@@ -251,21 +251,57 @@ This demo implements the about modal, including the backdrop.
251
251
  </li>
252
252
  <li class="pf-v6-c-breadcrumb__item">
253
253
  <span class="pf-v6-c-breadcrumb__item-divider">
254
- <i class="fas fa-angle-right" aria-hidden="true"></i>
254
+ <svg
255
+ class="pf-v6-svg"
256
+ viewBox="0 0 20 20"
257
+ fill="currentColor"
258
+ aria-hidden="true"
259
+ role="img"
260
+ width="1em"
261
+ height="1em"
262
+ >
263
+ <path
264
+ 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"
265
+ />
266
+ </svg>
255
267
  </span>
256
268
 
257
269
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
258
270
  </li>
259
271
  <li class="pf-v6-c-breadcrumb__item">
260
272
  <span class="pf-v6-c-breadcrumb__item-divider">
261
- <i class="fas fa-angle-right" aria-hidden="true"></i>
273
+ <svg
274
+ class="pf-v6-svg"
275
+ viewBox="0 0 20 20"
276
+ fill="currentColor"
277
+ aria-hidden="true"
278
+ role="img"
279
+ width="1em"
280
+ height="1em"
281
+ >
282
+ <path
283
+ 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"
284
+ />
285
+ </svg>
262
286
  </span>
263
287
 
264
288
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
265
289
  </li>
266
290
  <li class="pf-v6-c-breadcrumb__item">
267
291
  <span class="pf-v6-c-breadcrumb__item-divider">
268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
292
+ <svg
293
+ class="pf-v6-svg"
294
+ viewBox="0 0 20 20"
295
+ fill="currentColor"
296
+ aria-hidden="true"
297
+ role="img"
298
+ width="1em"
299
+ height="1em"
300
+ >
301
+ <path
302
+ 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"
303
+ />
304
+ </svg>
269
305
  </span>
270
306
 
271
307
  <a
@@ -351,7 +387,7 @@ This demo implements the about modal, including the backdrop.
351
387
  <span class="pf-v6-c-button__icon">
352
388
  <svg
353
389
  class="pf-v6-svg"
354
- viewBox="0 0 352 512"
390
+ viewBox="0 0 20 20"
355
391
  fill="currentColor"
356
392
  aria-hidden="true"
357
393
  role="img"
@@ -359,7 +395,7 @@ This demo implements the about modal, including the backdrop.
359
395
  height="1em"
360
396
  >
361
397
  <path
362
- 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"
398
+ 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"
363
399
  />
364
400
  </svg>
365
401
  </span>
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
@@ -340,7 +376,7 @@ section: components
340
376
  <span class="pf-v6-c-button__icon">
341
377
  <svg
342
378
  class="pf-v6-svg"
343
- viewBox="0 0 352 512"
379
+ viewBox="0 0 20 20"
344
380
  fill="currentColor"
345
381
  aria-hidden="true"
346
382
  role="img"
@@ -348,7 +384,7 @@ section: components
348
384
  height="1em"
349
385
  >
350
386
  <path
351
- 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"
387
+ 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"
352
388
  />
353
389
  </svg>
354
390
  </span>
@@ -377,7 +413,7 @@ section: components
377
413
  <span class="pf-v6-c-button__icon">
378
414
  <svg
379
415
  class="pf-v6-svg"
380
- viewBox="0 0 352 512"
416
+ viewBox="0 0 20 20"
381
417
  fill="currentColor"
382
418
  aria-hidden="true"
383
419
  role="img"
@@ -385,7 +421,7 @@ section: components
385
421
  height="1em"
386
422
  >
387
423
  <path
388
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
424
+ 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"
389
425
  />
390
426
  </svg>
391
427
  </span>
@@ -414,7 +450,7 @@ section: components
414
450
  <span class="pf-v6-c-button__icon">
415
451
  <svg
416
452
  class="pf-v6-svg"
417
- viewBox="0 0 352 512"
453
+ viewBox="0 0 20 20"
418
454
  fill="currentColor"
419
455
  aria-hidden="true"
420
456
  role="img"
@@ -422,7 +458,7 @@ section: components
422
458
  height="1em"
423
459
  >
424
460
  <path
425
- 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"
461
+ 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"
426
462
  />
427
463
  </svg>
428
464
  </span>
@@ -683,21 +719,57 @@ section: components
683
719
  </li>
684
720
  <li class="pf-v6-c-breadcrumb__item">
685
721
  <span class="pf-v6-c-breadcrumb__item-divider">
686
- <i class="fas fa-angle-right" aria-hidden="true"></i>
722
+ <svg
723
+ class="pf-v6-svg"
724
+ viewBox="0 0 20 20"
725
+ fill="currentColor"
726
+ aria-hidden="true"
727
+ role="img"
728
+ width="1em"
729
+ height="1em"
730
+ >
731
+ <path
732
+ 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"
733
+ />
734
+ </svg>
687
735
  </span>
688
736
 
689
737
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
690
738
  </li>
691
739
  <li class="pf-v6-c-breadcrumb__item">
692
740
  <span class="pf-v6-c-breadcrumb__item-divider">
693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
741
+ <svg
742
+ class="pf-v6-svg"
743
+ viewBox="0 0 20 20"
744
+ fill="currentColor"
745
+ aria-hidden="true"
746
+ role="img"
747
+ width="1em"
748
+ height="1em"
749
+ >
750
+ <path
751
+ 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"
752
+ />
753
+ </svg>
694
754
  </span>
695
755
 
696
756
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
697
757
  </li>
698
758
  <li class="pf-v6-c-breadcrumb__item">
699
759
  <span class="pf-v6-c-breadcrumb__item-divider">
700
- <i class="fas fa-angle-right" aria-hidden="true"></i>
760
+ <svg
761
+ class="pf-v6-svg"
762
+ viewBox="0 0 20 20"
763
+ fill="currentColor"
764
+ aria-hidden="true"
765
+ role="img"
766
+ width="1em"
767
+ height="1em"
768
+ >
769
+ <path
770
+ 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"
771
+ />
772
+ </svg>
701
773
  </span>
702
774
 
703
775
  <a
@@ -1184,21 +1256,57 @@ section: components
1184
1256
  </li>
1185
1257
  <li class="pf-v6-c-breadcrumb__item">
1186
1258
  <span class="pf-v6-c-breadcrumb__item-divider">
1187
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1259
+ <svg
1260
+ class="pf-v6-svg"
1261
+ viewBox="0 0 20 20"
1262
+ fill="currentColor"
1263
+ aria-hidden="true"
1264
+ role="img"
1265
+ width="1em"
1266
+ height="1em"
1267
+ >
1268
+ <path
1269
+ 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"
1270
+ />
1271
+ </svg>
1188
1272
  </span>
1189
1273
 
1190
1274
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1191
1275
  </li>
1192
1276
  <li class="pf-v6-c-breadcrumb__item">
1193
1277
  <span class="pf-v6-c-breadcrumb__item-divider">
1194
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1278
+ <svg
1279
+ class="pf-v6-svg"
1280
+ viewBox="0 0 20 20"
1281
+ fill="currentColor"
1282
+ aria-hidden="true"
1283
+ role="img"
1284
+ width="1em"
1285
+ height="1em"
1286
+ >
1287
+ <path
1288
+ 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"
1289
+ />
1290
+ </svg>
1195
1291
  </span>
1196
1292
 
1197
1293
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1198
1294
  </li>
1199
1295
  <li class="pf-v6-c-breadcrumb__item">
1200
1296
  <span class="pf-v6-c-breadcrumb__item-divider">
1201
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1297
+ <svg
1298
+ class="pf-v6-svg"
1299
+ viewBox="0 0 20 20"
1300
+ fill="currentColor"
1301
+ aria-hidden="true"
1302
+ role="img"
1303
+ width="1em"
1304
+ height="1em"
1305
+ >
1306
+ <path
1307
+ 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"
1308
+ />
1309
+ </svg>
1202
1310
  </span>
1203
1311
 
1204
1312
  <a
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