@patternfly/patternfly 6.5.0-prerelease.46 → 6.5.0-prerelease.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/components/Accordion/accordion.css +1 -1
  2. package/components/Accordion/accordion.scss +1 -1
  3. package/components/Alert/alert.css +2 -1
  4. package/components/Alert/alert.scss +2 -1
  5. package/components/Card/card.css +1 -1
  6. package/components/Card/card.scss +1 -1
  7. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  8. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  9. package/components/DataList/data-list.css +1 -1
  10. package/components/DataList/data-list.scss +1 -1
  11. package/components/DualListSelector/dual-list-selector.css +1 -1
  12. package/components/DualListSelector/dual-list-selector.scss +1 -1
  13. package/components/ExpandableSection/expandable-section.css +2 -2
  14. package/components/ExpandableSection/expandable-section.scss +2 -2
  15. package/components/Form/form.css +1 -1
  16. package/components/Form/form.scss +1 -1
  17. package/components/JumpLinks/jump-links.css +1 -1
  18. package/components/JumpLinks/jump-links.scss +1 -1
  19. package/components/Nav/nav.css +1 -1
  20. package/components/Nav/nav.scss +1 -1
  21. package/components/NotificationDrawer/notification-drawer.css +1 -1
  22. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  23. package/components/Table/table.css +2 -2
  24. package/components/Table/table.scss +2 -2
  25. package/components/Tabs/tabs.css +2 -2
  26. package/components/Tabs/tabs.scss +2 -2
  27. package/components/Toolbar/toolbar.css +1 -1
  28. package/components/Toolbar/toolbar.scss +1 -1
  29. package/components/TreeView/tree-view.css +1 -1
  30. package/components/TreeView/tree-view.scss +1 -1
  31. package/components/Wizard/wizard.css +1 -1
  32. package/components/Wizard/wizard.scss +1 -1
  33. package/components/_index.css +20 -19
  34. package/docs/components/Accordion/examples/Accordion.md +390 -30
  35. package/docs/components/Alert/examples/Alert.md +494 -38
  36. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  37. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  38. package/docs/components/Card/examples/Card.md +52 -4
  39. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
  40. package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
  41. package/docs/components/DataList/examples/DataList.md +221 -17
  42. package/docs/components/DualListSelector/examples/DualListSelector.md +169 -13
  43. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  44. package/docs/components/Form/examples/Form.md +78 -6
  45. package/docs/components/Icon/examples/Icon.md +26 -2
  46. package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
  47. package/docs/components/Menu/examples/Menu.md +1456 -112
  48. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +39 -3
  49. package/docs/components/Nav/examples/Navigation.md +710 -62
  50. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +52 -4
  51. package/docs/components/Table/examples/Table.md +819 -63
  52. package/docs/components/Tabs/examples/Tabs.md +321 -213
  53. package/docs/components/TreeView/examples/TreeView.md +1300 -100
  54. package/docs/components/Wizard/examples/Wizard.md +323 -59
  55. package/docs/demos/AboutModal/examples/AboutModal.md +39 -3
  56. package/docs/demos/Alert/examples/Alert.md +182 -14
  57. package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
  58. package/docs/demos/Banner/examples/Banner.md +78 -6
  59. package/docs/demos/Card/examples/Card.md +242 -29
  60. package/docs/demos/CardView/examples/CardView.md +78 -6
  61. package/docs/demos/Compass/examples/Compass.md +71 -35
  62. package/docs/demos/Dashboard/examples/Dashboard.md +104 -8
  63. package/docs/demos/DataList/examples/DataList.md +234 -18
  64. package/docs/demos/DescriptionList/examples/DescriptionList.md +117 -9
  65. package/docs/demos/Drawer/examples/Drawer.md +141 -15
  66. package/docs/demos/Form/examples/BasicForms.md +143 -11
  67. package/docs/demos/JumpLinks/examples/JumpLinks.md +216 -27
  68. package/docs/demos/Masthead/examples/Masthead.md +355 -31
  69. package/docs/demos/Modal/examples/Modal.md +234 -18
  70. package/docs/demos/Nav/examples/Nav.md +320 -32
  71. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +247 -19
  72. package/docs/demos/Page/examples/Page.md +546 -42
  73. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +281 -29
  74. package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
  75. package/docs/demos/Table/examples/Table.md +702 -54
  76. package/docs/demos/Tabs/examples/Tabs.md +238 -22
  77. package/docs/demos/Toolbar/examples/Toolbar.md +78 -6
  78. package/docs/demos/Wizard/examples/Wizard.md +621 -72
  79. package/package.json +1 -1
  80. package/patternfly-no-globals.css +20 -19
  81. package/patternfly.css +20 -19
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -149,7 +149,19 @@ cssPrefix: pf-v6-c-nav
149
149
  >Link 1 (current and expanded example)</span>
150
150
  <span class="pf-v6-c-nav__toggle">
151
151
  <span class="pf-v6-c-nav__toggle-icon">
152
- <i class="fas fa-angle-right" aria-hidden="true"></i>
152
+ <svg
153
+ class="pf-v6-svg"
154
+ viewBox="0 0 20 20"
155
+ fill="currentColor"
156
+ aria-hidden="true"
157
+ role="img"
158
+ width="1em"
159
+ height="1em"
160
+ >
161
+ <path
162
+ 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"
163
+ />
164
+ </svg>
153
165
  </span>
154
166
  </span>
155
167
  </button>
@@ -191,7 +203,19 @@ cssPrefix: pf-v6-c-nav
191
203
  >Link 2 (expanded, but not current example)</span>
192
204
  <span class="pf-v6-c-nav__toggle">
193
205
  <span class="pf-v6-c-nav__toggle-icon">
194
- <i class="fas fa-angle-right" aria-hidden="true"></i>
206
+ <svg
207
+ class="pf-v6-svg"
208
+ viewBox="0 0 20 20"
209
+ fill="currentColor"
210
+ aria-hidden="true"
211
+ role="img"
212
+ width="1em"
213
+ height="1em"
214
+ >
215
+ <path
216
+ 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"
217
+ />
218
+ </svg>
195
219
  </span>
196
220
  </span>
