@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
@@ -25,7 +25,19 @@ cssPrefix: pf-v6-c-tree-view
25
25
  <span class="pf-v6-c-tree-view__node-container">
26
26
  <span class="pf-v6-c-tree-view__node-toggle">
27
27
  <span class="pf-v6-c-tree-view__node-toggle-icon">
28
- <i class="fas fa-angle-right" aria-hidden="true"></i>
28
+ <svg
29
+ class="pf-v6-svg"
30
+ viewBox="0 0 20 20"
31
+ fill="currentColor"
32
+ aria-hidden="true"
33
+ role="img"
34
+ width="1em"
35
+ height="1em"
36
+ >
37
+ <path
38
+ 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"
39
+ />
40
+ </svg>
29
41
  </span>
30
42
  </span>
31
43
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -45,7 +57,19 @@ cssPrefix: pf-v6-c-tree-view
45
57
  <span class="pf-v6-c-tree-view__node-container">
46
58
  <span class="pf-v6-c-tree-view__node-toggle">
47
59
  <span class="pf-v6-c-tree-view__node-toggle-icon">
48
- <i class="fas fa-angle-right" aria-hidden="true"></i>
60
+ <svg
61
+ class="pf-v6-svg"
62
+ viewBox="0 0 20 20"
63
+ fill="currentColor"
64
+ aria-hidden="true"
65
+ role="img"
66
+ width="1em"
67
+ height="1em"
68
+ >
69
+ <path
70
+ 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"
71
+ />
72
+ </svg>
49
73
  </span>
50
74
  </span>
51
75
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -93,7 +117,19 @@ cssPrefix: pf-v6-c-tree-view
93
117
  <span class="pf-v6-c-tree-view__node-container">
94
118
  <span class="pf-v6-c-tree-view__node-toggle">
95
119
  <span class="pf-v6-c-tree-view__node-toggle-icon">
96
- <i class="fas fa-angle-right" aria-hidden="true"></i>
120
+ <svg
121
+ class="pf-v6-svg"
122
+ viewBox="0 0 20 20"
123
+ fill="currentColor"
124
+ aria-hidden="true"
125
+ role="img"
126
+ width="1em"
127
+ height="1em"
128
+ >
129
+ <path
130
+ 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"
131
+ />
132
+ </svg>
97
133
  </span>
98
134
  </span>
99
135
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -115,7 +151,19 @@ cssPrefix: pf-v6-c-tree-view
115
151
  <span class="pf-v6-c-tree-view__node-container">
116
152
  <span class="pf-v6-c-tree-view__node-toggle pf-m-disabled">
117
153
  <span class="pf-v6-c-tree-view__node-toggle-icon">
118
- <i class="fas fa-angle-right" aria-hidden="true"></i>
154
+ <svg
155
+ class="pf-v6-svg"
156
+ viewBox="0 0 20 20"
157
+ fill="currentColor"
158
+ aria-hidden="true"
159
+ role="img"
160
+ width="1em"
161
+ height="1em"
162
+ >
163
+ <path
164
+ 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"
165
+ />
166
+ </svg>
119
167
  </span>
120
168
  </span>
121
169
  <span
@@ -151,7 +199,19 @@ cssPrefix: pf-v6-c-tree-view
151
199
  <span class="pf-v6-c-tree-view__node-container">
152
200
  <span class="pf-v6-c-tree-view__node-toggle">
153
201
  <span class="pf-v6-c-tree-view__node-toggle-icon">
154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
202
+ <svg
203
+ class="pf-v6-svg"
204
+ viewBox="0 0 20 20"
205
+ fill="currentColor"
206
+ aria-hidden="true"
207
+ role="img"
208
+ width="1em"
209
+ height="1em"
210
+ >
211
+ <path
212
+ 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"
213
+ />
214
+ </svg>
155
215
  </span>
156
216
  </span>
157
217
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -171,7 +231,19 @@ cssPrefix: pf-v6-c-tree-view
171
231
  <span class="pf-v6-c-tree-view__node-container">
172
232
  <span class="pf-v6-c-tree-view__node-toggle">
173
233
  <span class="pf-v6-c-tree-view__node-toggle-icon">
174
- <i class="fas fa-angle-right" aria-hidden="true"></i>
234
+ <svg
235
+ class="pf-v6-svg"
236
+ viewBox="0 0 20 20"
237
+ fill="currentColor"
238
+ aria-hidden="true"
239
+ role="img"
240
+ width="1em"
241
+ height="1em"
242
+ >
243
+ <path
244
+ 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"
245
+ />
246
+ </svg>
175
247
  </span>
176
248
  </span>
177
249
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -191,7 +263,19 @@ cssPrefix: pf-v6-c-tree-view
191
263
  <span class="pf-v6-c-tree-view__node-container">
192
264
  <span class="pf-v6-c-tree-view__node-toggle">
193
265
  <span class="pf-v6-c-tree-view__node-toggle-icon">
194
- <i class="fas fa-angle-right" aria-hidden="true"></i>
266
+ <svg
267
+ class="pf-v6-svg"
268
+ viewBox="0 0 20 20"
269
+ fill="currentColor"
270
+ aria-hidden="true"
271
+ role="img"
272
+ width="1em"
273
+ height="1em"
274
+ >
275
+ <path
276
+ 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"
277
+ />
278
+ </svg>
195
279
  </span>
196
280
  </span>
197
281
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -245,7 +329,19 @@ cssPrefix: pf-v6-c-tree-view
245
329
  <span class="pf-v6-c-tree-view__node-container">
246
330
  <span class="pf-v6-c-tree-view__node-toggle">
247
331
  <span class="pf-v6-c-tree-view__node-toggle-icon">
248
- <i class="fas fa-angle-right" aria-hidden="true"></i>
332
+ <svg
333
+ class="pf-v6-svg"
334
+ viewBox="0 0 20 20"
335
+ fill="currentColor"
336
+ aria-hidden="true"
337
+ role="img"
338
+ width="1em"
339
+ height="1em"
340
+ >
341
+ <path
342
+ 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"
343
+ />
344
+ </svg>
249
345
  </span>
250
346
  </span>
251
347
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -265,7 +361,19 @@ cssPrefix: pf-v6-c-tree-view
265
361
  <span class="pf-v6-c-tree-view__node-container">
266
362
  <span class="pf-v6-c-tree-view__node-toggle">
267
363
  <span class="pf-v6-c-tree-view__node-toggle-icon">
268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
364
+ <svg
365
+ class="pf-v6-svg"
366
+ viewBox="0 0 20 20"
367
+ fill="currentColor"
368
+ aria-hidden="true"
369
+ role="img"
370
+ width="1em"
371
+ height="1em"
372
+ >
373
+ <path
374
+ 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"
375
+ />
376
+ </svg>
269
377
  </span>
270
378
  </span>
271
379
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -285,7 +393,19 @@ cssPrefix: pf-v6-c-tree-view
285
393
  <span class="pf-v6-c-tree-view__node-container">
286
394
  <span class="pf-v6-c-tree-view__node-toggle">
287
395
  <span class="pf-v6-c-tree-view__node-toggle-icon">
288
- <i class="fas fa-angle-right" aria-hidden="true"></i>
396
+ <svg
397
+ class="pf-v6-svg"
398
+ viewBox="0 0 20 20"
399
+ fill="currentColor"
400
+ aria-hidden="true"
401
+ role="img"
402
+ width="1em"
403
+ height="1em"
404
+ >
405
+ <path
406
+ 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"
407
+ />
408
+ </svg>
289
409
  </span>
290
410
  </span>
291
411
  <span
@@ -324,7 +444,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
324
444
  <span class="pf-v6-c-tree-view__node-container">
325
445
  <span class="pf-v6-c-tree-view__node-toggle">
326
446
  <span class="pf-v6-c-tree-view__node-toggle-icon">
327
- <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>
328
460
  </span>
329
461
  </span>
330
462
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -344,7 +476,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
344
476
  <span class="pf-v6-c-tree-view__node-container">
345
477
  <span class="pf-v6-c-tree-view__node-toggle">
346
478
  <span class="pf-v6-c-tree-view__node-toggle-icon">
347
- <i class="fas fa-angle-right" aria-hidden="true"></i>
479
+ <svg
480
+ class="pf-v6-svg"
481
+ viewBox="0 0 20 20"
482
+ fill="currentColor"
483
+ aria-hidden="true"
484
+ role="img"
485
+ width="1em"
486
+ height="1em"
487
+ >
488
+ <path
489
+ 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"
490
+ />
491
+ </svg>
348
492
  </span>
