@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
@@ -258,7 +258,19 @@ wrapperTag: div
258
258
  </li>
259
259
  <li class="pf-v6-c-breadcrumb__item">
260
260
  <span class="pf-v6-c-breadcrumb__item-divider">
261
- <i class="fas fa-angle-right" aria-hidden="true"></i>
261
+ <svg
262
+ class="pf-v6-svg"
263
+ viewBox="0 0 20 20"
264
+ fill="currentColor"
265
+ aria-hidden="true"
266
+ role="img"
267
+ width="1em"
268
+ height="1em"
269
+ >
270
+ <path
271
+ 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"
272
+ />
273
+ </svg>
262
274
  </span>
263
275
 
264
276
  <a
@@ -268,7 +280,19 @@ wrapperTag: div
268
280
  </li>
269
281
  <li class="pf-v6-c-breadcrumb__item">
270
282
  <span class="pf-v6-c-breadcrumb__item-divider">
271
- <i class="fas fa-angle-right" aria-hidden="true"></i>
283
+ <svg
284
+ class="pf-v6-svg"
285
+ viewBox="0 0 20 20"
286
+ fill="currentColor"
287
+ aria-hidden="true"
288
+ role="img"
289
+ width="1em"
290
+ height="1em"
291
+ >
292
+ <path
293
+ 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"
294
+ />
295
+ </svg>
272
296
  </span>
273
297
 
274
298
  <a
@@ -278,7 +302,19 @@ wrapperTag: div
278
302
  </li>
279
303
  <li class="pf-v6-c-breadcrumb__item">
280
304
  <span class="pf-v6-c-breadcrumb__item-divider">
281
- <i class="fas fa-angle-right" aria-hidden="true"></i>
305
+ <svg
306
+ class="pf-v6-svg"
307
+ viewBox="0 0 20 20"
308
+ fill="currentColor"
309
+ aria-hidden="true"
310
+ role="img"
311
+ width="1em"
312
+ height="1em"
313
+ >
314
+ <path
315
+ 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"
316
+ />
317
+ </svg>
282
318
  </span>
283
319
 
284
320
  <a
@@ -765,7 +801,19 @@ wrapperTag: div
765
801
  </li>
766
802
  <li class="pf-v6-c-breadcrumb__item">
767
803
  <span class="pf-v6-c-breadcrumb__item-divider">
768
- <i class="fas fa-angle-right" aria-hidden="true"></i>
804
+ <svg
805
+ class="pf-v6-svg"
806
+ viewBox="0 0 20 20"
807
+ fill="currentColor"
808
+ aria-hidden="true"
809
+ role="img"
810
+ width="1em"
811
+ height="1em"
812
+ >
813
+ <path
814
+ 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"
815
+ />
816
+ </svg>
769
817
  </span>
770
818
 
771
819
  <a
@@ -775,7 +823,19 @@ wrapperTag: div
775
823
  </li>
776
824
  <li class="pf-v6-c-breadcrumb__item">
777
825
  <span class="pf-v6-c-breadcrumb__item-divider">
778
- <i class="fas fa-angle-right" aria-hidden="true"></i>
826
+ <svg
827
+ class="pf-v6-svg"
828
+ viewBox="0 0 20 20"
829
+ fill="currentColor"
830
+ aria-hidden="true"
831
+ role="img"
832
+ width="1em"
833
+ height="1em"
834
+ >
835
+ <path
836
+ 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"
837
+ />
838
+ </svg>
779
839
  </span>
780
840
 
781
841
  <a
@@ -785,7 +845,19 @@ wrapperTag: div
785
845
  </li>
786
846
  <li class="pf-v6-c-breadcrumb__item">
787
847
  <span class="pf-v6-c-breadcrumb__item-divider">
