@patternfly/patternfly 6.5.0-prerelease.46 → 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 (80) 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 +1 -1
  20. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  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 +18 -18
  32. package/docs/components/Accordion/examples/Accordion.md +390 -30
  33. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  34. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  35. package/docs/components/Card/examples/Card.md +52 -4
  36. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  38. package/docs/components/DataList/examples/DataList.md +221 -17
  39. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  40. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  41. package/docs/components/Form/examples/Form.md +78 -6
  42. package/docs/components/Icon/examples/Icon.md +26 -2
  43. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  44. package/docs/components/Menu/examples/Menu.md +1456 -112
  45. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  46. package/docs/components/Nav/examples/Navigation.md +710 -62
  47. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  48. package/docs/components/Table/examples/Table.md +819 -63
  49. package/docs/components/Tabs/examples/Tabs.md +321 -213
  50. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  51. package/docs/components/Wizard/examples/Wizard.md +323 -59
  52. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  53. package/docs/demos/Alert/examples/Alert.md +117 -9
  54. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  55. package/docs/demos/Banner/examples/Banner.md +78 -6
  56. package/docs/demos/Card/examples/Card.md +230 -26
  57. package/docs/demos/CardView/examples/CardView.md +78 -6
  58. package/docs/demos/Compass/examples/Compass.md +71 -35
  59. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  60. package/docs/demos/DataList/examples/DataList.md +234 -18
  61. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  62. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  63. package/docs/demos/Form/examples/BasicForms.md +143 -11
  64. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  65. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  66. package/docs/demos/Modal/examples/Modal.md +234 -18
  67. package/docs/demos/Nav/examples/Nav.md +320 -32
  68. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  69. package/docs/demos/Page/examples/Page.md +546 -42
  70. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  71. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  72. package/docs/demos/Table/examples/Table.md +702 -54
  73. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  74. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  75. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  76. package/package.json +1 -1
  77. package/patternfly-no-globals.css +18 -18
  78. package/patternfly.css +18 -18
  79. package/patternfly.min.css +1 -1
  80. package/patternfly.min.css.map +1 -1
@@ -1579,7 +1579,19 @@ cssPrefix: pf-v6-c-card
1579
1579
  >
1580
1580
  <span class="pf-v6-c-button__icon pf-m-start">
1581
1581
  <span class="pf-v6-c-card__header-toggle-icon">
1582
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1582
+ <svg
1583
+ class="pf-v6-svg"
1584
+ viewBox="0 0 20 20"
1585
+ fill="currentColor"
1586
+ aria-hidden="true"
1587
+ role="img"
1588
+ width="1em"
1589
+ height="1em"
1590
+ >
1591
+ <path
1592
+ 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"
1593
+ />
1594
+ </svg>
1583
1595
  </span>
1584
1596
  </span>
1585
1597
  </button>
@@ -1635,7 +1647,19 @@ cssPrefix: pf-v6-c-card
1635
1647
  >
1636
1648
  <span class="pf-v6-c-button__icon pf-m-start">
1637
1649
  <span class="pf-v6-c-card__header-toggle-icon">
1638
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1650
+ <svg
1651
+ class="pf-v6-svg"
1652
+ viewBox="0 0 20 20"
1653
+ fill="currentColor"
1654
+ aria-hidden="true"
1655
+ role="img"
1656
+ width="1em"
1657
+ height="1em"
1658
+ >
1659
+ <path
1660
+ 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"
1661
+ />
1662
+ </svg>
1639
1663
  </span>
1640
1664
  </span>
1641
1665
  </button>
@@ -1690,7 +1714,19 @@ cssPrefix: pf-v6-c-card
1690
1714
  >
1691
1715
  <span class="pf-v6-c-button__icon pf-m-start">
1692
1716
  <span class="pf-v6-c-card__header-toggle-icon">
1693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1717
+ <svg
1718
+ class="pf-v6-svg"
1719
+ viewBox="0 0 20 20"
1720
+ fill="currentColor"
1721
+ aria-hidden="true"
1722
+ role="img"
1723
+ width="1em"
1724
+ height="1em"
1725
+ >
1726
+ <path
1727
+ 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"
1728
+ />
1729
+ </svg>
1694
1730
  </span>
1695
1731
  </span>
1696
1732
  </button>
@@ -1822,7 +1858,19 @@ cssPrefix: pf-v6-c-card
1822
1858
  >
1823
1859
  <span class="pf-v6-c-button__icon pf-m-start">
1824
1860
  <span class="pf-v6-c-card__header-toggle-icon">
