@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.11

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 (221) hide show
  1. package/assets/images/img_avatar-rhds.svg +22 -0
  2. package/assets/images/pf-logo-avatar.jpg +0 -0
  3. package/base/normalize.scss +2 -0
  4. package/base/patternfly-common.css +2 -2
  5. package/base/patternfly-common.scss +1 -1
  6. package/base/patternfly-fa-icons.css +3 -3
  7. package/base/patternfly-fa-icons.scss +3 -3
  8. package/base/patternfly-variables.css +58 -56
  9. package/base/reset.scss +2 -0
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +9 -9
  15. package/base/tokens/tokens-default.scss +8 -8
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +8 -8
  18. package/base/tokens/tokens-felt-glass.scss +10 -9
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +8 -8
  23. package/base/tokens/tokens-glass.scss +10 -9
  24. package/base/tokens/tokens-highcontrast-dark.scss +8 -8
  25. package/base/tokens/tokens-highcontrast.scss +7 -7
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
  28. package/components/AboutModalBox/about-modal-box.css +1 -1
  29. package/components/AboutModalBox/about-modal-box.scss +1 -1
  30. package/components/Accordion/accordion.css +3 -3
  31. package/components/Accordion/accordion.scss +3 -3
  32. package/components/Alert/alert-group.css +1 -1
  33. package/components/Alert/alert-group.scss +1 -1
  34. package/components/Alert/alert.css +4 -3
  35. package/components/Alert/alert.scss +4 -3
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +9 -6
  41. package/components/Button/button.scss +10 -6
  42. package/components/Card/card.css +2 -2
  43. package/components/Card/card.scss +3 -3
  44. package/components/Check/check.css +1 -1
  45. package/components/Check/check.scss +1 -1
  46. package/components/ClipboardCopy/clipboard-copy.css +2 -2
  47. package/components/ClipboardCopy/clipboard-copy.scss +2 -2
  48. package/components/Compass/compass.css +7 -3
  49. package/components/Compass/compass.scss +7 -3
  50. package/components/Content/content.css +2 -2
  51. package/components/Content/content.scss +2 -2
  52. package/components/DataList/data-list.css +1 -1
  53. package/components/DataList/data-list.scss +1 -1
  54. package/components/DescriptionList/description-list.css +0 -1
  55. package/components/DescriptionList/description-list.scss +0 -1
  56. package/components/DragDrop/drag-drop.css +4 -0
  57. package/components/DragDrop/drag-drop.scss +4 -0
  58. package/components/Drawer/drawer.css +2 -2
  59. package/components/Drawer/drawer.scss +2 -2
  60. package/components/DualListSelector/dual-list-selector.css +6 -6
  61. package/components/DualListSelector/dual-list-selector.scss +6 -6
  62. package/components/ExpandableSection/expandable-section.css +3 -3
  63. package/components/ExpandableSection/expandable-section.scss +3 -3
  64. package/components/Form/form.css +12 -12
  65. package/components/Form/form.scss +6 -6
  66. package/components/FormControl/form-control.css +1 -1
  67. package/components/FormControl/form-control.scss +3 -1
  68. package/components/Hero/hero.css +1 -1
  69. package/components/Hero/hero.scss +1 -1
  70. package/components/Hint/hint.css +1 -1
  71. package/components/Hint/hint.scss +1 -1
  72. package/components/InputGroup/input-group.css +5 -5
  73. package/components/InputGroup/input-group.scss +5 -5
  74. package/components/JumpLinks/jump-links.css +1 -1
  75. package/components/JumpLinks/jump-links.scss +1 -1
  76. package/components/Label/label.css +1 -1
  77. package/components/Label/label.scss +1 -1
  78. package/components/Login/login.css +2 -2
  79. package/components/Login/login.scss +2 -2
  80. package/components/Masthead/masthead.css +2 -2
  81. package/components/Masthead/masthead.scss +2 -2
  82. package/components/Menu/menu.css +4 -4
  83. package/components/Menu/menu.scss +4 -4
  84. package/components/MenuToggle/menu-toggle.css +4 -1
  85. package/components/MenuToggle/menu-toggle.scss +5 -2
  86. package/components/ModalBox/modal-box.css +1 -1
  87. package/components/ModalBox/modal-box.scss +1 -1
  88. package/components/Nav/nav.css +5 -5
  89. package/components/Nav/nav.scss +5 -5
  90. package/components/NotificationDrawer/notification-drawer.css +5 -5
  91. package/components/NotificationDrawer/notification-drawer.scss +5 -5
  92. package/components/Page/page.css +26 -21
  93. package/components/Page/page.scss +30 -25
  94. package/components/Popover/popover.css +1 -1
  95. package/components/Popover/popover.scss +2 -2
  96. package/components/Progress/progress.css +3 -3
  97. package/components/Progress/progress.scss +3 -6
  98. package/components/ProgressStepper/progress-stepper.css +1 -1
  99. package/components/Radio/radio.css +1 -1
  100. package/components/Radio/radio.scss +1 -1
  101. package/components/Sidebar/sidebar.css +4 -7
  102. package/components/Sidebar/sidebar.scss +9 -9
  103. package/components/Spinner/spinner.css +2 -2
  104. package/components/Spinner/spinner.scss +2 -2
  105. package/components/Switch/switch.css +1 -1
  106. package/components/Switch/switch.scss +1 -1
  107. package/components/Table/table-tree-view.css +10 -10
  108. package/components/Table/table-tree-view.scss +2 -2
  109. package/components/Table/table.css +37 -10
  110. package/components/Table/table.scss +53 -14
  111. package/components/Tabs/tabs.css +3 -3
  112. package/components/Tabs/tabs.scss +3 -3
  113. package/components/TextInputGroup/text-input-group.css +1 -1
  114. package/components/TextInputGroup/text-input-group.scss +1 -1
  115. package/components/Title/title.css +1 -1
  116. package/components/Title/title.scss +1 -1
  117. package/components/Toolbar/toolbar.css +1 -1
  118. package/components/Toolbar/toolbar.scss +1 -1
  119. package/components/Tooltip/tooltip.css +1 -1
  120. package/components/Tooltip/tooltip.scss +2 -2
  121. package/components/TreeView/tree-view.css +5 -5
  122. package/components/TreeView/tree-view.scss +5 -5
  123. package/components/Wizard/wizard.css +5 -5
  124. package/components/Wizard/wizard.scss +5 -5
  125. package/components/_index.css +341 -154
  126. package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
  127. package/docs/components/Accordion/examples/Accordion.md +30 -30
  128. package/docs/components/ActionList/examples/ActionList.md +11 -11
  129. package/docs/components/Alert/examples/Alert.md +54 -54
  130. package/docs/components/Avatar/examples/Avatar.css +6 -0
  131. package/docs/components/Avatar/examples/Avatar.md +414 -40
  132. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  133. package/docs/components/Banner/examples/Banner.md +10 -10
  134. package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
  135. package/docs/components/Button/examples/Button.md +184 -184
  136. package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
  137. package/docs/components/Card/examples/Card.md +14 -14
  138. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
  139. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  140. package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
  141. package/docs/components/DataList/examples/DataList.md +34 -34
  142. package/docs/components/DatePicker/examples/DatePicker.md +6 -6
  143. package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
  144. package/docs/components/Drawer/examples/Drawer.md +23 -23
  145. package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
  146. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  147. package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
  148. package/docs/components/Form/examples/Form.md +6 -6
  149. package/docs/components/Hint/examples/Hint.md +3 -3
  150. package/docs/components/Icon/examples/Icon.md +9 -9
  151. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  152. package/docs/components/InputGroup/examples/InputGroup.md +4 -4
  153. package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
  154. package/docs/components/Label/examples/Label.md +218 -218
  155. package/docs/components/Login/examples/Login.md +4 -4
  156. package/docs/components/Masthead/examples/masthead.md +1 -1
  157. package/docs/components/Menu/examples/Menu.md +129 -129
  158. package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
  159. package/docs/components/ModalBox/examples/ModalBox.md +24 -24
  160. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
  161. package/docs/components/Nav/examples/Navigation.md +66 -66
  162. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
  163. package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
  164. package/docs/components/Page/examples/Page.md +1 -1
  165. package/docs/components/Pagination/examples/Pagination.md +92 -92
  166. package/docs/components/Popover/examples/Popover.md +22 -22
  167. package/docs/components/Progress/examples/Progress.md +7 -7
  168. package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
  169. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  170. package/docs/components/Slider/examples/Slider.md +4 -4
  171. package/docs/components/Table/examples/Table.css +6 -0
  172. package/docs/components/Table/examples/Table.md +807 -527
  173. package/docs/components/Tabs/examples/Tabs.md +378 -378
  174. package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
  175. package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
  176. package/docs/components/Toolbar/examples/Toolbar.md +117 -117
  177. package/docs/components/TreeView/examples/TreeView.md +104 -104
  178. package/docs/components/Wizard/examples/Wizard.md +40 -40
  179. package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
  180. package/docs/demos/Alert/examples/Alert.md +32 -32
  181. package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
  182. package/docs/demos/Banner/examples/Banner.md +16 -16
  183. package/docs/demos/Button/examples/Button.md +1 -1
  184. package/docs/demos/Card/examples/Card.md +78 -78
  185. package/docs/demos/CardView/examples/CardView.md +38 -38
  186. package/docs/demos/Compass/examples/Compass.md +294 -238
  187. package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
  188. package/docs/demos/DataList/examples/DataList.md +101 -101
  189. package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
  190. package/docs/demos/Drawer/examples/Drawer.md +40 -40
  191. package/docs/demos/Form/examples/BasicForms.md +21 -21
  192. package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
  193. package/docs/demos/Masthead/examples/Masthead.md +57 -57
  194. package/docs/demos/Modal/examples/Modal.md +54 -54
  195. package/docs/demos/Nav/examples/Nav.md +93 -93
  196. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
  197. package/docs/demos/Page/examples/Page.md +119 -119
  198. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
  199. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  200. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
  201. package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
  202. package/docs/demos/Table/examples/Table.md +630 -630
  203. package/docs/demos/Tabs/examples/Tabs.md +62 -62
  204. package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
  205. package/docs/demos/Wizard/examples/Wizard.md +100 -100
  206. package/layouts/Gallery/gallery.css +1 -1
  207. package/layouts/Gallery/gallery.scss +1 -1
  208. package/layouts/Grid/grid.css +1 -1
  209. package/layouts/Grid/grid.scss +1 -1
  210. package/layouts/_index.css +2 -2
  211. package/package.json +11 -12
  212. package/patternfly-addons.css +12 -12
  213. package/patternfly-base-no-globals.css +63 -61
  214. package/patternfly-base.css +63 -61
  215. package/patternfly-no-globals.css +406 -217
  216. package/patternfly.css +406 -217
  217. package/patternfly.min.css +1 -1
  218. package/patternfly.min.css.map +1 -1
  219. package/sass-utilities/mixins.scss +2 -2
  220. package/utilities/Accessibility/accessibility.css +12 -12
  221. package/utilities/_index.css +12 -12
package/docs/demos/Compass/examples/Compass.md CHANGED
@@ -120,8 +120,8 @@ This demo populates the main Compass section with a card view, which is one of t
120
120
  <span class="pf-v6-c-button__icon">
121
121
  <svg
122
122
  class="pf-v6-svg"
123
- viewBox="0 0 32 32"
124
123
  fill="currentColor"
124
+ viewBox="0 0 32 32"
125
125
  aria-hidden="true"
126
126
  role="img"
127
127
  width="1em"
@@ -149,8 +149,8 @@ This demo populates the main Compass section with a card view, which is one of t
149
149
  <span class="pf-v6-c-button__icon">
150
150
  <svg
151
151
  class="pf-v6-svg"
152
- viewBox="0 0 20 20"
153
152
  fill="currentColor"
153
+ viewBox="0 0 20 20"
154
154
  aria-hidden="true"
155
155
  role="img"
156
156
  width="1em"
@@ -250,8 +250,8 @@ This demo populates the main Compass section with a card view, which is one of t
250
250
  <span class="pf-v6-c-button__icon">
251
251
  <svg
252
252
  class="pf-v6-svg"
253
- viewBox="0 0 20 20"
254
253
  fill="currentColor"
254
+ viewBox="0 0 20 20"
255
255
  aria-hidden="true"
256
256
  role="img"
257
257
  width="1em"
@@ -275,8 +275,8 @@ This demo populates the main Compass section with a card view, which is one of t
275
275
  <span class="pf-v6-c-button__icon">
276
276
  <svg
277
277
  class="pf-v6-svg"
278
- viewBox="0 0 32 32"
279
278
  fill="currentColor"
279
+ viewBox="0 0 32 32"
280
280
  aria-hidden="true"
281
281
  role="img"
282
282
  width="1em"
@@ -312,8 +312,8 @@ This demo populates the main Compass section with a card view, which is one of t
312
312
  <span class="pf-v6-c-button__icon">