197
221
  </button>
@@ -222,7 +246,19 @@ cssPrefix: pf-v6-c-nav
222
246
  <span class="pf-v6-c-nav__link-text">Link 3</span>
223
247
  <span class="pf-v6-c-nav__toggle">
224
248
  <span class="pf-v6-c-nav__toggle-icon">
225
- <i class="fas fa-angle-right" aria-hidden="true"></i>
249
+ <svg
250
+ class="pf-v6-svg"
251
+ viewBox="0 0 20 20"
252
+ fill="currentColor"
253
+ aria-hidden="true"
254
+ role="img"
255
+ width="1em"
256
+ height="1em"
257
+ >
258
+ <path
259
+ 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"
260
+ />
261
+ </svg>
226
262
  </span>
227
263
  </span>
228
264
  </button>
@@ -261,7 +297,19 @@ cssPrefix: pf-v6-c-nav
261
297
  <span class="pf-v6-c-nav__link-text">Link 1</span>
262
298
  <span class="pf-v6-c-nav__toggle">
263
299
  <span class="pf-v6-c-nav__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
  </span>
266
314
  </span>
267
315
  </button>
@@ -294,7 +342,19 @@ cssPrefix: pf-v6-c-nav
294
342
  <span class="pf-v6-c-nav__link-text">Link 2</span>
295
343
  <span class="pf-v6-c-nav__toggle">
296
344
  <span class="pf-v6-c-nav__toggle-icon">
297
- <i class="fas fa-angle-right" aria-hidden="true"></i>
345
+ <svg
346
+ class="pf-v6-svg"
347
+ viewBox="0 0 20 20"
348
+ fill="currentColor"
349
+ aria-hidden="true"
350
+ role="img"
351
+ width="1em"
352
+ height="1em"
353
+ >
354
+ <path
355
+ 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"
356
+ />
357
+ </svg>
298
358
  </span>
299
359
  </span>
300
360
  </button>
@@ -339,7 +399,19 @@ cssPrefix: pf-v6-c-nav
339
399
  >Link 2 (expanded, but not current example)</span>
340
400
  <span class="pf-v6-c-nav__toggle">
341
401
  <span class="pf-v6-c-nav__toggle-icon">
342
- <i class="fas fa-angle-right" aria-hidden="true"></i>
402
+ <svg
403
+ class="pf-v6-svg"
404
+ viewBox="0 0 20 20"
405
+ fill="currentColor"
406
+ aria-hidden="true"
407
+ role="img"
408
+ width="1em"
409
+ height="1em"
410
+ >
411
+ <path
412
+ 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"
413
+ />
414
+ </svg>
343
415
  </span>
344
416
  </span>
345
417
  </button>
@@ -369,7 +441,19 @@ cssPrefix: pf-v6-c-nav
369
441
  >Link 3 (current, but not expanded example)</span>
370
442
  <span class="pf-v6-c-nav__toggle">
371
443
  <span class="pf-v6-c-nav__toggle-icon">
372
- <i class="fas fa-angle-right" aria-hidden="true"></i>
444
+ <svg
445
+ class="pf-v6-svg"
446
+ viewBox="0 0 20 20"
447
+ fill="currentColor"
448
+ aria-hidden="true"
449
+ role="img"
450
+ width="1em"
451
+ height="1em"
452
+ >
453
+ <path
454
+ 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"
455
+ />
456
+ </svg>
373
457
  </span>
374
458
  </span>
375
459
  </button>
@@ -436,7 +520,19 @@ cssPrefix: pf-v6-c-nav
436
520
  <span class="pf-v6-c-nav__link-text">Subscriptions</span>
437
521
  <span class="pf-v6-c-nav__toggle">
438
522
  <span class="pf-v6-c-nav__toggle-icon">
439
- <i class="fas fa-angle-right" aria-hidden="true"></i>
523
+ <svg
524
+ class="pf-v6-svg"
525
+ viewBox="0 0 20 20"
526
+ fill="currentColor"
527
+ aria-hidden="true"
528
+ role="img"
529
+ width="1em"
530
+ height="1em"
531
+ >
532
+ <path
533
+ 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"
534
+ />
535
+ </svg>
440
536
  </span>
441
537
  </span>
442
538
  </button>
@@ -469,7 +565,19 @@ cssPrefix: pf-v6-c-nav
469
565
  <span class="pf-v6-c-nav__link-text">Cost management</span>
470
566
  <span class="pf-v6-c-nav__toggle">
471
567
  <span class="pf-v6-c-nav__toggle-icon">
472
- <i class="fas fa-angle-right" aria-hidden="true"></i>
568
+ <svg
569
+ class="pf-v6-svg"
570
+ viewBox="0 0 20 20"
571
+ fill="currentColor"
572
+ aria-hidden="true"
573
+ role="img"
574
+ width="1em"
575
+ height="1em"
576
+ >
577
+ <path
578
+ 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"
579
+ />
580
+ </svg>
473
581
  </span>
474
582
  </span>
475
583
  </button>
@@ -497,7 +605,19 @@ cssPrefix: pf-v6-c-nav
497
605
  <span class="pf-v6-c-nav__link-text">Public clouds</span>
498
606
  <span class="pf-v6-c-nav__toggle">
499
607
  <span class="pf-v6-c-nav__toggle-icon">
500
- <i class="fas fa-angle-right" aria-hidden="true"></i>
608
+ <svg
609
+ class="pf-v6-svg"
610
+ viewBox="0 0 20 20"
611
+ fill="currentColor"
612
+ aria-hidden="true"
613
+ role="img"
614
+ width="1em"
615
+ height="1em"
616
+ >
617
+ <path
618
+ 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"
619
+ />
620
+ </svg>
501
621
  </span>
502
622
  </span>
503
623
  </button>
@@ -586,7 +706,7 @@ cssPrefix: pf-v6-c-nav
586
706
  <span class="pf-v6-c-button__icon">
587
707
  <svg
588
708
  class="pf-v6-svg"
589
- viewBox="0 0 256 512"
709
+ viewBox="0 0 20 20"
590
710
  fill="currentColor"
591
711
  aria-hidden="true"
592
712
  role="img"