788
- <i class="fas fa-angle-right" aria-hidden="true"></i>
848
+ <svg
849
+ class="pf-v6-svg"
850
+ viewBox="0 0 20 20"
851
+ fill="currentColor"
852
+ aria-hidden="true"
853
+ role="img"
854
+ width="1em"
855
+ height="1em"
856
+ >
857
+ <path
858
+ 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"
859
+ />
860
+ </svg>
789
861
  </span>
790
862
 
791
863
  <a
@@ -1108,7 +1180,19 @@ wrapperTag: div
1108
1180
  </li>
1109
1181
  <li class="pf-v6-c-breadcrumb__item">
1110
1182
  <span class="pf-v6-c-breadcrumb__item-divider">
1111
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1183
+ <svg
1184
+ class="pf-v6-svg"
1185
+ viewBox="0 0 20 20"
1186
+ fill="currentColor"
1187
+ aria-hidden="true"
1188
+ role="img"
1189
+ width="1em"
1190
+ height="1em"
1191
+ >
1192
+ <path
1193
+ 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"
1194
+ />
1195
+ </svg>
1112
1196
  </span>
1113
1197
 
1114
1198
  <a
@@ -1118,7 +1202,19 @@ wrapperTag: div
1118
1202
  </li>
1119
1203
  <li class="pf-v6-c-breadcrumb__item">
1120
1204
  <span class="pf-v6-c-breadcrumb__item-divider">
1121
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1205
+ <svg
1206
+ class="pf-v6-svg"
1207
+ viewBox="0 0 20 20"
1208
+ fill="currentColor"
1209
+ aria-hidden="true"
1210
+ role="img"
1211
+ width="1em"
1212
+ height="1em"
1213
+ >
1214
+ <path
1215
+ 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"
1216
+ />
1217
+ </svg>
1122
1218
  </span>
1123
1219
 
1124
1220
  <a
@@ -1128,7 +1224,19 @@ wrapperTag: div
1128
1224
  </li>
1129
1225
  <li class="pf-v6-c-breadcrumb__item">
1130
1226
  <span class="pf-v6-c-breadcrumb__item-divider">
1131
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1227
+ <svg
1228
+ class="pf-v6-svg"
1229
+ viewBox="0 0 20 20"
1230
+ fill="currentColor"
1231
+ aria-hidden="true"
1232
+ role="img"
1233
+ width="1em"
1234
+ height="1em"
1235
+ >
1236
+ <path
1237
+ 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
+ />
1239
+ </svg>
1132
1240
  </span>
1133
1241
 
1134
1242
  <a
@@ -1458,10 +1566,19 @@ wrapperTag: div
1458
1566
  >
1459
1567
  <span class="pf-v6-c-button__icon pf-m-start">
1460
1568
  <span class="pf-v6-c-jump-links__toggle-icon">
1461
- <i
1462
- class="fas fa-angle-right"
1569
+ <svg
1570
+ class="pf-v6-svg"
1571
+ viewBox="0 0 20 20"
1572
+ fill="currentColor"
1463
1573
  aria-hidden="true"
1464
- ></i>
1574
+ role="img"
1575
+ width="1em"
1576
+ height="1em"
1577
+ >
1578
+ <path
1579
+ 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"
1580
+ />
1581
+ </svg>
1465
1582
  </span>
1466
1583
  </span>
1467
1584
  <span
@@ -1892,10 +2009,19 @@ wrapperTag: div
1892
2009
  >
1893
2010
  <span class="pf-v6-c-button__icon pf-m-start">
1894
2011
  <span class="pf-v6-c-jump-links__toggle-icon">
1895
- <i
1896
- class="fas fa-angle-right"
2012
+ <svg
2013
+ class="pf-v6-svg"
2014
+ viewBox="0 0 20 20"
2015
+ fill="currentColor"
1897
2016
  aria-hidden="true"
1898
- ></i>
2017
+ role="img"
2018
+ width="1em"
2019
+ height="1em"
2020
+ >
2021
+ <path
2022
+ 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"
2023
+ />
2024
+ </svg>
1899
2025
  </span>