1825
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1861
+ <svg
1862
+ class="pf-v6-svg"
1863
+ viewBox="0 0 20 20"
1864
+ fill="currentColor"
1865
+ aria-hidden="true"
1866
+ role="img"
1867
+ width="1em"
1868
+ height="1em"
1869
+ >
1870
+ <path
1871
+ 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"
1872
+ />
1873
+ </svg>
1826
1874
  </span>
1827
1875
  </span>
1828
1876
  </button>
@@ -96,7 +96,19 @@ cssPrefix: pf-v6-c-clipboard-copy
96
96
  >
97
97
  <span class="pf-v6-c-button__icon">
98
98
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
99
- <i class="fas fa-angle-right" aria-hidden="true"></i>
99
+ <svg
100
+ class="pf-v6-svg"
101
+ viewBox="0 0 20 20"
102
+ fill="currentColor"
103
+ aria-hidden="true"
104
+ role="img"
105
+ width="1em"
106
+ height="1em"
107
+ >
108
+ <path
109
+ 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"
110
+ />
111
+ </svg>
100
112
  </div>
101
113
  </span>
102
114
  </button>
@@ -150,7 +162,19 @@ cssPrefix: pf-v6-c-clipboard-copy
150
162
  >
151
163
  <span class="pf-v6-c-button__icon">
152
164
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
153
- <i class="fas fa-angle-right" aria-hidden="true"></i>
165
+ <svg
166
+ class="pf-v6-svg"
167
+ viewBox="0 0 20 20"
168
+ fill="currentColor"
169
+ aria-hidden="true"
170
+ role="img"
171
+ width="1em"
172
+ height="1em"
173
+ >
174
+ <path
175
+ 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"
176
+ />
177
+ </svg>
154
178
  </div>
155
179
  </span>
156
180
  </button>
@@ -206,7 +230,19 @@ cssPrefix: pf-v6-c-clipboard-copy
206
230
  >
207
231
  <span class="pf-v6-c-button__icon">
208
232
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
209
- <i class="fas fa-angle-right" aria-hidden="true"></i>
233
+ <svg
234
+ class="pf-v6-svg"
235
+ viewBox="0 0 20 20"
236
+ fill="currentColor"
237
+ aria-hidden="true"
238
+ role="img"
239
+ width="1em"
240
+ height="1em"
241
+ >
242
+ <path
243
+ 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"
244
+ />
245
+ </svg>
210
246
  </div>
211
247
  </span>
212
248
  </button>
@@ -261,7 +297,19 @@ cssPrefix: pf-v6-c-clipboard-copy
261
297
  >
262
298
  <span class="pf-v6-c-button__icon">
263
299
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
264
- <i class="fas fa-angle-right" aria-hidden="true"></i>
300
+ <svg
301
+ class="pf-v6-svg"
302
+ viewBox="0 0 20 20"
303
+ fill="currentColor"
304
+ aria-hidden="true"
305
+ role="img"
306
+ width="1em"
307
+ height="1em"
308
+ >
309
+ <path
310
+ 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"
311
+ />
312
+ </svg>
265
313
  </div>
266
314
  </span>
267
315
  </button>
@@ -316,7 +364,19 @@ cssPrefix: pf-v6-c-clipboard-copy
316
364
  >
317
365
  <span class="pf-v6-c-button__icon">
318
366
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
319
- <i class="fas fa-angle-right" aria-hidden="true"></i>
367
+ <svg
368
+ class="pf-v6-svg"
369
+ viewBox="0 0 20 20"
370
+ fill="currentColor"
371
+ aria-hidden="true"
372
+ role="img"
373
+ width="1em"
374
+ height="1em"
375
+ >
376
+ <path
377
+ 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"
378
+ />
379
+ </svg>
320
380
  </div>
321
381
  </span>
322
382
  </button>
@@ -384,7 +444,19 @@ cssPrefix: pf-v6-c-clipboard-copy
384
444
  >
385
445
  <span class="pf-v6-c-button__icon">
386
446
  <div class="pf-v6-c-clipboard-copy__toggle-icon">
387
- <i class="fas fa-angle-right" aria-hidden="true"></i>
447
+ <svg
448
+ class="pf-v6-svg"
449
+ viewBox="0 0 20 20"
450
+ fill="currentColor"
451
+ aria-hidden="true"
452
+ role="img"
453
+ width="1em"
454
+ height="1em"
455
+ >
456
+ <path
457
+ 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"
458
+ />
459
+ </svg>
388
460
  </div>
389
461
  </span>
390
462
  </button>
@@ -158,7 +158,19 @@ name: azure-sample-repo<div
158
158
  <span