@@ -594,7 +714,7 @@ cssPrefix: pf-v6-c-nav
594
714
  height="1em"
595
715
  >
596
716
  <path
597
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
717
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
598
718
  />
599
719
  </svg>
600
720
  </span>
@@ -636,7 +756,7 @@ cssPrefix: pf-v6-c-nav
636
756
  <span class="pf-v6-c-button__icon">
637
757
  <svg
638
758
  class="pf-v6-svg"
639
- viewBox="0 0 256 512"
759
+ viewBox="0 0 20 20"
640
760
  fill="currentColor"
641
761
  aria-hidden="true"
642
762
  role="img"
@@ -644,7 +764,7 @@ cssPrefix: pf-v6-c-nav
644
764
  height="1em"
645
765
  >
646
766
  <path
647
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
767
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
648
768
  />
649
769
  </svg>
650
770
  </span>
@@ -696,7 +816,7 @@ cssPrefix: pf-v6-c-nav
696
816
  <span class="pf-v6-c-button__icon">
697
817
  <svg
698
818
  class="pf-v6-svg"
699
- viewBox="0 0 256 512"
819
+ viewBox="0 0 20 20"
700
820
  fill="currentColor"
701
821
  aria-hidden="true"
702
822
  role="img"
@@ -704,7 +824,7 @@ cssPrefix: pf-v6-c-nav
704
824
  height="1em"
705
825
  >
706
826
  <path
707
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
827
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
708
828
  />
709
829
  </svg>
710
830
  </span>
@@ -746,7 +866,7 @@ cssPrefix: pf-v6-c-nav
746
866
  <span class="pf-v6-c-button__icon">
747
867
  <svg
748
868
  class="pf-v6-svg"
749
- viewBox="0 0 256 512"
869
+ viewBox="0 0 20 20"
750
870
  fill="currentColor"
751
871
  aria-hidden="true"
752
872
  role="img"
@@ -754,7 +874,7 @@ cssPrefix: pf-v6-c-nav
754
874
  height="1em"
755
875
  >
756
876
  <path
757
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
877
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
758
878
  />
759
879
  </svg>
760
880
  </span>
@@ -795,7 +915,19 @@ cssPrefix: pf-v6-c-nav
795
915
  <span class="pf-v6-c-nav__link-text">Subscriptions</span>
796
916
  <span class="pf-v6-c-nav__toggle">
797
917
  <span class="pf-v6-c-nav__toggle-icon">
798
- <i class="fas fa-angle-right" aria-hidden="true"></i>
918
+ <svg
919
+ class="pf-v6-svg"
920
+ viewBox="0 0 20 20"
921
+ fill="currentColor"
922
+ aria-hidden="true"
923
+ role="img"
924
+ width="1em"
925
+ height="1em"
926
+ >
927
+ <path
928
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
929
+ />
930
+ </svg>
799
931
  </span>
800
932
  </span>
801
933
  </a>
@@ -841,7 +973,19 @@ cssPrefix: pf-v6-c-nav
841
973
  <span class="pf-v6-c-menu__item-main">
842
974
  <span class="pf-v6-c-menu__item-text">Dedicated</span>
843
975
  <span class="pf-v6-c-menu__item-toggle-icon">
844
- <i class="fas fa-angle-right"></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="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
987
+ />
988
+ </svg>
845
989
  </span>
846
990
  </span>
847
991
  </button>
@@ -933,7 +1077,19 @@ cssPrefix: pf-v6-c-nav
933
1077
  <span class="pf-v6-c-menu__item-main">
934
1078
  <span class="pf-v6-c-menu__item-text">Edit</span>
935
1079
  <span class="pf-v6-c-menu__item-toggle-icon">
936
- <i class="fas fa-angle-right"></i>
1080
+ <svg
1081
+ class="pf-v6-svg"
1082
+ viewBox="0 0 20 20"
1083
+ fill="currentColor"
1084
+ aria-hidden="true"
1085
+ role="img"
1086
+ width="1em"
1087
+ height="1em"
1088
+ >
1089
+ <path
1090
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1091
+ />
1092
+ </svg>
937
1093
  </span>
938
1094
  </span>
939
1095
  </button>
@@ -949,7 +1105,19 @@ cssPrefix: pf-v6-c-nav
949
1105
  >
950
1106
  <span class="pf-v6-c-menu__item-main">
951
1107
  <span class="pf-v6-c-menu__item-toggle-icon">
952
- <i class="fas fa-angle-left"></i>
1108
+ <svg
1109
+ class="pf-v6-svg"
1110
+ viewBox="0 0 20 20"
1111
+ fill="currentColor"
1112
+ aria-hidden="true"
1113
+ role="img"
1114
+ width="1em"
1115
+ height="1em"
1116
+ >
1117
+ <path
1118
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1119
+ />
1120
+ </svg>
953
1121
  </span>
954
1122
  <span class="pf-v6-c-menu__item-text">Edit</span>
955
1123
  </span>
@@ -965,7 +1133,19 @@ cssPrefix: pf-v6-c-nav
965
1133
  <span class="pf-v6-c-menu__item-main">
966
1134
  <span class="pf-v6-c-menu__item-text">Deployment</span>
967
1135
  <span class="pf-v6-c-menu__item-toggle-icon">
968
- <i class="fas fa-angle-right"></i>
1136
+ <svg
1137
+ class="pf-v6-svg"
1138
+ viewBox="0 0 20 20"
1139
+ fill="currentColor"
1140
+ aria-hidden="true"
1141
+ role="img"
1142
+ width="1em"
1143
+ height="1em"
1144
+ >
1145
+ <path
1146
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1147
+ />
1148
+ </svg>
969
1149
  </span>
970
1150
  </span>
971
1151
  </button>
@@ -984,7 +1164,19 @@ cssPrefix: pf-v6-c-nav
984
1164
  >
985
1165
  <span class="pf-v6-c-menu__item-main">
986
1166
  <span class="pf-v6-c-menu__item-toggle-icon">