313
313
  <svg
314
314
  class="pf-v6-svg"
315
- viewBox="0 0 20 20"
316
315
  fill="currentColor"
316
+ viewBox="0 0 20 20"
317
317
  aria-hidden="true"
318
318
  role="img"
319
319
  width="1em"
@@ -416,8 +416,8 @@ This demo populates the main Compass section with a card view, which is one of t
416
416
  <span class="pf-v6-c-button__icon">
417
417
  <svg
418
418
  class="pf-v6-svg"
419
- viewBox="0 0 20 20"
420
419
  fill="currentColor"
420
+ viewBox="0 0 20 20"
421
421
  aria-hidden="true"
422
422
  role="img"
423
423
  width="1em"
@@ -444,26 +444,39 @@ This demo populates the main Compass section with a card view, which is one of t
444
444
  aria-expanded="false"
445
445
  >
446
446
  <span class="pf-v6-c-menu-toggle__icon">
447
- <img
448
- class="pf-v6-c-avatar pf-m-md"
449
- alt="Avatar image"
450
- src="/assets/images/img_avatar-light.svg"
451
- />
447
+ <div class="pf-v6-c-avatar pf-m-md" role="img" aria-hidden="true">
448
+ <svg
449
+ aria-hidden="true"
450
+ data-name="Layer 1"
451
+ xmlns="http://www.w3.org/2000/svg"
452
+ version="1.1"
453
+ viewBox="0 0 36 36"
454
+ >
455
+ <path
456
+ fill="currentColor"
457
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
458
+ />
459
+ <path
460
+ fill="currentColor"
461
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
462
+ />
463
+ </svg>
464
+ </div>
452
465
  </span>
453
466
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
454
467
  <span class="pf-v6-c-menu-toggle__controls">
455
468
  <span class="pf-v6-c-menu-toggle__toggle-icon">
456
469
  <svg
457
470
  class="pf-v6-svg"
458
- viewBox="0 0 20 20"
459
471
  fill="currentColor"
472
+ viewBox="0 0 20 20"
460
473
  aria-hidden="true"
461
474
  role="img"
462
475
  width="1em"
463
476
  height="1em"
464
477
  >
465
478
  <path
466
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
479
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
467
480
  />
468
481
  </svg>
469
482
  </span>
@@ -485,8 +498,8 @@ This demo populates the main Compass section with a card view, which is one of t
485
498
  <span class="pf-v6-c-button__icon">
486
499
  <svg
487
500
  class="pf-v6-svg"
488
- viewBox="0 0 32 32"
489
501
  fill="currentColor"
502
+ viewBox="0 0 32 32"
490
503
  aria-hidden="true"
491
504
  role="img"
492
505
  width="1em"
@@ -508,8 +521,8 @@ This demo populates the main Compass section with a card view, which is one of t
508
521
  <span class="pf-v6-c-button__icon">
509
522
  <svg
510
523
  class="pf-v6-svg"
511
- viewBox="0 0 32 32"
512
524
  fill="currentColor"
525
+ viewBox="0 0 32 32"
513
526
  aria-hidden="true"
514
527
  role="img"
515
528
  width="1em"
@@ -531,8 +544,8 @@ This demo populates the main Compass section with a card view, which is one of t
531
544
  <span class="pf-v6-c-button__icon">
532
545
  <svg
533
546
  class="pf-v6-svg"
534
- viewBox="0 0 32 32"
535
547
  fill="currentColor"
548
+ viewBox="0 0 32 32"
536
549
  aria-hidden="true"
537
550
  role="img"
538
551
  width="1em"
@@ -554,8 +567,8 @@ This demo populates the main Compass section with a card view, which is one of t
554
567
  <span class="pf-v6-c-button__icon">
555
568
  <svg
556
569
  class="pf-v6-svg"
557
- viewBox="0 0 32 32"
558
570
  fill="currentColor"
571
+ viewBox="0 0 32 32"
559
572
  aria-hidden="true"
560
573
  role="img"
561
574
  width="1em"
@@ -577,8 +590,8 @@ This demo populates the main Compass section with a card view, which is one of t
577
590
  <span class="pf-v6-c-button__icon">
578
591
  <svg
579
592
  class="pf-v6-svg"
580
- viewBox="0 0 32 32"
581
593
  fill="currentColor"
594
+ viewBox="0 0 32 32"
582
595
  aria-hidden="true"
583
596
  role="img"
584
597
  width="1em"
@@ -656,8 +669,8 @@ This demo populates the main Compass section with a card view, which is one of t
656
669
  <span class="pf-v6-c-menu-toggle__icon">
657
670
  <svg
658
671
  class="pf-v6-svg"
659
- viewBox="0 0 32 32"
660
672
  fill="currentColor"
673
+ viewBox="0 0 32 32"
661
674
  aria-hidden="true"
662
675
  role="img"
663
676
  width="1em"
@@ -698,15 +711,15 @@ This demo populates the main Compass section with a card view, which is one of t
698
711
  <span class="pf-v6-c-menu-toggle__toggle-icon">
699
712
  <svg
700
713
  class="pf-v6-svg"
701
- viewBox="0 0 20 20"
702
714
  fill="currentColor"
715
+ viewBox="0 0 20 20"
703
716
  aria-hidden="true"
704
717
  role="img"
705
718
  width="1em"
706
719
  height="1em"
707
720
  >
708
721
  <path
709
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
722
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
710
723
  />
711
724
  </svg>
712
725
  </span>
@@ -727,15 +740,15 @@ This demo populates the main Compass section with a card view, which is one of t
727
740
  <span class="pf-v6-c-menu-toggle__toggle-icon">
728
741
  <svg
729
742
  class="pf-v6-svg"
730
- viewBox="0 0 20 20"
731
743
  fill="currentColor"
744
+ viewBox="0 0 20 20"
732
745
  aria-hidden="true"
733
746
  role="img"
734
747
  width="1em"
735
748
  height="1em"
736
749
  >
737
750
  <path
738
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
751
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
739
752
  />
740
753
  </svg>
741
754
  </span>
@@ -777,8 +790,8 @@ This demo populates the main Compass section with a card view, which is one of t
777
790
  <span class="pf-v6-c-menu-toggle__icon">
778
791
  <svg
779
792
  class="pf-v6-svg"
780
- viewBox="0 0 32 32"
781
793
  fill="currentColor"
794
+ viewBox="0 0 32 32"
782
795
  aria-hidden="true"
783
796
  role="img"
784
797
  width="1em"
@@ -810,15 +823,15 @@ This demo populates the main Compass section with a card view, which is one of t
810
823
  <span class="pf-v6-c-menu-toggle__toggle-icon">
811
824
  <svg
812
825
  class="pf-v6-svg"
813
- viewBox="0 0 20 20"
814
826
  fill="currentColor"
827
+ viewBox="0 0 20 20"
815
828
  aria-hidden="true"
816
829
  role="img"
817
830
  width="1em"
818
831
  height="1em"
819
832
  >
820
833
  <path
821
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
834
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
822
835
  />
823
836
  </svg>
824
837
  </span>
@@ -841,8 +854,8 @@ This demo populates the main Compass section with a card view, which is one of t
841
854
  <span class="pf-v6-c-button__icon">
842
855
  <svg
843
856
  class="pf-v6-svg"
844
- viewBox="0 0 256 512"
845
857
  fill="currentColor"
858
+ viewBox="0 0 256 512"
846
859
  aria-hidden="true"
847
860
  role="img"
848
861
  width="1em"
@@ -866,8 +879,8 @@ This demo populates the main Compass section with a card view, which is one of t
866
879
  <span class="pf-v6-c-button__icon">
867
880
  <svg
868
881
  class="pf-v6-svg"
869
- viewBox="0 0 256 512"
870
882
  fill="currentColor"
883
+ viewBox="0 0 256 512"
871
884
  aria-hidden="true"
872
885
  role="img"
873
886
  width="1em"
@@ -903,8 +916,8 @@ This demo populates the main Compass section with a card view, which is one of t
903
916
  <div class="pf-v6-c-empty-state__icon">
904
917
  <svg
905
918
  class="pf-v6-svg"
906
- viewBox="0 0 32 32"
907
919
  fill="currentColor"
920
+ viewBox="0 0 32 32"
908
921
  aria-hidden="true"
909
922
  role="img"
910
923
  width="1em"
@@ -950,8 +963,8 @@ This demo populates the main Compass section with a card view, which is one of t
950
963
  <span class="pf-v6-c-menu-toggle__icon">
951
964
  <svg
952
965
  class="pf-v6-svg"
953
- viewBox="0 0 32 32"
954
966
  fill="currentColor"
967
+ viewBox="0 0 32 32"
955
968
  aria-hidden="true"
956
969
  role="img"
957
970
  width="1em"
@@ -1008,8 +1021,8 @@ This demo populates the main Compass section with a card view, which is one of t
1008
1021
  <span class="pf-v6-c-menu-toggle__icon">
1009
1022
  <svg
1010
1023
  class="pf-v6-svg"
1011
- viewBox="0 0 32 32"
1012
1024
  fill="currentColor"
1025
+ viewBox="0 0 32 32"
1013
1026
  aria-hidden="true"
1014
1027
  role="img"
1015
1028
  width="1em"
@@ -1066,8 +1079,8 @@ This demo populates the main Compass section with a card view, which is one of t
1066
1079
  <span class="pf-v6-c-menu-toggle__icon">
1067
1080
  <svg
1068
1081
  class="pf-v6-svg"
1069
- viewBox="0 0 32 32"
1070
1082
  fill="currentColor"
1083
+ viewBox="0 0 32 32"
1071
1084
  aria-hidden="true"
1072
1085
  role="img"
1073
1086
  width="1em"
@@ -1124,8 +1137,8 @@ This demo populates the main Compass section with a card view, which is one of t
1124
1137
  <span class="pf-v6-c-menu-toggle__icon">
1125
1138
  <svg
1126
1139
  class="pf-v6-svg"
1127
- viewBox="0 0 32 32"
1128
1140
  fill="currentColor"
1141
+ viewBox="0 0 32 32"
1129
1142
  aria-hidden="true"
1130
1143
  role="img"
1131
1144
  width="1em"
@@ -1182,8 +1195,8 @@ This demo populates the main Compass section with a card view, which is one of t
1182
1195
  <span class="pf-v6-c-menu-toggle__icon">
1183
1196
  <svg
1184
1197
  class="pf-v6-svg"
1185
- viewBox="0 0 32 32"
1186
1198
  fill="currentColor"
1199
+ viewBox="0 0 32 32"
1187
1200
  aria-hidden="true"
1188
1201
  role="img"
1189
1202
  width="1em"
@@ -1240,8 +1253,8 @@ This demo populates the main Compass section with a card view, which is one of t
1240
1253
  <span class="pf-v6-c-menu-toggle__icon">
1241
1254
  <svg
1242
1255
  class="pf-v6-svg"
1243
- viewBox="0 0 32 32"
1244
1256
  fill="currentColor"
1257
+ viewBox="0 0 32 32"
1245
1258
  aria-hidden="true"
1246
1259
  role="img"
1247
1260
  width="1em"
@@ -1299,8 +1312,8 @@ This demo populates the main Compass section with a card view, which is one of t
1299
1312
  <span class="pf-v6-c-menu-toggle__icon">
1300
1313
  <svg
1301
1314
  class="pf-v6-svg"
1302
- viewBox="0 0 32 32"
1303
1315
  fill="currentColor"
1316
+ viewBox="0 0 32 32"
1304
1317
  aria-hidden="true"
1305
1318
  role="img"
1306
1319
  width="1em"
@@ -1357,8 +1370,8 @@ This demo populates the main Compass section with a card view, which is one of t
1357
1370
  <span class="pf-v6-c-menu-toggle__icon">
1358
1371
  <svg
1359
1372
  class="pf-v6-svg"
1360
- viewBox="0 0 32 32"
1361
1373
  fill="currentColor"
1374
+ viewBox="0 0 32 32"
1362
1375
  aria-hidden="true"
1363
1376
  role="img"
1364
1377
  width="1em"
@@ -1415,8 +1428,8 @@ This demo populates the main Compass section with a card view, which is one of t
1415
1428
  <span class="pf-v6-c-menu-toggle__icon">
1416
1429
  <svg
1417
1430
  class="pf-v6-svg"
1418
- viewBox="0 0 32 32"
1419
1431
  fill="currentColor"
1432
+ viewBox="0 0 32 32"
1420
1433
  aria-hidden="true"
1421
1434
  role="img"
1422
1435
  width="1em"
@@ -1474,8 +1487,8 @@ This demo populates the main Compass section with a card view, which is one of t
1474
1487
  <span class="pf-v6-c-menu-toggle__icon">
1475
1488
  <svg
1476
1489
  class="pf-v6-svg"