159
159
  class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top"
160
160
  >
161
- <i class="fas fa-angle-right" aria-hidden="true"></i>
161
+ <svg
162
+ class="pf-v6-svg"
163
+ viewBox="0 0 20 20"
164
+ fill="currentColor"
165
+ aria-hidden="true"
166
+ role="img"
167
+ width="1em"
168
+ height="1em"
169
+ >
170
+ <path
171
+ 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"
172
+ />
173
+ </svg>
162
174
  </span>
163
175
  </span>
164
176
  <span class="pf-v6-c-button__text">Show more</span>
@@ -255,7 +267,19 @@ name: azure-sample-repo<div
255
267
  <span
256
268
  class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top"
257
269
  >
258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
270
+ <svg
271
+ class="pf-v6-svg"
272
+ viewBox="0 0 20 20"
273
+ fill="currentColor"
274
+ aria-hidden="true"
275
+ role="img"
276
+ width="1em"
277
+ height="1em"
278
+ >
279
+ <path
280
+ 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"
281
+ />
282
+ </svg>
259
283
  </span>
260
284
  </span>
261
285
  <span class="pf-v6-c-button__text">Show less</span>
@@ -334,7 +334,19 @@ When a list item includes more than one block of content, it can be difficult fo
334
334
  >
335
335
  <span class="pf-v6-c-button__icon pf-m-start">
336
336
  <div class="pf-v6-c-data-list__toggle-icon">
337
- <i class="fas fa-angle-right" aria-hidden="true"></i>
337
+ <svg
338
+ class="pf-v6-svg"
339
+ viewBox="0 0 20 20"
340
+ fill="currentColor"
341
+ aria-hidden="true"
342
+ role="img"
343
+ width="1em"
344
+ height="1em"
345
+ >
346
+ <path
347
+ 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"
348
+ />
349
+ </svg>
338
350
  </div>
339
351
  </span>
340
352
  </button>
@@ -396,7 +408,19 @@ When a list item includes more than one block of content, it can be difficult fo
396
408
  >
397
409
  <span class="pf-v6-c-button__icon pf-m-start">
398
410
  <div class="pf-v6-c-data-list__toggle-icon">
399
- <i class="fas fa-angle-right" aria-hidden="true"></i>
411
+ <svg
412
+ class="pf-v6-svg"
413
+ viewBox="0 0 20 20"
414
+ fill="currentColor"
415
+ aria-hidden="true"
416
+ role="img"
417
+ width="1em"
418
+ height="1em"
419
+ >
420
+ <path
421
+ 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"
422
+ />
423
+ </svg>
400
424
  </div>
401
425
  </span>
402
426
  </button>
@@ -455,7 +479,19 @@ When a list item includes more than one block of content, it can be difficult fo
455
479
  >
456
480
  <span class="pf-v6-c-button__icon pf-m-start">
457
481
  <div class="pf-v6-c-data-list__toggle-icon">
458
- <i class="fas fa-angle-right" aria-hidden="true"></i>
482
+ <svg
483
+ class="pf-v6-svg"
484
+ viewBox="0 0 20 20"
485
+ fill="currentColor"
486
+ aria-hidden="true"
487
+ role="img"
488
+ width="1em"
489
+ height="1em"
490
+ >
491
+ <path
492
+ 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"
493
+ />
494
+ </svg>
459
495
  </div>
460
496
  </span>
461
497
  </button>
@@ -528,7 +564,19 @@ When a list item includes more than one block of content, it can be difficult fo
528
564
  >
529
565
  <span class="pf-v6-c-button__icon pf-m-start">
530
566
  <div class="pf-v6-c-data-list__toggle-icon">
531
- <i class="fas fa-angle-right" aria-hidden="true"></i>
567
+ <svg
568
+ class="pf-v6-svg"
569
+ viewBox="0 0 20 20"
570
+ fill="currentColor"
571
+ aria-hidden="true"
572
+ role="img"
573
+ width="1em"
574
+ height="1em"
575
+ >
576
+ <path
577
+ 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"
578
+ />
579
+ </svg>
532
580
  </div>
533
581
  </span>
534
582
  </button>
@@ -590,7 +638,19 @@ When a list item includes more than one block of content, it can be difficult fo
590
638
  >
591
639
  <span class="pf-v6-c-button__icon pf-m-start">
592
640
  <div class="pf-v6-c-data-list__toggle-icon">