987
- <i class="fas fa-angle-left"></i>
1167
+ <svg
1168
+ class="pf-v6-svg"
1169
+ viewBox="0 0 20 20"
1170
+ fill="currentColor"
1171
+ aria-hidden="true"
1172
+ role="img"
1173
+ width="1em"
1174
+ height="1em"
1175
+ >
1176
+ <path
1177
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1178
+ />
1179
+ </svg>
988
1180
  </span>
989
1181
  <span class="pf-v6-c-menu__item-text">Deployment</span>
990
1182
  </span>
@@ -1035,7 +1227,19 @@ cssPrefix: pf-v6-c-nav
1035
1227
  class="pf-v6-c-menu__item-text"
1036
1228
  >Advanced settings</span>
1037
1229
  <span class="pf-v6-c-menu__item-toggle-icon">
1038
- <i class="fas fa-angle-right"></i>
1230
+ <svg
1231
+ class="pf-v6-svg"
1232
+ viewBox="0 0 20 20"
1233
+ fill="currentColor"
1234
+ aria-hidden="true"
1235
+ role="img"
1236
+ width="1em"
1237
+ height="1em"
1238
+ >
1239
+ <path
1240
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1241
+ />
1242
+ </svg>
1039
1243
  </span>
1040
1244
  </span>
1041
1245
  </button>
@@ -1056,7 +1260,19 @@ cssPrefix: pf-v6-c-nav
1056
1260
  <span
1057
1261
  class="pf-v6-c-menu__item-toggle-icon"
1058
1262
  >
1059
- <i class="fas fa-angle-left"></i>
1263
+ <svg
1264
+ class="pf-v6-svg"
1265
+ viewBox="0 0 20 20"
1266
+ fill="currentColor"
1267
+ aria-hidden="true"
1268
+ role="img"
1269
+ width="1em"
1270
+ height="1em"
1271
+ >
1272
+ <path
1273
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1274
+ />
1275
+ </svg>
1060
1276
  </span>
1061
1277
  <span
1062
1278
  class="pf-v6-c-menu__item-text"
@@ -1121,7 +1337,19 @@ cssPrefix: pf-v6-c-nav
1121
1337
  <span class="pf-v6-c-menu__item-main">
1122
1338
  <span class="pf-v6-c-menu__item-text">RBAC</span>
1123
1339
  <span class="pf-v6-c-menu__item-toggle-icon">
1124
- <i class="fas fa-angle-right"></i>
1340
+ <svg
1341
+ class="pf-v6-svg"
1342
+ viewBox="0 0 20 20"
1343
+ fill="currentColor"
1344
+ aria-hidden="true"
1345
+ role="img"
1346
+ width="1em"
1347
+ height="1em"
1348
+ >
1349
+ <path
1350
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1351
+ />
1352
+ </svg>
1125
1353
  </span>
1126
1354
  </span>
1127
1355
  </button>
@@ -1139,7 +1367,19 @@ cssPrefix: pf-v6-c-nav
1139
1367
  >
1140
1368
  <span class="pf-v6-c-menu__item-main">
1141
1369
  <span class="pf-v6-c-menu__item-toggle-icon">
1142
- <i class="fas fa-angle-left"></i>
1370
+ <svg
1371
+ class="pf-v6-svg"
1372
+ viewBox="0 0 20 20"
1373
+ fill="currentColor"
1374
+ aria-hidden="true"
1375
+ role="img"
1376
+ width="1em"
1377
+ height="1em"
1378
+ >
1379
+ <path
1380
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1381
+ />
1382
+ </svg>
1143
1383
  </span>
1144
1384
  <span class="pf-v6-c-menu__item-text">RBAC</span>
1145
1385
  </span>
@@ -1209,7 +1449,19 @@ cssPrefix: pf-v6-c-nav
1209
1449
  <span class="pf-v6-c-menu__item-main">
1210
1450
  <span class="pf-v6-c-menu__item-text">Configuration</span>
1211
1451
  <span class="pf-v6-c-menu__item-toggle-icon">
1212
- <i class="fas fa-angle-right"></i>
1452
+ <svg
1453
+ class="pf-v6-svg"
1454
+ viewBox="0 0 20 20"
1455
+ fill="currentColor"
1456
+ aria-hidden="true"
1457
+ role="img"
1458
+ width="1em"
1459
+ height="1em"
1460
+ >
1461
+ <path
1462
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1463
+ />
1464
+ </svg>
1213
1465
  </span>
1214
1466
  </span>
1215
1467
  </button>
@@ -1224,7 +1476,19 @@ cssPrefix: pf-v6-c-nav
1224
1476
  >
1225
1477
  <span class="pf-v6-c-menu__item-main">
1226
1478
  <span class="pf-v6-c-menu__item-toggle-icon">
1227
- <i class="fas fa-angle-left"></i>
1479
+ <svg
1480
+ class="pf-v6-svg"
1481
+ viewBox="0 0 20 20"
1482
+ fill="currentColor"
1483
+ aria-hidden="true"
1484
+ role="img"
1485
+ width="1em"
1486
+ height="1em"
1487
+ >
1488
+ <path
1489
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1490
+ />
1491
+ </svg>
1228
1492
  </span>
1229
1493
  <span class="pf-v6-c-menu__item-text">Configuration</span>
1230
1494
  </span>
@@ -1240,7 +1504,19 @@ cssPrefix: pf-v6-c-nav
1240
1504
  <span class="pf-v6-c-menu__item-main">
1241
1505
  <span class="pf-v6-c-menu__item-text">Profile</span>
1242
1506
  <span class="pf-v6-c-menu__item-toggle-icon">
1243
- <i class="fas fa-angle-right"></i>
1507
+ <svg
1508
+ class="pf-v6-svg"
1509
+ viewBox="0 0 20 20"
1510
+ fill="currentColor"
1511
+ aria-hidden="true"
1512
+ role="img"
1513
+ width="1em"
1514
+ height="1em"
1515
+ >
1516
+ <path
1517
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1518
+ />
1519
+ </svg>
1244
1520
  </span>
1245
1521
  </span>
1246
1522
  </button>
@@ -1258,7 +1534,19 @@ cssPrefix: pf-v6-c-nav
1258
1534
  >
1259
1535
  <span class="pf-v6-c-menu__item-main">
1260
1536
  <span class="pf-v6-c-menu__item-toggle-icon">