1477
- viewBox="0 0 32 32"
1478
1490
  fill="currentColor"
1491
+ viewBox="0 0 32 32"
1479
1492
  aria-hidden="true"
1480
1493
  role="img"
1481
1494
  width="1em"
@@ -1539,8 +1552,8 @@ This demo populates the main Compass section with a card view, which is one of t
1539
1552
  <span class="pf-v6-c-button__icon">
1540
1553
  <svg
1541
1554
  class="pf-v6-svg"
1542
- viewBox="0 0 32 32"
1543
1555
  fill="currentColor"
1556
+ viewBox="0 0 32 32"
1544
1557
  aria-hidden="true"
1545
1558
  role="img"
1546
1559
  width="1em"
@@ -1562,8 +1575,8 @@ This demo populates the main Compass section with a card view, which is one of t
1562
1575
  <span class="pf-v6-c-button__icon">
1563
1576
  <svg
1564
1577
  class="pf-v6-svg"
1565
- viewBox="0 0 32 32"
1566
1578
  fill="currentColor"
1579
+ viewBox="0 0 32 32"
1567
1580
  aria-hidden="true"
1568
1581
  role="img"
1569
1582
  width="1em"
@@ -1585,8 +1598,8 @@ This demo populates the main Compass section with a card view, which is one of t
1585
1598
  <span class="pf-v6-c-button__icon">
1586
1599
  <svg
1587
1600
  class="pf-v6-svg"
1588
- viewBox="0 0 32 32"
1589
1601
  fill="currentColor"
1602
+ viewBox="0 0 32 32"
1590
1603
  aria-hidden="true"
1591
1604
  role="img"
1592
1605
  width="1em"
@@ -1608,8 +1621,8 @@ This demo populates the main Compass section with a card view, which is one of t
1608
1621
  <span class="pf-v6-c-button__icon">
1609
1622
  <svg
1610
1623
  class="pf-v6-svg"
1611
- viewBox="0 0 32 32"
1612
1624
  fill="currentColor"
1625
+ viewBox="0 0 32 32"
1613
1626
  aria-hidden="true"
1614
1627
  role="img"
1615
1628
  width="1em"
@@ -1631,8 +1644,8 @@ This demo populates the main Compass section with a card view, which is one of t
1631
1644
  <span class="pf-v6-c-button__icon">
1632
1645
  <svg
1633
1646
  class="pf-v6-svg"
1634
- viewBox="0 0 32 32"
1635
1647
  fill="currentColor"
1648
+ viewBox="0 0 32 32"
1636
1649
  aria-hidden="true"
1637
1650
  role="img"
1638
1651
  width="1em"
@@ -1771,8 +1784,8 @@ This demo populates the main Compass section with a dashboard, which is often us
1771
1784
  <span class="pf-v6-c-button__icon">
1772
1785
  <svg
1773
1786
  class="pf-v6-svg"
1774
- viewBox="0 0 32 32"
1775
1787
  fill="currentColor"
1788
+ viewBox="0 0 32 32"
1776
1789
  aria-hidden="true"
1777
1790
  role="img"
1778
1791
  width="1em"
@@ -1800,8 +1813,8 @@ This demo populates the main Compass section with a dashboard, which is often us
1800
1813
  <span class="pf-v6-c-button__icon">
1801
1814
  <svg
1802
1815
  class="pf-v6-svg"
1803
- viewBox="0 0 20 20"
1804
1816
  fill="currentColor"
1817
+ viewBox="0 0 20 20"
1805
1818
  aria-hidden="true"
1806
1819
  role="img"
1807
1820
  width="1em"
@@ -1901,8 +1914,8 @@ This demo populates the main Compass section with a dashboard, which is often us
1901
1914
  <span class="pf-v6-c-button__icon">
1902
1915
  <svg
1903
1916
  class="pf-v6-svg"
1904
- viewBox="0 0 20 20"
1905
1917
  fill="currentColor"
1918
+ viewBox="0 0 20 20"
1906
1919
  aria-hidden="true"
1907
1920
  role="img"
1908
1921
  width="1em"
@@ -1926,8 +1939,8 @@ This demo populates the main Compass section with a dashboard, which is often us
1926
1939
  <span class="pf-v6-c-button__icon">
1927
1940
  <svg
1928
1941
  class="pf-v6-svg"
1929
- viewBox="0 0 32 32"
1930
1942
  fill="currentColor"
1943
+ viewBox="0 0 32 32"
1931
1944
  aria-hidden="true"
1932
1945
  role="img"
1933
1946
  width="1em"
@@ -1963,8 +1976,8 @@ This demo populates the main Compass section with a dashboard, which is often us
1963
1976
  <span class="pf-v6-c-button__icon">
1964
1977
  <svg
1965
1978
  class="pf-v6-svg"
1966
- viewBox="0 0 20 20"
1967
1979
  fill="currentColor"
1980
+ viewBox="0 0 20 20"
1968
1981
  aria-hidden="true"
1969
1982
  role="img"
1970
1983
  width="1em"
@@ -2067,8 +2080,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2067
2080
  <span class="pf-v6-c-button__icon">
2068
2081
  <svg
2069
2082
  class="pf-v6-svg"
2070
- viewBox="0 0 20 20"
2071
2083
  fill="currentColor"
2084
+ viewBox="0 0 20 20"
2072
2085
  aria-hidden="true"
2073
2086
  role="img"
2074
2087
  width="1em"
@@ -2095,26 +2108,39 @@ This demo populates the main Compass section with a dashboard, which is often us
2095
2108
  aria-expanded="false"
2096
2109
  >
2097
2110
  <span class="pf-v6-c-menu-toggle__icon">
2098
- <img
2099
- class="pf-v6-c-avatar pf-m-md"
2100
- alt="Avatar image"
2101
- src="/assets/images/img_avatar-light.svg"
2102
- />
2111
+ <div class="pf-v6-c-avatar pf-m-md" role="img" aria-hidden="true">
2112
+ <svg
2113
+ aria-hidden="true"
2114
+ data-name="Layer 1"
2115
+ xmlns="http://www.w3.org/2000/svg"
2116
+ version="1.1"
2117
+ viewBox="0 0 36 36"
2118
+ >
2119
+ <path
2120
+ fill="currentColor"
2121
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
2122
+ />
2123
+ <path
2124
+ fill="currentColor"
2125
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
2126
+ />
2127
+ </svg>
2128
+ </div>
2103
2129
  </span>
2104
2130
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
2105
2131
  <span class="pf-v6-c-menu-toggle__controls">
2106
2132
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2107
2133
  <svg
2108
2134
  class="pf-v6-svg"
2109
- viewBox="0 0 20 20"
2110
2135
  fill="currentColor"
2136
+ viewBox="0 0 20 20"
2111
2137
  aria-hidden="true"
2112
2138
  role="img"
2113
2139
  width="1em"
2114
2140
  height="1em"
2115
2141
  >
2116
2142
  <path
2117
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2143
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
2118
2144
  />
2119
2145
  </svg>
2120
2146
  </span>
@@ -2136,8 +2162,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2136
2162
  <span class="pf-v6-c-button__icon">
2137
2163
  <svg
2138
2164
  class="pf-v6-svg"
2139
- viewBox="0 0 32 32"
2140
2165
  fill="currentColor"
2166
+ viewBox="0 0 32 32"
2141
2167
  aria-hidden="true"
2142
2168
  role="img"
2143
2169
  width="1em"
@@ -2159,8 +2185,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2159
2185
  <span class="pf-v6-c-button__icon">
2160
2186
  <svg
2161
2187
  class="pf-v6-svg"
2162
- viewBox="0 0 32 32"
2163
2188
  fill="currentColor"
2189
+ viewBox="0 0 32 32"
2164
2190
  aria-hidden="true"
2165
2191
  role="img"
2166
2192
  width="1em"
@@ -2182,8 +2208,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2182
2208
  <span class="pf-v6-c-button__icon">
2183
2209
  <svg
2184
2210
  class="pf-v6-svg"
2185
- viewBox="0 0 32 32"
2186
2211
  fill="currentColor"
2212
+ viewBox="0 0 32 32"
2187
2213
  aria-hidden="true"
2188
2214
  role="img"
2189
2215
  width="1em"
@@ -2205,8 +2231,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2205
2231
  <span class="pf-v6-c-button__icon">
2206
2232
  <svg
2207
2233
  class="pf-v6-svg"
2208
- viewBox="0 0 32 32"
2209
2234
  fill="currentColor"
2235
+ viewBox="0 0 32 32"
2210
2236
  aria-hidden="true"
2211
2237
  role="img"
2212
2238
  width="1em"
@@ -2228,8 +2254,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2228
2254
  <span class="pf-v6-c-button__icon">
2229
2255
  <svg
2230
2256
  class="pf-v6-svg"
2231
- viewBox="0 0 32 32"
2232
2257
  fill="currentColor"
2258
+ viewBox="0 0 32 32"
2233
2259
  aria-hidden="true"
2234
2260
  role="img"
2235
2261
  width="1em"
@@ -2306,8 +2332,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2306
2332
  <span class="pf-v6-c-icon__content pf-m-success">
2307
2333
  <svg
2308
2334
  class="pf-v6-svg"
2309
- viewBox="0 0 32 32"
2310
2335
  fill="currentColor"
2336
+ viewBox="0 0 32 32"
2311
2337
  aria-hidden="true"
2312
2338
  role="img"
2313
2339
  width="1em"
@@ -2330,8 +2356,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2330
2356
  <span class="pf-v6-c-icon__content pf-m-danger">
2331
2357
  <svg
2332
2358
  class="pf-v6-svg"
2333
- viewBox="0 0 32 32"
2334
2359
  fill="currentColor"
2360
+ viewBox="0 0 32 32"
2335
2361
  aria-hidden="true"
2336
2362
  role="img"
2337
2363
  width="1em"
@@ -2356,8 +2382,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2356
2382
  <span class="pf-v6-c-icon__content pf-m-danger">
2357
2383
  <svg
2358
2384
  class="pf-v6-svg"
2359
- viewBox="0 0 32 32"
2360
2385
  fill="currentColor"
2386
+ viewBox="0 0 32 32"
2361
2387
  aria-hidden="true"
2362
2388
  role="img"
2363
2389
  width="1em"
@@ -2387,8 +2413,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2387
2413
  <span class="pf-v6-c-icon__content pf-m-success">
2388
2414
  <svg
2389
2415
  class="pf-v6-svg"
2390
- viewBox="0 0 32 32"
2391
2416
  fill="currentColor"
2417
+ viewBox="0 0 32 32"
2392
2418
  aria-hidden="true"
2393
2419
  role="img"
2394
2420
  width="1em"
@@ -2418,8 +2444,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2418
2444
  <span class="pf-v6-c-icon__content pf-m-success">
2419
2445
  <svg
2420
2446
  class="pf-v6-svg"
2421
- viewBox="0 0 32 32"
2422
2447
  fill="currentColor"
2448
+ viewBox="0 0 32 32"
2423
2449
  aria-hidden="true"
2424
2450
  role="img"
2425
2451
  width="1em"
@@ -2449,8 +2475,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2449
2475
  <span class="pf-v6-c-icon__content pf-m-success">
2450
2476
  <svg
2451
2477
  class="pf-v6-svg"
2452
- viewBox="0 0 32 32"
2453
2478
  fill="currentColor"
2479
+ viewBox="0 0 32 32"
2454
2480
  aria-hidden="true"
2455
2481
  role="img"
2456
2482
  width="1em"
@@ -2477,8 +2503,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2477
2503
  <span class="pf-v6-c-icon__content pf-m-success">
2478
2504
  <svg
2479
2505
  class="pf-v6-svg"
2480
- viewBox="0 0 32 32"
2481
2506
  fill="currentColor"
2507
+ viewBox="0 0 32 32"
2482
2508
  aria-hidden="true"
2483
2509
  role="img"
2484
2510
  width="1em"
@@ -2519,15 +2545,15 @@ This demo populates the main Compass section with a dashboard, which is often us
2519
2545
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2520
2546
  <svg
2521
2547
  class="pf-v6-svg"
2522
- viewBox="0 0 20 20"
2523
2548
  fill="currentColor"
2549
+ viewBox="0 0 20 20"
2524
2550
  aria-hidden="true"
2525
2551
  role="img"
2526
2552
  width="1em"
2527
2553
  height="1em"
2528
2554
  >
2529
2555
  <path
2530
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2556
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
2531
2557
  />
2532
2558
  </svg>
2533
2559
  </span>
@@ -2558,8 +2584,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2558
2584
  <span class="pf-v6-c-card__header-toggle-icon">
2559
2585
  <svg
2560
2586
  class="pf-v6-svg"
2561
- viewBox="0 0 20 20"
2562
2587
  fill="currentColor"
2588
+ viewBox="0 0 20 20"
2563
2589
  aria-hidden="true"
2564
2590
  role="img"
