@patternfly/patternfly 6.0.0-alpha.3 → 6.0.0-alpha.31

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 (321) hide show
  1. package/README.md +13 -3
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/images/PF-Backdrop.svg +1 -0
  4. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  5. package/assets/images/PF-IconLogo.svg +17 -0
  6. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  7. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  8. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  9. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  10. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  11. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  12. package/assets/images/pf_logo_white.hbs +35 -0
  13. package/assets/images/pf_logo_white.svg +38 -0
  14. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  15. package/assets/pficon/pficon.scss +6 -129
  16. package/base/_common.scss +29 -4
  17. package/base/_globals.scss +5 -9
  18. package/base/_variables.scss +8 -6
  19. package/base/patternfly-common.css +24 -6
  20. package/base/patternfly-globals.css +5 -5
  21. package/base/patternfly-icons.css +5 -1
  22. package/base/patternfly-pf-icons.css +5 -1
  23. package/base/patternfly-variables.css +886 -771
  24. package/base/tokens/_tokens-dark.scss +322 -265
  25. package/base/tokens/_tokens-default.scss +426 -306
  26. package/base/tokens/_tokens-font.scss +59 -35
  27. package/base/tokens/_tokens-palette.scss +69 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +80 -108
  30. package/components/AboutModalBox/about-modal-box.scss +64 -78
  31. package/components/Accordion/accordion.css +96 -175
  32. package/components/Accordion/accordion.scss +106 -193
  33. package/components/ActionList/action-list.css +2 -2
  34. package/components/ActionList/action-list.scss +2 -2
  35. package/components/Alert/alert-group.css +27 -20
  36. package/components/Alert/alert-group.scss +27 -20
  37. package/components/Alert/alert.css +74 -95
  38. package/components/Alert/alert.scss +76 -89
  39. package/components/AppLauncher/app-launcher.css +32 -23
  40. package/components/AppLauncher/app-launcher.scss +32 -23
  41. package/components/BackToTop/back-to-top.css +17 -15
  42. package/components/BackToTop/back-to-top.scss +14 -13
  43. package/components/Backdrop/backdrop.css +2 -2
  44. package/components/Backdrop/backdrop.scss +2 -2
  45. package/components/BackgroundImage/background-image.css +6 -3
  46. package/components/BackgroundImage/background-image.scss +8 -3
  47. package/components/Badge/badge.css +25 -17
  48. package/components/Badge/badge.scss +27 -19
  49. package/components/Banner/banner.css +91 -69
  50. package/components/Banner/banner.scss +95 -34
  51. package/components/Breadcrumb/breadcrumb.css +28 -19
  52. package/components/Breadcrumb/breadcrumb.scss +26 -19
  53. package/components/Button/button.css +35 -23
  54. package/components/Button/button.scss +36 -26
  55. package/components/Button/themes/dark/button.scss +1 -1
  56. package/components/CalendarMonth/calendar-month.css +25 -15
  57. package/components/CalendarMonth/calendar-month.scss +23 -15
  58. package/components/Card/card.css +25 -17
  59. package/components/Card/card.scss +24 -17
  60. package/components/Check/check.css +12 -10
  61. package/components/Check/check.scss +17 -12
  62. package/components/Chip/chip-group.css +6 -6
  63. package/components/Chip/chip-group.scss +6 -6
  64. package/components/Chip/chip.css +16 -9
  65. package/components/Chip/chip.scss +17 -9
  66. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  67. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  68. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  69. package/components/CodeBlock/code-block.css +6 -3
  70. package/components/CodeBlock/code-block.scss +6 -3
  71. package/components/CodeEditor/code-editor.css +31 -22
  72. package/components/CodeEditor/code-editor.scss +30 -21
  73. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  74. package/components/Content/content.css +100 -97
  75. package/components/Content/content.scss +101 -98
  76. package/components/ContextSelector/context-selector.css +41 -26
  77. package/components/ContextSelector/context-selector.scss +40 -25
  78. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  79. package/components/DataList/data-list-grid.css +21 -21
  80. package/components/DataList/data-list-grid.scss +3 -3
  81. package/components/DataList/data-list.css +69 -56
  82. package/components/DataList/data-list.scss +47 -35
  83. package/components/DatePicker/date-picker.css +8 -8
  84. package/components/DatePicker/date-picker.scss +8 -8
  85. package/components/DescriptionList/description-list.css +8 -5
  86. package/components/DescriptionList/description-list.scss +8 -5
  87. package/components/DragDrop/drag-drop.css +8 -8
  88. package/components/DragDrop/drag-drop.scss +8 -8
  89. package/components/Drawer/drawer.css +120 -62
  90. package/components/Drawer/drawer.scss +94 -44
  91. package/components/Dropdown/dropdown.css +76 -69
  92. package/components/Dropdown/dropdown.scss +67 -62
  93. package/components/DualListSelector/dual-list-selector.css +29 -15
  94. package/components/DualListSelector/dual-list-selector.scss +30 -15
  95. package/components/EmptyState/empty-state.css +7 -4
  96. package/components/EmptyState/empty-state.scss +7 -4
  97. package/components/ExpandableSection/expandable-section.css +75 -59
  98. package/components/ExpandableSection/expandable-section.scss +81 -72
  99. package/components/FileUpload/file-upload.css +9 -15
  100. package/components/FileUpload/file-upload.scss +9 -15
  101. package/components/Form/form.css +53 -50
  102. package/components/Form/form.scss +46 -44
  103. package/components/FormControl/form-control.css +18 -9
  104. package/components/FormControl/form-control.scss +18 -9
  105. package/components/HelperText/helper-text.css +29 -35
  106. package/components/HelperText/helper-text.scss +31 -41
  107. package/components/Hint/hint.css +37 -27
  108. package/components/Hint/hint.scss +37 -30
  109. package/components/Icon/icon.css +1 -1
  110. package/components/Icon/icon.scss +1 -1
  111. package/components/InlineEdit/inline-edit.css +9 -9
  112. package/components/InlineEdit/inline-edit.scss +9 -9
  113. package/components/InputGroup/input-group.css +12 -6
  114. package/components/InputGroup/input-group.scss +11 -5
  115. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  116. package/components/JumpLinks/jump-links.css +27 -24
  117. package/components/JumpLinks/jump-links.scss +26 -24
  118. package/components/Label/label-group.css +13 -10
  119. package/components/Label/label-group.scss +13 -10
  120. package/components/Label/label.css +9 -9
  121. package/components/Label/label.scss +9 -9
  122. package/components/List/list.css +25 -25
  123. package/components/List/list.scss +26 -26
  124. package/components/LogViewer/log-viewer.css +14 -14
  125. package/components/LogViewer/log-viewer.scss +14 -14
  126. package/components/Login/login.css +104 -122
  127. package/components/Login/login.scss +92 -91
  128. package/components/Masthead/masthead.css +68 -125
  129. package/components/Masthead/masthead.scss +123 -153
  130. package/components/Menu/menu.css +82 -65
  131. package/components/Menu/menu.scss +85 -69
  132. package/components/MenuToggle/menu-toggle.css +89 -100
  133. package/components/MenuToggle/menu-toggle.scss +92 -112
  134. package/components/ModalBox/modal-box.css +76 -69
  135. package/components/ModalBox/modal-box.scss +74 -70
  136. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  137. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  138. package/components/Nav/nav.css +162 -133
  139. package/components/Nav/nav.scss +162 -135
  140. package/components/Nav/themes/dark/nav.scss +2 -2
  141. package/components/NotificationBadge/notification-badge.css +66 -85
  142. package/components/NotificationBadge/notification-badge.scss +72 -103
  143. package/components/NotificationDrawer/notification-drawer.css +32 -19
  144. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  145. package/components/NumberInput/number-input.css +2 -2
  146. package/components/NumberInput/number-input.scss +2 -2
  147. package/components/OptionsMenu/options-menu.css +43 -31
  148. package/components/OptionsMenu/options-menu.scss +43 -31
  149. package/components/OverflowMenu/overflow-menu.css +2 -2
  150. package/components/OverflowMenu/overflow-menu.scss +2 -2
  151. package/components/Page/page.css +232 -271
  152. package/components/Page/page.scss +180 -231
  153. package/components/Pagination/pagination.css +27 -17
  154. package/components/Pagination/pagination.scss +25 -17
  155. package/components/Panel/panel.css +13 -7
  156. package/components/Panel/panel.scss +13 -7
  157. package/components/Popover/popover.css +110 -87
  158. package/components/Popover/popover.scss +120 -109
  159. package/components/Progress/progress.css +9 -7
  160. package/components/Progress/progress.scss +12 -7
  161. package/components/ProgressStepper/progress-stepper.css +26 -20
  162. package/components/ProgressStepper/progress-stepper.scss +25 -19
  163. package/components/Radio/radio.css +16 -13
  164. package/components/Radio/radio.scss +20 -14
  165. package/components/Select/select.css +56 -47
  166. package/components/Select/select.scss +56 -47
  167. package/components/Sidebar/sidebar.css +11 -5
  168. package/components/Sidebar/sidebar.scss +11 -5
  169. package/components/SimpleList/simple-list.css +10 -4
  170. package/components/SimpleList/simple-list.scss +10 -4
  171. package/components/Skeleton/skeleton.css +6 -5
  172. package/components/Skeleton/skeleton.scss +4 -5
  173. package/components/SkipToContent/skip-to-content.css +9 -6
  174. package/components/SkipToContent/skip-to-content.scss +8 -6
  175. package/components/Slider/slider.css +47 -26
  176. package/components/Slider/slider.scss +56 -28
  177. package/components/Switch/switch.css +10 -6
  178. package/components/Switch/switch.scss +11 -7
  179. package/components/TabContent/tab-content.css +4 -1
  180. package/components/TabContent/tab-content.scss +4 -1
  181. package/components/Table/table-grid.css +264 -203
  182. package/components/Table/table-grid.scss +61 -47
  183. package/components/Table/table-scrollable.css +4 -4
  184. package/components/Table/table-scrollable.scss +6 -4
  185. package/components/Table/table-tree-view.css +112 -105
  186. package/components/Table/table-tree-view.scss +38 -33
  187. package/components/Table/table.css +176 -159
  188. package/components/Table/table.scss +177 -165
  189. package/components/Tabs/tabs.css +76 -48
  190. package/components/Tabs/tabs.scss +74 -48
  191. package/components/TextInputGroup/text-input-group.css +15 -15
  192. package/components/TextInputGroup/text-input-group.scss +15 -15
  193. package/components/Tile/tile.css +10 -10
  194. package/components/Tile/tile.scss +10 -10
  195. package/components/Title/title.css +70 -19
  196. package/components/Title/title.scss +90 -20
  197. package/components/ToggleGroup/toggle-group.css +14 -11
  198. package/components/ToggleGroup/toggle-group.scss +14 -11
  199. package/components/Toolbar/toolbar.css +57 -44
  200. package/components/Toolbar/toolbar.scss +45 -26
  201. package/components/Tooltip/tooltip.css +76 -44
  202. package/components/Tooltip/tooltip.scss +93 -77
  203. package/components/TreeView/tree-view.css +48 -27
  204. package/components/TreeView/tree-view.scss +50 -28
  205. package/components/Truncate/truncate.css +9 -0
  206. package/components/Truncate/truncate.scss +16 -3
  207. package/components/Wizard/wizard.css +57 -36
  208. package/components/Wizard/wizard.scss +57 -36
  209. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  210. package/docs/components/Accordion/examples/Accordion.md +614 -416
  211. package/docs/components/Alert/examples/Alert.md +1 -1
  212. package/docs/components/Badge/examples/Badge.md +21 -0
  213. package/docs/components/Banner/examples/Banner.md +48 -25
  214. package/docs/components/Brand/examples/Brand.css +12 -0
  215. package/docs/components/Brand/examples/Brand.md +75 -32
  216. package/docs/components/Button/examples/Button.css +2 -2
  217. package/docs/components/Button/examples/Button.md +15 -3
  218. package/docs/components/Card/examples/Card.md +125 -17
  219. package/docs/components/Check/examples/Check.md +71 -59
  220. package/docs/components/Chip/examples/Chip.md +1 -1
  221. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  222. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  223. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  224. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  225. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  226. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -24
  227. package/docs/components/Label/examples/Label.md +1 -1
  228. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  229. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  230. package/docs/components/Login/examples/Login.md +5 -0
  231. package/docs/components/Masthead/examples/masthead.md +7 -54
  232. package/docs/components/Menu/examples/Menu.css +8 -0
  233. package/docs/components/Menu/examples/Menu.md +594 -543
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +151 -138
  235. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  236. package/docs/components/Nav/examples/Navigation.css +3 -25
  237. package/docs/components/Nav/examples/Navigation.md +239 -113
  238. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  239. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  240. package/docs/components/Page/examples/Page.css +0 -8
  241. package/docs/components/Page/examples/Page.md +22 -21
  242. package/docs/components/Popover/examples/Popover.css +4 -9
  243. package/docs/components/Popover/examples/Popover.md +1 -1
  244. package/docs/components/Radio/examples/Radio.md +63 -55
  245. package/docs/components/Select/deprecated/Select.md +184 -177
  246. package/docs/components/Table/examples/Table.css +2 -2
  247. package/docs/components/Table/examples/Table.md +2 -2
  248. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  249. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  250. package/docs/components/Tile/examples/Tile.css +1 -1
  251. package/docs/components/Title/examples/Title.md +18 -0
  252. package/docs/components/Toolbar/examples/Toolbar.md +570 -2803
  253. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  254. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  255. package/docs/components/Truncate/examples/Truncate.md +2 -2
  256. package/docs/demos/AboutModal/examples/AboutModal.md +85 -10
  257. package/docs/demos/Alert/examples/Alert.md +249 -24
  258. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  259. package/docs/demos/Banner/examples/Banner.md +168 -16
  260. package/docs/demos/Card/examples/Card.css +3 -3
  261. package/docs/demos/Card/examples/Card.md +28 -12
  262. package/docs/demos/CardView/examples/CardView.md +139 -79
  263. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  264. package/docs/demos/Dashboard/examples/Dashboard.md +86 -11
  265. package/docs/demos/DataList/examples/DataList.md +524 -354
  266. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  267. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  268. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  269. package/docs/demos/Masthead/examples/Masthead.md +793 -277
  270. package/docs/demos/Modal/examples/Modal.md +498 -48
  271. package/docs/demos/Nav/examples/Nav.md +664 -64
  272. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +420 -40
  273. package/docs/demos/Page/examples/Page.md +747 -72
  274. package/docs/demos/Page/examples/Penta.md +746 -0
  275. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  276. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +824 -451
  277. package/docs/demos/Skeleton/examples/Skeleton.md +90 -43
  278. package/docs/demos/Table/examples/Table.md +2313 -1887
  279. package/docs/demos/Tabs/examples/Tabs.md +528 -71
  280. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  281. package/docs/demos/Toolbar/examples/Toolbar.md +870 -1044
  282. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  283. package/docs/layouts/Flex/examples/Flex.md +5 -5
  284. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  285. package/icons/pficons.mjs +1 -0
  286. package/layouts/Flex/flex.css +115 -43
  287. package/layouts/Flex/flex.scss +20 -8
  288. package/package.json +9 -5
  289. package/patternfly-addons.css +732 -972
  290. package/patternfly-base-no-globals-theme-dark-unversioned.css +921 -784
  291. package/patternfly-base-no-globals.css +921 -784
  292. package/patternfly-base-theme-dark-unversioned.css +926 -789
  293. package/patternfly-base.css +926 -789
  294. package/patternfly-no-globals.css +4838 -4253
  295. package/patternfly-theme-dark-unversioned.css +4843 -4258
  296. package/patternfly.css +4843 -4258
  297. package/patternfly.min.css +1 -1
  298. package/patternfly.min.css.map +1 -1
  299. package/sass-utilities/functions.scss +6 -0
  300. package/sass-utilities/mixins.scss +62 -2
  301. package/sass-utilities/scss-variables.scss +8 -8
  302. package/sass-utilities/themes/dark/mixins.scss +3 -1
  303. package/utilities/Accessibility/accessibility.css +12 -12
  304. package/utilities/Spacing/spacing.css +720 -960
  305. package/utilities/Spacing/spacing.scss +4 -8
  306. package/base/themes/dark/_variables.scss +0 -102
  307. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  308. package/components/Accordion/themes/dark/accordion.scss +0 -9
  309. package/components/Alert/themes/dark/alert.scss +0 -17
  310. package/components/Badge/themes/dark/badge.scss +0 -9
  311. package/components/Banner/themes/dark/banner.scss +0 -14
  312. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  313. package/components/Hint/themes/dark/hint.scss +0 -8
  314. package/components/Login/themes/dark/login.scss +0 -12
  315. package/components/Masthead/themes/dark/masthead.scss +0 -14
  316. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  317. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  318. package/components/Page/themes/dark/page.scss +0 -69
  319. package/components/Popover/themes/dark/popover.scss +0 -11
  320. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  321. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -28,13 +28,88 @@ wrapperTag: div