1261
- <i class="fas fa-angle-left"></i>
1537
+ <svg
1538
+ class="pf-v6-svg"
1539
+ viewBox="0 0 20 20"
1540
+ fill="currentColor"
1541
+ aria-hidden="true"
1542
+ role="img"
1543
+ width="1em"
1544
+ height="1em"
1545
+ >
1546
+ <path
1547
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1548
+ />
1549
+ </svg>
1262
1550
  </span>
1263
1551
  <span class="pf-v6-c-menu__item-text">Profile</span>
1264
1552
  </span>
@@ -1346,7 +1634,19 @@ cssPrefix: pf-v6-c-nav
1346
1634
  <span class="pf-v6-c-menu__item-main">
1347
1635
  <span class="pf-v6-c-menu__item-text">Edit access settings</span>
1348
1636
  <span class="pf-v6-c-menu__item-toggle-icon">
1349
- <i class="fas fa-angle-right"></i>
1637
+ <svg
1638
+ class="pf-v6-svg"
1639
+ viewBox="0 0 20 20"
1640
+ fill="currentColor"
1641
+ aria-hidden="true"
1642
+ role="img"
1643
+ width="1em"
1644
+ height="1em"
1645
+ >
1646
+ <path
1647
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1648
+ />
1649
+ </svg>
1350
1650
  </span>
1351
1651
  </span>
1352
1652
  </button>
@@ -1364,7 +1664,19 @@ cssPrefix: pf-v6-c-nav
1364
1664
  >
1365
1665
  <span class="pf-v6-c-menu__item-main">
1366
1666
  <span class="pf-v6-c-menu__item-toggle-icon">
1367
- <i class="fas fa-angle-left"></i>
1667
+ <svg
1668
+ class="pf-v6-svg"
1669
+ viewBox="0 0 20 20"
1670
+ fill="currentColor"
1671
+ aria-hidden="true"
1672
+ role="img"
1673
+ width="1em"
1674
+ height="1em"
1675
+ >
1676
+ <path
1677
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1678
+ />
1679
+ </svg>
1368
1680
  </span>
1369
1681
  <span
1370
1682
  class="pf-v6-c-menu__item-text"
@@ -1465,7 +1777,19 @@ cssPrefix: pf-v6-c-nav
1465
1777
  <span class="pf-v6-c-menu__item-main">
1466
1778
  <span class="pf-v6-c-menu__item-text">Edit</span>
1467
1779
  <span class="pf-v6-c-menu__item-toggle-icon">
1468
- <i class="fas fa-angle-right"></i>
1780
+ <svg
1781
+ class="pf-v6-svg"
1782
+ viewBox="0 0 20 20"
1783
+ fill="currentColor"
1784
+ aria-hidden="true"
1785
+ role="img"
1786
+ width="1em"
1787
+ height="1em"
1788
+ >
1789
+ <path
1790
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1791
+ />
1792
+ </svg>
1469
1793
  </span>
1470
1794
  </span>
1471
1795
  </button>
@@ -1481,7 +1805,19 @@ cssPrefix: pf-v6-c-nav
1481
1805
  >
1482
1806
  <span class="pf-v6-c-menu__item-main">
1483
1807
  <span class="pf-v6-c-menu__item-toggle-icon">
1484
- <i class="fas fa-angle-left"></i>
1808
+ <svg
1809
+ class="pf-v6-svg"
1810
+ viewBox="0 0 20 20"
1811
+ fill="currentColor"
1812
+ aria-hidden="true"
1813
+ role="img"
1814
+ width="1em"
1815
+ height="1em"
1816
+ >
1817
+ <path
1818
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1819
+ />
1820
+ </svg>
1485
1821
  </span>
1486
1822
  <span class="pf-v6-c-menu__item-text">Edit</span>
1487
1823
  </span>
@@ -1497,7 +1833,19 @@ cssPrefix: pf-v6-c-nav
1497
1833
  <span class="pf-v6-c-menu__item-main">
1498
1834
  <span class="pf-v6-c-menu__item-text">Deployment</span>
1499
1835
  <span class="pf-v6-c-menu__item-toggle-icon">
1500
- <i class="fas fa-angle-right"></i>
1836
+ <svg
1837
+ class="pf-v6-svg"
1838
+ viewBox="0 0 20 20"
1839
+ fill="currentColor"
1840
+ aria-hidden="true"
1841
+ role="img"
1842
+ width="1em"
1843
+ height="1em"
1844
+ >
1845
+ <path
1846
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1847
+ />
1848
+ </svg>
1501
1849
  </span>
1502
1850
  </span>
1503
1851
  </button>
@@ -1516,7 +1864,19 @@ cssPrefix: pf-v6-c-nav
1516
1864
  >
1517
1865
  <span class="pf-v6-c-menu__item-main">
1518
1866
  <span class="pf-v6-c-menu__item-toggle-icon">
1519
- <i class="fas fa-angle-left"></i>
1867
+ <svg
1868
+ class="pf-v6-svg"
1869
+ viewBox="0 0 20 20"
1870
+ fill="currentColor"
1871
+ aria-hidden="true"
1872
+ role="img"
1873
+ width="1em"
1874
+ height="1em"
1875
+ >
1876
+ <path
1877
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1878
+ />
1879
+ </svg>
1520
1880
  </span>
1521
1881
  <span class="pf-v6-c-menu__item-text">Deployment</span>
1522
1882
  </span>
@@ -1567,7 +1927,19 @@ cssPrefix: pf-v6-c-nav
1567
1927
  class="pf-v6-c-menu__item-text"
1568
1928
  >Advanced settings</span>
1569
1929
  <span class="pf-v6-c-menu__item-toggle-icon">
1570
- <i class="fas fa-angle-right"></i>
1930
+ <svg
1931
+ class="pf-v6-svg"
1932
+ viewBox="0 0 20 20"
1933
+ fill="currentColor"
1934
+ aria-hidden="true"
1935
+ role="img"
1936
+ width="1em"
1937
+ height="1em"
1938
+ >
1939
+ <path
1940
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1941
+ />
1942
+ </svg>
1571
1943
  </span>
1572
1944
  </span>
