@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/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -253,21 +253,57 @@ wrapperTag: div
253
253
  </li>
254
254
  <li class="pf-v6-c-breadcrumb__item">
255
255
  <span class="pf-v6-c-breadcrumb__item-divider">
256
- <i class="fas fa-angle-right" aria-hidden="true"></i>
256
+ <svg
257
+ class="pf-v6-svg"
258
+ viewBox="0 0 20 20"
259
+ fill="currentColor"
260
+ aria-hidden="true"
261
+ role="img"
262
+ width="1em"
263
+ height="1em"
264
+ >
265
+ <path
266
+ 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"
267
+ />
268
+ </svg>
257
269
  </span>
258
270
 
259
271
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
260
272
  </li>
261
273
  <li class="pf-v6-c-breadcrumb__item">
262
274
  <span class="pf-v6-c-breadcrumb__item-divider">
263
- <i class="fas fa-angle-right" aria-hidden="true"></i>
275
+ <svg
276
+ class="pf-v6-svg"
277
+ viewBox="0 0 20 20"
278
+ fill="currentColor"
279
+ aria-hidden="true"
280
+ role="img"
281
+ width="1em"
282
+ height="1em"
283
+ >
284
+ <path
285
+ 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"
286
+ />
287
+ </svg>
264
288
  </span>
265
289
 
266
290
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
267
291
  </li>
268
292
  <li class="pf-v6-c-breadcrumb__item">
269
293
  <span class="pf-v6-c-breadcrumb__item-divider">
270
- <i class="fas fa-angle-right" aria-hidden="true"></i>
294
+ <svg
295
+ class="pf-v6-svg"
296
+ viewBox="0 0 20 20"
297
+ fill="currentColor"
298
+ aria-hidden="true"
299
+ role="img"
300
+ width="1em"
301
+ height="1em"
302
+ >
303
+ <path
304
+ 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"
305
+ />
306
+ </svg>
271
307
  </span>
272
308
 
273
309
  <a
@@ -1170,7 +1206,7 @@ wrapperTag: div
1170
1206
  <span class="pf-v6-c-button__icon">
1171
1207
  <svg
1172
1208
  class="pf-v6-svg"
1173
- viewBox="0 0 256 512"
1209
+ viewBox="0 0 20 20"
1174
1210
  fill="currentColor"
1175
1211
  aria-hidden="true"
1176
1212
  role="img"
@@ -1178,7 +1214,7 @@ wrapperTag: div
1178
1214
  height="1em"
1179
1215
  >
1180
1216
  <path
1181
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1217
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1182
1218
  />
1183
1219
  </svg>
1184
1220
  </span>
@@ -1226,7 +1262,7 @@ wrapperTag: div
1226
1262
  <span class="pf-v6-c-button__icon">
1227
1263
  <svg
1228
1264
  class="pf-v6-svg"
1229
- viewBox="0 0 256 512"
1265
+ viewBox="0 0 20 20"
1230
1266
  fill="currentColor"
1231
1267
  aria-hidden="true"
1232
1268
  role="img"
@@ -1234,7 +1270,7 @@ wrapperTag: div
1234
1270
  height="1em"
1235
1271
  >
1236
1272
  <path
1237
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1273
+ 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"
1238
1274
  />
1239
1275
  </svg>
1240
1276
  </span>
@@ -1593,21 +1629,57 @@ wrapperTag: div
1593
1629
  </li>
1594
1630
  <li class="pf-v6-c-breadcrumb__item">
1595
1631
  <span class="pf-v6-c-breadcrumb__item-divider">
1596
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1632
+ <svg
1633
+ class="pf-v6-svg"
1634
+ viewBox="0 0 20 20"
1635
+ fill="currentColor"
1636
+ aria-hidden="true"
1637
+ role="img"
1638
+ width="1em"
1639
+ height="1em"
1640
+ >
1641
+ <path
1642
+ 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"
1643
+ />
1644
+ </svg>
1597
1645
  </span>
1598
1646
 
1599
1647
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1600
1648
  </li>
1601
1649
  <li class="pf-v6-c-breadcrumb__item">