349
493
  </span>
350
494
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -392,7 +536,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
392
536
  <span class="pf-v6-c-tree-view__node-container">
393
537
  <span class="pf-v6-c-tree-view__node-toggle">
394
538
  <span class="pf-v6-c-tree-view__node-toggle-icon">
395
- <i class="fas fa-angle-right" aria-hidden="true"></i>
539
+ <svg
540
+ class="pf-v6-svg"
541
+ viewBox="0 0 20 20"
542
+ fill="currentColor"
543
+ aria-hidden="true"
544
+ role="img"
545
+ width="1em"
546
+ height="1em"
547
+ >
548
+ <path
549
+ 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"
550
+ />
551
+ </svg>
396
552
  </span>
397
553
  </span>
398
554
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -414,7 +570,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
414
570
  <span class="pf-v6-c-tree-view__node-container">
415
571
  <span class="pf-v6-c-tree-view__node-toggle">
416
572
  <span class="pf-v6-c-tree-view__node-toggle-icon">
417
- <i class="fas fa-angle-right" aria-hidden="true"></i>
573
+ <svg
574
+ class="pf-v6-svg"
575
+ viewBox="0 0 20 20"
576
+ fill="currentColor"
577
+ aria-hidden="true"
578
+ role="img"
579
+ width="1em"
580
+ height="1em"
581
+ >
582
+ <path
583
+ 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"
584
+ />
585
+ </svg>
418
586
  </span>
419
587
  </span>
420
588
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -448,7 +616,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
448
616
  <span class="pf-v6-c-tree-view__node-container">
449
617
  <span class="pf-v6-c-tree-view__node-toggle">
450
618
  <span class="pf-v6-c-tree-view__node-toggle-icon">
451
- <i class="fas fa-angle-right" aria-hidden="true"></i>
619
+ <svg
620
+ class="pf-v6-svg"
621
+ viewBox="0 0 20 20"
622
+ fill="currentColor"
623
+ aria-hidden="true"
624
+ role="img"
625
+ width="1em"
626
+ height="1em"
627
+ >
628
+ <path
629
+ 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"
630
+ />
631
+ </svg>
452
632
  </span>
453
633
  </span>
454
634
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -468,7 +648,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
468
648
  <span class="pf-v6-c-tree-view__node-container">
469
649
  <span class="pf-v6-c-tree-view__node-toggle">
470
650
  <span class="pf-v6-c-tree-view__node-toggle-icon">
471
- <i class="fas fa-angle-right" aria-hidden="true"></i>
651
+ <svg
652
+ class="pf-v6-svg"
653
+ viewBox="0 0 20 20"
654
+ fill="currentColor"
655
+ aria-hidden="true"
656
+ role="img"
657
+ width="1em"
658
+ height="1em"
659
+ >
660
+ <path
661
+ 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"
662
+ />
663
+ </svg>
472
664
  </span>
473
665
  </span>
474
666
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -488,7 +680,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
488
680
  <span class="pf-v6-c-tree-view__node-container">
489
681
  <span class="pf-v6-c-tree-view__node-toggle">
490
682
  <span class="pf-v6-c-tree-view__node-toggle-icon">
491
- <i class="fas fa-angle-right" aria-hidden="true"></i>
683
+ <svg
684
+ class="pf-v6-svg"
685
+ viewBox="0 0 20 20"
686
+ fill="currentColor"
687
+ aria-hidden="true"
688
+ role="img"
689
+ width="1em"
690
+ height="1em"
691
+ >
692
+ <path
693
+ 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"
694
+ />
695
+ </svg>
492
696
  </span>
493
697
  </span>
494
698
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -542,7 +746,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
542
746
  <span class="pf-v6-c-tree-view__node-container">
543
747
  <span class="pf-v6-c-tree-view__node-toggle">
544
748
  <span class="pf-v6-c-tree-view__node-toggle-icon">
545
- <i class="fas fa-angle-right" aria-hidden="true"></i>
749
+ <svg
750
+ class="pf-v6-svg"
751
+ viewBox="0 0 20 20"
752
+ fill="currentColor"
753
+ aria-hidden="true"
754
+ role="img"
755
+ width="1em"
756
+ height="1em"
757
+ >
758
+ <path
759
+ 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"
760
+ />
761
+ </svg>
546
762
  </span>
547
763
  </span>
548
764
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -562,7 +778,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
562
778
  <span class="pf-v6-c-tree-view__node-container">
563
779
  <span class="pf-v6-c-tree-view__node-toggle">
564
780
  <span class="pf-v6-c-tree-view__node-toggle-icon">
565
- <i class="fas fa-angle-right" aria-hidden="true"></i>
781
+ <svg
782
+ class="pf-v6-svg"
783
+ viewBox="0 0 20 20"
784
+ fill="currentColor"
785
+ aria-hidden="true"
786
+ role="img"
787
+ width="1em"
788
+ height="1em"
789
+ >
790
+ <path
791
+ 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"
792
+ />
793
+ </svg>
566
794
  </span>
567
795
  </span>
568
796
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -582,7 +810,19 @@ A tree view can be setup to allow multiple nodes to be selected. When a tree vie
582
810
  <span class="pf-v6-c-tree-view__node-container">
583
811
  <span class="pf-v6-c-tree-view__node-toggle">
584
812
  <span class="pf-v6-c-tree-view__node-toggle-icon">
585
- <i class="fas fa-angle-right" aria-hidden="true"></i>
813
+ <svg
814
+ class="pf-v6-svg"
815
+ viewBox="0 0 20 20"
816
+ fill="currentColor"
817
+ aria-hidden="true"
818
+ role="img"
819
+ width="1em"
820
+ height="1em"
821
+ >
822
+ <path
823
+ 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"
824
+ />
825
+ </svg>
586
826
  </span>
587
827
  </span>
588
828
  <span
@@ -639,7 +879,19 @@ A search input can be used to filter tree view items. It is recommended that a t
639
879
  <span class="pf-v6-c-tree-view__node-container">
640
880
  <span class="pf-v6-c-tree-view__node-toggle">
641
881
  <span class="pf-v6-c-tree-view__node-toggle-icon">
642
- <i class="fas fa-angle-right" aria-hidden="true"></i>
882
+ <svg
883
+ class="pf-v6-svg"
884
+ viewBox="0 0 20 20"
885
+ fill="currentColor"
886
+ aria-hidden="true"
887
+ role="img"
888
+ width="1em"
889
+ height="1em"
890
+ >
891
+ <path
892
+ 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"
893
+ />
894
+ </svg>
643
895
  </span>
644
896
  </span>
645
897
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -659,7 +911,19 @@ A search input can be used to filter tree view items. It is recommended that a t
659
911
  <span class="pf-v6-c-tree-view__node-container">
660
912
  <span class="pf-v6-c-tree-view__node-toggle">
661
913
  <span class="pf-v6-c-tree-view__node-toggle-icon">
662
- <i class="fas fa-angle-right" aria-hidden="true"></i>
914
+ <svg
915
+ class="pf-v6-svg"
916
+ viewBox="0 0 20 20"
917
+ fill="currentColor"
918
+ aria-hidden="true"
919
+ role="img"
920
+ width="1em"
921
+ height="1em"
922
+ >
923
+ <path
924
+ 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"
925
+ />
926
+ </svg>
663
927
  </span>
664
928
  </span>
665
929
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -709,7 +973,19 @@ A search input can be used to filter tree view items. It is recommended that a t
709
973
  <span class="pf-v6-c-tree-view__node-container">
710
974
  <span class="pf-v6-c-tree-view__node-toggle">
711
975
  <span class="pf-v6-c-tree-view__node-toggle-icon">
712
- <i class="fas fa-angle-right" aria-hidden="true"></i>
976
+ <svg
977
+ class="pf-v6-svg"
978
+ viewBox="0 0 20 20"
979
+ fill="currentColor"
980
+ aria-hidden="true"
981
+ role="img"
982
+ width="1em"
983
+ height="1em"
984
+ >
985
+ <path
986
+ 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"
987
+ />
988
+ </svg>
713
989
  </span>
714
990
  </span>
715
991
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -729,7 +1005,19 @@ A search input can be used to filter tree view items. It is recommended that a t
729
1005
  <span class="pf-v6-c-tree-view__node-container">
730
1006
  <span class="pf-v6-c-tree-view__node-toggle">
731
1007
  <span class="pf-v6-c-tree-view__node-toggle-icon">