1573
1945
  </button>
@@ -1588,7 +1960,19 @@ cssPrefix: pf-v6-c-nav
1588
1960
  <span
1589
1961
  class="pf-v6-c-menu__item-toggle-icon"
1590
1962
  >
1591
- <i class="fas fa-angle-left"></i>
1963
+ <svg
1964
+ class="pf-v6-svg"
1965
+ viewBox="0 0 20 20"
1966
+ fill="currentColor"
1967
+ aria-hidden="true"
1968
+ role="img"
1969
+ width="1em"
1970
+ height="1em"
1971
+ >
1972
+ <path
1973
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1974
+ />
1975
+ </svg>
1592
1976
  </span>
1593
1977
  <span
1594
1978
  class="pf-v6-c-menu__item-text"
@@ -1653,7 +2037,19 @@ cssPrefix: pf-v6-c-nav
1653
2037
  <span class="pf-v6-c-menu__item-main">
1654
2038
  <span class="pf-v6-c-menu__item-text">RBAC</span>
1655
2039
  <span class="pf-v6-c-menu__item-toggle-icon">
1656
- <i class="fas fa-angle-right"></i>
2040
+ <svg
2041
+ class="pf-v6-svg"
2042
+ viewBox="0 0 20 20"
2043
+ fill="currentColor"
2044
+ aria-hidden="true"
2045
+ role="img"
2046
+ width="1em"
2047
+ height="1em"
2048
+ >
2049
+ <path
2050
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2051
+ />
2052
+ </svg>
1657
2053
  </span>
1658
2054
  </span>
1659
2055
  </button>
@@ -1671,7 +2067,19 @@ cssPrefix: pf-v6-c-nav
1671
2067
  >
1672
2068
  <span class="pf-v6-c-menu__item-main">
1673
2069
  <span class="pf-v6-c-menu__item-toggle-icon">
1674
- <i class="fas fa-angle-left"></i>
2070
+ <svg
2071
+ class="pf-v6-svg"
2072
+ viewBox="0 0 20 20"
2073
+ fill="currentColor"
2074
+ aria-hidden="true"
2075
+ role="img"
2076
+ width="1em"
2077
+ height="1em"
2078
+ >
2079
+ <path
2080
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2081
+ />
2082
+ </svg>
1675
2083
  </span>
1676
2084
  <span class="pf-v6-c-menu__item-text">RBAC</span>
1677
2085
  </span>
@@ -1741,7 +2149,19 @@ cssPrefix: pf-v6-c-nav
1741
2149
  <span class="pf-v6-c-menu__item-main">
1742
2150
  <span class="pf-v6-c-menu__item-text">Configuration</span>
1743
2151
  <span class="pf-v6-c-menu__item-toggle-icon">
1744
- <i class="fas fa-angle-right"></i>
2152
+ <svg
2153
+ class="pf-v6-svg"
2154
+ viewBox="0 0 20 20"
2155
+ fill="currentColor"
2156
+ aria-hidden="true"
2157
+ role="img"
2158
+ width="1em"
2159
+ height="1em"
2160
+ >
2161
+ <path
2162
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2163
+ />
2164
+ </svg>
1745
2165
  </span>
1746
2166
  </span>
1747
2167
  </button>
@@ -1756,7 +2176,19 @@ cssPrefix: pf-v6-c-nav
1756
2176
  >
1757
2177
  <span class="pf-v6-c-menu__item-main">
1758
2178
  <span class="pf-v6-c-menu__item-toggle-icon">
1759
- <i class="fas fa-angle-left"></i>
2179
+ <svg
2180
+ class="pf-v6-svg"
2181
+ viewBox="0 0 20 20"
2182
+ fill="currentColor"
2183
+ aria-hidden="true"
2184
+ role="img"
2185
+ width="1em"
2186
+ height="1em"
2187
+ >
2188
+ <path
2189
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2190
+ />
2191
+ </svg>
1760
2192
  </span>
1761
2193
  <span class="pf-v6-c-menu__item-text">Configuration</span>
1762
2194
  </span>
@@ -1772,7 +2204,19 @@ cssPrefix: pf-v6-c-nav
1772
2204
  <span class="pf-v6-c-menu__item-main">
1773
2205
  <span class="pf-v6-c-menu__item-text">Profile</span>
1774
2206
  <span class="pf-v6-c-menu__item-toggle-icon">
1775
- <i class="fas fa-angle-right"></i>
2207
+ <svg
2208
+ class="pf-v6-svg"
2209
+ viewBox="0 0 20 20"
2210
+ fill="currentColor"
2211
+ aria-hidden="true"
2212
+ role="img"
2213
+ width="1em"
2214
+ height="1em"
2215
+ >
2216
+ <path
2217
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2218
+ />
2219
+ </svg>
1776
2220
  </span>
1777
2221
  </span>
1778
2222
  </button>
@@ -1790,7 +2234,19 @@ cssPrefix: pf-v6-c-nav
1790
2234
  >
1791
2235
  <span class="pf-v6-c-menu__item-main">
1792
2236
  <span class="pf-v6-c-menu__item-toggle-icon">
1793
- <i class="fas fa-angle-left"></i>
2237
+ <svg
2238
+ class="pf-v6-svg"
2239
+ viewBox="0 0 20 20"
2240
+ fill="currentColor"
2241
+ aria-hidden="true"
2242
+ role="img"
2243
+ width="1em"
2244
+ height="1em"
2245
+ >
2246
+ <path
2247
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2248
+ />
2249
+ </svg>
1794
2250
  </span>
1795
2251
  <span class="pf-v6-c-menu__item-text">Profile</span>
1796
2252
  </span>
@@ -1878,7 +2334,19 @@ cssPrefix: pf-v6-c-nav
1878
2334
  <span class="pf-v6-c-menu__item-main">
1879
2335
  <span class="pf-v6-c-menu__item-text">Edit access settings</span>
1880
2336
  <span class="pf-v6-c-menu__item-toggle-icon">