593
- <i class="fas fa-angle-right" aria-hidden="true"></i>
641
+ <svg
642
+ class="pf-v6-svg"
643
+ viewBox="0 0 20 20"
644
+ fill="currentColor"
645
+ aria-hidden="true"
646
+ role="img"
647
+ width="1em"
648
+ height="1em"
649
+ >
650
+ <path
651
+ 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"
652
+ />
653
+ </svg>
594
654
  </div>
595
655
  </span>
596
656
  </button>
@@ -652,7 +712,19 @@ When a list item includes more than one block of content, it can be difficult fo
652
712
  >
653
713
  <span class="pf-v6-c-button__icon pf-m-start">
654
714
  <div class="pf-v6-c-data-list__toggle-icon">
655
- <i class="fas fa-angle-right" aria-hidden="true"></i>
715
+ <svg
716
+ class="pf-v6-svg"
717
+ viewBox="0 0 20 20"
718
+ fill="currentColor"
719
+ aria-hidden="true"
720
+ role="img"
721
+ width="1em"
722
+ height="1em"
723
+ >
724
+ <path
725
+ 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"
726
+ />
727
+ </svg>
656
728
  </div>
657
729
  </span>
658
730
  </button>
@@ -725,7 +797,19 @@ When a list item includes more than one block of content, it can be difficult fo
725
797
  >
726
798
  <span class="pf-v6-c-button__icon pf-m-start">
727
799
  <div class="pf-v6-c-data-list__toggle-icon">
728
- <i class="fas fa-angle-right" aria-hidden="true"></i>
800
+ <svg
801
+ class="pf-v6-svg"
802
+ viewBox="0 0 20 20"
803
+ fill="currentColor"
804
+ aria-hidden="true"
805
+ role="img"
806
+ width="1em"
807
+ height="1em"
808
+ >
809
+ <path
810
+ 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"
811
+ />
812
+ </svg>
729
813
  </div>
730
814
  </span>
731
815
  </button>
@@ -788,7 +872,19 @@ When a list item includes more than one block of content, it can be difficult fo
788
872
  >
789
873
  <span class="pf-v6-c-button__icon pf-m-start">
790
874
  <div class="pf-v6-c-data-list__toggle-icon">
791
- <i class="fas fa-angle-right" aria-hidden="true"></i>
875
+ <svg
876
+ class="pf-v6-svg"
877
+ viewBox="0 0 20 20"
878
+ fill="currentColor"
879
+ aria-hidden="true"
880
+ role="img"
881
+ width="1em"
882
+ height="1em"
883
+ >
884
+ <path
885
+ 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"
886
+ />
887
+ </svg>
792
888
  </div>
793
889
  </span>
794
890
  </button>
@@ -828,7 +924,19 @@ When a list item includes more than one block of content, it can be difficult fo
828
924
  >
829
925
  <span class="pf-v6-c-button__icon pf-m-start">
830
926
  <div class="pf-v6-c-data-list__toggle-icon">
831
- <i class="fas fa-angle-right" aria-hidden="true"></i>
927
+ <svg
928
+ class="pf-v6-svg"
929
+ viewBox="0 0 20 20"
930
+ fill="currentColor"
931
+ aria-hidden="true"
932
+ role="img"
933
+ width="1em"
934
+ height="1em"
935
+ >
936
+ <path
937
+ 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"
938
+ />
939
+ </svg>
832
940
  </div>
833
941
  </span>
834
942
  </button>
@@ -869,7 +977,19 @@ When a list item includes more than one block of content, it can be difficult fo
869
977
  >
870
978
  <span class="pf-v6-c-button__icon pf-m-start">
871
979
  <div class="pf-v6-c-data-list__toggle-icon">
872
- <i class="fas fa-angle-right" aria-hidden="true"></i>
980
+ <svg
981
+ class="pf-v6-svg"
982
+ viewBox="0 0 20 20"
983
+ fill="currentColor"
984
+ aria-hidden="true"
985
+ role="img"
986
+ width="1em"
987
+ height="1em"
988
+ >
989
+ <path
990
+ 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"
991
+ />
992
+ </svg>
873
993
  </div>
874
994
  </span>
875
995
  </button>
@@ -913,7 +1033,19 @@ When a list item includes more than one block of content, it can be difficult fo
913
1033
  >
914
1034
  <span class="pf-v6-c-button__icon pf-m-start">
915
1035
  <div class="pf-v6-c-data-list__toggle-icon">
916
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1036
+ <svg
1037
+ class="pf-v6-svg"
1038
+ viewBox="0 0 20 20"
1039
+ fill="currentColor"
1040
+ aria-hidden="true"
1041
+ role="img"
1042
+ width="1em"
1043
+ height="1em"
1044
+ >
1045
+ <path
1046
+ 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"
1047
+ />
1048
+ </svg>
917
1049
  </div>