732
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1008
+ <svg
1009
+ class="pf-v6-svg"
1010
+ viewBox="0 0 20 20"
1011
+ fill="currentColor"
1012
+ aria-hidden="true"
1013
+ role="img"
1014
+ width="1em"
1015
+ height="1em"
1016
+ >
1017
+ <path
1018
+ 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"
1019
+ />
1020
+ </svg>
733
1021
  </span>
734
1022
  </span>
735
1023
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -749,7 +1037,19 @@ A search input can be used to filter tree view items. It is recommended that a t
749
1037
  <span class="pf-v6-c-tree-view__node-container">
750
1038
  <span class="pf-v6-c-tree-view__node-toggle">
751
1039
  <span class="pf-v6-c-tree-view__node-toggle-icon">
752
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1040
+ <svg
1041
+ class="pf-v6-svg"
1042
+ viewBox="0 0 20 20"
1043
+ fill="currentColor"
1044
+ aria-hidden="true"
1045
+ role="img"
1046
+ width="1em"
1047
+ height="1em"
1048
+ >
1049
+ <path
1050
+ 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"
1051
+ />
1052
+ </svg>
753
1053
  </span>
754
1054
  </span>
755
1055
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -769,7 +1069,19 @@ A search input can be used to filter tree view items. It is recommended that a t
769
1069
  <span class="pf-v6-c-tree-view__node-container">
770
1070
  <span class="pf-v6-c-tree-view__node-toggle">
771
1071
  <span class="pf-v6-c-tree-view__node-toggle-icon">
772
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1072
+ <svg
1073
+ class="pf-v6-svg"
1074
+ viewBox="0 0 20 20"
1075
+ fill="currentColor"
1076
+ aria-hidden="true"
1077
+ role="img"
1078
+ width="1em"
1079
+ height="1em"
1080
+ >
1081
+ <path
1082
+ 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"
1083
+ />
1084
+ </svg>
773
1085
  </span>
774
1086
  </span>
775
1087
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -823,7 +1135,19 @@ A search input can be used to filter tree view items. It is recommended that a t
823
1135
  <span class="pf-v6-c-tree-view__node-container">
824
1136
  <span class="pf-v6-c-tree-view__node-toggle">
825
1137
  <span class="pf-v6-c-tree-view__node-toggle-icon">
826
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1138
+ <svg
1139
+ class="pf-v6-svg"
1140
+ viewBox="0 0 20 20"
1141
+ fill="currentColor"
1142
+ aria-hidden="true"
1143
+ role="img"
1144
+ width="1em"
1145
+ height="1em"
1146
+ >
1147
+ <path
1148
+ 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"
1149
+ />
1150
+ </svg>
827
1151
  </span>
828
1152
  </span>
829
1153
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -843,7 +1167,19 @@ A search input can be used to filter tree view items. It is recommended that a t
843
1167
  <span class="pf-v6-c-tree-view__node-container">
844
1168
  <span class="pf-v6-c-tree-view__node-toggle">
845
1169
  <span class="pf-v6-c-tree-view__node-toggle-icon">
846
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1170
+ <svg
1171
+ class="pf-v6-svg"
1172
+ viewBox="0 0 20 20"
1173
+ fill="currentColor"
1174
+ aria-hidden="true"
1175
+ role="img"
1176
+ width="1em"
1177
+ height="1em"
1178
+ >
1179
+ <path
1180
+ 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"
1181
+ />
1182
+ </svg>
847
1183
  </span>
848
1184
  </span>
849
1185
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -863,7 +1199,19 @@ A search input can be used to filter tree view items. It is recommended that a t
863
1199
  <span class="pf-v6-c-tree-view__node-container">
864
1200
  <span class="pf-v6-c-tree-view__node-toggle">
865
1201
  <span class="pf-v6-c-tree-view__node-toggle-icon">
866
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1202
+ <svg
1203
+ class="pf-v6-svg"
1204
+ viewBox="0 0 20 20"
1205
+ fill="currentColor"
1206
+ aria-hidden="true"
1207
+ role="img"
1208
+ width="1em"
1209
+ height="1em"
1210
+ >
1211
+ <path
1212
+ 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"
1213
+ />
1214
+ </svg>
867
1215
  </span>
868
1216
  </span>
869
1217
  <span
@@ -908,7 +1256,19 @@ A search input can be used to filter tree view items. It is recommended that a t
908
1256
  aria-labelledby="toggle-tree-view-checkboxes-1 text-tree-view-checkboxes-1"
909
1257
  >
910
1258
  <span class="pf-v6-c-tree-view__node-toggle-icon">
911
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1259
+ <svg
1260
+ class="pf-v6-svg"
1261
+ viewBox="0 0 20 20"
1262
+ fill="currentColor"
1263
+ aria-hidden="true"
1264
+ role="img"
1265
+ width="1em"
1266
+ height="1em"
1267
+ >
1268
+ <path
1269
+ d="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"
1270
+ />
1271
+ </svg>
912
1272
  </span>
913
1273
  </button>
914
1274
  <span class="pf-v6-c-tree-view__node-check">
@@ -951,7 +1311,19 @@ A search input can be used to filter tree view items. It is recommended that a t
951
1311
  aria-labelledby="toggle-tree-view-checkboxes-2 text-tree-view-checkboxes-2"
952
1312
  >
953
1313
  <span class="pf-v6-c-tree-view__node-toggle-icon">
954
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1314
+ <svg
1315
+ class="pf-v6-svg"
1316
+ viewBox="0 0 20 20"
1317
+ fill="currentColor"
1318
+ aria-hidden="true"
1319
+ role="img"
1320
+ width="1em"
1321
+ height="1em"
1322
+ >
1323
+ <path
1324
+ 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"
1325
+ />
1326
+ </svg>
955
1327
  </span>
956
1328
  </button>
957
1329
  <span class="pf-v6-c-tree-view__node-check">
@@ -1061,7 +1433,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1061
1433
  aria-labelledby="toggle-tree-view-checkboxes-5 text-tree-view-checkboxes-5"
1062
1434
  >
1063
1435
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1064
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1436
+ <svg
1437
+ class="pf-v6-svg"
1438
+ viewBox="0 0 20 20"
1439
+ fill="currentColor"
1440
+ aria-hidden="true"
1441
+ role="img"
1442
+ width="1em"
1443
+ height="1em"
1444
+ >
1445
+ <path
1446
+ 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"
1447
+ />
1448
+ </svg>
1065
1449
  </span>
1066
1450
  </button>
1067
1451
  <span class="pf-v6-c-tree-view__node-check">
@@ -1107,7 +1491,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1107
1491
  aria-labelledby="toggle-tree-view-checkboxes-6 text-tree-view-checkboxes-6"
1108
1492
  >
1109
1493
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1110
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1494
+ <svg
1495
+ class="pf-v6-svg"
1496
+ viewBox="0 0 20 20"
1497
+ fill="currentColor"
1498
+ aria-hidden="true"
1499
+ role="img"
1500
+ width="1em"
1501
+ height="1em"
1502
+ >
1503
+ <path
1504
+ 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"
1505
+ />
1506
+ </svg>
1111
1507
  </span>
1112
1508
  </button>
1113
1509
  <span class="pf-v6-c-tree-view__node-check">
@@ -1150,7 +1546,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1150
1546
  aria-labelledby="toggle-tree-view-checkboxes-7 text-tree-view-checkboxes-7"
1151
1547
  >
1152
1548
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1153
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1549
+ <svg
1550
+ class="pf-v6-svg"
1551
+ viewBox="0 0 20 20"
1552
+ fill="currentColor"
1553
+ aria-hidden="true"
1554
+ role="img"
1555
+ width="1em"
1556
+ height="1em"
1557
+ >
1558
+ <path
1559
+ 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"
1560
+ />
1561
+ </svg>
1154
1562
  </span>
1155
1563
  </button>
1156
1564
  <span class="pf-v6-c-tree-view__node-check">
@@ -1225,7 +1633,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1225
1633
  aria-labelledby="toggle-tree-view-checkboxes-9 text-tree-view-checkboxes-9"
1226
1634
  >
1227
1635
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1228
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1636
+ <svg
1637
+ class="pf-v6-svg"
1638
+ viewBox="0 0 20 20"
1639
+ fill="currentColor"
1640
+ aria-hidden="true"
1641
+ role="img"
1642
+ width="1em"
1643
+ height="1em"
1644
+ >
1645
+ <path
1646
+ 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"
1647
+ />
1648
+ </svg>
1229
1649
  </span>
1230
1650
  </button>