1881
- <i class="fas fa-angle-right"></i>
2337
+ <svg
2338
+ class="pf-v6-svg"
2339
+ viewBox="0 0 20 20"
2340
+ fill="currentColor"
2341
+ aria-hidden="true"
2342
+ role="img"
2343
+ width="1em"
2344
+ height="1em"
2345
+ >
2346
+ <path
2347
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2348
+ />
2349
+ </svg>
1882
2350
  </span>
1883
2351
  </span>
1884
2352
  </button>
@@ -1896,7 +2364,19 @@ cssPrefix: pf-v6-c-nav
1896
2364
  >
1897
2365
  <span class="pf-v6-c-menu__item-main">
1898
2366
  <span class="pf-v6-c-menu__item-toggle-icon">
1899
- <i class="fas fa-angle-left"></i>
2367
+ <svg
2368
+ class="pf-v6-svg"
2369
+ viewBox="0 0 20 20"
2370
+ fill="currentColor"
2371
+ aria-hidden="true"
2372
+ role="img"
2373
+ width="1em"
2374
+ height="1em"
2375
+ >
2376
+ <path
2377
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2378
+ />
2379
+ </svg>
1900
2380
  </span>
1901
2381
  <span
1902
2382
  class="pf-v6-c-menu__item-text"
@@ -1997,7 +2477,19 @@ cssPrefix: pf-v6-c-nav
1997
2477
  <span class="pf-v6-c-menu__item-main">
1998
2478
  <span class="pf-v6-c-menu__item-text">Edit</span>
1999
2479
  <span class="pf-v6-c-menu__item-toggle-icon">
2000
- <i class="fas fa-angle-right"></i>
2480
+ <svg
2481
+ class="pf-v6-svg"
2482
+ viewBox="0 0 20 20"
2483
+ fill="currentColor"
2484
+ aria-hidden="true"
2485
+ role="img"
2486
+ width="1em"
2487
+ height="1em"
2488
+ >
2489
+ <path
2490
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2491
+ />
2492
+ </svg>
2001
2493
  </span>
2002
2494
  </span>
2003
2495
  </button>
@@ -2013,7 +2505,19 @@ cssPrefix: pf-v6-c-nav
2013
2505
  >
2014
2506
  <span class="pf-v6-c-menu__item-main">
2015
2507
  <span class="pf-v6-c-menu__item-toggle-icon">
2016
- <i class="fas fa-angle-left"></i>
2508
+ <svg
2509
+ class="pf-v6-svg"
2510
+ viewBox="0 0 20 20"
2511
+ fill="currentColor"
2512
+ aria-hidden="true"
2513
+ role="img"
2514
+ width="1em"
2515
+ height="1em"
2516
+ >
2517
+ <path
2518
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2519
+ />
2520
+ </svg>
2017
2521
  </span>
2018
2522
  <span class="pf-v6-c-menu__item-text">Edit</span>
2019
2523
  </span>
@@ -2032,7 +2536,19 @@ cssPrefix: pf-v6-c-nav
2032
2536
  <span class="pf-v6-c-menu__item-main">
2033
2537
  <span class="pf-v6-c-menu__item-text">Deployment</span>
2034
2538
  <span class="pf-v6-c-menu__item-toggle-icon">
2035
- <i class="fas fa-angle-right"></i>
2539
+ <svg
2540
+ class="pf-v6-svg"
2541
+ viewBox="0 0 20 20"
2542
+ fill="currentColor"
2543
+ aria-hidden="true"
2544
+ role="img"
2545
+ width="1em"
2546
+ height="1em"
2547
+ >
2548
+ <path
2549
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2550
+ />
2551
+ </svg>
2036
2552
  </span>
2037
2553
  </span>
2038
2554
  </button>
@@ -2051,7 +2567,19 @@ cssPrefix: pf-v6-c-nav
2051
2567
  >
2052
2568
  <span class="pf-v6-c-menu__item-main">
2053
2569
  <span class="pf-v6-c-menu__item-toggle-icon">
2054
- <i class="fas fa-angle-left"></i>
2570
+ <svg
2571
+ class="pf-v6-svg"
2572
+ viewBox="0 0 20 20"
2573
+ fill="currentColor"
2574
+ aria-hidden="true"
2575
+ role="img"
2576
+ width="1em"
2577
+ height="1em"
2578
+ >
2579
+ <path
2580
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2581
+ />
2582
+ </svg>
2055
2583
  </span>
2056
2584
  <span class="pf-v6-c-menu__item-text">Deployment</span>
2057
2585
  </span>
@@ -2102,7 +2630,19 @@ cssPrefix: pf-v6-c-nav
2102
2630
  class="pf-v6-c-menu__item-text"
2103
2631
  >Advanced settings</span>
2104
2632
  <span class="pf-v6-c-menu__item-toggle-icon">
2105
- <i class="fas fa-angle-right"></i>
2633
+ <svg
2634
+ class="pf-v6-svg"
2635
+ viewBox="0 0 20 20"
2636
+ fill="currentColor"
2637
+ aria-hidden="true"
2638
+ role="img"
2639
+ width="1em"
2640
+ height="1em"
2641
+ >
2642
+ <path
2643
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2644
+ />
2645
+ </svg>
2106
2646
  </span>
2107
2647
  </span>
2108
2648
  </button>
@@ -2123,7 +2663,19 @@ cssPrefix: pf-v6-c-nav
2123
2663
  <span
2124
2664
  class="pf-v6-c-menu__item-toggle-icon"
2125
2665
  >
2126
- <i class="fas fa-angle-left"></i>
2666
+ <svg
2667
+ class="pf-v6-svg"
2668
+ viewBox="0 0 20 20"
2669
+ fill="currentColor"
2670
+ aria-hidden="true"
2671
+ role="img"
2672
+ width="1em"
2673
+ height="1em"
2674
+ >
2675
+ <path
2676
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2677
+ />
2678
+ </svg>
2127
2679
  </span>
2128
2680
  <span
2129
2681
  class="pf-v6-c-menu__item-text"
@@ -2188,7 +2740,19 @@ cssPrefix: pf-v6-c-nav
2188
2740
  <span class="pf-v6-c-menu__item-main">
2189
2741
  <span class="pf-v6-c-menu__item-text">RBAC</span>
2190
2742
  <span class="pf-v6-c-menu__item-toggle-icon">