28
28
  </button>
29
29
  </span>
30
30
  <div class="pf-v5-c-masthead__main">
31
- <a class="pf-v5-c-masthead__brand" href="#">
32
- <img
33
- class="pf-v5-c-brand"
34
- src="/assets/images/pf-logo.svg"
35
- alt="PatternFly logo"
36
- style="--pf-v5-c-brand--Height:36px"
37
- />
31
+ <a
32
+ class="pf-v5-c-masthead__brand"
33
+ href="#"
34
+ style="--pf-v5-c-brand--Height: 36px;"
35
+ >
36
+ <svg height="36px" viewBox="0 0 679 158" role="img">
37
+ <title>Patternfly logo</title>
38
+ <defs>
39
+ <linearGradient
40
+ x1="68%"
41
+ y1="2.25860997e-13%"
42
+ x2="32%"
43
+ y2="100%"
44
+ id="linearGradient-1"
45
+ >
46
+ <stop stop-color="#2B9AF3" offset="0%" />
47
+ <stop
48
+ stop-color="#73BCF7"
49
+ stop-opacity="0.502212631"
50
+ offset="100%"
51
+ />
52
+ </linearGradient>
53
+ </defs>
54
+ <g
55
+ id="PF-HorizontalLogo-Color"
56
+ stroke="none"
57
+ stroke-width="1"
58
+ fill="none"
59
+ fill-rule="evenodd"
60
+ >
61
+ <g
62
+ transform="translate(206.000000, 45.750000)"
63
+ fill="var(--pf-t--global--text--color--regular)"
64
+ fill-rule="nonzero"
65
+ >
66
+ <path
67
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
68
+ />
69
+ <path
70
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
71
+ />
72
+ <path
73
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
74
+ />
75
+ <path
76
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
77
+ />
78
+ <path
79
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
80
+ />
81
+ <path
82
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
83
+ />
84
+ <path
85
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
86
+ />
87
+ <polygon
88
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
89
+ />
90
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
91
+ <path
92
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
93
+ />
94
+ </g>
95
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
96
+ <path
97
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
98
+ id="Rectangle-Copy-17"
99
+ fill="var(--pf-t--global--color--brand--200)"
100
+ />
101
+ <path
102
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
103
+ fill="url(#linearGradient-1)"
104
+ />
105
+ <path
106
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
107
+ fill="url(#linearGradient-1)"
108
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
109
+ />
110
+ </g>
111
+ </g>
112
+ </svg>
38
113
  </a>