1231
1651
  <span class="pf-v6-c-tree-view__node-check">
@@ -1268,7 +1688,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1268
1688
  aria-labelledby="toggle-tree-view-checkboxes-10 text-tree-view-checkboxes-10"
1269
1689
  >
1270
1690
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1271
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1691
+ <svg
1692
+ class="pf-v6-svg"
1693
+ viewBox="0 0 20 20"
1694
+ fill="currentColor"
1695
+ aria-hidden="true"
1696
+ role="img"
1697
+ width="1em"
1698
+ height="1em"
1699
+ >
1700
+ <path
1701
+ 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"
1702
+ />
1703
+ </svg>
1272
1704
  </span>
1273
1705
  </button>
1274
1706
  <span class="pf-v6-c-tree-view__node-check">
@@ -1383,7 +1815,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1383
1815
  aria-labelledby="toggle-tree-view-checkboxes-13 text-tree-view-checkboxes-13"
1384
1816
  >
1385
1817
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1386
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1818
+ <svg
1819
+ class="pf-v6-svg"
1820
+ viewBox="0 0 20 20"
1821
+ fill="currentColor"
1822
+ aria-hidden="true"
1823
+ role="img"
1824
+ width="1em"
1825
+ height="1em"
1826
+ >
1827
+ <path
1828
+ 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"
1829
+ />
1830
+ </svg>
1387
1831
  </span>
1388
1832
  </button>
1389
1833
  <span class="pf-v6-c-tree-view__node-check">
@@ -1426,7 +1870,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1426
1870
  aria-labelledby="toggle-tree-view-checkboxes-14 text-tree-view-checkboxes-14"
1427
1871
  >
1428
1872
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1429
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1873
+ <svg
1874
+ class="pf-v6-svg"
1875
+ viewBox="0 0 20 20"
1876
+ fill="currentColor"
1877
+ aria-hidden="true"
1878
+ role="img"
1879
+ width="1em"
1880
+ height="1em"
1881
+ >
1882
+ <path
1883
+ 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"
1884
+ />
1885
+ </svg>
1430
1886
  </span>
1431
1887
  </button>
1432
1888
  <span class="pf-v6-c-tree-view__node-check">
@@ -1469,7 +1925,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1469
1925
  aria-labelledby="toggle-tree-view-checkboxes-15 text-tree-view-checkboxes-15"
1470
1926
  >
1471
1927
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1472
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1928
+ <svg
1929
+ class="pf-v6-svg"
1930
+ viewBox="0 0 20 20"
1931
+ fill="currentColor"
1932
+ aria-hidden="true"
1933
+ role="img"
1934
+ width="1em"
1935
+ height="1em"
1936
+ >
1937
+ <path
1938
+ 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"
1939
+ />
1940
+ </svg>
1473
1941
  </span>
1474
1942
  </button>
1475
1943
  <span class="pf-v6-c-tree-view__node-check">
@@ -1518,7 +1986,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1518
1986
  <span class="pf-v6-c-tree-view__node-container">
1519
1987
  <span class="pf-v6-c-tree-view__node-toggle">
1520
1988
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1521
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1989
+ <svg
1990
+ class="pf-v6-svg"
1991
+ viewBox="0 0 20 20"
1992
+ fill="currentColor"
1993
+ aria-hidden="true"
1994
+ role="img"
1995
+ width="1em"
1996
+ height="1em"
1997
+ >
1998
+ <path
1999
+ 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"
2000
+ />
2001
+ </svg>
1522
2002
  </span>
1523
2003
  </span>
1524
2004
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1541,7 +2021,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1541
2021
  <span class="pf-v6-c-tree-view__node-container">
1542
2022
  <span class="pf-v6-c-tree-view__node-toggle">
1543
2023
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1544
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2024
+ <svg
2025
+ class="pf-v6-svg"
2026
+ viewBox="0 0 20 20"
2027
+ fill="currentColor"
2028
+ aria-hidden="true"
2029
+ role="img"
2030
+ width="1em"
2031
+ height="1em"
2032
+ >
2033
+ <path
2034
+ 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"
2035
+ />
2036
+ </svg>
1545
2037
  </span>
1546
2038
  </span>
1547
2039
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1600,7 +2092,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1600
2092
  <span class="pf-v6-c-tree-view__node-container">
1601
2093
  <span class="pf-v6-c-tree-view__node-toggle pf-m-disabled">
1602
2094
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1603
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2095
+ <svg
2096
+ class="pf-v6-svg"
2097
+ viewBox="0 0 20 20"
2098
+ fill="currentColor"
2099
+ aria-hidden="true"
2100
+ role="img"
2101
+ width="1em"
2102
+ height="1em"
2103
+ >
2104
+ <path
2105
+ 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"
2106
+ />
2107
+ </svg>
1604
2108
  </span>
1605
2109
  </span>
1606
2110
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1625,7 +2129,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1625
2129
  <span class="pf-v6-c-tree-view__node-container">
1626
2130
  <span class="pf-v6-c-tree-view__node-toggle">
1627
2131
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1628
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2132
+ <svg
2133
+ class="pf-v6-svg"
2134
+ viewBox="0 0 20 20"
2135
+ fill="currentColor"
2136
+ aria-hidden="true"
2137
+ role="img"
2138
+ width="1em"
2139
+ height="1em"
2140
+ >
2141
+ <path
2142
+ 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"
2143
+ />
2144
+ </svg>
1629
2145
  </span>
1630
2146
  </span>
1631
2147
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1648,7 +2164,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1648
2164
  <span class="pf-v6-c-tree-view__node-container">
1649
2165
  <span class="pf-v6-c-tree-view__node-toggle">
1650
2166
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1651
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2167
+ <svg
2168
+ class="pf-v6-svg"
2169
+ viewBox="0 0 20 20"
2170
+ fill="currentColor"
2171
+ aria-hidden="true"
2172
+ role="img"
2173
+ width="1em"
2174
+ height="1em"
2175
+ >
2176
+ <path
2177
+ 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"
2178
+ />
2179
+ </svg>
1652
2180
  </span>
1653
2181
  </span>
1654
2182
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1671,7 +2199,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1671
2199
  <span class="pf-v6-c-tree-view__node-container">
1672
2200
  <span class="pf-v6-c-tree-view__node-toggle">
1673
2201
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1674
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2202
+ <svg
2203
+ class="pf-v6-svg"
2204
+ viewBox="0 0 20 20"
2205
+ fill="currentColor"
2206
+ aria-hidden="true"
2207
+ role="img"
2208
+ width="1em"
2209
+ height="1em"
2210
+ >
2211
+ <path
2212
+ 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"
2213
+ />
2214
+ </svg>
1675
2215
  </span>
1676
2216
  </span>
1677
2217
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1734,7 +2274,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1734
2274
  <span class="pf-v6-c-tree-view__node-container">
1735
2275
  <span class="pf-v6-c-tree-view__node-toggle">
1736
2276
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1737
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2277
+ <svg
2278
+ class="pf-v6-svg"
2279
+ viewBox="0 0 20 20"
2280
+ fill="currentColor"
2281
+ aria-hidden="true"
2282
+ role="img"
2283
+ width="1em"
2284
+ height="1em"
2285
+ >
2286
+ <path
2287
+ 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"
2288
+ />
2289
+ </svg>
1738
2290
  </span>
1739
2291
  </span>
1740
2292
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1757,7 +2309,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1757
2309
  <span class="pf-v6-c-tree-view__node-container">
1758
2310
  <span class="pf-v6-c-tree-view__node-toggle">
1759
2311
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1760
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2312
+ <svg
2313
+ class="pf-v6-svg"
2314
+ viewBox="0 0 20 20"
2315
+ fill="currentColor"
2316
+ aria-hidden="true"
2317
+ role="img"
2318
+ width="1em"
2319
+ height="1em"
2320
+ >
2321
+ <path
2322
+ 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"
2323
+ />
2324
+ </svg>
1761
2325
  </span>
1762
2326
  </span>
1763
2327
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1780,7 +2344,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1780
2344
  <span class="pf-v6-c-tree-view__node-container">
1781
2345
  <span class="pf-v6-c-tree-view__node-toggle">
1782
2346
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1783
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2347
+ <svg
2348
+ class="pf-v6-svg"
2349
+ viewBox="0 0 20 20"
2350
+ fill="currentColor"
2351
+ aria-hidden="true"
2352
+ role="img"
2353
+ width="1em"
2354
+ height="1em"
2355
+ >
2356
+ <path
2357
+ 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"
2358
+ />
2359
+ </svg>
1784
2360
  </span>