1900
2026
  </span>
1901
2027
  <span
@@ -1180,7 +1180,19 @@ subsection: forms
1180
1180
  >
1181
1181
  <span class="pf-v6-c-button__icon">
1182
1182
  <span class="pf-v6-c-form__field-group-toggle-icon">
1183
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1183
+ <svg
1184
+ class="pf-v6-svg"
1185
+ viewBox="0 0 20 20"
1186
+ fill="currentColor"
1187
+ aria-hidden="true"
1188
+ role="img"
1189
+ width="1em"
1190
+ height="1em"
1191
+ >
1192
+ <path
1193
+ 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"
1194
+ />
1195
+ </svg>
1184
1196
  </span>
1185
1197
  </span>
1186
1198
  </button>
@@ -1218,7 +1230,19 @@ subsection: forms
1218
1230
  >
1219
1231
  <span class="pf-v6-c-button__icon">
1220
1232
  <span class="pf-v6-c-form__field-group-toggle-icon">
1221
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1233
+ <svg
1234
+ class="pf-v6-svg"
1235
+ viewBox="0 0 20 20"
1236
+ fill="currentColor"
1237
+ aria-hidden="true"
1238
+ role="img"
1239
+ width="1em"
1240
+ height="1em"
1241
+ >
1242
+ <path
1243
+ 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"
1244
+ />
1245
+ </svg>
1222
1246
  </span>
1223
1247
  </span>
1224
1248
  </button>
@@ -1256,7 +1280,19 @@ subsection: forms
1256
1280
  >
1257
1281
  <span class="pf-v6-c-button__icon">
1258
1282
  <span class="pf-v6-c-form__field-group-toggle-icon">
1259
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1283
+ <svg
1284
+ class="pf-v6-svg"
1285
+ viewBox="0 0 20 20"
1286
+ fill="currentColor"
1287
+ aria-hidden="true"
1288
+ role="img"
1289
+ width="1em"
1290
+ height="1em"
1291
+ >
1292
+ <path
1293
+ 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"
1294
+ />
1295
+ </svg>
1260
1296
  </span>
1261
1297
  </span>
1262
1298
  </button>
@@ -1293,7 +1329,19 @@ subsection: forms
1293
1329
  >
1294
1330
  <span class="pf-v6-c-button__icon">
1295
1331
  <span class="pf-v6-c-form__field-group-toggle-icon">
1296
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1332
+ <svg
1333
+ class="pf-v6-svg"
1334
+ viewBox="0 0 20 20"
1335
+ fill="currentColor"
1336
+ aria-hidden="true"
1337
+ role="img"
1338
+ width="1em"
1339
+ height="1em"
1340
+ >
1341
+ <path
1342
+ 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"
1343
+ />
1344
+ </svg>
1297
1345
  </span>
1298
1346
  </span>
1299
1347
  </button>
@@ -1330,7 +1378,19 @@ subsection: forms
1330
1378
  >
1331
1379
  <span class="pf-v6-c-button__icon">
1332
1380
  <span class="pf-v6-c-form__field-group-toggle-icon">
1333
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1381
+ <svg
1382
+ class="pf-v6-svg"
1383
+ viewBox="0 0 20 20"
1384
+ fill="currentColor"
1385
+ aria-hidden="true"
1386
+ role="img"
1387
+ width="1em"
1388
+ height="1em"
1389
+ >
1390
+ <path
1391
+ 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"
1392
+ />
1393
+ </svg>
1334
1394
  </span>
1335
1395
  </span>
1336
1396
  </button>
@@ -1368,7 +1428,19 @@ subsection: forms
1368
1428
  >
1369
1429
  <span class="pf-v6-c-button__icon">
1370
1430
  <span class="pf-v6-c-form__field-group-toggle-icon">