39
114
  </div>
40
115
  <div class="pf-v5-c-masthead__content">
@@ -108,7 +183,7 @@ wrapperTag: div
108
183
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
109
184
  <span class="pf-v5-c-menu-toggle__controls">
110
185
  <span class="pf-v5-c-menu-toggle__toggle-icon">
111
- <i class="fas fa-caret-down" aria-hidden="true"></i>
186
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
112
187
  </span>
113
188
  </span>
114
189
  </button>
@@ -217,10 +292,10 @@ wrapperTag: div
217
292
  >
218
293
  <div class="pf-v5-c-toolbar__toggle">
219
294
  <button
220
- class="pf-v5-c-button pf-m-plain"
295
+ class="pf-v5-c-menu-toggle pf-m-plain"
221
296
  type="button"
222
- aria-label="Show filters"
223
297
  aria-expanded="false"
298
+ aria-label="Show filters"
224
299
  aria-controls="primary-detail-expanded-example-drawer-toolbar-expandable-content"
225
300
  >
226
301
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -234,83 +309,25 @@ wrapperTag: div
234
309
  role="group"
235
310
  >
236
311
  <div class="pf-v5-c-input-group__item">
237
- <div class="pf-v5-c-select" style="width: 124px">
238
- <span
239
- id="primary-detail-expanded-example-drawer-toolbar-select-name-label"
240
- hidden
241
- >Choose one</span>
242
-
243
- <button
244
- class="pf-v5-c-select__toggle"
245
- type="button"
246
- id="primary-detail-expanded-example-drawer-toolbar-select-name-toggle"
247
- aria-haspopup="true"
248
- aria-expanded="false"
249
- aria-labelledby="primary-detail-expanded-example-drawer-toolbar-select-name-label primary-detail-expanded-example-drawer-toolbar-select-name-toggle"
250
- >
251
- <div class="pf-v5-c-select__toggle-wrapper">
252
- <span class="pf-v5-c-select__toggle-icon">
253
- <i class="fas fa-filter" aria-hidden="true"></i>
254
- </span>
255
- <span class="pf-v5-c-select__toggle-text">Name</span>
256
- </div>
257
- <span class="pf-v5-c-select__toggle-arrow">
312
+ <button
313
+ class="pf-v5-c-menu-toggle"
314
+ type="button"
315
+ aria-expanded="false"
316
+ id="primary-detail-expanded-example-drawer-toolbar-search-filter-menu"
317
+ >
318
+ <span class="pf-v5-c-menu-toggle__icon">
319
+ <i class="fas fa-filter" aria-hidden="true"></i>
320
+ </span>
321
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
322
+ <span class="pf-v5-c-menu-toggle__controls">
323
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
258
324
  <i
259
- class="fas fa-caret-down"
325
+ class="fas fa-angle-down"
260
326
  aria-hidden="true"
261
327
  ></i>
262
328
  </span>
263
- </button>
264
-
265
- <ul
266
- class="pf-v5-c-select__menu"
267
- role="listbox"
268
- aria-labelledby="primary-detail-expanded-example-drawer-toolbar-select-name-label"
269
- hidden
270
- >
271
- <li role="presentation">
272
- <button
273
- class="pf-v5-c-select__menu-item"
274
- role="option"
275
- >Running</button>
276
- </li>
277
- <li role="presentation">
278
- <button
279
- class="pf-v5-c-select__menu-item pf-m-selected"
280
- role="option"
281
- aria-selected="true"
282
- >
283
- Stopped
284
- <span
285
- class="pf-v5-c-select__menu-item-icon"
286
- >
287
- <i
288
- class="fas fa-check"
289
- aria-hidden="true"
290
- ></i>
291
- </span>
292
- </button>
293
- </li>
294
- <li role="presentation">
295
- <button
296
- class="pf-v5-c-select__menu-item"
297
- role="option"
298
- >Down</button>
299
- </li>
300
- <li role="presentation">
301
- <button
302
- class="pf-v5-c-select__menu-item"
303
- role="option"
304
- >Degraded</button>
305
- </li>
306
- <li role="presentation">
307
- <button
308
- class="pf-v5-c-select__menu-item"
309
- role="option"
310
- >Needs maintenance</button>
311
- </li>
312
- </ul>
313
- </div>
329
+ </span>
330
+ </button>
314
331
  </div>
315
332
  <div class="pf-v5-c-input-group__item pf-m-fill">
316
333
  <div class="pf-v5-c-text-input-group">
@@ -366,73 +383,77 @@ wrapperTag: div
366
383
  >
367
384
  <label
368
385
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
369
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
386
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
387
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
370
388
  >
371
389
  <input
372
390
  class="pf-v5-c-check__input"
373
391
  type="checkbox"
374
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
375
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
392
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-description"
393
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
394
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
376
395
  />
377
-
378
396
  <span class="pf-v5-c-check__label">Active</span>
379
397
  <span
380
398
  class="pf-v5-c-check__description"
399
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-description"
381
400
  >This is a description</span>
382
401
  </label>
383
402
  <label
384
403
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
385
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
404
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
405
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
386
406
  >
387
407
  <input
388
408
  class="pf-v5-c-check__input"
389
409
  type="checkbox"
390
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
391
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
410
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-description"
411
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
412
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
392
413
  />
393
-
394
414
  <span class="pf-v5-c-check__label">Canceled</span>
395
415
  <span
396
416
  class="pf-v5-c-check__description"
417
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-description"
397
418
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
398
419
  </label>
399
420
  <label
400
421
  class="pf-v5-c-check pf-v5-c-select__menu-item"
401
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
422
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
423
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
402
424
  >
403
425
  <input
404
426
  class="pf-v5-c-check__input"
405
427
  type="checkbox"
406
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
407
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
428
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
429
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
408
430
  />
409
-
410
431
  <span class="pf-v5-c-check__label">Paused</span>
411
432
  </label>
412
433
  <label
413
434
  class="pf-v5-c-check pf-v5-c-select__menu-item"
414
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
435
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
436
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
415
437
  >
416
438
  <input
417
439
  class="pf-v5-c-check__input"
418
440
  type="checkbox"
419
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
420
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
441
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
442
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
421
443
  />
422
-
423
444
  <span class="pf-v5-c-check__label">Warning</span>
424
445
  </label>
425
446
  <label
426
447
  class="pf-v5-c-check pf-v5-c-select__menu-item"