1785
2361
  </span>
1786
2362
  <span class="pf-v6-c-tree-view__node-icon">
@@ -1819,7 +2395,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1819
2395
  <span class="pf-v6-c-tree-view__node-container">
1820
2396
  <span class="pf-v6-c-tree-view__node-toggle">
1821
2397
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1822
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2398
+ <svg
2399
+ class="pf-v6-svg"
2400
+ viewBox="0 0 20 20"
2401
+ fill="currentColor"
2402
+ aria-hidden="true"
2403
+ role="img"
2404
+ width="1em"
2405
+ height="1em"
2406
+ >
2407
+ <path
2408
+ 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"
2409
+ />
2410
+ </svg>
1823
2411
  </span>
1824
2412
  </span>
1825
2413
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -1842,7 +2430,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1842
2430
  <span class="pf-v6-c-tree-view__node-container">
1843
2431
  <span class="pf-v6-c-tree-view__node-toggle">
1844
2432
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1845
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2433
+ <svg
2434
+ class="pf-v6-svg"
2435
+ viewBox="0 0 20 20"
2436
+ fill="currentColor"
2437
+ aria-hidden="true"
2438
+ role="img"
2439
+ width="1em"
2440
+ height="1em"
2441
+ >
2442
+ <path
2443
+ 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"
2444
+ />
2445
+ </svg>
1846
2446
  </span>
1847
2447
  </span>
1848
2448
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -1895,7 +2495,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1895
2495
  <span class="pf-v6-c-tree-view__node-container">
1896
2496
  <span class="pf-v6-c-tree-view__node-toggle">
1897
2497
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1898
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2498
+ <svg
2499
+ class="pf-v6-svg"
2500
+ viewBox="0 0 20 20"
2501
+ fill="currentColor"
2502
+ aria-hidden="true"
2503
+ role="img"
2504
+ width="1em"
2505
+ height="1em"
2506
+ >
2507
+ <path
2508
+ 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"
2509
+ />
2510
+ </svg>
1899
2511
  </span>
1900
2512
  </span>
1901
2513
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -1918,7 +2530,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1918
2530
  <span class="pf-v6-c-tree-view__node-container">
1919
2531
  <span class="pf-v6-c-tree-view__node-toggle">
1920
2532
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1921
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2533
+ <svg
2534
+ class="pf-v6-svg"
2535
+ viewBox="0 0 20 20"
2536
+ fill="currentColor"
2537
+ aria-hidden="true"
2538
+ role="img"
2539
+ width="1em"
2540
+ height="1em"
2541
+ >
2542
+ <path
2543
+ 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"
2544
+ />
2545
+ </svg>
1922
2546
  </span>
1923
2547
  </span>
1924
2548
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -1941,7 +2565,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1941
2565
  <span class="pf-v6-c-tree-view__node-container">
1942
2566
  <span class="pf-v6-c-tree-view__node-toggle">
1943
2567
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1944
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2568
+ <svg
2569
+ class="pf-v6-svg"
2570
+ viewBox="0 0 20 20"
2571
+ fill="currentColor"
2572
+ aria-hidden="true"
2573
+ role="img"
2574
+ width="1em"
2575
+ height="1em"
2576
+ >
2577
+ <path
2578
+ 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"
2579
+ />
2580
+ </svg>
1945
2581
  </span>
1946
2582
  </span>
1947
2583
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -1964,7 +2600,19 @@ A search input can be used to filter tree view items. It is recommended that a t
1964
2600
  <span class="pf-v6-c-tree-view__node-container">
1965
2601
  <span class="pf-v6-c-tree-view__node-toggle">
1966
2602
  <span class="pf-v6-c-tree-view__node-toggle-icon">
1967
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2603
+ <svg
2604
+ class="pf-v6-svg"
2605
+ viewBox="0 0 20 20"
2606
+ fill="currentColor"
2607
+ aria-hidden="true"
2608
+ role="img"
2609
+ width="1em"
2610
+ height="1em"
2611
+ >
2612
+ <path
2613
+ 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"
2614
+ />
2615
+ </svg>
1968
2616
  </span>
1969
2617
  </span>
1970
2618
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -2021,7 +2669,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2021
2669
  <span class="pf-v6-c-tree-view__node-container">
2022
2670
  <span class="pf-v6-c-tree-view__node-toggle">
2023
2671
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2024
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2672
+ <svg
2673
+ class="pf-v6-svg"
2674
+ viewBox="0 0 20 20"
2675
+ fill="currentColor"
2676
+ aria-hidden="true"
2677
+ role="img"
2678
+ width="1em"
2679
+ height="1em"
2680
+ >
2681
+ <path
2682
+ 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"
2683
+ />
2684
+ </svg>
2025
2685
  </span>
2026
2686
  </span>
2027
2687
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -2044,7 +2704,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2044
2704
  <span class="pf-v6-c-tree-view__node-container">
2045
2705
  <span class="pf-v6-c-tree-view__node-toggle">
2046
2706
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2047
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2707
+ <svg
2708
+ class="pf-v6-svg"
2709
+ viewBox="0 0 20 20"
2710
+ fill="currentColor"
2711
+ aria-hidden="true"
2712
+ role="img"
2713
+ width="1em"
2714
+ height="1em"
2715
+ >
2716
+ <path
2717
+ 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"
2718
+ />
2719
+ </svg>
2048
2720
  </span>
2049
2721
  </span>
2050
2722
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -2067,7 +2739,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2067
2739
  <span class="pf-v6-c-tree-view__node-container">
2068
2740
  <span class="pf-v6-c-tree-view__node-toggle">
2069
2741
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2070
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2742
+ <svg
2743
+ class="pf-v6-svg"
2744
+ viewBox="0 0 20 20"
2745
+ fill="currentColor"
2746
+ aria-hidden="true"
2747
+ role="img"
2748
+ width="1em"
2749
+ height="1em"
2750
+ >
2751
+ <path
2752
+ 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"
2753
+ />
2754
+ </svg>
2071
2755
  </span>
2072
2756
  </span>
2073
2757
  <span
@@ -2106,7 +2790,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2106
2790
  <span class="pf-v6-c-tree-view__node-container">
2107
2791
  <span class="pf-v6-c-tree-view__node-toggle">
2108
2792
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2109
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2793
+ <svg
2794
+ class="pf-v6-svg"
2795
+ viewBox="0 0 20 20"
2796
+ fill="currentColor"
2797
+ aria-hidden="true"
2798
+ role="img"
2799
+ width="1em"
2800
+ height="1em"
2801
+ >
2802
+ <path
2803
+ 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"
2804
+ />
2805
+ </svg>
2110
2806
  </span>
2111
2807
  </span>
2112
2808
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -2151,7 +2847,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2151
2847
  <span class="pf-v6-c-tree-view__node-container">
2152
2848
  <span class="pf-v6-c-tree-view__node-toggle">
2153
2849
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2850
+ <svg
2851
+ class="pf-v6-svg"
2852
+ viewBox="0 0 20 20"
2853
+ fill="currentColor"
2854
+ aria-hidden="true"
2855
+ role="img"
2856
+ width="1em"
2857
+ height="1em"
2858
+ >
2859
+ <path
2860
+ 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"
2861
+ />
2862
+ </svg>
2155
2863
  </span>
2156
2864
  </span>
2157
2865
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -2226,7 +2934,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2226
2934
  <span class="pf-v6-c-tree-view__node-container">
2227
2935
  <span class="pf-v6-c-tree-view__node-toggle">
2228
2936
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2229
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2937
+ <svg
2938
+ class="pf-v6-svg"
2939
+ viewBox="0 0 20 20"
2940
+ fill="currentColor"
2941
+ aria-hidden="true"
2942
+ role="img"
2943
+ width="1em"
2944
+ height="1em"
2945
+ >
2946
+ <path
2947
+ 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"
2948
+ />
2949
+ </svg>
2230
2950
  </span>
2231
2951
  </span>
2232
2952
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -2271,7 +2991,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2271
2991
  <span class="pf-v6-c-tree-view__node-container">
2272
2992
  <span class="pf-v6-c-tree-view__node-toggle">
2273
2993
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2274
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2994
+ <svg
2995
+ class="pf-v6-svg"
2996
+ viewBox="0 0 20 20"
2997
+ fill="currentColor"
2998
+ aria-hidden="true"
2999
+ role="img"
3000
+ width="1em"
3001
+ height="1em"
3002
+ >
3003
+ <path
3004
+ 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"
3005
+ />
3006
+ </svg>
2275
3007
  </span>