1602
1650
  <span class="pf-v6-c-breadcrumb__item-divider">
1603
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1651
+ <svg
1652
+ class="pf-v6-svg"
1653
+ viewBox="0 0 20 20"
1654
+ fill="currentColor"
1655
+ aria-hidden="true"
1656
+ role="img"
1657
+ width="1em"
1658
+ height="1em"
1659
+ >
1660
+ <path
1661
+ 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"
1662
+ />
1663
+ </svg>
1604
1664
  </span>
1605
1665
 
1606
1666
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
1607
1667
  </li>
1608
1668
  <li class="pf-v6-c-breadcrumb__item">
1609
1669
  <span class="pf-v6-c-breadcrumb__item-divider">
1610
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1670
+ <svg
1671
+ class="pf-v6-svg"
1672
+ viewBox="0 0 20 20"
1673
+ fill="currentColor"
1674
+ aria-hidden="true"
1675
+ role="img"
1676
+ width="1em"
1677
+ height="1em"
1678
+ >
1679
+ <path
1680
+ 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"
1681
+ />
1682
+ </svg>
1611
1683
  </span>
1612
1684
 
1613
1685
  <a
@@ -2822,21 +2894,57 @@ wrapperTag: div
2822
2894
  </li>
2823
2895
  <li class="pf-v6-c-breadcrumb__item">
2824
2896
  <span class="pf-v6-c-breadcrumb__item-divider">
2825
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2897
+ <svg
2898
+ class="pf-v6-svg"
2899
+ viewBox="0 0 20 20"
2900
+ fill="currentColor"
2901
+ aria-hidden="true"
2902
+ role="img"
2903
+ width="1em"
2904
+ height="1em"
2905
+ >
2906
+ <path
2907
+ 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"
2908
+ />
2909
+ </svg>
2826
2910
  </span>
2827
2911
 
2828
2912
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2829
2913
  </li>
2830
2914
  <li class="pf-v6-c-breadcrumb__item">
2831
2915
  <span class="pf-v6-c-breadcrumb__item-divider">
2832
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2916
+ <svg
2917
+ class="pf-v6-svg"
2918
+ viewBox="0 0 20 20"
2919
+ fill="currentColor"
2920
+ aria-hidden="true"
2921
+ role="img"
2922
+ width="1em"
2923
+ height="1em"
2924
+ >
2925
+ <path
2926
+ 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"
2927
+ />
2928
+ </svg>
2833
2929
  </span>
2834
2930
 
2835
2931
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2836
2932
  </li>
2837
2933
  <li class="pf-v6-c-breadcrumb__item">
2838
2934
  <span class="pf-v6-c-breadcrumb__item-divider">
2839
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2935
+ <svg
2936
+ class="pf-v6-svg"
2937
+ viewBox="0 0 20 20"
2938
+ fill="currentColor"
2939
+ aria-hidden="true"
2940
+ role="img"
2941
+ width="1em"
2942
+ height="1em"
2943
+ >
2944
+ <path
2945
+ 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"
2946
+ />
2947
+ </svg>
2840
2948
  </span>
2841
2949
 
2842
2950
  <a
@@ -3995,21 +4103,57 @@ wrapperTag: div
3995
4103
  </li>
3996
4104
  <li class="pf-v6-c-breadcrumb__item">
3997
4105
  <span class="pf-v6-c-breadcrumb__item-divider">
3998
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4106
+ <svg
4107
+ class="pf-v6-svg"
4108
+ viewBox="0 0 20 20"
4109
+ fill="currentColor"
4110
+ aria-hidden="true"
4111
+ role="img"
4112
+ width="1em"
4113
+ height="1em"
4114
+ >
4115
+ <path
4116
+ 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"
4117
+ />
4118
+ </svg>
3999
4119
  </span>
4000
4120
 
4001
4121
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4002
4122
  </li>
4003
4123
  <li class="pf-v6-c-breadcrumb__item">
4004
4124
  <span class="pf-v6-c-breadcrumb__item-divider">
