@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/Drawer/examples/Drawer.md CHANGED
@@ -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
@@ -360,7 +396,7 @@ wrapperTag: div
360
396
  <span class="pf-v6-c-button__icon">
361
397
  <svg
362
398
  class="pf-v6-svg"
363
- viewBox="0 0 352 512"
399
+ viewBox="0 0 20 20"
364
400
  fill="currentColor"
365
401
  aria-hidden="true"
366
402
  role="img"
@@ -368,7 +404,7 @@ wrapperTag: div
368
404
  height="1em"
369
405
  >
370
406
  <path
371
- 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"
407
+ 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"
372
408
  />
373
409
  </svg>
374
410
  </span>
@@ -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
@@ -1602,7 +1719,7 @@ wrapperTag: div
1602
1719
  <span class="pf-v6-c-button__icon">
1603
1720
  <svg
1604
1721
  class="pf-v6-svg"
1605
- viewBox="0 0 352 512"
1722
+ viewBox="0 0 20 20"
1606
1723
  fill="currentColor"
1607
1724
  aria-hidden="true"
1608
1725
  role="img"
@@ -1610,7 +1727,7 @@ wrapperTag: div
1610
1727
  height="1em"
1611
1728
  >
1612
1729
  <path
1613
- 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"
1730
+ 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"
1614
1731
  />
1615
1732
  </svg>
1616
1733
  </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
@@ -2036,7 +2162,7 @@ wrapperTag: div
2036
2162
  <span class="pf-v6-c-button__icon">
2037
2163
  <svg
2038
2164
  class="pf-v6-svg"
2039
- viewBox="0 0 352 512"
2165
+ viewBox="0 0 20 20"
2040
2166
  fill="currentColor"
2041
2167
  aria-hidden="true"
2042
2168
  role="img"
@@ -2044,7 +2170,7 @@ wrapperTag: div
2044
2170
  height="1em"
2045
2171
  >
2046
2172
  <path
2047
- 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"
2173
+ 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"
2048
2174
  />
2049
2175
  </svg>
2050
2176
  </span>
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -1087,7 +1087,19 @@ subsection: forms
1087
1087
  aria-labelledby="-label-1-button -label-1-text"
1088
1088
  >
1089
1089
  <span class="pf-v6-c-button__icon">
1090
- <!-- Icon "times fa-fw" not found -->
1090
+ <svg
1091
+ class="pf-v6-svg"
1092
+ viewBox="0 0 20 20"
1093
+ fill="currentColor"
1094
+ aria-hidden="true"
1095
+ role="img"
1096
+ width="1em"
1097
+ height="1em"
1098
+ >
1099
+ <path
1100
+ 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"
1101
+ />
1102
+ </svg>
1091
1103
  </span>
1092
1104
  </button>
1093
1105
  </span>
@@ -1110,7 +1122,19 @@ subsection: forms
1110
1122
  aria-labelledby="-label-2-button -label-2-text"
1111
1123
  >
1112
1124
  <span class="pf-v6-c-button__icon">
1113
- <!-- Icon "times fa-fw" not found -->
1125
+ <svg
1126
+ class="pf-v6-svg"
1127
+ viewBox="0 0 20 20"
1128
+ fill="currentColor"
1129
+ aria-hidden="true"
1130
+ role="img"
1131
+ width="1em"
1132
+ height="1em"
1133
+ >
1134
+ <path
1135
+ 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"
1136
+ />
1137
+ </svg>
1114
1138
  </span>
1115
1139
  </button>
1116
1140
  </span>
@@ -1156,7 +1180,19 @@ subsection: forms
1156
1180
  >
1157
1181
  <span class="pf-v6-c-button__icon">
1158
1182
  <span class="pf-v6-c-form__field-group-toggle-icon">
1159
- <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>
1160
1196
  </span>
1161
1197
  </span>
1162
1198
  </button>
@@ -1194,7 +1230,19 @@ subsection: forms
1194
1230
  >
1195
1231
  <span class="pf-v6-c-button__icon">
1196
1232
  <span class="pf-v6-c-form__field-group-toggle-icon">
1197
- <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>
1198
1246
  </span>
1199
1247
  </span>
1200
1248
  </button>
@@ -1232,7 +1280,19 @@ subsection: forms
1232
1280
  >
1233
1281
  <span class="pf-v6-c-button__icon">
1234
1282
  <span class="pf-v6-c-form__field-group-toggle-icon">
1235
- <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>
1236
1296
  </span>
1237
1297
  </span>
1238
1298
  </button>
@@ -1269,7 +1329,19 @@ subsection: forms
1269
1329
  >
1270
1330
  <span class="pf-v6-c-button__icon">
1271
1331
  <span class="pf-v6-c-form__field-group-toggle-icon">
1272
- <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>
1273
1345
  </span>
1274
1346
  </span>
1275
1347
  </button>
@@ -1306,7 +1378,19 @@ subsection: forms
1306
1378
  >
1307
1379
  <span class="pf-v6-c-button__icon">
1308
1380
  <span class="pf-v6-c-form__field-group-toggle-icon">
1309
- <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>
1310
1394
  </span>
1311
1395
  </span>
1312
1396
  </button>
@@ -1344,7 +1428,19 @@ subsection: forms
1344
1428
  >
1345
1429
  <span class="pf-v6-c-button__icon">
1346
1430
  <span class="pf-v6-c-form__field-group-toggle-icon">
1347
- <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>
1348
1444
  </span>
1349
1445
  </span>
1350
1446
  </button>
@@ -1462,7 +1558,19 @@ subsection: forms
1462
1558
  >
1463
1559
  <span class="pf-v6-c-button__icon">
1464
1560
  <span class="pf-v6-c-form__field-group-toggle-icon">
1465
- <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>
1466
1574
  </span>
1467
1575
  </span>
1468
1576
  </button>
@@ -1502,7 +1610,19 @@ subsection: forms
1502
1610
  >
1503
1611
  <span class="pf-v6-c-button__icon">
1504
1612
  <span class="pf-v6-c-form__field-group-toggle-icon">
1505
- <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>
1506
1626
  </span>
1507
1627
  </span>
1508
1628
  </button>
@@ -1676,7 +1796,19 @@ subsection: forms
1676
1796
  >
1677
1797
  <span class="pf-v6-c-button__icon">
1678
1798
  <span class="pf-v6-c-form__field-group-toggle-icon">
1679
- <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>
1680
1812
  </span>
1681
1813
  </span>
1682
1814
  </button>
@@ -1805,7 +1937,19 @@ subsection: forms
1805
1937
  >
1806
1938
  <span class="pf-v6-c-button__icon">
1807
1939
  <span class="pf-v6-c-form__field-group-toggle-icon">
1808
- <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>
1809
1953
  </span>
1810
1954
  </span>
1811
1955
  </button>
@@ -1845,7 +1989,19 @@ subsection: forms
1845
1989
  >
1846
1990
  <span class="pf-v6-c-button__icon">
1847
1991
  <span class="pf-v6-c-form__field-group-toggle-icon">
1848
- <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>
1849
2005
  </span>
1850
2006
  </span>
1851
2007
  </button>