2276
3008
  </span>
2277
3009
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -2291,7 +3023,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2291
3023
  <span class="pf-v6-c-tree-view__node-container">
2292
3024
  <span class="pf-v6-c-tree-view__node-toggle">
2293
3025
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2294
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3026
+ <svg
3027
+ class="pf-v6-svg"
3028
+ viewBox="0 0 20 20"
3029
+ fill="currentColor"
3030
+ aria-hidden="true"
3031
+ role="img"
3032
+ width="1em"
3033
+ height="1em"
3034
+ >
3035
+ <path
3036
+ 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"
3037
+ />
3038
+ </svg>
2295
3039
  </span>
2296
3040
  </span>
2297
3041
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -2311,7 +3055,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2311
3055
  <span class="pf-v6-c-tree-view__node-container">
2312
3056
  <span class="pf-v6-c-tree-view__node-toggle">
2313
3057
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2314
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3058
+ <svg
3059
+ class="pf-v6-svg"
3060
+ viewBox="0 0 20 20"
3061
+ fill="currentColor"
3062
+ aria-hidden="true"
3063
+ role="img"
3064
+ width="1em"
3065
+ height="1em"
3066
+ >
3067
+ <path
3068
+ 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"
3069
+ />
3070
+ </svg>
2315
3071
  </span>
2316
3072
  </span>
2317
3073
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -2365,7 +3121,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2365
3121
  <span class="pf-v6-c-tree-view__node-container">
2366
3122
  <span class="pf-v6-c-tree-view__node-toggle">
2367
3123
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2368
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3124
+ <svg
3125
+ class="pf-v6-svg"
3126
+ viewBox="0 0 20 20"
3127
+ fill="currentColor"
3128
+ aria-hidden="true"
3129
+ role="img"
3130
+ width="1em"
3131
+ height="1em"
3132
+ >
3133
+ <path
3134
+ 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"
3135
+ />
3136
+ </svg>
2369
3137
  </span>
2370
3138
  </span>
2371
3139
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -2385,7 +3153,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2385
3153
  <span class="pf-v6-c-tree-view__node-container">
2386
3154
  <span class="pf-v6-c-tree-view__node-toggle">
2387
3155
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2388
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3156
+ <svg
3157
+ class="pf-v6-svg"
3158
+ viewBox="0 0 20 20"
3159
+ fill="currentColor"
3160
+ aria-hidden="true"
3161
+ role="img"
3162
+ width="1em"
3163
+ height="1em"
3164
+ >
3165
+ <path
3166
+ 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"
3167
+ />
3168
+ </svg>
2389
3169
  </span>
2390
3170
  </span>
2391
3171
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -2405,7 +3185,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2405
3185
  <span class="pf-v6-c-tree-view__node-container">
2406
3186
  <span class="pf-v6-c-tree-view__node-toggle">
2407
3187
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2408
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3188
+ <svg
3189
+ class="pf-v6-svg"
3190
+ viewBox="0 0 20 20"
3191
+ fill="currentColor"
3192
+ aria-hidden="true"
3193
+ role="img"
3194
+ width="1em"
3195
+ height="1em"
3196
+ >
3197
+ <path
3198
+ 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"
3199
+ />
3200
+ </svg>
2409
3201
  </span>
2410
3202
  </span>
2411
3203
  <span
@@ -2466,7 +3258,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2466
3258
  <span class="pf-v6-c-tree-view__node-container">
2467
3259
  <span class="pf-v6-c-tree-view__node-toggle">
2468
3260
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2469
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3261
+ <svg
3262
+ class="pf-v6-svg"
3263
+ viewBox="0 0 20 20"
3264
+ fill="currentColor"
3265
+ aria-hidden="true"
3266
+ role="img"
3267
+ width="1em"
3268
+ height="1em"
3269
+ >
3270
+ <path
3271
+ 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"
3272
+ />
3273
+ </svg>
2470
3274
  </span>
2471
3275
  </span>
2472
3276
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -2486,7 +3290,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2486
3290
  <span class="pf-v6-c-tree-view__node-container">
2487
3291
  <span class="pf-v6-c-tree-view__node-toggle">
2488
3292
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2489
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3293
+ <svg
3294
+ class="pf-v6-svg"
3295
+ viewBox="0 0 20 20"
3296
+ fill="currentColor"
3297
+ aria-hidden="true"
3298
+ role="img"
3299
+ width="1em"
3300
+ height="1em"
3301
+ >
3302
+ <path
3303
+ 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"
3304
+ />
3305
+ </svg>
2490
3306
  </span>
2491
3307
  </span>
2492
3308
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -2534,7 +3350,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2534
3350
  <span class="pf-v6-c-tree-view__node-container">
2535
3351
  <span class="pf-v6-c-tree-view__node-toggle">
2536
3352
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2537
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3353
+ <svg
3354
+ class="pf-v6-svg"
3355
+ viewBox="0 0 20 20"
3356
+ fill="currentColor"
3357
+ aria-hidden="true"
3358
+ role="img"
3359
+ width="1em"
3360
+ height="1em"
3361
+ >
3362
+ <path
3363
+ 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"
3364
+ />
3365
+ </svg>
2538
3366
  </span>
2539
3367
  </span>
2540
3368
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -2556,7 +3384,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2556
3384
  <span class="pf-v6-c-tree-view__node-container">
2557
3385
  <span class="pf-v6-c-tree-view__node-toggle">
2558
3386
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2559
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3387
+ <svg
3388
+ class="pf-v6-svg"
3389
+ viewBox="0 0 20 20"
3390
+ fill="currentColor"
3391
+ aria-hidden="true"
3392
+ role="img"
3393
+ width="1em"
3394
+ height="1em"
3395
+ >
3396
+ <path
3397
+ 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"
3398
+ />
3399
+ </svg>
2560
3400
  </span>
2561
3401
  </span>
2562
3402
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -2590,7 +3430,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2590
3430
  <span class="pf-v6-c-tree-view__node-container">
2591
3431
  <span class="pf-v6-c-tree-view__node-toggle">
2592
3432
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2593
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3433
+ <svg
3434
+ class="pf-v6-svg"
3435
+ viewBox="0 0 20 20"
3436
+ fill="currentColor"
3437
+ aria-hidden="true"
3438
+ role="img"
3439
+ width="1em"
3440
+ height="1em"
3441
+ >
3442
+ <path
3443
+ 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"
3444
+ />
3445
+ </svg>
2594
3446
  </span>
2595
3447
  </span>
2596
3448
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -2610,7 +3462,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2610
3462
  <span class="pf-v6-c-tree-view__node-container">
2611
3463
  <span class="pf-v6-c-tree-view__node-toggle">
2612
3464
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2613
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3465
+ <svg
3466
+ class="pf-v6-svg"
3467
+ viewBox="0 0 20 20"
3468
+ fill="currentColor"
3469
+ aria-hidden="true"
3470
+ role="img"
3471
+ width="1em"
3472
+ height="1em"
3473
+ >
3474
+ <path
3475
+ 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"
3476
+ />
3477
+ </svg>
2614
3478
  </span>
2615
3479
  </span>
2616
3480
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -2630,7 +3494,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2630
3494
  <span class="pf-v6-c-tree-view__node-container">
2631
3495
  <span class="pf-v6-c-tree-view__node-toggle">
2632
3496
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2633
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3497
+ <svg
3498
+ class="pf-v6-svg"
3499
+ viewBox="0 0 20 20"
3500
+ fill="currentColor"
3501
+ aria-hidden="true"
3502
+ role="img"
3503
+ width="1em"
3504
+ height="1em"
3505
+ >
3506
+ <path
3507
+ 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"
3508
+ />
3509
+ </svg>
2634
3510
  </span>
2635
3511
  </span>
2636
3512
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -2698,7 +3574,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2698
3574
  <span class="pf-v6-c-tree-view__node-container">
2699
3575
  <span class="pf-v6-c-tree-view__node-toggle">
2700
3576
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2701
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3577
+ <svg
3578
+ class="pf-v6-svg"
3579
+ viewBox="0 0 20 20"
3580
+ fill="currentColor"
3581
+ aria-hidden="true"
3582
+ role="img"
3583
+ width="1em"
3584
+ height="1em"
3585
+ >
3586
+ <path
3587
+ 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"
3588
+ />
3589
+ </svg>
2702
3590
  </span>
2703
3591
  </span>
2704
3592
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -2759,7 +3647,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2759
3647
  aria-labelledby="toggle-tree-view-selectable-expandable-1 text-tree-view-selectable-expandable-1"