427
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
448
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
449
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
428
450
  >
429
451
  <input
430
452
  class="pf-v5-c-check__input"
431
453
  type="checkbox"
432
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
433
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
454
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
455
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
434
456
  />
435
-
436
457
  <span class="pf-v5-c-check__label">Restarted</span>
437
458
  </label>
438
459
  </fieldset>
@@ -469,73 +490,77 @@ wrapperTag: div
469
490
  >
470
491
  <label
471
492
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
472
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
493
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
494
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
473
495
  >
474
496
  <input
475
497
  class="pf-v5-c-check__input"
476
498
  type="checkbox"
477
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
478
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
499
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-description"
500
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
501
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
479
502
  />
480
-
481
503
  <span class="pf-v5-c-check__label">Active</span>
482
504
  <span
483
505
  class="pf-v5-c-check__description"
506
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-description"
484
507
  >This is a description</span>
485
508
  </label>
486
509
  <label
487
510
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
488
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
511
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
512
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
489
513
  >
490
514
  <input
491
515
  class="pf-v5-c-check__input"
492
516
  type="checkbox"
493
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
494
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
517
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-description"
518
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
519
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
495
520
  />
496
-
497
521
  <span class="pf-v5-c-check__label">Canceled</span>
498
522
  <span
499
523
  class="pf-v5-c-check__description"
524
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-description"
500
525
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
501
526
  </label>
502
527
  <label
503
528
  class="pf-v5-c-check pf-v5-c-select__menu-item"
504
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
529
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
530
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
505
531
  >
506
532
  <input
507
533
  class="pf-v5-c-check__input"
508
534
  type="checkbox"
509
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
510
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
535
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
536
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
511
537
  />
512
-
513
538
  <span class="pf-v5-c-check__label">Paused</span>
514
539
  </label>
515
540
  <label
516
541
  class="pf-v5-c-check pf-v5-c-select__menu-item"
517
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
542
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
543
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
518
544
  >
519
545
  <input
520
546
  class="pf-v5-c-check__input"
521
547
  type="checkbox"
522
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
523
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
548
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
549
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
524
550
  />
525
-
526
551
  <span class="pf-v5-c-check__label">Warning</span>
527
552
  </label>
528
553
  <label
529
554
  class="pf-v5-c-check pf-v5-c-select__menu-item"
530
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
555
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
556
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
531
557
  >
532
558
  <input
533
559
  class="pf-v5-c-check__input"
534
560
  type="checkbox"
535
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
536
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
561
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
562
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
537
563
  />
538
-
539
564
  <span class="pf-v5-c-check__label">Restarted</span>
540
565
  </label>
541
566
  </fieldset>
@@ -551,7 +576,10 @@ wrapperTag: div
551
576
  type="button"
552
577
  aria-label="Sort"
553
578
  >
554
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
579
+ <i
580
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
581
+ aria-hidden="true"
582
+ ></i>
555
583
  </button>
556
584
  </div>
557
585
 
@@ -1286,13 +1314,88 @@ wrapperTag: div
1286
1314
  </button>
1287
1315
  </span>
1288
1316
  <div class="pf-v5-c-masthead__main">
1289
- <a class="pf-v5-c-masthead__brand" href="#">
1290
- <img
1291
- class="pf-v5-c-brand"
1292
- src="/assets/images/pf-logo.svg"
1293
- alt="PatternFly logo"
1294
- style="--pf-v5-c-brand--Height:36px"
1295
- />
1317
+ <a
1318
+ class="pf-v5-c-masthead__brand"
1319
+ href="#"
1320
+ style="--pf-v5-c-brand--Height: 36px;"
1321
+ >
1322
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1323
+ <title>Patternfly logo</title>
1324
+ <defs>
1325
+ <linearGradient
1326
+ x1="68%"
1327
+ y1="2.25860997e-13%"
1328
+ x2="32%"
1329
+ y2="100%"
1330
+ id="linearGradient-1"
1331
+ >
1332
+ <stop stop-color="#2B9AF3" offset="0%" />
1333
+ <stop
1334
+ stop-color="#73BCF7"
1335
+ stop-opacity="0.502212631"
1336
+ offset="100%"
1337
+ />
1338
+ </linearGradient>
1339
+ </defs>
1340
+ <g
1341
+ id="PF-HorizontalLogo-Color"
1342
+ stroke="none"
1343
+ stroke-width="1"
1344
+ fill="none"
1345
+ fill-rule="evenodd"
1346
+ >
1347
+ <g
1348
+ transform="translate(206.000000, 45.750000)"
1349
+ fill="var(--pf-t--global--text--color--regular)"
1350
+ fill-rule="nonzero"
1351
+ >
1352
+ <path
1353
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
1354
+ />
1355
+ <path
1356
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
1357
+ />
1358
+ <path
1359
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
1360
+ />
1361
+ <path
1362
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
1363
+ />
1364
+ <path
1365
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
1366
+ />
1367
+ <path
1368
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
1369
+ />
1370
+ <path
1371
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
1372
+ />
1373
+ <polygon
1374
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
1375
+ />
1376
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1377
+ <path
1378
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
1379
+ />
1380
+ </g>
1381
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1382
+ <path
1383
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
1384
+ id="Rectangle-Copy-17"
1385
+ fill="var(--pf-t--global--color--brand--200)"
1386
+ />
1387
+ <path
1388
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1389
+ fill="url(#linearGradient-1)"
1390
+ />
1391
+ <path
1392
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
1393
+ fill="url(#linearGradient-1)"
1394
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1395
+ />
1396
+ </g>
1397
+ </g>
1398
+ </svg>
1296
1399
  </a>
1297
1400
  </div>
1298
1401
  <div class="pf-v5-c-masthead__content">
@@ -1366,7 +1469,7 @@ wrapperTag: div
1366
1469
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1367
1470
  <span class="pf-v5-c-menu-toggle__controls">
1368
1471
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1369
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1472
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1370
1473
  </span>
1371
1474
  </span>
1372
1475
  </button>
@@ -1475,10 +1578,10 @@ wrapperTag: div
1475
1578
  >
1476
1579
  <div class="pf-v5-c-toolbar__toggle">
1477
1580
  <button
1478
- class="pf-v5-c-button pf-m-plain"
1581
+ class="pf-v5-c-menu-toggle pf-m-plain"
1479
1582
  type="button"
1480
- aria-label="Show filters"
1481
1583
  aria-expanded="false"
1584
+ aria-label="Show filters"
1482
1585
  aria-controls="primary-detail-collapsed-example-drawer-toolbar-expandable-content"
1483
1586
  >
1484
1587
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1492,83 +1595,25 @@ wrapperTag: div
1492
1595
  role="group"
1493
1596
  >
1494
1597
  <div class="pf-v5-c-input-group__item">
1495
- <div class="pf-v5-c-select" style="width: 124px">
1496
- <span
1497
- id="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
1498
- hidden
1499
- >Choose one</span>
1500
-
1501
- <button
1502
- class="pf-v5-c-select__toggle"
1503
- type="button"
1504
- id="primary-detail-collapsed-example-drawer-toolbar-select-name-toggle"
1505
- aria-haspopup="true"
1506
- aria-expanded="false"
1507
- aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label primary-detail-collapsed-example-drawer-toolbar-select-name-toggle"
1508
- >
1509
- <div class="pf-v5-c-select__toggle-wrapper">
1510
- <span class="pf-v5-c-select__toggle-icon">
1511
- <i class="fas fa-filter" aria-hidden="true"></i>
1512
- </span>
1513
- <span class="pf-v5-c-select__toggle-text">Name</span>
1514
- </div>
1515
- <span class="pf-v5-c-select__toggle-arrow">
1598
+ <button
1599
+ class="pf-v5-c-menu-toggle"
1600
+ type="button"
1601
+ aria-expanded="false"
1602
+ id="primary-detail-collapsed-example-drawer-toolbar-search-filter-menu"
1603
+ >
1604
+ <span class="pf-v5-c-menu-toggle__icon">
1605
+ <i class="fas fa-filter" aria-hidden="true"></i>
1606
+ </span>
1607
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
1608
+ <span class="pf-v5-c-menu-toggle__controls">
1609
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1516
1610
  <i
1517
- class="fas fa-caret-down"
1611
+ class="fas fa-angle-down"
1518
1612
  aria-hidden="true"
1519
1613
  ></i>
1520
1614
  </span>