2565
2591
  width="1em"
@@ -2681,8 +2707,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2681
2707
  <span class="pf-v6-c-card__header-toggle-icon">
2682
2708
  <svg
2683
2709
  class="pf-v6-svg"
2684
- viewBox="0 0 20 20"
2685
2710
  fill="currentColor"
2711
+ viewBox="0 0 20 20"
2686
2712
  aria-hidden="true"
2687
2713
  role="img"
2688
2714
  width="1em"
@@ -2721,8 +2747,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2721
2747
  <span class="pf-v6-c-card__header-toggle-icon">
2722
2748
  <svg
2723
2749
  class="pf-v6-svg"
2724
- viewBox="0 0 20 20"
2725
2750
  fill="currentColor"
2751
+ viewBox="0 0 20 20"
2726
2752
  aria-hidden="true"
2727
2753
  role="img"
2728
2754
  width="1em"
@@ -2910,8 +2936,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2910
2936
  >
2911
2937
  <svg
2912
2938
  class="pf-v6-svg"
2913
- viewBox="0 0 32 32"
2914
2939
  fill="currentColor"
2940
+ viewBox="0 0 32 32"
2915
2941
  aria-hidden="true"
2916
2942
  role="img"
2917
2943
  width="1em"
@@ -2948,8 +2974,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2948
2974
  >
2949
2975
  <svg
2950
2976
  class="pf-v6-svg"
2951
- viewBox="0 0 32 32"
2952
2977
  fill="currentColor"
2978
+ viewBox="0 0 32 32"
2953
2979
  aria-hidden="true"
2954
2980
  role="img"
2955
2981
  width="1em"
@@ -2986,8 +3012,8 @@ This demo populates the main Compass section with a dashboard, which is often us
2986
3012
  >
2987
3013
  <svg
2988
3014
  class="pf-v6-svg"
2989
- viewBox="0 0 32 32"
2990
3015
  fill="currentColor"
3016
+ viewBox="0 0 32 32"
2991
3017
  aria-hidden="true"
2992
3018
  role="img"
2993
3019
  width="1em"
@@ -3024,8 +3050,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3024
3050
  >
3025
3051
  <svg
3026
3052
  class="pf-v6-svg"
3027
- viewBox="0 0 32 32"
3028
3053
  fill="currentColor"
3054
+ viewBox="0 0 32 32"
3029
3055
  aria-hidden="true"
3030
3056
  role="img"
3031
3057
  width="1em"
@@ -3062,8 +3088,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3062
3088
  >
3063
3089
  <svg
3064
3090
  class="pf-v6-svg"
3065
- viewBox="0 0 32 32"
3066
3091
  fill="currentColor"
3092
+ viewBox="0 0 32 32"
3067
3093
  aria-hidden="true"
3068
3094
  role="img"
3069
3095
  width="1em"
@@ -3108,15 +3134,15 @@ This demo populates the main Compass section with a dashboard, which is often us
3108
3134
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3109
3135
  <svg
3110
3136
  class="pf-v6-svg"
3111
- viewBox="0 0 20 20"
3112
3137
  fill="currentColor"
3138
+ viewBox="0 0 20 20"
3113
3139
  aria-hidden="true"
3114
3140
  role="img"
3115
3141
  width="1em"
3116
3142
  height="1em"
3117
3143
  >
3118
3144
  <path
3119
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3145
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
3120
3146
  />
3121
3147
  </svg>
3122
3148
  </span>
@@ -3144,8 +3170,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3144
3170
  <span class="pf-v6-c-icon__content pf-m-danger">
3145
3171
  <svg
3146
3172
  class="pf-v6-svg"
3147
- viewBox="0 0 32 32"
3148
3173
  fill="currentColor"
3174
+ viewBox="0 0 32 32"
3149
3175
  aria-hidden="true"
3150
3176
  role="img"
3151
3177
  width="1em"
@@ -3182,8 +3208,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3182
3208
  <span class="pf-v6-c-icon__content pf-m-success">
3183
3209
  <svg
3184
3210
  class="pf-v6-svg"
3185
- viewBox="0 0 32 32"
3186
3211
  fill="currentColor"
3212
+ viewBox="0 0 32 32"
3187
3213
  aria-hidden="true"
3188
3214
  role="img"
3189
3215
  width="1em"
@@ -3255,8 +3281,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3255
3281
  <span class="pf-v6-c-icon__content pf-m-success">
3256
3282
  <svg
3257
3283
  class="pf-v6-svg"
3258
- viewBox="0 0 32 32"
3259
3284
  fill="currentColor"
3285
+ viewBox="0 0 32 32"
3260
3286
  aria-hidden="true"
3261
3287
  role="img"
3262
3288
  width="1em"
@@ -3294,8 +3320,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3294
3320
  <span class="pf-v6-c-icon__content pf-m-warning">
3295
3321
  <svg
3296
3322
  class="pf-v6-svg"
3297
- viewBox="0 0 32 32"
3298
3323
  fill="currentColor"
3324
+ viewBox="0 0 32 32"
3299
3325
  aria-hidden="true"
3300
3326
  role="img"
3301
3327
  width="1em"
@@ -3335,8 +3361,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3335
3361
  <span class="pf-v6-c-icon__content pf-m-danger">
3336
3362
  <svg
3337
3363
  class="pf-v6-svg"
3338
- viewBox="0 0 32 32"
3339
3364
  fill="currentColor"
3365
+ viewBox="0 0 32 32"
3340
3366
  aria-hidden="true"
3341
3367
  role="img"
3342
3368
  width="1em"
@@ -3374,8 +3400,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3374
3400
  <span class="pf-v6-c-icon__content pf-m-success">
3375
3401
  <svg
3376
3402
  class="pf-v6-svg"
3377
- viewBox="0 0 32 32"
3378
3403
  fill="currentColor"
3404
+ viewBox="0 0 32 32"
3379
3405
  aria-hidden="true"
3380
3406
  role="img"
3381
3407
  width="1em"
@@ -3413,8 +3439,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3413
3439
  <span class="pf-v6-c-icon__content pf-m-success">
3414
3440
  <svg
3415
3441
  class="pf-v6-svg"
3416
- viewBox="0 0 32 32"
3417
3442
  fill="currentColor"
3443
+ viewBox="0 0 32 32"
3418
3444
  aria-hidden="true"
3419
3445
  role="img"
3420
3446
  width="1em"
@@ -3476,8 +3502,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3476
3502
  <span class="pf-v6-c-button__icon">
3477
3503
  <svg
3478
3504
  class="pf-v6-svg"
3479
- viewBox="0 0 32 32"
3480
3505
  fill="currentColor"
3506
+ viewBox="0 0 32 32"
3481
3507
  aria-hidden="true"
3482
3508
  role="img"
3483
3509
  width="1em"
@@ -3499,8 +3525,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3499
3525
  <span class="pf-v6-c-button__icon">
3500
3526
  <svg
3501
3527
  class="pf-v6-svg"
3502
- viewBox="0 0 32 32"
3503
3528
  fill="currentColor"
3529
+ viewBox="0 0 32 32"
3504
3530
  aria-hidden="true"
3505
3531
  role="img"
3506
3532
  width="1em"
@@ -3522,8 +3548,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3522
3548
  <span class="pf-v6-c-button__icon">
3523
3549
  <svg
3524
3550
  class="pf-v6-svg"
3525
- viewBox="0 0 32 32"
3526
3551
  fill="currentColor"
3552
+ viewBox="0 0 32 32"
3527
3553
  aria-hidden="true"
3528
3554
  role="img"
3529
3555
  width="1em"
@@ -3545,8 +3571,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3545
3571
  <span class="pf-v6-c-button__icon">
3546
3572
  <svg
3547
3573
  class="pf-v6-svg"
3548
- viewBox="0 0 32 32"
3549
3574
  fill="currentColor"
3575
+ viewBox="0 0 32 32"
3550
3576
  aria-hidden="true"
3551
3577
  role="img"
3552
3578
  width="1em"
@@ -3568,8 +3594,8 @@ This demo populates the main Compass section with a dashboard, which is often us
3568
3594
  <span class="pf-v6-c-button__icon">
3569
3595
  <svg
3570
3596
  class="pf-v6-svg"
3571
- viewBox="0 0 32 32"
3572
3597
  fill="currentColor"
3598
+ viewBox="0 0 32 32"
3573
3599
  aria-hidden="true"
3574
3600
  role="img"
3575
3601
  width="1em"
@@ -3707,8 +3733,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
3707
3733
  <span class="pf-v6-c-button__icon">
3708
3734
  <svg
3709
3735
  class="pf-v6-svg"
3710
- viewBox="0 0 32 32"
3711
3736
  fill="currentColor"
3737
+ viewBox="0 0 32 32"
3712
3738
  aria-hidden="true"
3713
3739
  role="img"
3714
3740
  width="1em"
@@ -3736,8 +3762,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
3736
3762
  <span class="pf-v6-c-button__icon">
3737
3763
  <svg
3738
3764
  class="pf-v6-svg"
3739
- viewBox="0 0 20 20"
3740
3765
  fill="currentColor"
3766
+ viewBox="0 0 20 20"
3741
3767
  aria-hidden="true"
3742
3768
  role="img"
3743
3769
  width="1em"
@@ -3837,8 +3863,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
3837
3863
  <span class="pf-v6-c-button__icon">
3838
3864
  <svg
3839
3865
  class="pf-v6-svg"
3840
- viewBox="0 0 20 20"
3841
3866
  fill="currentColor"
3867
+ viewBox="0 0 20 20"
3842
3868
  aria-hidden="true"
3843
3869
  role="img"
3844
3870
  width="1em"
@@ -3862,8 +3888,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
3862
3888
  <span class="pf-v6-c-button__icon">
3863
3889
  <svg
3864
3890
  class="pf-v6-svg"
3865
- viewBox="0 0 32 32"
3866
3891
  fill="currentColor"
3892
+ viewBox="0 0 32 32"
3867
3893
  aria-hidden="true"
3868
3894
  role="img"
3869
3895
  width="1em"
@@ -3899,8 +3925,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
3899
3925
  <span class="pf-v6-c-button__icon">
3900
3926
  <svg
3901
3927
  class="pf-v6-svg"
3902
- viewBox="0 0 20 20"
3903
3928
  fill="currentColor"
3929
+ viewBox="0 0 20 20"
3904
3930
  aria-hidden="true"
3905
3931
  role="img"
3906
3932
  width="1em"
@@ -4003,8 +4029,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4003
4029
  <span class="pf-v6-c-button__icon">
4004
4030
  <svg
4005
4031
  class="pf-v6-svg"
4006
- viewBox="0 0 20 20"
4007
4032
  fill="currentColor"
4033
+ viewBox="0 0 20 20"
4008
4034
  aria-hidden="true"
4009
4035
  role="img"
4010
4036
  width="1em"
@@ -4031,26 +4057,39 @@ Without a glass panel component wrapping all of the content, there is no rounded
4031
4057
  aria-expanded="false"
4032
4058
  >
4033
4059
  <span class="pf-v6-c-menu-toggle__icon">
4034
- <img
4035
- class="pf-v6-c-avatar pf-m-md"
4036
- alt="Avatar image"
4037
- src="/assets/images/img_avatar-light.svg"
4038
- />
4060
+ <div class="pf-v6-c-avatar pf-m-md" role="img" aria-hidden="true">
4061
+ <svg
4062
+ aria-hidden="true"
4063
+ data-name="Layer 1"
4064
+ xmlns="http://www.w3.org/2000/svg"
4065
+ version="1.1"
4066
+ viewBox="0 0 36 36"
4067
+ >
4068
+ <path
4069
+ fill="currentColor"
4070
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
4071
+ />
4072
+ <path
4073
+ fill="currentColor"
4074
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
4075
+ />
4076
+ </svg>
4077
+ </div>
4039
4078
  </span>
4040
4079
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
4041
4080
  <span class="pf-v6-c-menu-toggle__controls">
4042
4081
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4043
4082
  <svg
4044
4083
  class="pf-v6-svg"
4045
- viewBox="0 0 20 20"
4046
4084
  fill="currentColor"
4085
+ viewBox="0 0 20 20"
4047
4086
  aria-hidden="true"
4048
4087
  role="img"
4049
4088
  width="1em"
4050
4089
  height="1em"
4051
4090
  >
4052
4091
  <path
4053
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4092
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4054
4093
  />
4055
4094
  </svg>
4056
4095
  </span>
@@ -4072,8 +4111,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4072
4111
  <span class="pf-v6-c-button__icon">
4073
4112
  <svg
4074
4113
  class="pf-v6-svg"
4075
- viewBox="0 0 32 32"
4076
4114
  fill="currentColor"
4115
+ viewBox="0 0 32 32"
4077
4116
  aria-hidden="true"
4078
4117
  role="img"
4079
4118
  width="1em"