2760
3648
  >
2761
3649
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2762
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3650
+ <svg
3651
+ class="pf-v6-svg"
3652
+ viewBox="0 0 20 20"
3653
+ fill="currentColor"
3654
+ aria-hidden="true"
3655
+ role="img"
3656
+ width="1em"
3657
+ height="1em"
3658
+ >
3659
+ <path
3660
+ 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"
3661
+ />
3662
+ </svg>
2763
3663
  </span>
2764
3664
  </button>
2765
3665
  <button
@@ -2793,7 +3693,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2793
3693
  aria-labelledby="toggle-tree-view-selectable-expandable-2 text-tree-view-selectable-expandable-2"
2794
3694
  >
2795
3695
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2796
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3696
+ <svg
3697
+ class="pf-v6-svg"
3698
+ viewBox="0 0 20 20"
3699
+ fill="currentColor"
3700
+ aria-hidden="true"
3701
+ role="img"
3702
+ width="1em"
3703
+ height="1em"
3704
+ >
3705
+ <path
3706
+ 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"
3707
+ />
3708
+ </svg>
2797
3709
  </span>
2798
3710
  </button>
2799
3711
  <button
@@ -2856,7 +3768,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2856
3768
  disabled
2857
3769
  >
2858
3770
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2859
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3771
+ <svg
3772
+ class="pf-v6-svg"
3773
+ viewBox="0 0 20 20"
3774
+ fill="currentColor"
3775
+ aria-hidden="true"
3776
+ role="img"
3777
+ width="1em"
3778
+ height="1em"
3779
+ >
3780
+ <path
3781
+ 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"
3782
+ />
3783
+ </svg>
2860
3784
  </span>
2861
3785
  </button>
2862
3786
  <button
@@ -2892,7 +3816,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2892
3816
  aria-labelledby="toggle-tree-view-selectable-expandable-4 text-tree-view-selectable-expandable-4"
2893
3817
  >
2894
3818
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2895
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3819
+ <svg
3820
+ class="pf-v6-svg"
3821
+ viewBox="0 0 20 20"
3822
+ fill="currentColor"
3823
+ aria-hidden="true"
3824
+ role="img"
3825
+ width="1em"
3826
+ height="1em"
3827
+ >
3828
+ <path
3829
+ 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"
3830
+ />
3831
+ </svg>
2896
3832
  </span>
2897
3833
  </button>
2898
3834
  <button
@@ -2940,7 +3876,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2940
3876
  aria-labelledby="toggle-tree-view-selectable-expandable-5 text-tree-view-selectable-expandable-5"
2941
3877
  >
2942
3878
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2943
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3879
+ <svg
3880
+ class="pf-v6-svg"
3881
+ viewBox="0 0 20 20"
3882
+ fill="currentColor"
3883
+ aria-hidden="true"
3884
+ role="img"
3885
+ width="1em"
3886
+ height="1em"
3887
+ >
3888
+ <path
3889
+ 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"
3890
+ />
3891
+ </svg>
2944
3892
  </span>
2945
3893
  </button>
2946
3894
  <button
@@ -2974,7 +3922,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2974
3922
  aria-labelledby="toggle-tree-view-selectable-expandable-6 text-tree-view-selectable-expandable-6"
2975
3923
  >
2976
3924
  <span class="pf-v6-c-tree-view__node-toggle-icon">
2977
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3925
+ <svg
3926
+ class="pf-v6-svg"
3927
+ viewBox="0 0 20 20"
3928
+ fill="currentColor"
3929
+ aria-hidden="true"
3930
+ role="img"
3931
+ width="1em"
3932
+ height="1em"
3933
+ >
3934
+ <path
3935
+ 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"
3936
+ />
3937
+ </svg>
2978
3938
  </span>
2979
3939
  </button>
2980
3940
  <button
@@ -3009,7 +3969,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3009
3969
  disabled
3010
3970
  >
3011
3971
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3012
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3972
+ <svg
3973
+ class="pf-v6-svg"
3974
+ viewBox="0 0 20 20"
3975
+ fill="currentColor"
3976
+ aria-hidden="true"
3977
+ role="img"
3978
+ width="1em"
3979
+ height="1em"
3980
+ >
3981
+ <path
3982
+ 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"
3983
+ />
3984
+ </svg>
3013
3985
  </span>
3014
3986
  </button>
3015
3987
  <button
@@ -3077,7 +4049,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3077
4049
  aria-labelledby="toggle-tree-view-selectable-expandable-8 text-tree-view-selectable-expandable-8"
3078
4050
  >
3079
4051
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3080
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4052
+ <svg
4053
+ class="pf-v6-svg"
4054
+ viewBox="0 0 20 20"
4055
+ fill="currentColor"
4056
+ aria-hidden="true"
4057
+ role="img"
4058
+ width="1em"
4059
+ height="1em"
4060
+ >
4061
+ <path
4062
+ 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"
4063
+ />
4064
+ </svg>
3081
4065
  </span>
3082
4066
  </button>
3083
4067
  <button
@@ -3111,7 +4095,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3111
4095
  aria-labelledby="toggle-tree-view-selectable-expandable-9 text-tree-view-selectable-expandable-9"
3112
4096
  >
3113
4097
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3114
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4098
+ <svg
4099
+ class="pf-v6-svg"
4100
+ viewBox="0 0 20 20"
4101
+ fill="currentColor"
4102
+ aria-hidden="true"
4103
+ role="img"
4104
+ width="1em"
4105
+ height="1em"
4106
+ >
4107
+ <path
4108
+ 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"
4109
+ />
4110
+ </svg>
3115
4111
  </span>
3116
4112
  </button>
3117
4113
  <button
@@ -3145,7 +4141,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3145
4141
  aria-labelledby="toggle-tree-view-selectable-expandable-10 text-tree-view-selectable-expandable-10"
3146
4142
  >
3147
4143
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3148
- <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="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"
4155
+ />
4156
+ </svg>
3149
4157
  </span>
3150
4158
  </button>
3151
4159
  <button
@@ -3182,7 +4190,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3182
4190
  <span class="pf-v6-c-tree-view__node-container">
3183
4191
  <span class="pf-v6-c-tree-view__node-toggle">
3184
4192
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3185
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4193
+ <svg
4194
+ class="pf-v6-svg"
4195
+ viewBox="0 0 20 20"
4196
+ fill="currentColor"
4197
+ aria-hidden="true"
4198
+ role="img"
4199
+ width="1em"
4200
+ height="1em"
4201
+ >
4202
+ <path
4203
+ 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"
4204
+ />
4205
+ </svg>
3186
4206
  </span>
3187
4207
  </span>
3188
4208
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
@@ -3202,7 +4222,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3202
4222
  <span class="pf-v6-c-tree-view__node-container">
3203
4223
  <span class="pf-v6-c-tree-view__node-toggle">
3204
4224
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3205
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4225
+ <svg
4226
+ class="pf-v6-svg"
4227
+ viewBox="0 0 20 20"
4228
+ fill="currentColor"
4229
+ aria-hidden="true"
4230
+ role="img"
4231
+ width="1em"
4232
+ height="1em"
4233
+ >
4234
+ <path
4235
+ 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"
4236
+ />
4237
+ </svg>
3206
4238
  </span>
3207
4239
  </span>
3208
4240
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
@@ -3250,7 +4282,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3250
4282
  <span class="pf-v6-c-tree-view__node-container">
3251
4283
  <span class="pf-v6-c-tree-view__node-toggle">
3252
4284
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3253
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4285
+ <svg
4286
+ class="pf-v6-svg"
4287
+ viewBox="0 0 20 20"
4288
+ fill="currentColor"
4289
+ aria-hidden="true"
4290
+ role="img"
4291
+ width="1em"
4292
+ height="1em"
4293
+ >
4294
+ <path
4295
+ 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"
4296
+ />
4297
+ </svg>
3254
4298
  </span>
3255
4299
  </span>
3256
4300
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -3272,7 +4316,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3272
4316
  <span class="pf-v6-c-tree-view__node-container">
3273
4317
  <span class="pf-v6-c-tree-view__node-toggle">
3274
4318
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3275
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4319
+ <svg
4320
+ class="pf-v6-svg"
4321
+ viewBox="0 0 20 20"
4322
+ fill="currentColor"
4323
+ aria-hidden="true"
4324
+ role="img"
4325
+ width="1em"
4326
+ height="1em"
4327
+ >
4328
+ <path
4329
+ 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"
4330
+ />
4331
+ </svg>
3276
4332
  </span>