1521
- </button>
1522
-
1523
- <ul
1524
- class="pf-v5-c-select__menu"
1525
- role="listbox"
1526
- aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
1527
- hidden
1528
- >
1529
- <li role="presentation">
1530
- <button
1531
- class="pf-v5-c-select__menu-item"
1532
- role="option"
1533
- >Running</button>
1534
- </li>
1535
- <li role="presentation">
1536
- <button
1537
- class="pf-v5-c-select__menu-item pf-m-selected"
1538
- role="option"
1539
- aria-selected="true"
1540
- >
1541
- Stopped
1542
- <span
1543
- class="pf-v5-c-select__menu-item-icon"
1544
- >
1545
- <i
1546
- class="fas fa-check"
1547
- aria-hidden="true"
1548
- ></i>
1549
- </span>
1550
- </button>
1551
- </li>
1552
- <li role="presentation">
1553
- <button
1554
- class="pf-v5-c-select__menu-item"
1555
- role="option"
1556
- >Down</button>
1557
- </li>
1558
- <li role="presentation">
1559
- <button
1560
- class="pf-v5-c-select__menu-item"
1561
- role="option"
1562
- >Degraded</button>
1563
- </li>
1564
- <li role="presentation">
1565
- <button
1566
- class="pf-v5-c-select__menu-item"
1567
- role="option"
1568
- >Needs maintenance</button>
1569
- </li>
1570
- </ul>
1571
- </div>
1615
+ </span>
1616
+ </button>
1572
1617
  </div>
1573
1618
  <div class="pf-v5-c-input-group__item pf-m-fill">
1574
1619
  <div class="pf-v5-c-text-input-group">
@@ -1624,73 +1669,77 @@ wrapperTag: div
1624
1669
  >
1625
1670
  <label
1626
1671
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1627
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1672
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1673
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1628
1674
  >
1629
1675
  <input
1630
1676
  class="pf-v5-c-check__input"
1631
1677
  type="checkbox"
1632
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1633
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1678
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-description"
1679
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1680
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1634
1681
  />
1635
-
1636
1682
  <span class="pf-v5-c-check__label">Active</span>
1637
1683
  <span
1638
1684
  class="pf-v5-c-check__description"
1685
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-description"
1639
1686
  >This is a description</span>
1640
1687
  </label>
1641
1688
  <label
1642
1689
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1643
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1690
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1691
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1644
1692
  >
1645
1693
  <input
1646
1694
  class="pf-v5-c-check__input"
1647
1695
  type="checkbox"
1648
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1649
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1696
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-description"
1697
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1698
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1650
1699
  />
1651
-
1652
1700
  <span class="pf-v5-c-check__label">Canceled</span>
1653
1701
  <span
1654
1702
  class="pf-v5-c-check__description"
1703
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-description"
1655
1704
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1656
1705
  </label>
1657
1706
  <label
1658
1707
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1659
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1708
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1709
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1660
1710
  >
1661
1711
  <input
1662
1712
  class="pf-v5-c-check__input"
1663
1713
  type="checkbox"
1664
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1665
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1714
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1715
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1666
1716
  />
1667
-
1668
1717
  <span class="pf-v5-c-check__label">Paused</span>
1669
1718
  </label>
1670
1719
  <label
1671
1720
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1672
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1721
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1722
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1673
1723
  >
1674
1724
  <input
1675
1725
  class="pf-v5-c-check__input"
1676
1726
  type="checkbox"
1677
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1678
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1727
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1728
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1679
1729
  />
1680
-
1681
1730
  <span class="pf-v5-c-check__label">Warning</span>
1682
1731
  </label>
1683
1732
  <label
1684
1733
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1685
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1734
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1735
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1686
1736
  >
1687
1737
  <input
1688
1738
  class="pf-v5-c-check__input"
1689
1739
  type="checkbox"
1690
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1691
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1740
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1741
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1692
1742
  />
1693
-
1694
1743
  <span class="pf-v5-c-check__label">Restarted</span>
1695
1744
  </label>
1696
1745
  </fieldset>
@@ -1727,73 +1776,77 @@ wrapperTag: div
1727
1776
  >
1728
1777
  <label
1729
1778
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1730
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1779
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1780
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1731
1781
  >
1732
1782
  <input
1733
1783
  class="pf-v5-c-check__input"
1734
1784
  type="checkbox"
1735
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1736
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1785
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-description"
1786
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1787
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1737
1788
  />
1738
-
1739
1789
  <span class="pf-v5-c-check__label">Active</span>
1740
1790
  <span
1741
1791
  class="pf-v5-c-check__description"
1792
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-description"
1742
1793
  >This is a description</span>
1743
1794
  </label>
1744
1795
  <label
1745
1796
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1746
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1797
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1798
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1747
1799
  >
1748
1800
  <input
1749
1801
  class="pf-v5-c-check__input"
1750
1802
  type="checkbox"
1751
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1752
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1803
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-description"
1804
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1805
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1753
1806
  />
1754
-
1755
1807
  <span class="pf-v5-c-check__label">Canceled</span>
1756
1808
  <span
1757
1809
  class="pf-v5-c-check__description"
1810
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-description"
1758
1811
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1759
1812
  </label>
1760
1813
  <label
1761
1814
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1762
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1815
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1816
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1763
1817
  >
1764
1818
  <input
1765
1819
  class="pf-v5-c-check__input"
1766
1820
  type="checkbox"
1767
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1768
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1821
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1822
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1769
1823
  />
1770
-
1771
1824
  <span class="pf-v5-c-check__label">Paused</span>
1772
1825
  </label>
1773
1826
  <label
1774
1827
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1775
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1828
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1829
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1776
1830
  >
1777
1831
  <input
1778
1832
  class="pf-v5-c-check__input"
1779
1833
  type="checkbox"
1780
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1781
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1834
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1835
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1782
1836
  />
1783
-
1784
1837
  <span class="pf-v5-c-check__label">Warning</span>
1785
1838
  </label>
1786
1839
  <label
1787
1840
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1788
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1841
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1842
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1789
1843
  >
1790
1844
  <input
1791
1845
  class="pf-v5-c-check__input"
1792
1846
  type="checkbox"
1793
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1794
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1847
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1848
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1795
1849
  />
1796
-
1797
1850
  <span class="pf-v5-c-check__label">Restarted</span>
1798
1851
  </label>
1799
1852
  </fieldset>
@@ -1809,7 +1862,10 @@ wrapperTag: div
1809
1862
  type="button"
1810
1863
  aria-label="Sort"
1811
1864
  >
1812
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1865
+ <i
1866
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1867
+ aria-hidden="true"
1868
+ ></i>
1813
1869
  </button>
1814
1870
  </div>
1815
1871
 
@@ -2465,13 +2521,88 @@ wrapperTag: div
2465
2521
  </button>
2466
2522
  </span>
2467
2523
  <div class="pf-v5-c-masthead__main">
2468
- <a class="pf-v5-c-masthead__brand" href="#">
2469
- <img
2470
- class="pf-v5-c-brand"
2471
- src="/assets/images/pf-logo.svg"
2472
- alt="PatternFly logo"
2473
- style="--pf-v5-c-brand--Height:36px"
2474
- />
2524
+ <a
2525
+ class="pf-v5-c-masthead__brand"
2526
+ href="#"
2527
+ style="--pf-v5-c-brand--Height: 36px;"
2528
+ >
2529
+ <svg height="36px" viewBox="0 0 679 158" role="img">
2530
+ <title>Patternfly logo</title>
2531
+ <defs>
2532
+ <linearGradient
2533
+ x1="68%"
2534
+ y1="2.25860997e-13%"
2535
+ x2="32%"
2536
+ y2="100%"
2537
+ id="linearGradient-1"
2538
+ >
2539
+ <stop stop-color="#2B9AF3" offset="0%" />
2540
+ <stop
2541
+ stop-color="#73BCF7"
2542
+ stop-opacity="0.502212631"
2543
+ offset="100%"
2544
+ />
2545
+ </linearGradient>
2546
+ </defs>
2547
+ <g
2548
+ id="PF-HorizontalLogo-Color"
2549
+ stroke="none"
2550
+ stroke-width="1"
2551
+ fill="none"
2552
+ fill-rule="evenodd"
2553
+ >
2554
+ <g
2555
+ transform="translate(206.000000, 45.750000)"
2556
+ fill="var(--pf-t--global--text--color--regular)"
2557
+ fill-rule="nonzero"
2558
+ >
2559
+ <path
2560
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
2561
+ />
2562
+ <path
2563
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
2564
+ />
2565
+ <path
2566
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
2567
+ />
2568
+ <path
2569
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
2570
+ />
2571
+ <path
2572
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
2573
+ />
2574
+ <path
2575
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
2576
+ />
2577
+ <path
2578
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
2579
+ />
2580
+ <polygon
2581
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
2582
+ />
2583
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2584
+ <path
2585
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
2586
+ />
2587
+ </g>
2588
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
2589
+ <path
2590
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
2591
+ id="Rectangle-Copy-17"
2592
+ fill="var(--pf-t--global--color--brand--200)"
2593
+ />
2594
+ <path
2595
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2596
+ fill="url(#linearGradient-1)"
2597
+ />
2598
+ <path
2599
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
2600
+ fill="url(#linearGradient-1)"
2601
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2602
+ />
2603
+ </g>
2604
+ </g>
2605
+ </svg>
2475
2606
  </a>