4005
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4125
+ <svg
4126
+ class="pf-v6-svg"
4127
+ viewBox="0 0 20 20"
4128
+ fill="currentColor"
4129
+ aria-hidden="true"
4130
+ role="img"
4131
+ width="1em"
4132
+ height="1em"
4133
+ >
4134
+ <path
4135
+ 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"
4136
+ />
4137
+ </svg>
4006
4138
  </span>
4007
4139
 
4008
4140
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
4009
4141
  </li>
4010
4142
  <li class="pf-v6-c-breadcrumb__item">
4011
4143
  <span class="pf-v6-c-breadcrumb__item-divider">
4012
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4144
+ <svg
4145
+ class="pf-v6-svg"
4146
+ viewBox="0 0 20 20"
4147
+ fill="currentColor"
4148
+ aria-hidden="true"
4149
+ role="img"
4150
+ width="1em"
4151
+ height="1em"
4152
+ >
4153
+ <path
4154
+ 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"
4155
+ />
4156
+ </svg>
4013
4157
  </span>
4014
4158
 
4015
4159
  <a
@@ -5194,21 +5338,57 @@ wrapperTag: div
5194
5338
  </li>
5195
5339
  <li class="pf-v6-c-breadcrumb__item">
5196
5340
  <span class="pf-v6-c-breadcrumb__item-divider">
5197
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5341
+ <svg
5342
+ class="pf-v6-svg"
5343
+ viewBox="0 0 20 20"
5344
+ fill="currentColor"
5345
+ aria-hidden="true"
5346
+ role="img"
5347
+ width="1em"
5348
+ height="1em"
5349
+ >
5350
+ <path
5351
+ 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"
5352
+ />
5353
+ </svg>
5198
5354
  </span>
5199
5355
 
5200
5356
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5201
5357
  </li>
5202
5358
  <li class="pf-v6-c-breadcrumb__item">
5203
5359
  <span class="pf-v6-c-breadcrumb__item-divider">
5204
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5360
+ <svg
5361
+ class="pf-v6-svg"
5362
+ viewBox="0 0 20 20"
5363
+ fill="currentColor"
5364
+ aria-hidden="true"
5365
+ role="img"
5366
+ width="1em"
5367
+ height="1em"
5368
+ >
5369
+ <path
5370
+ 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"
5371
+ />
5372
+ </svg>
5205
5373
  </span>
5206
5374
 
5207
5375
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5208
5376
  </li>
5209
5377
  <li class="pf-v6-c-breadcrumb__item">
5210
5378
  <span class="pf-v6-c-breadcrumb__item-divider">
5211
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5379
+ <svg
5380
+ class="pf-v6-svg"
5381
+ viewBox="0 0 20 20"
5382
+ fill="currentColor"
5383
+ aria-hidden="true"
5384
+ role="img"
5385
+ width="1em"
5386
+ height="1em"
5387
+ >
5388
+ <path
5389
+ 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"
5390
+ />
5391
+ </svg>
5212
5392
  </span>
5213
5393
 
5214
5394
  <a
@@ -5679,21 +5859,57 @@ wrapperTag: div
5679
5859
  </li>
5680
5860
  <li class="pf-v6-c-breadcrumb__item">
5681
5861
  <span class="pf-v6-c-breadcrumb__item-divider">
5682
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5862
+ <svg
5863
+ class="pf-v6-svg"
5864
+ viewBox="0 0 20 20"
5865
+ fill="currentColor"
5866
+ aria-hidden="true"
5867
+ role="img"
5868
+ width="1em"
5869
+ height="1em"
5870
+ >
5871
+ <path
5872
+ 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"
5873
+ />
5874
+ </svg>
5683
5875
  </span>
5684
5876
 
5685
5877
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5686
5878
  </li>
5687
5879
  <li class="pf-v6-c-breadcrumb__item">
5688
5880
  <span class="pf-v6-c-breadcrumb__item-divider">
5689
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5881
+ <svg
5882
+ class="pf-v6-svg"
5883
+ viewBox="0 0 20 20"
5884
+ fill="currentColor"
5885
+ aria-hidden="true"
5886
+ role="img"
5887
+ width="1em"
5888
+ height="1em"
5889
+ >
5890
+ <path
5891
+ 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"
5892
+ />
5893
+ </svg>
5690
5894
  </span>