3277
4333
  </span>
3278
4334
  <span class="pf-v6-c-tree-view__node-text">Application 2</span>
@@ -3306,7 +4362,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3306
4362
  <span class="pf-v6-c-tree-view__node-container">
3307
4363
  <span class="pf-v6-c-tree-view__node-toggle">
3308
4364
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3309
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4365
+ <svg
4366
+ class="pf-v6-svg"
4367
+ viewBox="0 0 20 20"
4368
+ fill="currentColor"
4369
+ aria-hidden="true"
4370
+ role="img"
4371
+ width="1em"
4372
+ height="1em"
4373
+ >
4374
+ <path
4375
+ 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"
4376
+ />
4377
+ </svg>
3310
4378
  </span>
3311
4379
  </span>
3312
4380
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
@@ -3326,7 +4394,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3326
4394
  <span class="pf-v6-c-tree-view__node-container">
3327
4395
  <span class="pf-v6-c-tree-view__node-toggle">
3328
4396
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3329
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4397
+ <svg
4398
+ class="pf-v6-svg"
4399
+ viewBox="0 0 20 20"
4400
+ fill="currentColor"
4401
+ aria-hidden="true"
4402
+ role="img"
4403
+ width="1em"
4404
+ height="1em"
4405
+ >
4406
+ <path
4407
+ 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"
4408
+ />
4409
+ </svg>
3330
4410
  </span>
3331
4411
  </span>
3332
4412
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
@@ -3346,7 +4426,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3346
4426
  <span class="pf-v6-c-tree-view__node-container">
3347
4427
  <span class="pf-v6-c-tree-view__node-toggle">
3348
4428
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3349
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4429
+ <svg
4430
+ class="pf-v6-svg"
4431
+ viewBox="0 0 20 20"
4432
+ fill="currentColor"
4433
+ aria-hidden="true"
4434
+ role="img"
4435
+ width="1em"
4436
+ height="1em"
4437
+ >
4438
+ <path
4439
+ 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"
4440
+ />
4441
+ </svg>
3350
4442
  </span>
3351
4443
  </span>
3352
4444
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
@@ -3400,7 +4492,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3400
4492
  <span class="pf-v6-c-tree-view__node-container">
3401
4493
  <span class="pf-v6-c-tree-view__node-toggle">
3402
4494
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3403
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4495
+ <svg
4496
+ class="pf-v6-svg"
4497
+ viewBox="0 0 20 20"
4498
+ fill="currentColor"
4499
+ aria-hidden="true"
4500
+ role="img"
4501
+ width="1em"
4502
+ height="1em"
4503
+ >
4504
+ <path
4505
+ 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"
4506
+ />
4507
+ </svg>
3404
4508
  </span>
3405
4509
  </span>
3406
4510
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
@@ -3420,7 +4524,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3420
4524
  <span class="pf-v6-c-tree-view__node-container">
3421
4525
  <span class="pf-v6-c-tree-view__node-toggle">
3422
4526
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3423
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4527
+ <svg
4528
+ class="pf-v6-svg"
4529
+ viewBox="0 0 20 20"
4530
+ fill="currentColor"
4531
+ aria-hidden="true"
4532
+ role="img"
4533
+ width="1em"
4534
+ height="1em"
4535
+ >
4536
+ <path
4537
+ 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"
4538
+ />
4539
+ </svg>
3424
4540
  </span>
3425
4541
  </span>
3426
4542
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
@@ -3440,7 +4556,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3440
4556
  <span class="pf-v6-c-tree-view__node-container">
3441
4557
  <span class="pf-v6-c-tree-view__node-toggle">
3442
4558
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3443
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4559
+ <svg
4560
+ class="pf-v6-svg"
4561
+ viewBox="0 0 20 20"
4562
+ fill="currentColor"
4563
+ aria-hidden="true"
4564
+ role="img"
4565
+ width="1em"
4566
+ height="1em"
4567
+ >
4568
+ <path
4569
+ 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"
4570
+ />
4571
+ </svg>
3444
4572
  </span>
3445
4573
  </span>
3446
4574
  <span
@@ -3535,7 +4663,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3535
4663
  <span class="pf-v6-c-tree-view__node-container">
3536
4664
  <span class="pf-v6-c-tree-view__node-toggle">
3537
4665
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3538
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4666
+ <svg
4667
+ class="pf-v6-svg"
4668
+ viewBox="0 0 20 20"
4669
+ fill="currentColor"
4670
+ aria-hidden="true"
4671
+ role="img"
4672
+ width="1em"
4673
+ height="1em"
4674
+ >
4675
+ <path
4676
+ 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"
4677
+ />
4678
+ </svg>
3539
4679
  </span>
3540
4680
  </span>
3541
4681
  <span class="pf-v6-c-tree-view__node-content">
@@ -3659,7 +4799,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3659
4799
  <span class="pf-v6-c-tree-view__node-container">
3660
4800
  <span class="pf-v6-c-tree-view__node-toggle">
3661
4801
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3662
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4802
+ <svg
4803
+ class="pf-v6-svg"
4804
+ viewBox="0 0 20 20"
4805
+ fill="currentColor"
4806
+ aria-hidden="true"
4807
+ role="img"
4808
+ width="1em"
4809
+ height="1em"
4810
+ >
4811
+ <path
4812
+ 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"
4813
+ />
4814
+ </svg>
3663
4815
  </span>
3664
4816
  </span>
3665
4817
  <span class="pf-v6-c-tree-view__node-content">
@@ -3684,7 +4836,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3684
4836
  <span class="pf-v6-c-tree-view__node-container">
3685
4837
  <span class="pf-v6-c-tree-view__node-toggle pf-m-disabled">
3686
4838
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3687
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4839
+ <svg
4840
+ class="pf-v6-svg"
4841
+ viewBox="0 0 20 20"
4842
+ fill="currentColor"
4843
+ aria-hidden="true"
4844
+ role="img"
4845
+ width="1em"
4846
+ height="1em"
4847
+ >
4848
+ <path
4849
+ 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"
4850
+ />
4851
+ </svg>
3688
4852
  </span>
3689
4853
  </span>
3690
4854
  <span class="pf-v6-c-tree-view__node-content">
@@ -3849,7 +5013,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3849
5013
  <span class="pf-v6-c-tree-view__node-container">
3850
5014
  <span class="pf-v6-c-tree-view__node-toggle">
3851
5015
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3852
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5016
+ <svg
5017
+ class="pf-v6-svg"
5018
+ viewBox="0 0 20 20"
5019
+ fill="currentColor"
5020
+ aria-hidden="true"
5021
+ role="img"
5022
+ width="1em"
5023
+ height="1em"
5024
+ >
5025
+ <path
5026
+ 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"
5027
+ />
5028
+ </svg>
3853
5029
  </span>
3854
5030
  </span>
3855
5031
  <span class="pf-v6-c-tree-view__node-content">
@@ -3973,7 +5149,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3973
5149
  <span class="pf-v6-c-tree-view__node-container">
3974
5150
  <span class="pf-v6-c-tree-view__node-toggle">
3975
5151
  <span class="pf-v6-c-tree-view__node-toggle-icon">
3976
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5152
+ <svg
5153
+ class="pf-v6-svg"
5154
+ viewBox="0 0 20 20"
5155
+ fill="currentColor"
5156
+ aria-hidden="true"
5157
+ role="img"
5158
+ width="1em"
5159
+ height="1em"
5160
+ >
5161
+ <path
5162
+ 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"
5163
+ />
5164
+ </svg>
3977
5165
  </span>
3978
5166
  </span>
3979
5167
  <span class="pf-v6-c-tree-view__node-content">
@@ -3998,7 +5186,19 @@ A search input can be used to filter tree view items. It is recommended that a t
3998
5186
  <span class="pf-v6-c-tree-view__node-container">
3999
5187
  <span class="pf-v6-c-tree-view__node-toggle pf-m-disabled">
4000
5188
  <span class="pf-v6-c-tree-view__node-toggle-icon">
4001
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5189
+ <svg
5190
+ class="pf-v6-svg"
5191
+ viewBox="0 0 20 20"
5192
+ fill="currentColor"
5193
+ aria-hidden="true"
5194
+ role="img"
5195
+ width="1em"
5196
+ height="1em"
5197
+ >
5198
+ <path
5199
+ 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"
5200
+ />
5201
+ </svg>
4002
5202
  </span>
4003
5203
  </span>
4004
5204
  <span class="pf-v6-c-tree-view__node-content">