918
1050
  </span>
919
1051
  </button>
@@ -972,7 +1104,19 @@ When a list item includes more than one block of content, it can be difficult fo
972
1104
  >
973
1105
  <span class="pf-v6-c-button__icon pf-m-start">
974
1106
  <div class="pf-v6-c-data-list__toggle-icon">
975
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1107
+ <svg
1108
+ class="pf-v6-svg"
1109
+ viewBox="0 0 20 20"
1110
+ fill="currentColor"
1111
+ aria-hidden="true"
1112
+ role="img"
1113
+ width="1em"
1114
+ height="1em"
1115
+ >
1116
+ <path
1117
+ 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"
1118
+ />
1119
+ </svg>
976
1120
  </div>
977
1121
  </span>
978
1122
  </button>
@@ -1328,7 +1472,19 @@ When a list item includes more than one block of content, it can be difficult fo
1328
1472
  >
1329
1473
  <span class="pf-v6-c-button__icon pf-m-start">
1330
1474
  <div class="pf-v6-c-data-list__toggle-icon">
1331
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1475
+ <svg
1476
+ class="pf-v6-svg"
1477
+ viewBox="0 0 20 20"
1478
+ fill="currentColor"
1479
+ aria-hidden="true"
1480
+ role="img"
1481
+ width="1em"
1482
+ height="1em"
1483
+ >
1484
+ <path
1485
+ 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"
1486
+ />
1487
+ </svg>
1332
1488
  </div>
1333
1489
  </span>
1334
1490
  </button>
@@ -1568,7 +1724,19 @@ When a list item includes more than one block of content, it can be difficult fo
1568
1724
  >
1569
1725
  <span class="pf-v6-c-button__icon pf-m-start">
1570
1726
  <div class="pf-v6-c-data-list__toggle-icon">
1571
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1727
+ <svg
1728
+ class="pf-v6-svg"
1729
+ viewBox="0 0 20 20"
1730
+ fill="currentColor"
1731
+ aria-hidden="true"
1732
+ role="img"
1733
+ width="1em"
1734
+ height="1em"
1735
+ >
1736
+ <path
1737
+ 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"
1738
+ />
1739
+ </svg>
1572
1740
  </div>
1573
1741
  </span>
1574
1742
  </button>
@@ -1608,7 +1776,19 @@ When a list item includes more than one block of content, it can be difficult fo
1608
1776
  >
1609
1777
  <span class="pf-v6-c-button__icon pf-m-start">
1610
1778
  <div class="pf-v6-c-data-list__toggle-icon">
1611
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1779
+ <svg
1780
+ class="pf-v6-svg"
1781
+ viewBox="0 0 20 20"
1782
+ fill="currentColor"
1783
+ aria-hidden="true"
1784
+ role="img"
1785
+ width="1em"
1786
+ height="1em"
1787
+ >
1788
+ <path
1789
+ 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"
1790
+ />
1791
+ </svg>
1612
1792
  </div>
1613
1793
  </span>
1614
1794
  </button>
@@ -1649,7 +1829,19 @@ When a list item includes more than one block of content, it can be difficult fo
1649
1829
  >
1650
1830
  <span class="pf-v6-c-button__icon pf-m-start">
1651
1831
  <div class="pf-v6-c-data-list__toggle-icon">
1652
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1832
+ <svg
1833
+ class="pf-v6-svg"
1834
+ viewBox="0 0 20 20"
1835
+ fill="currentColor"
1836
+ aria-hidden="true"
1837
+ role="img"
1838
+ width="1em"
1839
+ height="1em"
1840
+ >
1841
+ <path
1842
+ 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"
1843
+ />
1844
+ </svg>
1653
1845
  </div>
1654
1846
  </span>
1655
1847
  </button>
@@ -1689,7 +1881,19 @@ When a list item includes more than one block of content, it can be difficult fo
1689
1881
  >
1690
1882
  <span class="pf-v6-c-button__icon pf-m-start">
1691
1883
  <div class="pf-v6-c-data-list__toggle-icon">
1692
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1884
+ <svg
1885
+ class="pf-v6-svg"
1886
+ viewBox="0 0 20 20"
1887
+ fill="currentColor"
1888
+ aria-hidden="true"
1889
+ role="img"
1890
+ width="1em"
1891
+ height="1em"
1892
+ >
1893
+ <path
1894
+ 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"
1895
+ />
1896
+ </svg>
1693
1897
  </div>
1694
1898
  </span>
1695
1899
  </button>