5691
5895
 
5692
5896
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
5693
5897
  </li>
5694
5898
  <li class="pf-v6-c-breadcrumb__item">
5695
5899
  <span class="pf-v6-c-breadcrumb__item-divider">
5696
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5900
+ <svg
5901
+ class="pf-v6-svg"
5902
+ viewBox="0 0 20 20"
5903
+ fill="currentColor"
5904
+ aria-hidden="true"
5905
+ role="img"
5906
+ width="1em"
5907
+ height="1em"
5908
+ >
5909
+ <path
5910
+ 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"
5911
+ />
5912
+ </svg>
5697
5913
  </span>
5698
5914
 
5699
5915
  <a
@@ -6296,21 +6512,57 @@ wrapperTag: div
6296
6512
  </li>
6297
6513
  <li class="pf-v6-c-breadcrumb__item">
6298
6514
  <span class="pf-v6-c-breadcrumb__item-divider">
6299
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6515
+ <svg
6516
+ class="pf-v6-svg"
6517
+ viewBox="0 0 20 20"
6518
+ fill="currentColor"
6519
+ aria-hidden="true"
6520
+ role="img"
6521
+ width="1em"
6522
+ height="1em"
6523
+ >
6524
+ <path
6525
+ 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"
6526
+ />
6527
+ </svg>
6300
6528
  </span>
6301
6529
 
6302
6530
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
6303
6531
  </li>
6304
6532
  <li class="pf-v6-c-breadcrumb__item">
6305
6533
  <span class="pf-v6-c-breadcrumb__item-divider">
6306
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6534
+ <svg
6535
+ class="pf-v6-svg"
6536
+ viewBox="0 0 20 20"
6537
+ fill="currentColor"
6538
+ aria-hidden="true"
6539
+ role="img"
6540
+ width="1em"
6541
+ height="1em"
6542
+ >
6543
+ <path
6544
+ 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"
6545
+ />
6546
+ </svg>
6307
6547
  </span>
6308
6548
 
6309
6549
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
6310
6550
  </li>
6311
6551
  <li class="pf-v6-c-breadcrumb__item">
6312
6552
  <span class="pf-v6-c-breadcrumb__item-divider">
6313
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6553
+ <svg
6554
+ class="pf-v6-svg"
6555
+ viewBox="0 0 20 20"
6556
+ fill="currentColor"
6557
+ aria-hidden="true"
6558
+ role="img"
6559
+ width="1em"
6560
+ height="1em"
6561
+ >
6562
+ <path
6563
+ 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"
6564
+ />
6565
+ </svg>
6314
6566
  </span>
6315
6567
 
6316
6568
  <a
@@ -7035,7 +7287,7 @@ wrapperTag: div
7035
7287
  <span class="pf-v6-c-button__icon">
7036
7288
  <svg
7037
7289
  class="pf-v6-svg"
7038
- viewBox="0 0 256 512"
7290
+ viewBox="0 0 20 20"
7039
7291
  fill="currentColor"
7040
7292
  aria-hidden="true"
7041
7293
  role="img"
@@ -7043,7 +7295,7 @@ wrapperTag: div
7043
7295
  height="1em"
7044
7296
  >
7045
7297
  <path
7046
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
7298
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
7047
7299
  />
7048
7300
  </svg>
7049
7301
  </span>
@@ -7091,7 +7343,7 @@ wrapperTag: div
7091
7343
  <span class="pf-v6-c-button__icon">
7092
7344
  <svg
7093
7345
  class="pf-v6-svg"
7094
- viewBox="0 0 256 512"
7346
+ viewBox="0 0 20 20"
7095
7347
  fill="currentColor"
7096
7348
  aria-hidden="true"
7097
7349
  role="img"
@@ -7099,7 +7351,7 @@ wrapperTag: div
7099
7351
  height="1em"
7100
7352
  >
7101
7353
  <path
7102
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
7354
+ 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"
7103
7355
  />
7104
7356
  </svg>
7105
7357
  </span>
package/docs/demos/Skeleton/examples/Skeleton.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