@@ -4095,8 +4134,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4095
4134
  <span class="pf-v6-c-button__icon">
4096
4135
  <svg
4097
4136
  class="pf-v6-svg"
4098
- viewBox="0 0 32 32"
4099
4137
  fill="currentColor"
4138
+ viewBox="0 0 32 32"
4100
4139
  aria-hidden="true"
4101
4140
  role="img"
4102
4141
  width="1em"
@@ -4118,8 +4157,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4118
4157
  <span class="pf-v6-c-button__icon">
4119
4158
  <svg
4120
4159
  class="pf-v6-svg"
4121
- viewBox="0 0 32 32"
4122
4160
  fill="currentColor"
4161
+ viewBox="0 0 32 32"
4123
4162
  aria-hidden="true"
4124
4163
  role="img"
4125
4164
  width="1em"
@@ -4141,8 +4180,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4141
4180
  <span class="pf-v6-c-button__icon">
4142
4181
  <svg
4143
4182
  class="pf-v6-svg"
4144
- viewBox="0 0 32 32"
4145
4183
  fill="currentColor"
4184
+ viewBox="0 0 32 32"
4146
4185
  aria-hidden="true"
4147
4186
  role="img"
4148
4187
  width="1em"
@@ -4164,8 +4203,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4164
4203
  <span class="pf-v6-c-button__icon">
4165
4204
  <svg
4166
4205
  class="pf-v6-svg"
4167
- viewBox="0 0 32 32"
4168
4206
  fill="currentColor"
4207
+ viewBox="0 0 32 32"
4169
4208
  aria-hidden="true"
4170
4209
  role="img"
4171
4210
  width="1em"
@@ -4247,8 +4286,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4247
4286
  <span class="pf-v6-c-menu-toggle__icon">
4248
4287
  <svg
4249
4288
  class="pf-v6-svg"
4250
- viewBox="0 0 32 32"
4251
4289
  fill="currentColor"
4290
+ viewBox="0 0 32 32"
4252
4291
  aria-hidden="true"
4253
4292
  role="img"
4254
4293
  width="1em"
@@ -4291,15 +4330,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
4291
4330
  >
4292
4331
  <svg
4293
4332
  class="pf-v6-svg"
4294
- viewBox="0 0 20 20"
4295
4333
  fill="currentColor"
4334
+ viewBox="0 0 20 20"
4296
4335
  aria-hidden="true"
4297
4336
  role="img"
4298
4337
  width="1em"
4299
4338
  height="1em"
4300
4339
  >
4301
4340
  <path
4302
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4341
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4303
4342
  />
4304
4343
  </svg>
4305
4344
  </span>
@@ -4320,15 +4359,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
4320
4359
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4321
4360
  <svg
4322
4361
  class="pf-v6-svg"
4323
- viewBox="0 0 20 20"
4324
4362
  fill="currentColor"
4363
+ viewBox="0 0 20 20"
4325
4364
  aria-hidden="true"
4326
4365
  role="img"
4327
4366
  width="1em"
4328
4367
  height="1em"
4329
4368
  >
4330
4369
  <path
4331
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4370
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4332
4371
  />
4333
4372
  </svg>
4334
4373
  </span>
@@ -4370,8 +4409,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4370
4409
  <span class="pf-v6-c-menu-toggle__icon">
4371
4410
  <svg
4372
4411
  class="pf-v6-svg"
4373
- viewBox="0 0 32 32"
4374
4412
  fill="currentColor"
4413
+ viewBox="0 0 32 32"
4375
4414
  aria-hidden="true"
4376
4415
  role="img"
4377
4416
  width="1em"
@@ -4405,15 +4444,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
4405
4444
  >
4406
4445
  <svg
4407
4446
  class="pf-v6-svg"
4408
- viewBox="0 0 20 20"
4409
4447
  fill="currentColor"
4448
+ viewBox="0 0 20 20"
4410
4449
  aria-hidden="true"
4411
4450
  role="img"
4412
4451
  width="1em"
4413
4452
  height="1em"
4414
4453
  >
4415
4454
  <path
4416
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4455
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4417
4456
  />
4418
4457
  </svg>
4419
4458
  </span>
@@ -4436,8 +4475,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4436
4475
  <span class="pf-v6-c-button__icon">
4437
4476
  <svg
4438
4477
  class="pf-v6-svg"
4439
- viewBox="0 0 256 512"
4440
4478
  fill="currentColor"
4479
+ viewBox="0 0 256 512"
4441
4480
  aria-hidden="true"
4442
4481
  role="img"
4443
4482
  width="1em"
@@ -4461,8 +4500,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4461
4500
  <span class="pf-v6-c-button__icon">
4462
4501
  <svg
4463
4502
  class="pf-v6-svg"
4464
- viewBox="0 0 256 512"
4465
4503
  fill="currentColor"
4504
+ viewBox="0 0 256 512"
4466
4505
  aria-hidden="true"
4467
4506
  role="img"
4468
4507
  width="1em"
@@ -4498,8 +4537,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4498
4537
  <div class="pf-v6-c-empty-state__icon">
4499
4538
  <svg
4500
4539
  class="pf-v6-svg"
4501
- viewBox="0 0 32 32"
4502
4540
  fill="currentColor"
4541
+ viewBox="0 0 32 32"
4503
4542
  aria-hidden="true"
4504
4543
  role="img"
4505
4544
  width="1em"
@@ -4545,8 +4584,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4545
4584
  <span class="pf-v6-c-menu-toggle__icon">
4546
4585
  <svg
4547
4586
  class="pf-v6-svg"
4548
- viewBox="0 0 32 32"
4549
4587
  fill="currentColor"
4588
+ viewBox="0 0 32 32"
4550
4589
  aria-hidden="true"
4551
4590
  role="img"
4552
4591
  width="1em"
@@ -4603,8 +4642,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4603
4642
  <span class="pf-v6-c-menu-toggle__icon">
4604
4643
  <svg
4605
4644
  class="pf-v6-svg"
4606
- viewBox="0 0 32 32"
4607
4645
  fill="currentColor"
4646
+ viewBox="0 0 32 32"
4608
4647
  aria-hidden="true"
4609
4648
  role="img"
4610
4649
  width="1em"
@@ -4661,8 +4700,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4661
4700
  <span class="pf-v6-c-menu-toggle__icon">
4662
4701
  <svg
4663
4702
  class="pf-v6-svg"
4664
- viewBox="0 0 32 32"
4665
4703
  fill="currentColor"
4704
+ viewBox="0 0 32 32"
4666
4705
  aria-hidden="true"
4667
4706
  role="img"
4668
4707
  width="1em"
@@ -4719,8 +4758,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4719
4758
  <span class="pf-v6-c-menu-toggle__icon">
4720
4759
  <svg
4721
4760
  class="pf-v6-svg"
4722
- viewBox="0 0 32 32"
4723
4761
  fill="currentColor"
4762
+ viewBox="0 0 32 32"
4724
4763
  aria-hidden="true"
4725
4764
  role="img"
4726
4765
  width="1em"
@@ -4777,8 +4816,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4777
4816
  <span class="pf-v6-c-menu-toggle__icon">
4778
4817
  <svg
4779
4818
  class="pf-v6-svg"
4780
- viewBox="0 0 32 32"
4781
4819
  fill="currentColor"
4820
+ viewBox="0 0 32 32"
4782
4821
  aria-hidden="true"
4783
4822
  role="img"
4784
4823
  width="1em"
@@ -4835,8 +4874,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4835
4874
  <span class="pf-v6-c-menu-toggle__icon">
4836
4875
  <svg
4837
4876
  class="pf-v6-svg"
4838
- viewBox="0 0 32 32"
4839
4877
  fill="currentColor"
4878
+ viewBox="0 0 32 32"
4840
4879
  aria-hidden="true"
4841
4880
  role="img"
4842
4881
  width="1em"
@@ -4894,8 +4933,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4894
4933
  <span class="pf-v6-c-menu-toggle__icon">
4895
4934
  <svg
4896
4935
  class="pf-v6-svg"
4897
- viewBox="0 0 32 32"
4898
4936
  fill="currentColor"
4937
+ viewBox="0 0 32 32"
4899
4938
  aria-hidden="true"
4900
4939
  role="img"
4901
4940
  width="1em"
@@ -4952,8 +4991,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
4952
4991
  <span class="pf-v6-c-menu-toggle__icon">
4953
4992
  <svg
4954
4993
  class="pf-v6-svg"
4955
- viewBox="0 0 32 32"
4956
4994
  fill="currentColor"
4995
+ viewBox="0 0 32 32"
4957
4996
  aria-hidden="true"
4958
4997
  role="img"
4959
4998
  width="1em"
@@ -5010,8 +5049,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5010
5049
  <span class="pf-v6-c-menu-toggle__icon">
5011
5050
  <svg
5012
5051
  class="pf-v6-svg"
5013
- viewBox="0 0 32 32"
5014
5052
  fill="currentColor"
5053
+ viewBox="0 0 32 32"
5015
5054
  aria-hidden="true"
5016
5055
  role="img"
5017
5056
  width="1em"
@@ -5069,8 +5108,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5069
5108
  <span class="pf-v6-c-menu-toggle__icon">
5070
5109
  <svg
5071
5110
  class="pf-v6-svg"
5072
- viewBox="0 0 32 32"
5073
5111
  fill="currentColor"
5112
+ viewBox="0 0 32 32"
5074
5113
  aria-hidden="true"
5075
5114
  role="img"
5076
5115
  width="1em"
@@ -5137,8 +5176,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5137
5176
  <span class="pf-v6-c-menu-toggle__icon">
5138
5177
  <svg
5139
5178
  class="pf-v6-svg"
5140
- viewBox="0 0 32 32"
5141
5179
  fill="currentColor"
5180
+ viewBox="0 0 32 32"
5142
5181
  aria-hidden="true"
5143
5182
  role="img"
5144
5183
  width="1em"
@@ -5181,15 +5220,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
5181
5220
  >
5182
5221
  <svg
5183
5222
  class="pf-v6-svg"
5184
- viewBox="0 0 20 20"
5185
5223
  fill="currentColor"
5224
+ viewBox="0 0 20 20"
5186
5225
  aria-hidden="true"
5187
5226
  role="img"
5188
5227
  width="1em"
5189
5228
  height="1em"
5190
5229
  >
5191
5230
  <path
5192
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
5231
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
5193
5232
  />
5194
5233
  </svg>
5195
5234
  </span>
@@ -5210,15 +5249,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
5210
5249
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5211
5250
  <svg
5212
5251
  class="pf-v6-svg"
5213
- viewBox="0 0 20 20"
5214
5252
  fill="currentColor"
5253
+ viewBox="0 0 20 20"
5215
5254
  aria-hidden="true"
5216
5255
  role="img"
5217
5256
  width="1em"
5218
5257
  height="1em"
5219
5258
  >
5220
5259
  <path
5221
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
5260
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
5222
5261
  />
5223
5262
  </svg>
5224
5263
  </span>
@@ -5260,8 +5299,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5260
5299
  <span class="pf-v6-c-menu-toggle__icon">
5261
5300
  <svg
5262
5301
  class="pf-v6-svg"
5263
- viewBox="0 0 32 32"
5264
5302
  fill="currentColor"
5303
+ viewBox="0 0 32 32"
5265
5304
  aria-hidden="true"
5266
5305
  role="img"
5267
5306
  width="1em"
@@ -5295,15 +5334,15 @@ Without a glass panel component wrapping all of the content, there is no rounded
5295
5334
  >
5296
5335
  <svg
5297
5336
  class="pf-v6-svg"
5298
- viewBox="0 0 20 20"
5299
5337
  fill="currentColor"
5338
+ viewBox="0 0 20 20"
5300
5339
  aria-hidden="true"
5301
5340
  role="img"
5302
5341
  width="1em"
5303
5342
  height="1em"
5304
5343
  >
5305
5344
  <path
5306
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
5345
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
5307
5346
  />
5308
5347
  </svg>
5309
5348
  </span>
@@ -5326,8 +5365,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5326
5365
  <span class="pf-v6-c-button__icon">
5327
5366
  <svg
5328
5367
  class="pf-v6-svg"
5329
- viewBox="0 0 256 512"
5330
5368
  fill="currentColor"
5369
+ viewBox="0 0 256 512"
5331
5370
  aria-hidden="true"
5332
5371
  role="img"
5333
5372
  width="1em"
@@ -5351,8 +5390,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5351
5390
  <span class="pf-v6-c-button__icon">
5352
5391
  <svg
5353
5392
  class="pf-v6-svg"
5354
- viewBox="0 0 256 512"
5355
5393
  fill="currentColor"
5394
+ viewBox="0 0 256 512"
5356
5395
  aria-hidden="true"
5357
5396
  role="img"
5358
5397
  width="1em"
@@ -5388,8 +5427,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5388
5427
  <div class="pf-v6-c-empty-state__icon">