1371
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1431
+ <svg
1432
+ class="pf-v6-svg"
1433
+ viewBox="0 0 20 20"
1434
+ fill="currentColor"
1435
+ aria-hidden="true"
1436
+ role="img"
1437
+ width="1em"
1438
+ height="1em"
1439
+ >
1440
+ <path
1441
+ 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"
1442
+ />
1443
+ </svg>
1372
1444
  </span>
1373
1445
  </span>
1374
1446
  </button>
@@ -1486,7 +1558,19 @@ subsection: forms
1486
1558
  >
1487
1559
  <span class="pf-v6-c-button__icon">
1488
1560
  <span class="pf-v6-c-form__field-group-toggle-icon">
1489
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1561
+ <svg
1562
+ class="pf-v6-svg"
1563
+ viewBox="0 0 20 20"
1564
+ fill="currentColor"
1565
+ aria-hidden="true"
1566
+ role="img"
1567
+ width="1em"
1568
+ height="1em"
1569
+ >
1570
+ <path
1571
+ 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"
1572
+ />
1573
+ </svg>
1490
1574
  </span>
1491
1575
  </span>
1492
1576
  </button>
@@ -1526,7 +1610,19 @@ subsection: forms
1526
1610
  >
1527
1611
  <span class="pf-v6-c-button__icon">
1528
1612
  <span class="pf-v6-c-form__field-group-toggle-icon">
1529
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1613
+ <svg
1614
+ class="pf-v6-svg"
1615
+ viewBox="0 0 20 20"
1616
+ fill="currentColor"
1617
+ aria-hidden="true"
1618
+ role="img"
1619
+ width="1em"
1620
+ height="1em"
1621
+ >
1622
+ <path
1623
+ 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"
1624
+ />
1625
+ </svg>
1530
1626
  </span>
1531
1627
  </span>
1532
1628
  </button>
@@ -1700,7 +1796,19 @@ subsection: forms
1700
1796
  >
1701
1797
  <span class="pf-v6-c-button__icon">
1702
1798
  <span class="pf-v6-c-form__field-group-toggle-icon">
1703
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1799
+ <svg
1800
+ class="pf-v6-svg"
1801
+ viewBox="0 0 20 20"
1802
+ fill="currentColor"
1803
+ aria-hidden="true"
1804
+ role="img"
1805
+ width="1em"
1806
+ height="1em"
1807
+ >
1808
+ <path
1809
+ 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"
1810
+ />
1811
+ </svg>
1704
1812
  </span>
1705
1813
  </span>
1706
1814
  </button>
@@ -1829,7 +1937,19 @@ subsection: forms
1829
1937
  >
1830
1938
  <span class="pf-v6-c-button__icon">
1831
1939
  <span class="pf-v6-c-form__field-group-toggle-icon">
1832
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1940
+ <svg
1941
+ class="pf-v6-svg"
1942
+ viewBox="0 0 20 20"
1943
+ fill="currentColor"
1944
+ aria-hidden="true"
1945
+ role="img"
1946
+ width="1em"
1947
+ height="1em"
1948
+ >
1949
+ <path
1950
+ 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"
1951
+ />
1952
+ </svg>
1833
1953
  </span>
1834
1954
  </span>
1835
1955
  </button>
@@ -1869,7 +1989,19 @@ subsection: forms
1869
1989
  >
1870
1990
  <span class="pf-v6-c-button__icon">
1871
1991
  <span class="pf-v6-c-form__field-group-toggle-icon">
1872
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1992
+ <svg
1993
+ class="pf-v6-svg"
1994
+ viewBox="0 0 20 20"
1995
+ fill="currentColor"
1996
+ aria-hidden="true"
1997
+ role="img"
1998
+ width="1em"
1999
+ height="1em"
2000
+ >
2001
+ <path
2002
+ 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"
2003
+ />
2004
+ </svg>
1873
2005
  </span>
1874
2006
  </span>
1875
2007
  </button>