2191
- <i class="fas fa-angle-right"></i>
2743
+ <svg
2744
+ class="pf-v6-svg"
2745
+ viewBox="0 0 20 20"
2746
+ fill="currentColor"
2747
+ aria-hidden="true"
2748
+ role="img"
2749
+ width="1em"
2750
+ height="1em"
2751
+ >
2752
+ <path
2753
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2754
+ />
2755
+ </svg>
2192
2756
  </span>
2193
2757
  </span>
2194
2758
  </button>
@@ -2206,7 +2770,19 @@ cssPrefix: pf-v6-c-nav
2206
2770
  >
2207
2771
  <span class="pf-v6-c-menu__item-main">
2208
2772
  <span class="pf-v6-c-menu__item-toggle-icon">
2209
- <i class="fas fa-angle-left"></i>
2773
+ <svg
2774
+ class="pf-v6-svg"
2775
+ viewBox="0 0 20 20"
2776
+ fill="currentColor"
2777
+ aria-hidden="true"
2778
+ role="img"
2779
+ width="1em"
2780
+ height="1em"
2781
+ >
2782
+ <path
2783
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2784
+ />
2785
+ </svg>
2210
2786
  </span>
2211
2787
  <span class="pf-v6-c-menu__item-text">RBAC</span>
2212
2788
  </span>
@@ -2276,7 +2852,19 @@ cssPrefix: pf-v6-c-nav
2276
2852
  <span class="pf-v6-c-menu__item-main">
2277
2853
  <span class="pf-v6-c-menu__item-text">Configuration</span>
2278
2854
  <span class="pf-v6-c-menu__item-toggle-icon">
2279
- <i class="fas fa-angle-right"></i>
2855
+ <svg
2856
+ class="pf-v6-svg"
2857
+ viewBox="0 0 20 20"
2858
+ fill="currentColor"
2859
+ aria-hidden="true"
2860
+ role="img"
2861
+ width="1em"
2862
+ height="1em"
2863
+ >
2864
+ <path
2865
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2866
+ />
2867
+ </svg>
2280
2868
  </span>
2281
2869
  </span>
2282
2870
  </button>
@@ -2291,7 +2879,19 @@ cssPrefix: pf-v6-c-nav
2291
2879
  >
2292
2880
  <span class="pf-v6-c-menu__item-main">
2293
2881
  <span class="pf-v6-c-menu__item-toggle-icon">
2294
- <i class="fas fa-angle-left"></i>
2882
+ <svg
2883
+ class="pf-v6-svg"
2884
+ viewBox="0 0 20 20"
2885
+ fill="currentColor"
2886
+ aria-hidden="true"
2887
+ role="img"
2888
+ width="1em"
2889
+ height="1em"
2890
+ >
2891
+ <path
2892
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2893
+ />
2894
+ </svg>
2295
2895
  </span>
2296
2896
  <span class="pf-v6-c-menu__item-text">Configuration</span>
2297
2897
  </span>
@@ -2307,7 +2907,19 @@ cssPrefix: pf-v6-c-nav
2307
2907
  <span class="pf-v6-c-menu__item-main">
2308
2908
  <span class="pf-v6-c-menu__item-text">Profile</span>
2309
2909
  <span class="pf-v6-c-menu__item-toggle-icon">
2310
- <i class="fas fa-angle-right"></i>
2910
+ <svg
2911
+ class="pf-v6-svg"
2912
+ viewBox="0 0 20 20"
2913
+ fill="currentColor"
2914
+ aria-hidden="true"
2915
+ role="img"
2916
+ width="1em"
2917
+ height="1em"
2918
+ >
2919
+ <path
2920
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2921
+ />
2922
+ </svg>
2311
2923
  </span>
2312
2924
  </span>
2313
2925
  </button>
@@ -2325,7 +2937,19 @@ cssPrefix: pf-v6-c-nav
2325
2937
  >
2326
2938
  <span class="pf-v6-c-menu__item-main">
2327
2939
  <span class="pf-v6-c-menu__item-toggle-icon">
2328
- <i class="fas fa-angle-left"></i>
2940
+ <svg
2941
+ class="pf-v6-svg"
2942
+ viewBox="0 0 20 20"
2943
+ fill="currentColor"
2944
+ aria-hidden="true"
2945
+ role="img"
2946
+ width="1em"
2947
+ height="1em"
2948
+ >
2949
+ <path
2950
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2951
+ />
2952
+ </svg>
2329
2953
  </span>
2330
2954
  <span class="pf-v6-c-menu__item-text">Profile</span>
2331
2955
  </span>
@@ -2413,7 +3037,19 @@ cssPrefix: pf-v6-c-nav
2413
3037
  <span class="pf-v6-c-menu__item-main">
2414
3038
  <span class="pf-v6-c-menu__item-text">Edit access settings</span>
2415
3039
  <span class="pf-v6-c-menu__item-toggle-icon">
2416
- <i class="fas fa-angle-right"></i>
3040
+ <svg
3041
+ class="pf-v6-svg"
3042
+ viewBox="0 0 20 20"
3043
+ fill="currentColor"
3044
+ aria-hidden="true"
3045
+ role="img"
3046
+ width="1em"
3047
+ height="1em"
3048
+ >
3049
+ <path
3050
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3051
+ />
3052
+ </svg>
2417
3053
  </span>
2418
3054
  </span>
2419
3055
  </button>
@@ -2431,7 +3067,19 @@ cssPrefix: pf-v6-c-nav
2431
3067
  >
2432
3068
  <span class="pf-v6-c-menu__item-main">
2433
3069
  <span class="pf-v6-c-menu__item-toggle-icon">
2434
- <i class="fas fa-angle-left"></i>
3070
+ <svg
3071
+ class="pf-v6-svg"
3072
+ viewBox="0 0 20 20"
3073
+ fill="currentColor"
3074
+ aria-hidden="true"
3075
+ role="img"
3076
+ width="1em"
3077
+ height="1em"
3078
+ >
3079
+ <path
3080
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
3081
+ />
3082
+ </svg>
2435
3083
  </span>
2436
3084
  <span
2437
3085
  class="pf-v6-c-menu__item-text"