5389
5428
  <svg
5390
5429
  class="pf-v6-svg"
5391
- viewBox="0 0 32 32"
5392
5430
  fill="currentColor"
5431
+ viewBox="0 0 32 32"
5393
5432
  aria-hidden="true"
5394
5433
  role="img"
5395
5434
  width="1em"
@@ -5435,8 +5474,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5435
5474
  <span class="pf-v6-c-menu-toggle__icon">
5436
5475
  <svg
5437
5476
  class="pf-v6-svg"
5438
- viewBox="0 0 32 32"
5439
5477
  fill="currentColor"
5478
+ viewBox="0 0 32 32"
5440
5479
  aria-hidden="true"
5441
5480
  role="img"
5442
5481
  width="1em"
@@ -5493,8 +5532,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5493
5532
  <span class="pf-v6-c-menu-toggle__icon">
5494
5533
  <svg
5495
5534
  class="pf-v6-svg"
5496
- viewBox="0 0 32 32"
5497
5535
  fill="currentColor"
5536
+ viewBox="0 0 32 32"
5498
5537
  aria-hidden="true"
5499
5538
  role="img"
5500
5539
  width="1em"
@@ -5551,8 +5590,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5551
5590
  <span class="pf-v6-c-menu-toggle__icon">
5552
5591
  <svg
5553
5592
  class="pf-v6-svg"
5554
- viewBox="0 0 32 32"
5555
5593
  fill="currentColor"
5594
+ viewBox="0 0 32 32"
5556
5595
  aria-hidden="true"
5557
5596
  role="img"
5558
5597
  width="1em"
@@ -5609,8 +5648,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5609
5648
  <span class="pf-v6-c-menu-toggle__icon">
5610
5649
  <svg
5611
5650
  class="pf-v6-svg"
5612
- viewBox="0 0 32 32"
5613
5651
  fill="currentColor"
5652
+ viewBox="0 0 32 32"
5614
5653
  aria-hidden="true"
5615
5654
  role="img"
5616
5655
  width="1em"
@@ -5667,8 +5706,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5667
5706
  <span class="pf-v6-c-menu-toggle__icon">
5668
5707
  <svg
5669
5708
  class="pf-v6-svg"
5670
- viewBox="0 0 32 32"
5671
5709
  fill="currentColor"
5710
+ viewBox="0 0 32 32"
5672
5711
  aria-hidden="true"
5673
5712
  role="img"
5674
5713
  width="1em"
@@ -5725,8 +5764,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5725
5764
  <span class="pf-v6-c-menu-toggle__icon">
5726
5765
  <svg
5727
5766
  class="pf-v6-svg"
5728
- viewBox="0 0 32 32"
5729
5767
  fill="currentColor"
5768
+ viewBox="0 0 32 32"
5730
5769
  aria-hidden="true"
5731
5770
  role="img"
5732
5771
  width="1em"
@@ -5784,8 +5823,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5784
5823
  <span class="pf-v6-c-menu-toggle__icon">
5785
5824
  <svg
5786
5825
  class="pf-v6-svg"
5787
- viewBox="0 0 32 32"
5788
5826
  fill="currentColor"
5827
+ viewBox="0 0 32 32"
5789
5828
  aria-hidden="true"
5790
5829
  role="img"
5791
5830
  width="1em"
@@ -5842,8 +5881,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5842
5881
  <span class="pf-v6-c-menu-toggle__icon">
5843
5882
  <svg
5844
5883
  class="pf-v6-svg"
5845
- viewBox="0 0 32 32"
5846
5884
  fill="currentColor"
5885
+ viewBox="0 0 32 32"
5847
5886
  aria-hidden="true"
5848
5887
  role="img"
5849
5888
  width="1em"
@@ -5900,8 +5939,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5900
5939
  <span class="pf-v6-c-menu-toggle__icon">
5901
5940
  <svg
5902
5941
  class="pf-v6-svg"
5903
- viewBox="0 0 32 32"
5904
5942
  fill="currentColor"
5943
+ viewBox="0 0 32 32"
5905
5944
  aria-hidden="true"
5906
5945
  role="img"
5907
5946
  width="1em"
@@ -5959,8 +5998,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
5959
5998
  <span class="pf-v6-c-menu-toggle__icon">
5960
5999
  <svg
5961
6000
  class="pf-v6-svg"
5962
- viewBox="0 0 32 32"
5963
6001
  fill="currentColor"
6002
+ viewBox="0 0 32 32"
5964
6003
  aria-hidden="true"
5965
6004
  role="img"
5966
6005
  width="1em"
@@ -6025,8 +6064,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
6025
6064
  <span class="pf-v6-c-button__icon">
6026
6065
  <svg
6027
6066
  class="pf-v6-svg"
6028
- viewBox="0 0 32 32"
6029
6067
  fill="currentColor"
6068
+ viewBox="0 0 32 32"
6030
6069
  aria-hidden="true"
6031
6070
  role="img"
6032
6071
  width="1em"
@@ -6048,8 +6087,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
6048
6087
  <span class="pf-v6-c-button__icon">
6049
6088
  <svg
6050
6089
  class="pf-v6-svg"
6051
- viewBox="0 0 32 32"
6052
6090
  fill="currentColor"
6091
+ viewBox="0 0 32 32"
6053
6092
  aria-hidden="true"
6054
6093
  role="img"
6055
6094
  width="1em"
@@ -6071,8 +6110,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
6071
6110
  <span class="pf-v6-c-button__icon">
6072
6111
  <svg
6073
6112
  class="pf-v6-svg"
6074
- viewBox="0 0 32 32"
6075
6113
  fill="currentColor"
6114
+ viewBox="0 0 32 32"
6076
6115
  aria-hidden="true"
6077
6116
  role="img"
6078
6117
  width="1em"
@@ -6094,8 +6133,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
6094
6133
  <span class="pf-v6-c-button__icon">
6095
6134
  <svg
6096
6135
  class="pf-v6-svg"
6097
- viewBox="0 0 32 32"
6098
6136
  fill="currentColor"
6137
+ viewBox="0 0 32 32"
6099
6138
  aria-hidden="true"
6100
6139
  role="img"
6101
6140
  width="1em"
@@ -6117,8 +6156,8 @@ Without a glass panel component wrapping all of the content, there is no rounded
6117
6156
  <span class="pf-v6-c-button__icon">
6118
6157
  <svg
6119
6158
  class="pf-v6-svg"
6120
- viewBox="0 0 32 32"
6121
6159
  fill="currentColor"
6160
+ viewBox="0 0 32 32"
6122
6161
  aria-hidden="true"
6123
6162
  role="img"
6124
6163
  width="1em"
@@ -6258,8 +6297,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6258
6297
  <span class="pf-v6-c-button__icon">
6259
6298
  <svg
6260
6299
  class="pf-v6-svg"
6261
- viewBox="0 0 32 32"
6262
6300
  fill="currentColor"
6301
+ viewBox="0 0 32 32"
6263
6302
  aria-hidden="true"
6264
6303
  role="img"
6265
6304
  width="1em"
@@ -6290,8 +6329,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6290
6329
  <span class="pf-v6-c-button__icon">
6291
6330
  <svg
6292
6331
  class="pf-v6-svg"
6293
- viewBox="0 0 20 20"
6294
6332
  fill="currentColor"
6333
+ viewBox="0 0 20 20"
6295
6334
  aria-hidden="true"
6296
6335
  role="img"
6297
6336
  width="1em"
@@ -6411,8 +6450,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6411
6450
  <span class="pf-v6-c-button__icon">
6412
6451
  <svg
6413
6452
  class="pf-v6-svg"
6414
- viewBox="0 0 20 20"
6415
6453
  fill="currentColor"
6454
+ viewBox="0 0 20 20"
6416
6455
  aria-hidden="true"
6417
6456
  role="img"
6418
6457
  width="1em"
@@ -6436,8 +6475,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6436
6475
  <span class="pf-v6-c-button__icon">
6437
6476
  <svg
6438
6477
  class="pf-v6-svg"
6439
- viewBox="0 0 32 32"
6440
6478
  fill="currentColor"
6479
+ viewBox="0 0 32 32"
6441
6480
  aria-hidden="true"
6442
6481
  role="img"
6443
6482
  width="1em"
@@ -6476,8 +6515,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6476
6515
  <span class="pf-v6-c-button__icon">
6477
6516
  <svg
6478
6517
  class="pf-v6-svg"
6479
- viewBox="0 0 20 20"
6480
6518
  fill="currentColor"
6519
+ viewBox="0 0 20 20"
6481
6520
  aria-hidden="true"
6482
6521
  role="img"
6483
6522
  width="1em"
@@ -6600,8 +6639,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6600
6639
  <span class="pf-v6-c-button__icon">
6601
6640
  <svg
6602
6641
  class="pf-v6-svg"
6603
- viewBox="0 0 20 20"
6604
6642
  fill="currentColor"
6643
+ viewBox="0 0 20 20"
6605
6644
  aria-hidden="true"
6606
6645
  role="img"
6607
6646
  width="1em"
@@ -6628,26 +6667,43 @@ This demo showcases how you can position a side-panel drawer on top of the other
6628
6667
  aria-expanded="false"
6629
6668
  >
6630
6669
  <span class="pf-v6-c-menu-toggle__icon">
6631
- <img
6670
+ <div
6632
6671
  class="pf-v6-c-avatar pf-m-md"
6633
- alt="Avatar image"
6634
- src="/assets/images/img_avatar-light.svg"
6635
- />
6672
+ role="img"
6673
+ aria-hidden="true"
6674
+ >
6675
+ <svg
6676
+ aria-hidden="true"
6677
+ data-name="Layer 1"
6678
+ xmlns="http://www.w3.org/2000/svg"
6679
+ version="1.1"
6680
+ viewBox="0 0 36 36"
6681
+ >
6682
+ <path
6683
+ fill="currentColor"
6684
+ d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"
6685
+ />
6686
+ <path
6687
+ fill="currentColor"
6688
+ d="M30.6,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.7,1.9-2.6,7.1-3,10.9h25.2Z"
6689
+ />
6690
+ </svg>
6691
+ </div>
6636
6692
  </span>
6637
6693
  <span class="pf-v6-c-menu-toggle__text">Ned Username</span>
6638
6694
  <span class="pf-v6-c-menu-toggle__controls">
6639
6695
  <span class="pf-v6-c-menu-toggle__toggle-icon">
6640
6696
  <svg
6641
6697
  class="pf-v6-svg"
6642
- viewBox="0 0 20 20"
6643
6698
  fill="currentColor"
6699
+ viewBox="0 0 20 20"
6644
6700
  aria-hidden="true"
6645
6701
  role="img"
6646
6702
  width="1em"
6647
6703
  height="1em"
6648
6704
  >
6649
6705
  <path
6650
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
6706
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
6651
6707
  />
6652
6708
  </svg>
6653
6709
  </span>
@@ -6669,8 +6725,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6669
6725
  <span class="pf-v6-c-button__icon">
6670
6726
  <svg
6671
6727
  class="pf-v6-svg"
6672
- viewBox="0 0 32 32"
6673
6728
  fill="currentColor"
6729
+ viewBox="0 0 32 32"
6674
6730
  aria-hidden="true"
6675
6731
  role="img"
6676
6732
  width="1em"
@@ -6692,8 +6748,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6692
6748
  <span class="pf-v6-c-button__icon">
6693
6749
  <svg
6694
6750
  class="pf-v6-svg"
6695
- viewBox="0 0 32 32"
6696
6751
  fill="currentColor"
6752
+ viewBox="0 0 32 32"
6697
6753
  aria-hidden="true"
6698
6754
  role="img"
6699
6755
  width="1em"
@@ -6715,8 +6771,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6715
6771
  <span class="pf-v6-c-button__icon">
6716
6772
  <svg
6717
6773
  class="pf-v6-svg"
6718
- viewBox="0 0 32 32"
6719
6774
  fill="currentColor"
6775
+ viewBox="0 0 32 32"
6720
6776
  aria-hidden="true"
6721
6777
  role="img"
6722
6778
  width="1em"
@@ -6738,8 +6794,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6738
6794
  <span class="pf-v6-c-button__icon">
6739
6795
  <svg
6740
6796
  class="pf-v6-svg"
6741
- viewBox="0 0 32 32"
6742
6797
  fill="currentColor"
6798
+ viewBox="0 0 32 32"
6743
6799
  aria-hidden="true"
6744
6800
  role="img"
6745
6801
  width="1em"
@@ -6761,8 +6817,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6761
6817
  <span class="pf-v6-c-button__icon">
6762
6818
  <svg
6763
6819
  class="pf-v6-svg"
6764
- viewBox="0 0 32 32"
6765
6820
  fill="currentColor"
6821
+ viewBox="0 0 32 32"
6766
6822
  aria-hidden="true"
6767
6823
  role="img"
6768
6824
  width="1em"