2476
2607
  </div>
2477
2608
  <div class="pf-v5-c-masthead__content">
@@ -2545,7 +2676,7 @@ wrapperTag: div
2545
2676
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2546
2677
  <span class="pf-v5-c-menu-toggle__controls">
2547
2678
  <span class="pf-v5-c-menu-toggle__toggle-icon">
2548
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2679
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2549
2680
  </span>
2550
2681
  </span>
2551
2682
  </button>
@@ -2654,10 +2785,10 @@ wrapperTag: div
2654
2785
  >
2655
2786
  <div class="pf-v5-c-toolbar__toggle">
2656
2787
  <button
2657
- class="pf-v5-c-button pf-m-plain"
2788
+ class="pf-v5-c-menu-toggle pf-m-plain"
2658
2789
  type="button"
2659
- aria-label="Show filters"
2660
2790
  aria-expanded="false"
2791
+ aria-label="Show filters"
2661
2792
  aria-controls="primary-detail-content-body-padding-example-drawer-toolbar-expandable-content"
2662
2793
  >
2663
2794
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -2695,73 +2826,77 @@ wrapperTag: div
2695
2826
  >
2696
2827
  <label
2697
2828
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2698
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2829
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2830
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2699
2831
  >
2700
2832
  <input
2701
2833
  class="pf-v5-c-check__input"
2702
2834
  type="checkbox"
2703
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2704
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2835
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-description"
2836
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2837
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2705
2838
  />
2706
-
2707
2839
  <span class="pf-v5-c-check__label">Active</span>
2708
2840
  <span
2709
2841
  class="pf-v5-c-check__description"
2842
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-description"
2710
2843
  >This is a description</span>
2711
2844
  </label>
2712
2845
  <label
2713
2846
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2714
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2847
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2848
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2715
2849
  >
2716
2850
  <input
2717
2851
  class="pf-v5-c-check__input"
2718
2852
  type="checkbox"
2719
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2720
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2853
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-description"
2854
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2855
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2721
2856
  />
2722
-
2723
2857
  <span class="pf-v5-c-check__label">Canceled</span>
2724
2858
  <span
2725
2859
  class="pf-v5-c-check__description"
2860
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-description"
2726
2861
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2727
2862
  </label>
2728
2863
  <label
2729
2864
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2730
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2865
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2866
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2731
2867
  >
2732
2868
  <input
2733
2869
  class="pf-v5-c-check__input"
2734
2870
  type="checkbox"
2735
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2736
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2871
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2872
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2737
2873
  />
2738
-
2739
2874
  <span class="pf-v5-c-check__label">Paused</span>
2740
2875
  </label>
2741
2876
  <label
2742
2877
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2743
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2878
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2879
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2744
2880
  >
2745
2881
  <input
2746
2882
  class="pf-v5-c-check__input"
2747
2883
  type="checkbox"
2748
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2749
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2884
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2885
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2750
2886
  />
2751
-
2752
2887
  <span class="pf-v5-c-check__label">Warning</span>
2753
2888
  </label>
2754
2889
  <label
2755
2890
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2756
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2891
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2892
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2757
2893
  >
2758
2894
  <input
2759
2895
  class="pf-v5-c-check__input"
2760
2896
  type="checkbox"
2761
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2762
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2897
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2898
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2763
2899
  />
2764
-
2765
2900
  <span class="pf-v5-c-check__label">Restarted</span>
2766
2901
  </label>
2767
2902
  </fieldset>
@@ -2798,73 +2933,77 @@ wrapperTag: div
2798
2933
  >
2799
2934
  <label
2800
2935
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2801
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2936
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2937
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2802
2938
  >
2803
2939
  <input
2804
2940
  class="pf-v5-c-check__input"
2805
2941
  type="checkbox"
2806
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2807
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2942
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-description"
2943
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2944
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2808
2945
  />
2809
-
2810
2946
  <span class="pf-v5-c-check__label">Active</span>
2811
2947
  <span
2812
2948
  class="pf-v5-c-check__description"
2949
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-description"
2813
2950
  >This is a description</span>
2814
2951
  </label>
2815
2952
  <label
2816
2953
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2817
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2954
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2955
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2818
2956
  >
2819
2957
  <input
2820
2958
  class="pf-v5-c-check__input"
2821
2959
  type="checkbox"
2822
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2823
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2960
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-description"
2961
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2962
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2824
2963
  />
2825
-
2826
2964
  <span class="pf-v5-c-check__label">Canceled</span>
2827
2965
  <span
2828
2966
  class="pf-v5-c-check__description"
2967
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-description"
2829
2968
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2830
2969
  </label>
2831
2970
  <label
2832
2971
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2833
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2972
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2973
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2834
2974
  >
2835
2975
  <input
2836
2976
  class="pf-v5-c-check__input"
2837
2977
  type="checkbox"
2838
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2839
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2978
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2979
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2840
2980
  />
2841
-
2842
2981
  <span class="pf-v5-c-check__label">Paused</span>
2843
2982
  </label>
2844
2983
  <label
2845
2984
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2846
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2985
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2986
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2847
2987
  >
2848
2988
  <input
2849
2989
  class="pf-v5-c-check__input"
2850
2990
  type="checkbox"
2851
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2852
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2991
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2992
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2853
2993
  />
2854
-
2855
2994
  <span class="pf-v5-c-check__label">Warning</span>
2856
2995
  </label>
2857
2996
  <label
2858
2997
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2859
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2998
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2999
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
2860
3000
  >
2861
3001
  <input
2862
3002
  class="pf-v5-c-check__input"
2863
3003
  type="checkbox"
2864
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2865
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
3004
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
3005
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
2866
3006
  />
2867
-
2868
3007
  <span class="pf-v5-c-check__label">Restarted</span>
2869
3008
  </label>
2870
3009
  </fieldset>
@@ -2880,7 +3019,10 @@ wrapperTag: div
2880
3019
  type="button"
2881
3020
  aria-label="Sort"
2882
3021
  >
2883
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3022
+ <i
3023
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3024
+ aria-hidden="true"
3025
+ ></i>
2884
3026
  </button>
2885
3027
  </div>
2886
3028
 
@@ -3536,13 +3678,88 @@ wrapperTag: div
3536
3678
  </button>
3537
3679
  </span>
3538
3680
  <div class="pf-v5-c-masthead__main">
3539
- <a class="pf-v5-c-masthead__brand" href="#">
3540
- <img
3541
- class="pf-v5-c-brand"
3542
- src="/assets/images/pf-logo.svg"
3543
- alt="PatternFly logo"
3544
- style="--pf-v5-c-brand--Height:36px"
3545
- />
3681
+ <a
3682
+ class="pf-v5-c-masthead__brand"
3683
+ href="#"
3684
+ style="--pf-v5-c-brand--Height: 36px;"
3685
+ >
3686
+ <svg height="36px" viewBox="0 0 679 158" role="img">
3687
+ <title>Patternfly logo</title>
3688
+ <defs>
3689
+ <linearGradient
3690
+ x1="68%"
3691
+ y1="2.25860997e-13%"
3692
+ x2="32%"
3693
+ y2="100%"
3694
+ id="linearGradient-1"
3695
+ >
3696
+ <stop stop-color="#2B9AF3" offset="0%" />
3697
+ <stop
3698
+ stop-color="#73BCF7"
3699
+ stop-opacity="0.502212631"
3700
+ offset="100%"
3701
+ />
3702
+ </linearGradient>
3703
+ </defs>
3704
+ <g
3705
+ id="PF-HorizontalLogo-Color"
3706
+ stroke="none"
3707
+ stroke-width="1"
3708
+ fill="none"
3709
+ fill-rule="evenodd"
3710
+ >
3711
+ <g
3712
+ transform="translate(206.000000, 45.750000)"
3713
+ fill="var(--pf-t--global--text--color--regular)"
3714
+ fill-rule="nonzero"
3715
+ >
3716
+ <path
3717
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
3718
+ />
3719
+ <path
3720
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
3721
+ />
3722
+ <path
3723
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
3724
+ />
3725
+ <path
3726
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
3727
+ />
3728
+ <path
3729
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
3730
+ />
3731
+ <path
3732
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
3733
+ />
3734
+ <path
3735
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
3736
+ />
3737
+ <polygon
3738
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
3739
+ />
3740
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3741
+ <path
3742
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
3743
+ />
3744
+ </g>
3745
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
3746
+ <path
3747
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
3748
+ id="Rectangle-Copy-17"
3749
+ fill="var(--pf-t--global--color--brand--200)"
3750
+ />
3751
+ <path
3752
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3753
+ fill="url(#linearGradient-1)"
3754
+ />
3755
+ <path
3756
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
3757
+ fill="url(#linearGradient-1)"
3758
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3759
+ />
3760
+ </g>
3761
+ </g>
3762
+ </svg>
3546
3763
  </a>
3547
3764
  </div>
3548
3765
  <div class="pf-v5-c-masthead__content">
@@ -3616,7 +3833,7 @@ wrapperTag: div
3616
3833
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
3617
3834
  <span class="pf-v5-c-menu-toggle__controls">
3618
3835
  <span class="pf-v5-c-menu-toggle__toggle-icon">
3619
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3836
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3620
3837
  </span>
3621
3838
  </span>
3622
3839
  </button>
@@ -3721,65 +3938,46 @@ wrapperTag: div
3721
3938
  >
3722
3939
  <div class="pf-v5-c-toolbar__toggle">
3723
3940
  <button
3724
- class="pf-v5-c-button pf-m-plain"
3941
+ class="pf-v5-c-menu-toggle pf-m-plain"
3725
3942
  type="button"
3726
- aria-label="Show filters"
3727
3943
  aria-expanded="false"
3944
+ aria-label="Show filters"
3728
3945
  aria-controls="primary-detail-card-view-expanded-example-drawer-toolbar-expandable-content"
3729
3946
  >
3730
3947
  <i class="fas fa-filter" aria-hidden="true"></i>
3731
3948
  </button>
3732
3949
  </div>
3733
3950
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
3734
- <div class="pf-v5-c-dropdown">
3735
- <div class="pf-v5-c-dropdown__toggle pf-m-split-button">
3736
- <label
3737
- class="pf-v5-c-dropdown__toggle-check"
3738
- for="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
3739
- >
3740
- <div class="pf-v5-c-check pf-m-standalone">
3741
- <input
3742
- class="pf-v5-c-check__input"
3743
- type="checkbox"
3744
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
3745
- aria-label="Select all"
3746
- />
3747
- </div>
3748
- </label>
3749
-
3750
- <button
3751
- class="pf-v5-c-dropdown__toggle-button"
3752
- type="button"
3753
- aria-expanded="false"
3754
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-button"
3755
- aria-label="Dropdown toggle"
3756
- >
3757
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3758
- </button>
3759
- </div>
3760
- <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
3761
- <li role="none">
3762
- <button
3763
- class="pf-v5-c-dropdown__menu-item"
3764
- role="menuitem"
3765
- type="button"
3766
- >Select all</button>
3767
- </li>
3768
- <li role="none">
3769
- <button
3770
- class="pf-v5-c-dropdown__menu-item"
3771
- role="menuitem"
3772
- type="button"
3773
- >Select none</button>
3774
- </li>
3775
- <li role="none">
3776
- <button
3777
- class="pf-v5-c-dropdown__menu-item"
3778
- role="menuitem"
3779
- type="button"
3780
- >Other action</button>
3781
- </li>
3782
- </ul>
3951
+ <div
3952
+ class="pf-v5-c-menu-toggle pf-m-split-button"
3953
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check"
3954
+ >
3955
+ <label
3956
+ class="pf-v5-c-check pf-m-standalone"
3957
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check-check"
3958
+ for="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3959
+ >
3960
+ <input
3961
+ class="pf-v5-c-check__input"
3962
+ type="checkbox"
3963
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3964
+ name="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3965
+ aria-label="Standalone check"
3966
+ />
3967
+ </label>
3968
+ <button
3969
+ class="pf-v5-c-menu-toggle__button"
3970
+ type="button"
3971
+ aria-expanded="false"
3972
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-menu-toggle-toggle-button"
3973
+ aria-label="Menu toggle"
3974
+ >
3975
+ <span class="pf-v5-c-menu-toggle__controls">
3976
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3977
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3978
+ </span>
3979
+ </span>
3980
+ </button>
3783
3981
  </div>
3784
3982
  </div>
3785
3983
 
@@ -3790,75 +3988,22 @@ wrapperTag: div
3790
3988
  role="group"
3791
3989
  >
3792
3990
  <div class="pf-v5-c-input-group__item">
3793
- <div class="pf-v5-c-select" style="width: 124px">
3794
- <span
3795
- id="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
3796
- hidden
3797
- >Choose one</span>
3798
-
3799
- <button
3800
- class="pf-v5-c-select__toggle"
3801
- type="button"
3802
- id="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-toggle"
3803
- aria-haspopup="true"
3804
- aria-expanded="false"
3805
- aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label primary-detail-card-view-expanded-example-drawer-toolbar-select-name-toggle"
3806
- >
3807
- <div class="pf-v5-c-select__toggle-wrapper">
3808
- <span class="pf-v5-c-select__toggle-icon">
3809
- <i class="fas fa-filter" aria-hidden="true"></i>
3810
- </span>
3811
- <span class="pf-v5-c-select__toggle-text">Name</span>
3812
- </div>
3813
- <span class="pf-v5-c-select__toggle-arrow">
3814
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3991
+ <button
3992
+ class="pf-v5-c-menu-toggle"
3993
+ type="button"
3994
+ aria-expanded="false"
3995
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-search-filter-menu"
3996
+ >
3997
+ <span class="pf-v5-c-menu-toggle__icon">
3998
+ <i class="fas fa-filter" aria-hidden="true"></i>
3999
+ </span>
4000
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
4001
+ <span class="pf-v5-c-menu-toggle__controls">
4002
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
4003
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3815
4004
  </span>
3816
- </button>
3817
-
3818
- <ul
3819
- class="pf-v5-c-select__menu"
3820
- role="listbox"
3821
- aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
3822
- hidden
3823
- >
3824
- <li role="presentation">
3825
- <button
3826
- class="pf-v5-c-select__menu-item"
3827
- role="option"
3828
- >Running</button>
3829
- </li>
3830
- <li role="presentation">
3831
- <button
3832
- class="pf-v5-c-select__menu-item pf-m-selected"
3833
- role="option"
3834
- aria-selected="true"
3835
- >
3836
- Stopped
3837
- <span class="pf-v5-c-select__menu-item-icon">
3838
- <i class="fas fa-check" aria-hidden="true"></i>
3839
- </span>
3840
- </button>
3841
- </li>
3842
- <li role="presentation">
3843
- <button
3844
- class="pf-v5-c-select__menu-item"
3845
- role="option"
3846
- >Down</button>
3847
- </li>
3848
- <li role="presentation">
3849
- <button
3850
- class="pf-v5-c-select__menu-item"
3851
- role="option"
3852
- >Degraded</button>
3853
- </li>
3854
- <li role="presentation">
3855
- <button
3856
- class="pf-v5-c-select__menu-item"
3857
- role="option"
3858
- >Needs maintenance</button>
3859
- </li>
3860
- </ul>
3861
- </div>
4005
+ </span>
4006
+ </button>
3862
4007
  </div>
3863
4008
  <div class="pf-v5-c-input-group__item pf-m-fill">
3864
4009
  <div class="pf-v5-c-text-input-group">
@@ -3888,7 +4033,10 @@ wrapperTag: div
3888
4033
  type="button"
3889
4034
  aria-label="Sort"
3890
4035
  >
3891
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
4036
+ <i
4037
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
4038
+ aria-hidden="true"
4039
+ ></i>
3892
4040
  </button>
3893
4041
  </div>
3894
4042
 
@@ -5107,13 +5255,88 @@ wrapperTag: div
5107
5255
  </button>
5108
5256
  </span>
5109
5257
  <div class="pf-v5-c-masthead__main">