@@ -6846,8 +6902,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6846
6902
  <span class="pf-v6-c-menu-toggle__icon">
6847
6903
  <svg
6848
6904
  class="pf-v6-svg"
6849
- viewBox="0 0 32 32"
6850
6905
  fill="currentColor"
6906
+ viewBox="0 0 32 32"
6851
6907
  aria-hidden="true"
6852
6908
  role="img"
6853
6909
  width="1em"
@@ -6894,15 +6950,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
6894
6950
  >
6895
6951
  <svg
6896
6952
  class="pf-v6-svg"
6897
- viewBox="0 0 20 20"
6898
6953
  fill="currentColor"
6954
+ viewBox="0 0 20 20"
6899
6955
  aria-hidden="true"
6900
6956
  role="img"
6901
6957
  width="1em"
6902
6958
  height="1em"
6903
6959
  >
6904
6960
  <path
6905
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
6961
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
6906
6962
  />
6907
6963
  </svg>
6908
6964
  </span>
@@ -6927,15 +6983,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
6927
6983
  >
6928
6984
  <svg
6929
6985
  class="pf-v6-svg"
6930
- viewBox="0 0 20 20"
6931
6986
  fill="currentColor"
6987
+ viewBox="0 0 20 20"
6932
6988
  aria-hidden="true"
6933
6989
  role="img"
6934
6990
  width="1em"
6935
6991
  height="1em"
6936
6992
  >
6937
6993
  <path
6938
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
6994
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
6939
6995
  />
6940
6996
  </svg>
6941
6997
  </span>
@@ -6977,8 +7033,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
6977
7033
  <span class="pf-v6-c-menu-toggle__icon">
6978
7034
  <svg
6979
7035
  class="pf-v6-svg"
6980
- viewBox="0 0 32 32"
6981
7036
  fill="currentColor"
7037
+ viewBox="0 0 32 32"
6982
7038
  aria-hidden="true"
6983
7039
  role="img"
6984
7040
  width="1em"
@@ -7016,15 +7072,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
7016
7072
  >
7017
7073
  <svg
7018
7074
  class="pf-v6-svg"
7019
- viewBox="0 0 20 20"
7020
7075
  fill="currentColor"
7076
+ viewBox="0 0 20 20"
7021
7077
  aria-hidden="true"
7022
7078
  role="img"
7023
7079
  width="1em"
7024
7080
  height="1em"
7025
7081
  >
7026
7082
  <path
7027
- d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
7083
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
7028
7084
  />
7029
7085
  </svg>
7030
7086
  </span>
@@ -7047,8 +7103,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7047
7103
  <span class="pf-v6-c-button__icon">
7048
7104
  <svg
7049
7105
  class="pf-v6-svg"
7050
- viewBox="0 0 256 512"
7051
7106
  fill="currentColor"
7107
+ viewBox="0 0 256 512"
7052
7108
  aria-hidden="true"
7053
7109
  role="img"
7054
7110
  width="1em"
@@ -7072,8 +7128,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7072
7128
  <span class="pf-v6-c-button__icon">
7073
7129
  <svg
7074
7130
  class="pf-v6-svg"
7075
- viewBox="0 0 256 512"
7076
7131
  fill="currentColor"
7132
+ viewBox="0 0 256 512"
7077
7133
  aria-hidden="true"
7078
7134
  role="img"
7079
7135
  width="1em"
@@ -7109,8 +7165,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7109
7165
  <div class="pf-v6-c-empty-state__icon">
7110
7166
  <svg
7111
7167
  class="pf-v6-svg"
7112
- viewBox="0 0 32 32"
7113
7168
  fill="currentColor"
7169
+ viewBox="0 0 32 32"
7114
7170
  aria-hidden="true"
7115
7171
  role="img"
7116
7172
  width="1em"
@@ -7156,8 +7212,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7156
7212
  <span class="pf-v6-c-menu-toggle__icon">
7157
7213
  <svg
7158
7214
  class="pf-v6-svg"
7159
- viewBox="0 0 32 32"
7160
7215
  fill="currentColor"
7216
+ viewBox="0 0 32 32"
7161
7217
  aria-hidden="true"
7162
7218
  role="img"
7163
7219
  width="1em"
@@ -7214,8 +7270,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7214
7270
  <span class="pf-v6-c-menu-toggle__icon">
7215
7271
  <svg
7216
7272
  class="pf-v6-svg"
7217
- viewBox="0 0 32 32"
7218
7273
  fill="currentColor"
7274
+ viewBox="0 0 32 32"
7219
7275
  aria-hidden="true"
7220
7276
  role="img"
7221
7277
  width="1em"
@@ -7272,8 +7328,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7272
7328
  <span class="pf-v6-c-menu-toggle__icon">
7273
7329
  <svg
7274
7330
  class="pf-v6-svg"
7275
- viewBox="0 0 32 32"
7276
7331
  fill="currentColor"
7332
+ viewBox="0 0 32 32"
7277
7333
  aria-hidden="true"
7278
7334
  role="img"
7279
7335
  width="1em"
@@ -7330,8 +7386,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7330
7386
  <span class="pf-v6-c-menu-toggle__icon">
7331
7387
  <svg
7332
7388
  class="pf-v6-svg"
7333
- viewBox="0 0 32 32"
7334
7389
  fill="currentColor"
7390
+ viewBox="0 0 32 32"
7335
7391
  aria-hidden="true"
7336
7392
  role="img"
7337
7393
  width="1em"
@@ -7388,8 +7444,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7388
7444
  <span class="pf-v6-c-menu-toggle__icon">
7389
7445
  <svg
7390
7446
  class="pf-v6-svg"
7391
- viewBox="0 0 32 32"
7392
7447
  fill="currentColor"
7448
+ viewBox="0 0 32 32"
7393
7449
  aria-hidden="true"
7394
7450
  role="img"
7395
7451
  width="1em"
@@ -7446,8 +7502,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7446
7502
  <span class="pf-v6-c-menu-toggle__icon">
7447
7503
  <svg
7448
7504
  class="pf-v6-svg"
7449
- viewBox="0 0 32 32"
7450
7505
  fill="currentColor"
7506
+ viewBox="0 0 32 32"
7451
7507
  aria-hidden="true"
7452
7508
  role="img"
7453
7509
  width="1em"
@@ -7505,8 +7561,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7505
7561
  <span class="pf-v6-c-menu-toggle__icon">
7506
7562
  <svg
7507
7563
  class="pf-v6-svg"
7508
- viewBox="0 0 32 32"
7509
7564
  fill="currentColor"
7565
+ viewBox="0 0 32 32"
7510
7566
  aria-hidden="true"
7511
7567
  role="img"
7512
7568
  width="1em"
@@ -7563,8 +7619,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7563
7619
  <span class="pf-v6-c-menu-toggle__icon">
7564
7620
  <svg
7565
7621
  class="pf-v6-svg"
7566
- viewBox="0 0 32 32"
7567
7622
  fill="currentColor"
7623
+ viewBox="0 0 32 32"
7568
7624
  aria-hidden="true"
7569
7625
  role="img"
7570
7626
  width="1em"
@@ -7621,8 +7677,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7621
7677
  <span class="pf-v6-c-menu-toggle__icon">
7622
7678
  <svg
7623
7679
  class="pf-v6-svg"
7624
- viewBox="0 0 32 32"
7625
7680
  fill="currentColor"
7681
+ viewBox="0 0 32 32"
7626
7682
  aria-hidden="true"
7627
7683
  role="img"
7628
7684
  width="1em"
@@ -7680,8 +7736,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7680
7736
  <span class="pf-v6-c-menu-toggle__icon">
7681
7737
  <svg
7682
7738
  class="pf-v6-svg"
7683
- viewBox="0 0 32 32"
7684
7739
  fill="currentColor"
7740
+ viewBox="0 0 32 32"
7685
7741
  aria-hidden="true"
7686
7742
  role="img"
7687
7743
  width="1em"
@@ -7747,8 +7803,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7747
7803
  <span class="pf-v6-c-button__icon">
7748
7804
  <svg
7749
7805
  class="pf-v6-svg"
7750
- viewBox="0 0 32 32"
7751
7806
  fill="currentColor"
7807
+ viewBox="0 0 32 32"
7752
7808
  aria-hidden="true"
7753
7809
  role="img"
7754
7810
  width="1em"
@@ -7770,8 +7826,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7770
7826
  <span class="pf-v6-c-button__icon">
7771
7827
  <svg
7772
7828
  class="pf-v6-svg"
7773
- viewBox="0 0 32 32"
7774
7829
  fill="currentColor"
7830
+ viewBox="0 0 32 32"
7775
7831
  aria-hidden="true"
7776
7832
  role="img"
7777
7833
  width="1em"
@@ -7793,8 +7849,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7793
7849
  <span class="pf-v6-c-button__icon">
7794
7850
  <svg
7795
7851
  class="pf-v6-svg"
7796
- viewBox="0 0 32 32"
7797
7852
  fill="currentColor"
7853
+ viewBox="0 0 32 32"
7798
7854
  aria-hidden="true"
7799
7855
  role="img"
7800
7856
  width="1em"
@@ -7816,8 +7872,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7816
7872
  <span class="pf-v6-c-button__icon">
7817
7873
  <svg
7818
7874
  class="pf-v6-svg"
7819
- viewBox="0 0 32 32"
7820
7875
  fill="currentColor"
7876
+ viewBox="0 0 32 32"
7821
7877
  aria-hidden="true"
7822
7878
  role="img"
7823
7879
  width="1em"
@@ -7839,8 +7895,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7839
7895
  <span class="pf-v6-c-button__icon">
7840
7896
  <svg
7841
7897
  class="pf-v6-svg"
7842
- viewBox="0 0 32 32"
7843
7898
  fill="currentColor"
7899
+ viewBox="0 0 32 32"
7844
7900
  aria-hidden="true"
7845
7901
  role="img"
7846
7902
  width="1em"
@@ -7875,8 +7931,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
7875
7931
  <span class="pf-v6-c-button__icon">
7876
7932
  <svg
7877
7933
  class="pf-v6-svg"
7878
- viewBox="0 0 20 20"
7879
7934
  fill="currentColor"
7935
+ viewBox="0 0 20 20"
7880
7936
  aria-hidden="true"
7881
7937
  role="img"
7882
7938
  width="1em"
@@ -8036,8 +8092,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8036
8092
  <span class="pf-v6-c-button__icon">
8037
8093
  <svg
8038
8094
  class="pf-v6-svg"
8039
- viewBox="0 0 512 512"
8040
8095
  fill="currentColor"
8096
+ viewBox="0 0 512 512"
8041
8097
  aria-hidden="true"
8042
8098
  role="img"
8043
8099
  width="1em"
@@ -8249,8 +8305,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8249
8305
  <span class="pf-v6-c-nav__link-icon">
8250
8306
  <svg
8251
8307
  class="pf-v6-svg"
8252
- viewBox="0 0 32 32"
8253
8308
  fill="currentColor"
8309
+ viewBox="0 0 32 32"
8254
8310
  aria-hidden="true"
8255
8311
  role="img"
8256
8312
  width="1em"
@@ -8274,8 +8330,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8274
8330
  <span class="pf-v6-c-nav__link-icon">
8275
8331
  <svg
8276
8332
  class="pf-v6-svg"
8277
- viewBox="0 0 32 32"
8278
8333
  fill="currentColor"
8334
+ viewBox="0 0 32 32"
8279
8335
  aria-hidden="true"
8280
8336
  role="img"
8281
8337
  width="1em"
@@ -8298,8 +8354,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8298
8354
  <span class="pf-v6-c-nav__link-icon">
8299
8355
  <svg
8300
8356
  class="pf-v6-svg"
8301
- viewBox="0 0 32 32"
8302
8357
  fill="currentColor"
8358
+ viewBox="0 0 32 32"
8303
8359
  aria-hidden="true"
8304
8360
  role="img"
8305
8361
  width="1em"
@@ -8318,8 +8374,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8318
8374
  <span class="pf-v6-c-nav__link-icon">
8319
8375
  <svg
8320
8376
  class="pf-v6-svg"
8321
- viewBox="0 0 32 32"
8322
8377
  fill="currentColor"
8378
+ viewBox="0 0 32 32"
8323
8379
  aria-hidden="true"
8324
8380
  role="img"
8325
8381
  width="1em"
@@ -8349,8 +8405,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8349
8405
  <span class="pf-v6-c-menu-toggle__icon">
8350
8406
  <svg
8351
8407
  class="pf-v6-svg"
8352
- viewBox="0 0 32 32"
8353
8408
  fill="currentColor"
8409
+ viewBox="0 0 32 32"
8354
8410
  aria-hidden="true"
8355
8411
  role="img"
8356
8412
  width="1em"
@@ -8373,15 +8429,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
8373
8429
  <span class="pf-v6-c-button__icon pf-m-start">