5110
- <a class="pf-v5-c-masthead__brand" href="#">
5111
- <img
5112
- class="pf-v5-c-brand"
5113
- src="/assets/images/pf-logo.svg"
5114
- alt="PatternFly logo"
5115
- style="--pf-v5-c-brand--Height:36px"
5116
- />
5258
+ <a
5259
+ class="pf-v5-c-masthead__brand"
5260
+ href="#"
5261
+ style="--pf-v5-c-brand--Height: 36px;"
5262
+ >
5263
+ <svg height="36px" viewBox="0 0 679 158" role="img">
5264
+ <title>Patternfly logo</title>
5265
+ <defs>
5266
+ <linearGradient
5267
+ x1="68%"
5268
+ y1="2.25860997e-13%"
5269
+ x2="32%"
5270
+ y2="100%"
5271
+ id="linearGradient-1"
5272
+ >
5273
+ <stop stop-color="#2B9AF3" offset="0%" />
5274
+ <stop
5275
+ stop-color="#73BCF7"
5276
+ stop-opacity="0.502212631"
5277
+ offset="100%"
5278
+ />
5279
+ </linearGradient>
5280
+ </defs>
5281
+ <g
5282
+ id="PF-HorizontalLogo-Color"
5283
+ stroke="none"
5284
+ stroke-width="1"
5285
+ fill="none"
5286
+ fill-rule="evenodd"
5287
+ >
5288
+ <g
5289
+ transform="translate(206.000000, 45.750000)"
5290
+ fill="var(--pf-t--global--text--color--regular)"
5291
+ fill-rule="nonzero"
5292
+ >
5293
+ <path
5294
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
5295
+ />
5296
+ <path
5297
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
5298
+ />
5299
+ <path
5300
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
5301
+ />
5302
+ <path
5303
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
5304
+ />
5305
+ <path
5306
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
5307
+ />
5308
+ <path
5309
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
5310
+ />
5311
+ <path
5312
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
5313
+ />
5314
+ <polygon
5315
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
5316
+ />
5317
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
5318
+ <path
5319
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
5320
+ />
5321
+ </g>
5322
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
5323
+ <path
5324
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
5325
+ id="Rectangle-Copy-17"
5326
+ fill="var(--pf-t--global--color--brand--200)"
5327
+ />
5328
+ <path
5329
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5330
+ fill="url(#linearGradient-1)"
5331
+ />
5332
+ <path
5333
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
5334
+ fill="url(#linearGradient-1)"
5335
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5336
+ />
5337
+ </g>
5338
+ </g>
5339
+ </svg>
5117
5340
  </a>
5118
5341
  </div>
5119
5342
  <div class="pf-v5-c-masthead__content">
@@ -5187,7 +5410,7 @@ wrapperTag: div
5187
5410
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
5188
5411
  <span class="pf-v5-c-menu-toggle__controls">
5189
5412
  <span class="pf-v5-c-menu-toggle__toggle-icon">
5190
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5413
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5191
5414
  </span>
5192
5415
  </span>
5193
5416
  </button>
@@ -5487,13 +5710,88 @@ wrapperTag: div
5487
5710
  </button>
5488
5711
  </span>
5489
5712
  <div class="pf-v5-c-masthead__main">
5490
- <a class="pf-v5-c-masthead__brand" href="#">
5491
- <img
5492
- class="pf-v5-c-brand"
5493
- src="/assets/images/pf-logo.svg"
5494
- alt="PatternFly logo"
5495
- style="--pf-v5-c-brand--Height:36px"
5496
- />
5713
+ <a
5714
+ class="pf-v5-c-masthead__brand"
5715
+ href="#"
5716
+ style="--pf-v5-c-brand--Height: 36px;"
5717
+ >
5718
+ <svg height="36px" viewBox="0 0 679 158" role="img">
5719
+ <title>Patternfly logo</title>
5720
+ <defs>
5721
+ <linearGradient
5722
+ x1="68%"
5723
+ y1="2.25860997e-13%"
5724
+ x2="32%"
5725
+ y2="100%"
5726
+ id="linearGradient-1"
5727
+ >
5728
+ <stop stop-color="#2B9AF3" offset="0%" />
5729
+ <stop
5730
+ stop-color="#73BCF7"
5731
+ stop-opacity="0.502212631"
5732
+ offset="100%"
5733
+ />
5734
+ </linearGradient>
5735
+ </defs>
5736
+ <g
5737
+ id="PF-HorizontalLogo-Color"
5738
+ stroke="none"
5739
+ stroke-width="1"
5740
+ fill="none"
5741
+ fill-rule="evenodd"
5742
+ >
5743
+ <g
5744
+ transform="translate(206.000000, 45.750000)"
5745
+ fill="var(--pf-t--global--text--color--regular)"
5746
+ fill-rule="nonzero"
5747
+ >
5748
+ <path
5749
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
5750
+ />
5751
+ <path
5752
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
5753
+ />
5754
+ <path
5755
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
5756
+ />
5757
+ <path
5758
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
5759
+ />
5760
+ <path
5761
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
5762
+ />
5763
+ <path
5764
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
5765
+ />
5766
+ <path
5767
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
5768
+ />
5769
+ <polygon
5770
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
5771
+ />
5772
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
5773
+ <path
5774
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
5775
+ />
5776
+ </g>
5777
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
5778
+ <path
5779
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
5780
+ id="Rectangle-Copy-17"
5781
+ fill="var(--pf-t--global--color--brand--200)"
5782
+ />
5783
+ <path
5784
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5785
+ fill="url(#linearGradient-1)"
5786
+ />
5787
+ <path
5788
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
5789
+ fill="url(#linearGradient-1)"
5790
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5791
+ />
5792
+ </g>
5793
+ </g>
5794
+ </svg>
5497
5795
  </a>
5498
5796
  </div>
5499
5797
  <div class="pf-v5-c-masthead__content">
@@ -5567,7 +5865,7 @@ wrapperTag: div
5567
5865
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
5568
5866
  <span class="pf-v5-c-menu-toggle__controls">
5569
5867
  <span class="pf-v5-c-menu-toggle__toggle-icon">
5570
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5868
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5571
5869
  </span>
5572
5870
  </span>
5573
5871
  </button>
@@ -6105,13 +6403,88 @@ wrapperTag: div
6105
6403
  </button>
6106
6404
  </span>
6107
6405
  <div class="pf-v5-c-masthead__main">
6108
- <a class="pf-v5-c-masthead__brand" href="#">
6109
- <img
6110
- class="pf-v5-c-brand"
6111
- src="/assets/images/pf-logo.svg"
6112
- alt="PatternFly logo"
6113
- style="--pf-v5-c-brand--Height:36px"
6114
- />
6406
+ <a
6407
+ class="pf-v5-c-masthead__brand"
6408
+ href="#"
6409
+ style="--pf-v5-c-brand--Height: 36px;"
6410
+ >
6411
+ <svg height="36px" viewBox="0 0 679 158" role="img">
6412
+ <title>Patternfly logo</title>
6413
+ <defs>
6414
+ <linearGradient
6415
+ x1="68%"
6416
+ y1="2.25860997e-13%"
6417
+ x2="32%"
6418
+ y2="100%"
6419
+ id="linearGradient-1"
6420
+ >
6421
+ <stop stop-color="#2B9AF3" offset="0%" />
6422
+ <stop
6423
+ stop-color="#73BCF7"
6424
+ stop-opacity="0.502212631"
6425
+ offset="100%"
6426
+ />
6427
+ </linearGradient>
6428
+ </defs>
6429
+ <g
6430
+ id="PF-HorizontalLogo-Color"
6431
+ stroke="none"
6432
+ stroke-width="1"
6433
+ fill="none"
6434
+ fill-rule="evenodd"
6435
+ >
6436
+ <g
6437
+ transform="translate(206.000000, 45.750000)"
6438
+ fill="var(--pf-t--global--text--color--regular)"
6439
+ fill-rule="nonzero"
6440
+ >
6441
+ <path
6442
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
6443
+ />
6444
+ <path
6445
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
6446
+ />
6447
+ <path
6448
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
6449
+ />
6450
+ <path
6451
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
6452
+ />
6453
+ <path
6454
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
6455
+ />
6456
+ <path
6457
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
6458
+ />
6459
+ <path
6460
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
6461
+ />
6462
+ <polygon
6463
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
6464
+ />
6465
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
6466
+ <path
6467
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
6468
+ />
6469
+ </g>
6470
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
6471
+ <path
6472
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
6473
+ id="Rectangle-Copy-17"
6474
+ fill="var(--pf-t--global--color--brand--200)"
6475
+ />
6476
+ <path
6477
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
6478
+ fill="url(#linearGradient-1)"
6479
+ />
6480
+ <path
6481
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
6482
+ fill="url(#linearGradient-1)"
6483
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
6484
+ />
6485
+ </g>
6486
+ </g>
6487
+ </svg>
6115
6488
  </a>
6116
6489
  </div>
6117
6490
  <div class="pf-v5-c-masthead__content">
@@ -6185,7 +6558,7 @@ wrapperTag: div
6185
6558
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
6186
6559
  <span class="pf-v5-c-menu-toggle__controls">
6187
6560
  <span class="pf-v5-c-menu-toggle__toggle-icon">
6188
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6561
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
6189
6562
  </span>
6190
6563
  </span>
6191
6564
  </button>