8374
8430
  <svg
8375
8431
  class="pf-v6-svg"
8376
- viewBox="0 0 32 32"
8377
8432
  fill="currentColor"
8433
+ viewBox="0 0 32 32"
8378
8434
  aria-hidden="true"
8379
8435
  role="img"
8380
8436
  width="1em"
8381
8437
  height="1em"
8382
8438
  >
8383
8439
  <path
8384
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
8440
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
8385
8441
  />
8386
8442
  </svg>
8387
8443
  </span>
@@ -8398,8 +8454,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8398
8454
  <span class="pf-v6-c-menu-toggle__icon">
8399
8455
  <svg
8400
8456
  class="pf-v6-svg"
8401
- viewBox="0 0 32 32"
8402
8457
  fill="currentColor"
8458
+ viewBox="0 0 32 32"
8403
8459
  aria-hidden="true"
8404
8460
  role="img"
8405
8461
  width="1em"
@@ -8607,8 +8663,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8607
8663
  <span class="pf-v6-c-button__icon">
8608
8664
  <svg
8609
8665
  class="pf-v6-svg"
8610
- viewBox="0 0 512 512"
8611
8666
  fill="currentColor"
8667
+ viewBox="0 0 512 512"
8612
8668
  aria-hidden="true"
8613
8669
  role="img"
8614
8670
  width="1em"
@@ -8820,8 +8876,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8820
8876
  <span class="pf-v6-c-nav__link-icon">
8821
8877
  <svg
8822
8878
  class="pf-v6-svg"
8823
- viewBox="0 0 32 32"
8824
8879
  fill="currentColor"
8880
+ viewBox="0 0 32 32"
8825
8881
  aria-hidden="true"
8826
8882
  role="img"
8827
8883
  width="1em"
@@ -8845,8 +8901,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8845
8901
  <span class="pf-v6-c-nav__link-icon">
8846
8902
  <svg
8847
8903
  class="pf-v6-svg"
8848
- viewBox="0 0 32 32"
8849
8904
  fill="currentColor"
8905
+ viewBox="0 0 32 32"
8850
8906
  aria-hidden="true"
8851
8907
  role="img"
8852
8908
  width="1em"
@@ -8869,8 +8925,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8869
8925
  <span class="pf-v6-c-nav__link-icon">
8870
8926
  <svg
8871
8927
  class="pf-v6-svg"
8872
- viewBox="0 0 32 32"
8873
8928
  fill="currentColor"
8929
+ viewBox="0 0 32 32"
8874
8930
  aria-hidden="true"
8875
8931
  role="img"
8876
8932
  width="1em"
@@ -8889,8 +8945,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8889
8945
  <span class="pf-v6-c-nav__link-icon">
8890
8946
  <svg
8891
8947
  class="pf-v6-svg"
8892
- viewBox="0 0 32 32"
8893
8948
  fill="currentColor"
8949
+ viewBox="0 0 32 32"
8894
8950
  aria-hidden="true"
8895
8951
  role="img"
8896
8952
  width="1em"
@@ -8920,8 +8976,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8920
8976
  <span class="pf-v6-c-menu-toggle__icon">
8921
8977
  <svg
8922
8978
  class="pf-v6-svg"
8923
- viewBox="0 0 32 32"
8924
8979
  fill="currentColor"
8980
+ viewBox="0 0 32 32"
8925
8981
  aria-hidden="true"
8926
8982
  role="img"
8927
8983
  width="1em"
@@ -8944,15 +9000,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
8944
9000
  <span class="pf-v6-c-button__icon pf-m-start">
8945
9001
  <svg
8946
9002
  class="pf-v6-svg"
8947
- viewBox="0 0 32 32"
8948
9003
  fill="currentColor"
9004
+ viewBox="0 0 32 32"
8949
9005
  aria-hidden="true"
8950
9006
  role="img"
8951
9007
  width="1em"
8952
9008
  height="1em"
8953
9009
  >
8954
9010
  <path
8955
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
9011
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
8956
9012
  />
8957
9013
  </svg>
8958
9014
  </span>
@@ -8969,8 +9025,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
8969
9025
  <span class="pf-v6-c-menu-toggle__icon">
8970
9026
  <svg
8971
9027
  class="pf-v6-svg"
8972
- viewBox="0 0 32 32"
8973
9028
  fill="currentColor"
9029
+ viewBox="0 0 32 32"
8974
9030
  aria-hidden="true"
8975
9031
  role="img"
8976
9032
  width="1em"
@@ -9178,8 +9234,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9178
9234
  <span class="pf-v6-c-button__icon">
9179
9235
  <svg
9180
9236
  class="pf-v6-svg"
9181
- viewBox="0 0 512 512"
9182
9237
  fill="currentColor"
9238
+ viewBox="0 0 512 512"
9183
9239
  aria-hidden="true"
9184
9240
  role="img"
9185
9241
  width="1em"
@@ -9391,8 +9447,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9391
9447
  <span class="pf-v6-c-nav__link-icon">
9392
9448
  <svg
9393
9449
  class="pf-v6-svg"
9394
- viewBox="0 0 32 32"
9395
9450
  fill="currentColor"
9451
+ viewBox="0 0 32 32"
9396
9452
  aria-hidden="true"
9397
9453
  role="img"
9398
9454
  width="1em"
@@ -9416,8 +9472,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9416
9472
  <span class="pf-v6-c-nav__link-icon">
9417
9473
  <svg
9418
9474
  class="pf-v6-svg"
9419
- viewBox="0 0 32 32"
9420
9475
  fill="currentColor"
9476
+ viewBox="0 0 32 32"
9421
9477
  aria-hidden="true"
9422
9478
  role="img"
9423
9479
  width="1em"
@@ -9440,8 +9496,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9440
9496
  <span class="pf-v6-c-nav__link-icon">
9441
9497
  <svg
9442
9498
  class="pf-v6-svg"
9443
- viewBox="0 0 32 32"
9444
9499
  fill="currentColor"
9500
+ viewBox="0 0 32 32"
9445
9501
  aria-hidden="true"
9446
9502
  role="img"
9447
9503
  width="1em"
@@ -9460,8 +9516,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9460
9516
  <span class="pf-v6-c-nav__link-icon">
9461
9517
  <svg
9462
9518
  class="pf-v6-svg"
9463
- viewBox="0 0 32 32"
9464
9519
  fill="currentColor"
9520
+ viewBox="0 0 32 32"
9465
9521
  aria-hidden="true"
9466
9522
  role="img"
9467
9523
  width="1em"
@@ -9491,8 +9547,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9491
9547
  <span class="pf-v6-c-menu-toggle__icon">
9492
9548
  <svg
9493
9549
  class="pf-v6-svg"
9494
- viewBox="0 0 32 32"
9495
9550
  fill="currentColor"
9551
+ viewBox="0 0 32 32"
9496
9552
  aria-hidden="true"
9497
9553
  role="img"
9498
9554
  width="1em"
@@ -9515,15 +9571,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
9515
9571
  <span class="pf-v6-c-button__icon pf-m-start">
9516
9572
  <svg
9517
9573
  class="pf-v6-svg"
9518
- viewBox="0 0 32 32"
9519
9574
  fill="currentColor"
9575
+ viewBox="0 0 32 32"
9520
9576
  aria-hidden="true"
9521
9577
  role="img"
9522
9578
  width="1em"
9523
9579
  height="1em"
9524
9580
  >
9525
9581
  <path
9526
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
9582
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
9527
9583
  />
9528
9584
  </svg>
9529
9585
  </span>
@@ -9540,8 +9596,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9540
9596
  <span class="pf-v6-c-menu-toggle__icon">
9541
9597
  <svg
9542
9598
  class="pf-v6-svg"
9543
- viewBox="0 0 32 32"
9544
9599
  fill="currentColor"
9600
+ viewBox="0 0 32 32"
9545
9601
  aria-hidden="true"
9546
9602
  role="img"
9547
9603
  width="1em"
@@ -9749,8 +9805,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9749
9805
  <span class="pf-v6-c-button__icon">
9750
9806
  <svg
9751
9807
  class="pf-v6-svg"
9752
- viewBox="0 0 512 512"
9753
9808
  fill="currentColor"
9809
+ viewBox="0 0 512 512"
9754
9810
  aria-hidden="true"
9755
9811
  role="img"
9756
9812
  width="1em"
@@ -9962,8 +10018,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9962
10018
  <span class="pf-v6-c-nav__link-icon">
9963
10019
  <svg
9964
10020
  class="pf-v6-svg"
9965
- viewBox="0 0 32 32"
9966
10021
  fill="currentColor"
10022
+ viewBox="0 0 32 32"
9967
10023
  aria-hidden="true"
9968
10024
  role="img"
9969
10025
  width="1em"
@@ -9987,8 +10043,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
9987
10043
  <span class="pf-v6-c-nav__link-icon">
9988
10044
  <svg
9989
10045
  class="pf-v6-svg"
9990
- viewBox="0 0 32 32"
9991
10046
  fill="currentColor"
10047
+ viewBox="0 0 32 32"
9992
10048
  aria-hidden="true"
9993
10049
  role="img"
9994
10050
  width="1em"
@@ -10011,8 +10067,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
10011
10067
  <span class="pf-v6-c-nav__link-icon">
10012
10068
  <svg
10013
10069
  class="pf-v6-svg"
10014
- viewBox="0 0 32 32"
10015
10070
  fill="currentColor"
10071
+ viewBox="0 0 32 32"
10016
10072
  aria-hidden="true"
10017
10073
  role="img"
10018
10074
  width="1em"
@@ -10031,8 +10087,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
10031
10087
  <span class="pf-v6-c-nav__link-icon">
10032
10088
  <svg
10033
10089
  class="pf-v6-svg"
10034
- viewBox="0 0 32 32"
10035
10090
  fill="currentColor"
10091
+ viewBox="0 0 32 32"
10036
10092
  aria-hidden="true"
10037
10093
  role="img"
10038
10094
  width="1em"
@@ -10062,8 +10118,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
10062
10118
  <span class="pf-v6-c-menu-toggle__icon">
10063
10119
  <svg
10064
10120
  class="pf-v6-svg"
10065
- viewBox="0 0 32 32"
10066
10121
  fill="currentColor"
10122
+ viewBox="0 0 32 32"
10067
10123
  aria-hidden="true"
10068
10124
  role="img"
10069
10125
  width="1em"
@@ -10086,15 +10142,15 @@ This demo showcases how you can position a side-panel drawer on top of the other
10086
10142
  <span class="pf-v6-c-button__icon pf-m-start">
10087
10143
  <svg
10088
10144
  class="pf-v6-svg"
10089
- viewBox="0 0 32 32"
10090
10145
  fill="currentColor"
10146
+ viewBox="0 0 32 32"
10091
10147
  aria-hidden="true"
10092
10148
  role="img"
10093
10149
  width="1em"
10094
10150
  height="1em"
10095
10151
  >
10096
10152
  <path
10097
- d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
10153
+ d="M26.463 16.845a9.635 9.635 0 0 0-.002-1.688l3.41-1.974a.5.5 0 0 0 .235-.548 14.47 14.47 0 0 0-4.142-7.167.5.5 0 0 0-.594-.07l-3.404 1.97c-.469-.326-.96-.61-1.466-.85V2.58a.5.5 0 0 0-.356-.48 14.662 14.662 0 0 0-8.288 0 .5.5 0 0 0-.356.48v3.944c-.513.245-1.003.528-1.462.846L6.63 5.397a.5.5 0 0 0-.594.07 14.47 14.47 0 0 0-4.142 7.168.5.5 0 0 0 .236.548l3.407 1.972a9.635 9.635 0 0 0 .002 1.688l-3.41 1.974a.5.5 0 0 0-.235.548 14.47 14.47 0 0 0 4.142 7.167c.16.154.405.18.594.07l3.404-1.97c.469.326.96.61 1.466.85v3.938a.5.5 0 0 0 .356.48c1.333.398 2.728.6 4.144.6s2.81-.202 4.144-.6a.5.5 0 0 0 .356-.48v-3.944a10.449 10.449 0 0 0 1.462-.846l3.408 1.973a.5.5 0 0 0 .594-.07 14.47 14.47 0 0 0 4.142-7.168.5.5 0 0 0-.236-.548l-3.407-1.972ZM16 21c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5Z"
10098
10154
  />
10099
10155
  </svg>
10100
10156
  </span>
@@ -10111,8 +10167,8 @@ This demo showcases how you can position a side-panel drawer on top of the other
10111
10167
  <span class="pf-v6-c-menu-toggle__icon">
10112
10168
  <svg
10113
10169
  class="pf-v6-svg"
10114
- viewBox="0 0 32 32"
10115
10170
  fill="currentColor"
10171
+ viewBox="0 0 32 32"
10116
10172
  aria-hidden="true"
10117
10173
  role="img"
10118
10174
  width="1em"