@patternfly/patternfly 6.0.0-alpha.8 → 6.0.0-alpha.81

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 (334) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/assets/images/PF-Backdrop.svg +1 -0
  3. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  4. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  5. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  6. package/assets/images/PF-IconLogo-color.svg +17 -0
  7. package/assets/images/PF-IconLogo.svg +17 -0
  8. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  9. package/assets/images/pf-background.svg +22 -0
  10. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  11. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  12. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  13. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  14. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  15. package/assets/images/pf_logo_white.hbs +35 -0
  16. package/assets/images/pf_logo_white.svg +38 -0
  17. package/base/_common.scss +8 -4
  18. package/base/_globals.scss +4 -6
  19. package/base/_variables.scss +2 -7
  20. package/base/patternfly-common.css +8 -4
  21. package/base/patternfly-globals.css +4 -3
  22. package/base/patternfly-variables.css +884 -871
  23. package/base/tokens/_tokens-charts.scss +159 -0
  24. package/base/tokens/_tokens-dark.scss +311 -287
  25. package/base/tokens/_tokens-default.scss +425 -329
  26. package/base/tokens/_tokens-font.scss +29 -36
  27. package/base/tokens/_tokens-palette.scss +71 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +57 -94
  30. package/components/AboutModalBox/about-modal-box.scss +37 -62
  31. package/components/Accordion/accordion.css +85 -177
  32. package/components/Accordion/accordion.scss +96 -195
  33. package/components/ActionList/action-list.css +18 -17
  34. package/components/ActionList/action-list.scss +26 -16
  35. package/components/Alert/alert-group.css +20 -16
  36. package/components/Alert/alert-group.scss +20 -16
  37. package/components/Alert/alert.css +59 -84
  38. package/components/Alert/alert.scss +62 -78
  39. package/components/Avatar/avatar.css +10 -13
  40. package/components/Avatar/avatar.scss +10 -17
  41. package/components/BackToTop/back-to-top.css +17 -16
  42. package/components/BackToTop/back-to-top.scss +12 -12
  43. package/components/Backdrop/backdrop.css +6 -2
  44. package/components/Backdrop/backdrop.scss +5 -2
  45. package/components/BackgroundImage/background-image.css +5 -1
  46. package/components/BackgroundImage/background-image.scss +5 -1
  47. package/components/Badge/badge.css +23 -15
  48. package/components/Badge/badge.scss +25 -17
  49. package/components/Banner/banner.css +90 -64
  50. package/components/Banner/banner.scss +95 -32
  51. package/components/Breadcrumb/breadcrumb.css +19 -16
  52. package/components/Breadcrumb/breadcrumb.scss +18 -16
  53. package/components/Button/button.css +419 -353
  54. package/components/Button/button.scss +476 -476
  55. package/components/CalendarMonth/calendar-month.css +61 -92
  56. package/components/CalendarMonth/calendar-month.scss +68 -63
  57. package/components/Card/card.css +100 -194
  58. package/components/Card/card.scss +121 -237
  59. package/components/Check/check.css +24 -21
  60. package/components/Check/check.scss +25 -23
  61. package/components/ClipboardCopy/clipboard-copy.css +30 -33
  62. package/components/ClipboardCopy/clipboard-copy.scss +34 -26
  63. package/components/CodeBlock/code-block.css +22 -9
  64. package/components/CodeBlock/code-block.scss +22 -10
  65. package/components/CodeEditor/code-editor.css +94 -72
  66. package/components/CodeEditor/code-editor.scss +104 -82
  67. package/components/Content/content.css +7 -7
  68. package/components/Content/content.scss +7 -7
  69. package/components/DataList/data-list.css +101 -158
  70. package/components/DataList/data-list.scss +95 -154
  71. package/components/DatePicker/date-picker.css +13 -14
  72. package/components/DatePicker/date-picker.scss +12 -16
  73. package/components/DescriptionList/description-list.css +39 -34
  74. package/components/DescriptionList/description-list.scss +25 -25
  75. package/components/Divider/divider.css +91 -169
  76. package/components/Divider/divider.scss +60 -77
  77. package/components/DragDrop/drag-drop.css +18 -14
  78. package/components/DragDrop/drag-drop.scss +18 -17
  79. package/components/Drawer/drawer.css +112 -113
  80. package/components/Drawer/drawer.scss +134 -134
  81. package/components/Dropdown/dropdown.css +1 -3
  82. package/components/Dropdown/dropdown.scss +2 -6
  83. package/components/DualListSelector/dual-list-selector.css +56 -48
  84. package/components/DualListSelector/dual-list-selector.scss +57 -50
  85. package/components/EmptyState/empty-state.css +57 -34
  86. package/components/EmptyState/empty-state.scss +63 -34
  87. package/components/ExpandableSection/expandable-section.css +64 -62
  88. package/components/ExpandableSection/expandable-section.scss +73 -76
  89. package/components/FileUpload/file-upload.css +28 -34
  90. package/components/FileUpload/file-upload.scss +30 -42
  91. package/components/Form/form.css +68 -114
  92. package/components/Form/form.scss +65 -126
  93. package/components/FormControl/form-control.css +86 -111
  94. package/components/FormControl/form-control.scss +88 -92
  95. package/components/HelperText/helper-text.css +28 -34
  96. package/components/HelperText/helper-text.scss +30 -40
  97. package/components/Hint/hint.css +28 -21
  98. package/components/Hint/hint.scss +28 -24
  99. package/components/Icon/icon.css +154 -18
  100. package/components/Icon/icon.scss +187 -20
  101. package/components/InlineEdit/inline-edit.css +8 -7
  102. package/components/InlineEdit/inline-edit.scss +8 -7
  103. package/components/InputGroup/input-group.css +22 -38
  104. package/components/InputGroup/input-group.scss +21 -29
  105. package/components/JumpLinks/jump-links.css +34 -34
  106. package/components/JumpLinks/jump-links.scss +35 -36
  107. package/components/Label/label-group.css +39 -44
  108. package/components/Label/label-group.scss +39 -45
  109. package/components/Label/label.css +380 -355
  110. package/components/Label/label.scss +434 -348
  111. package/components/List/list.css +16 -16
  112. package/components/List/list.scss +17 -17
  113. package/components/Login/login.css +70 -97
  114. package/components/Login/login.scss +56 -64
  115. package/components/Masthead/masthead.css +261 -502
  116. package/components/Masthead/masthead.scss +123 -286
  117. package/components/Menu/menu.css +3 -0
  118. package/components/Menu/menu.scss +7 -3
  119. package/components/MenuToggle/menu-toggle.css +8 -8
  120. package/components/MenuToggle/menu-toggle.scss +8 -10
  121. package/components/ModalBox/modal-box.css +59 -52
  122. package/components/ModalBox/modal-box.scss +57 -53
  123. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  124. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  125. package/components/Nav/nav.css +240 -918
  126. package/components/Nav/nav.scss +300 -1082
  127. package/components/NotificationBadge/notification-badge.css +56 -81
  128. package/components/NotificationBadge/notification-badge.scss +60 -97
  129. package/components/NotificationDrawer/notification-drawer.css +104 -115
  130. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  131. package/components/NumberInput/number-input.css +8 -8
  132. package/components/NumberInput/number-input.scss +7 -12
  133. package/components/OverflowMenu/overflow-menu.css +17 -47
  134. package/components/OverflowMenu/overflow-menu.scss +27 -65
  135. package/components/Page/page.css +56 -164
  136. package/components/Page/page.scss +60 -154
  137. package/components/Pagination/pagination.css +57 -124
  138. package/components/Pagination/pagination.scss +40 -128
  139. package/components/Panel/panel.css +27 -23
  140. package/components/Panel/panel.scss +29 -26
  141. package/components/Popover/popover.css +42 -53
  142. package/components/Popover/popover.scss +46 -55
  143. package/components/Progress/progress.css +31 -45
  144. package/components/Progress/progress.scss +36 -55
  145. package/components/ProgressStepper/progress-stepper.css +72 -69
  146. package/components/ProgressStepper/progress-stepper.scss +65 -65
  147. package/components/Radio/radio.css +27 -20
  148. package/components/Radio/radio.scss +28 -22
  149. package/components/Sidebar/sidebar.css +20 -9
  150. package/components/Sidebar/sidebar.scss +23 -11
  151. package/components/SimpleList/simple-list.css +35 -52
  152. package/components/SimpleList/simple-list.scss +41 -51
  153. package/components/Skeleton/skeleton.css +18 -20
  154. package/components/Skeleton/skeleton.scss +17 -21
  155. package/components/SkipToContent/skip-to-content.css +6 -3
  156. package/components/SkipToContent/skip-to-content.scss +8 -6
  157. package/components/Slider/slider.css +34 -30
  158. package/components/Slider/slider.scss +46 -43
  159. package/components/Spinner/spinner.css +17 -34
  160. package/components/Spinner/spinner.scss +19 -47
  161. package/components/Switch/switch.css +42 -38
  162. package/components/Switch/switch.scss +48 -43
  163. package/components/TabContent/tab-content.css +17 -11
  164. package/components/TabContent/tab-content.scss +18 -14
  165. package/components/Table/table-grid.css +29 -45
  166. package/components/Table/table-grid.scss +40 -53
  167. package/components/Table/table-scrollable.css +6 -6
  168. package/components/Table/table-scrollable.scss +8 -8
  169. package/components/Table/table-tree-view.css +76 -74
  170. package/components/Table/table-tree-view.scss +44 -39
  171. package/components/Table/table.css +67 -93
  172. package/components/Table/table.scss +83 -105
  173. package/components/Tabs/tabs.css +143 -175
  174. package/components/Tabs/tabs.scss +159 -217
  175. package/components/Tile/tile.css +40 -81
  176. package/components/Tile/tile.scss +38 -84
  177. package/components/Timestamp/timestamp.css +12 -9
  178. package/components/Timestamp/timestamp.scss +11 -10
  179. package/components/Title/title.css +70 -19
  180. package/components/Title/title.scss +90 -20
  181. package/components/ToggleGroup/toggle-group.css +54 -48
  182. package/components/ToggleGroup/toggle-group.scss +62 -50
  183. package/components/Toolbar/toolbar.css +2527 -1031
  184. package/components/Toolbar/toolbar.scss +233 -520
  185. package/components/Tooltip/tooltip.css +16 -18
  186. package/components/Tooltip/tooltip.scss +20 -24
  187. package/components/TreeView/tree-view.css +76 -97
  188. package/components/TreeView/tree-view.scss +82 -113
  189. package/components/Truncate/truncate.css +4 -0
  190. package/components/Truncate/truncate.scss +3 -0
  191. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  192. package/docs/components/Accordion/examples/Accordion.md +614 -416
  193. package/docs/components/ActionList/examples/ActionList.md +73 -22
  194. package/docs/components/Alert/examples/Alert.md +3 -3
  195. package/docs/components/Avatar/examples/Avatar.md +5 -19
  196. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  197. package/docs/components/Badge/examples/Badge.md +21 -0
  198. package/docs/components/Banner/examples/Banner.md +48 -25
  199. package/docs/components/Brand/examples/Brand.css +12 -0
  200. package/docs/components/Brand/examples/Brand.md +51 -32
  201. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  202. package/docs/components/Button/examples/Button.css +4 -0
  203. package/docs/components/Button/examples/Button.md +1419 -93
  204. package/docs/components/CalendarMonth/examples/CalendarMonth.md +48 -224
  205. package/docs/components/Card/examples/Card.md +550 -133
  206. package/docs/components/Check/examples/Check.md +1 -0
  207. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  208. package/docs/components/CodeEditor/examples/CodeEditor.md +144 -132
  209. package/docs/components/Content/examples/Content.md +5 -5
  210. package/docs/components/DatePicker/examples/DatePicker.md +5 -2
  211. package/docs/components/Divider/examples/Divider.css +3 -1
  212. package/docs/components/Divider/examples/Divider.md +30 -5
  213. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  214. package/docs/components/Drawer/examples/Drawer.md +294 -256
  215. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  216. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  217. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  218. package/docs/components/Form/examples/Form.md +134 -89
  219. package/docs/components/Icon/examples/Icon.md +82 -11
  220. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  221. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  222. package/docs/components/Label/examples/Label.css +4 -0
  223. package/docs/components/Label/examples/Label.md +3090 -703
  224. package/docs/components/LogViewer/examples/LogViewer.md +180 -180
  225. package/docs/components/Login/examples/Login.md +10 -5
  226. package/docs/components/Masthead/examples/masthead.md +443 -65
  227. package/docs/components/Menu/examples/Menu.md +507 -473
  228. package/docs/components/MenuToggle/examples/MenuToggle.md +106 -114
  229. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  230. package/docs/components/Nav/examples/Navigation.css +1 -23
  231. package/docs/components/Nav/examples/Navigation.md +209 -356
  232. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  233. package/docs/components/Page/examples/Page.css +0 -8
  234. package/docs/components/Page/examples/Page.md +22 -21
  235. package/docs/components/Pagination/examples/Pagination.md +663 -637
  236. package/docs/components/Panel/examples/Panel.md +12 -0
  237. package/docs/components/Popover/examples/Popover.md +1 -1
  238. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  239. package/docs/components/Radio/examples/Radio.md +1 -1
  240. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  241. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  242. package/docs/components/TabContent/examples/TabContent.md +10 -10
  243. package/docs/components/Table/examples/Table.md +8 -8
  244. package/docs/components/Tabs/examples/Tabs.css +1 -1
  245. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  246. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  247. package/docs/components/Tile/examples/Tile.md +264 -144
  248. package/docs/components/Title/examples/Title.md +18 -0
  249. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  250. package/docs/components/Toolbar/examples/Toolbar.md +985 -3355
  251. package/docs/components/TreeView/examples/TreeView.md +7 -57
  252. package/docs/components/Truncate/examples/Truncate.css +2 -2
  253. package/docs/demos/AboutModal/examples/AboutModal.md +104 -31
  254. package/docs/demos/Alert/examples/Alert.md +330 -87
  255. package/docs/demos/BackToTop/examples/BackToTop.md +102 -29
  256. package/docs/demos/Banner/examples/Banner.md +211 -60
  257. package/docs/demos/Card/examples/Card.md +2 -2
  258. package/docs/demos/CardView/examples/CardView.md +241 -187
  259. package/docs/demos/ContextSelector/examples/ContextSelector.md +377 -94
  260. package/docs/demos/Dashboard/examples/Dashboard.md +102 -29
  261. package/docs/demos/DataList/examples/DataList.md +999 -938
  262. package/docs/demos/DescriptionList/examples/DescriptionList.md +306 -87
  263. package/docs/demos/Drawer/examples/Drawer.md +640 -251
  264. package/docs/demos/Form/examples/BasicForms.md +138 -84
  265. package/docs/demos/JumpLinks/examples/JumpLinks.md +917 -385
  266. package/docs/demos/Masthead/examples/Masthead.md +786 -342
  267. package/docs/demos/Modal/examples/Modal.md +645 -198
  268. package/docs/demos/Nav/examples/Nav.md +691 -902
  269. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +515 -145
  270. package/docs/demos/Page/examples/Page.md +942 -273
  271. package/docs/demos/Page/examples/Penta.md +66 -26
  272. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  273. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  274. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1183 -832
  275. package/docs/demos/Skeleton/examples/Skeleton.md +102 -29
  276. package/docs/demos/Table/examples/Table.md +3811 -3456
  277. package/docs/demos/Tabs/examples/Tabs.md +636 -194
  278. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  279. package/docs/demos/Toolbar/examples/Toolbar.md +1316 -1478
  280. package/docs/demos/Wizard/examples/Wizard.md +918 -261
  281. package/docs/layouts/Flex/examples/Flex.md +11 -11
  282. package/package.json +32 -32
  283. package/patternfly-base-no-globals-theme-dark-unversioned.css +897 -880
  284. package/patternfly-base-no-globals.css +897 -880
  285. package/patternfly-base-theme-dark-unversioned.css +890 -872
  286. package/patternfly-base.css +890 -872
  287. package/patternfly-no-globals.css +8107 -8027
  288. package/patternfly-theme-dark-unversioned.css +8111 -8030
  289. package/patternfly.css +8111 -8030
  290. package/patternfly.min.css +1 -1
  291. package/patternfly.min.css.map +1 -1
  292. package/sass-utilities/mixins.scss +18 -0
  293. package/base/themes/dark/_variables.scss +0 -102
  294. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  295. package/components/Accordion/themes/dark/accordion.scss +0 -9
  296. package/components/Alert/themes/dark/alert.scss +0 -17
  297. package/components/Badge/themes/dark/badge.scss +0 -9
  298. package/components/Banner/themes/dark/banner.scss +0 -14
  299. package/components/Button/themes/dark/button.scss +0 -51
  300. package/components/CalendarMonth/themes/dark/calendar-month.scss +0 -37
  301. package/components/Card/themes/dark/card.scss +0 -20
  302. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  303. package/components/CodeEditor/themes/dark/code-editor.scss +0 -14
  304. package/components/DataList/themes/dark/data-list.scss +0 -10
  305. package/components/DatePicker/themes/dark/date-picker.scss +0 -8
  306. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  307. package/components/Drawer/themes/dark/drawer.scss +0 -13
  308. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
  309. package/components/Form/themes/dark/form.scss +0 -7
  310. package/components/FormControl/themes/dark/form-control.scss +0 -24
  311. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  312. package/components/Hint/themes/dark/hint.scss +0 -8
  313. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  314. package/components/Label/themes/dark/label.scss +0 -53
  315. package/components/Login/themes/dark/login.scss +0 -12
  316. package/components/Masthead/themes/dark/masthead.scss +0 -14
  317. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  318. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  319. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  320. package/components/Page/themes/dark/page.scss +0 -69
  321. package/components/Pagination/themes/dark/pagination.scss +0 -7
  322. package/components/Panel/themes/dark/panel.scss +0 -7
  323. package/components/Popover/themes/dark/popover.scss +0 -11
  324. package/components/Progress/themes/dark/progress.scss +0 -9
  325. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  326. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  327. package/components/Switch/themes/dark/switch.scss +0 -11
  328. package/components/Tabs/themes/dark/tabs.scss +0 -10
  329. package/components/Tile/themes/dark/tile.scss +0 -10
  330. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  331. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  332. package/components/TreeView/themes/dark/tree-view.scss +0 -8
  333. package/docs/components/Avatar/examples/Avatar.css +0 -3
  334. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -29,23 +29,117 @@ wrapperTag: div
29
29
  </span>
30
30
  <div class="pf-v5-c-masthead__main">
31
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
- />
32
+ <svg height="40px" viewBox="0 0 679 158">
33
+ <title>PF-HorizontalLogo-Color</title>
34
+ <defs>
35
+ <linearGradient
36
+ x1="68%"
37
+ y1="2.25860997e-13%"
38
+ x2="32%"
39
+ y2="100%"
40
+ id="linearGradient-primary-detail-expanded-example-masthead"
41
+ >
42
+ <stop stop-color="#2B9AF3" offset="0%" />
43
+ <stop
44
+ stop-color="#73BCF7"
45
+ stop-opacity="0.502212631"
46
+ offset="100%"
47
+ />
48
+ </linearGradient>
49
+ </defs>
50
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
51
+ <g
52
+ transform="translate(206.000000, 45.750000)"
53
+ fill="var(--pf-t--global--text--color--regular)"
54
+ fill-rule="nonzero"
55
+ >
56
+ <path
57
+ 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"
58
+ />
59
+ <path
60
+ 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"
61
+ />
62
+ <path
63
+ 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"
64
+ />
65
+ <path
66
+ 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"
67
+ />
68
+ <path
69
+ 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"
70
+ />
71
+ <path
72
+ 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"
73
+ />
74
+ <path
75
+ 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"
76
+ />
77
+ <polygon
78
+ 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"
79
+ />
80
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
81
+ <path
82
+ 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"
83
+ />
84
+ </g>
85
+ <g transform="translate(0.000000, 0.000000)">
86
+ <path
87
+ 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"
88
+ fill="#0066CC"
89
+ />
90
+ <path
91
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
92
+ fill="url(#linearGradient-primary-detail-expanded-example-masthead)"
93
+ />
94
+ <path
95
+ 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"
96
+ fill="url(#linearGradient-primary-detail-expanded-example-masthead)"
97
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
98
+ />
99
+ </g>
100
+ </g>
101
+ </svg>
38
102
  </a>
39
103
  </div>
40
104
  <div class="pf-v5-c-masthead__content">
41
105
  <div
42
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
106
+ class="pf-v5-c-toolbar pf-m-static"
43
107
  id="primary-detail-expanded-example-masthead-toolbar"
44
108
  >
45
109
  <div class="pf-v5-c-toolbar__content">
46
110
  <div class="pf-v5-c-toolbar__content-section">
111
+ <div class="pf-v5-c-toolbar__item">
112
+ <button
113
+ class="pf-v5-c-menu-toggle"
114
+ type="button"
115
+ aria-expanded="false"
116
+ >
117
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
118
+ <span class="pf-v5-c-menu-toggle__controls">
119
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
120
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
121
+ </span>
122
+ </span>
123
+ </button>
124
+ </div>
125
+
126
+ <div class="pf-v5-c-toolbar__item">
127
+ <button
128
+ class="pf-v5-c-menu-toggle"
129
+ type="button"
130
+ aria-expanded="false"
131
+ >
132
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
133
+ <span class="pf-v5-c-menu-toggle__controls">
134
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
135
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
136
+ </span>
137
+ </span>
138
+ </button>
139
+ </div>
140
+
47
141
  <div
48
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
142
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
49
143
  >
50
144
  <div
51
145
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -92,27 +186,6 @@ wrapperTag: div
92
186
  </button>
93
187
  </div>
94
188
  </div>
95
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
96
- <button
97
- class="pf-v5-c-menu-toggle pf-m-full-height"
98
- type="button"
99
- aria-expanded="false"
100
- >
101
- <span class="pf-v5-c-menu-toggle__icon">
102
- <img
103
- class="pf-v5-c-avatar"
104
- alt="Avatar image"
105
- src="/assets/images/img_avatar-light.svg"
106
- />
107
- </span>
108
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
109
- <span class="pf-v5-c-menu-toggle__controls">
110
- <span class="pf-v5-c-menu-toggle__toggle-icon">
111
- <i class="fas fa-angle-down" aria-hidden="true"></i>
112
- </span>
113
- </span>
114
- </button>
115
- </div>
116
189
  </div>
117
190
  </div>
118
191
  </div>
@@ -215,12 +288,12 @@ wrapperTag: div
215
288
  <div
216
289
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
217
290
  >
218
- <div class="pf-v5-c-toolbar__toggle">
291
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
219
292
  <button
220
- class="pf-v5-c-button pf-m-plain"
293
+ class="pf-v5-c-menu-toggle pf-m-plain"
221
294
  type="button"
222
- aria-label="Show filters"
223
295
  aria-expanded="false"
296
+ aria-label="Show filters"
224
297
  aria-controls="primary-detail-expanded-example-drawer-toolbar-expandable-content"
225
298
  >
226
299
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -234,83 +307,25 @@ wrapperTag: div
234
307
  role="group"
235
308
  >
236
309
  <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">
310
+ <button
311
+ class="pf-v5-c-menu-toggle"
312
+ type="button"
313
+ aria-expanded="false"
314
+ id="primary-detail-expanded-example-drawer-toolbar-search-filter-menu"
315
+ >
316
+ <span class="pf-v5-c-menu-toggle__icon">
317
+ <i class="fas fa-filter" aria-hidden="true"></i>
318
+ </span>
319
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
320
+ <span class="pf-v5-c-menu-toggle__controls">
321
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
258
322
  <i
259
- class="fas fa-caret-down"
323
+ class="fas fa-angle-down"
260
324
  aria-hidden="true"
261
325
  ></i>
262
326
  </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>
327
+ </span>
328
+ </button>
314
329
  </div>
315
330
  <div class="pf-v5-c-input-group__item pf-m-fill">
316
331
  <div class="pf-v5-c-text-input-group">
@@ -614,57 +629,59 @@ wrapperTag: div
614
629
 
615
630
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
616
631
  <div class="pf-v5-c-pagination pf-m-compact">
617
- <div class="pf-v5-c-options-menu">
618
- <button
619
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
620
- type="button"
621
- id="primary-detail-expanded-example-drawer-toolbar-top-pagination-toggle"
622
- aria-haspopup="listbox"
623
- aria-expanded="false"
624
- >
625
- <span class="pf-v5-c-options-menu__toggle-text">
626
- <b>1 - 10</b>&nbsp;of&nbsp;
627
- <b>36</b>
628
- </span>
629
- <div class="pf-v5-c-options-menu__toggle-icon">
630
- <i class="fas fa-caret-down" aria-hidden="true"></i>
631
- </div>
632
- </button>
633
- <ul
634
- class="pf-v5-c-options-menu__menu"
635
- role="menu"
636
- aria-labelledby="primary-detail-expanded-example-drawer-toolbar-top-pagination-toggle"
637
- hidden
638
- >
639
- <li role="none">
640
- <button
641
- class="pf-v5-c-options-menu__menu-item"
642
- type="button"
643
- role="menuitem"
644
- >5 per page</button>
645
- </li>
646
- <li role="none">
647
- <button
648
- class="pf-v5-c-options-menu__menu-item"
649
- type="button"
650
- role="menuitem"
651
- >
652
- 10 per page
653
- <div
654
- class="pf-v5-c-options-menu__menu-item-icon"
632
+ <div class="pf-v5-c-pagination__page-menu">
633
+ <div class="pf-v5-c-options-menu">
634
+ <button
635
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
636
+ type="button"
637
+ id="primary-detail-expanded-example-drawer-toolbar-top-pagination-toggle"
638
+ aria-haspopup="listbox"
639
+ aria-expanded="false"
640
+ >
641
+ <span class="pf-v5-c-options-menu__toggle-text">
642
+ <b>1 - 10</b>&nbsp;of&nbsp;
643
+ <b>36</b>
644
+ </span>
645
+ <div class="pf-v5-c-options-menu__toggle-icon">
646
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
647
+ </div>
648
+ </button>
649
+ <ul
650
+ class="pf-v5-c-options-menu__menu"
651
+ role="menu"
652
+ aria-labelledby="primary-detail-expanded-example-drawer-toolbar-top-pagination-toggle"
653
+ hidden
654
+ >
655
+ <li role="none">
656
+ <button
657
+ class="pf-v5-c-options-menu__menu-item"
658
+ type="button"
659
+ role="menuitem"
660
+ >5 per page</button>
661
+ </li>
662
+ <li role="none">
663
+ <button
664
+ class="pf-v5-c-options-menu__menu-item"
665
+ type="button"
666
+ role="menuitem"
655
667
  >
656
- <i class="fas fa-check" aria-hidden="true"></i>
657
- </div>
658
- </button>
659
- </li>
660
- <li role="none">
661
- <button
662
- class="pf-v5-c-options-menu__menu-item"
663
- type="button"
664
- role="menuitem"
665
- >20 per page</button>
666
- </li>
667
- </ul>
668
+ 10 per page
669
+ <div
670
+ class="pf-v5-c-options-menu__menu-item-icon"
671
+ >
672
+ <i class="fas fa-check" aria-hidden="true"></i>
673
+ </div>
674
+ </button>
675
+ </li>
676
+ <li role="none">
677
+ <button
678
+ class="pf-v5-c-options-menu__menu-item"
679
+ type="button"
680
+ role="menuitem"
681
+ >20 per page</button>
682
+ </li>
683
+ </ul>
684
+ </div>
668
685
  </div>
669
686
  <nav
670
687
  class="pf-v5-c-pagination__nav"
@@ -1130,13 +1147,15 @@ wrapperTag: div
1130
1147
  role="region"
1131
1148
  id="primary-detail-expanded-example-drawer-tabs"
1132
1149
  >
1133
- <button
1134
- class="pf-v5-c-tabs__scroll-button"
1135
- type="button"
1136
- aria-label="Scroll left"
1137
- >
1138
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1139
- </button>
1150
+ <div class="pf-v5-c-tabs__scroll-button">
1151
+ <button
1152
+ class="pf-v5-c-button pf-m-plain"
1153
+ type="button"
1154
+ aria-label="Scroll left"
1155
+ >
1156
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1157
+ </button>
1158
+ </div>
1140
1159
  <ul class="pf-v5-c-tabs__list" role="tablist">
1141
1160
  <li
1142
1161
  class="pf-v5-c-tabs__item pf-m-current"
@@ -1164,13 +1183,15 @@ wrapperTag: div
1164
1183
  </button>
1165
1184
  </li>
1166
1185
  </ul>
1167
- <button
1168
- class="pf-v5-c-tabs__scroll-button"
1169
- type="button"
1170
- aria-label="Scroll right"
1171
- >
1172
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1173
- </button>
1186
+ <div class="pf-v5-c-tabs__scroll-button">
1187
+ <button
1188
+ class="pf-v5-c-button pf-m-plain"
1189
+ type="button"
1190
+ aria-label="Scroll right"
1191
+ >
1192
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1193
+ </button>
1194
+ </div>
1174
1195
  </div>
1175
1196
  </div>
1176
1197
 
@@ -1298,23 +1319,117 @@ wrapperTag: div
1298
1319
  </span>
1299
1320
  <div class="pf-v5-c-masthead__main">
1300
1321
  <a class="pf-v5-c-masthead__brand" href="#">
1301
- <img
1302
- class="pf-v5-c-brand"
1303
- src="/assets/images/pf-logo.svg"
1304
- alt="PatternFly logo"
1305
- style="--pf-v5-c-brand--Height:36px"
1306
- />
1322
+ <svg height="40px" viewBox="0 0 679 158">
1323
+ <title>PF-HorizontalLogo-Color</title>
1324
+ <defs>
1325
+ <linearGradient
1326
+ x1="68%"
1327
+ y1="2.25860997e-13%"
1328
+ x2="32%"
1329
+ y2="100%"
1330
+ id="linearGradient-primary-detail-collapsed-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1341
+ <g
1342
+ transform="translate(206.000000, 45.750000)"
1343
+ fill="var(--pf-t--global--text--color--regular)"
1344
+ fill-rule="nonzero"
1345
+ >
1346
+ <path
1347
+ 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"
1348
+ />
1349
+ <path
1350
+ 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"
1351
+ />
1352
+ <path
1353
+ 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"
1354
+ />
1355
+ <path
1356
+ 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"
1357
+ />
1358
+ <path
1359
+ 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"
1360
+ />
1361
+ <path
1362
+ 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"
1363
+ />
1364
+ <path
1365
+ 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"
1366
+ />
1367
+ <polygon
1368
+ 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"
1369
+ />
1370
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1371
+ <path
1372
+ 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"
1373
+ />
1374
+ </g>
1375
+ <g transform="translate(0.000000, 0.000000)">
1376
+ <path
1377
+ 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"
1378
+ fill="#0066CC"
1379
+ />
1380
+ <path
1381
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1382
+ fill="url(#linearGradient-primary-detail-collapsed-example-masthead)"
1383
+ />
1384
+ <path
1385
+ 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"
1386
+ fill="url(#linearGradient-primary-detail-collapsed-example-masthead)"
1387
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1388
+ />
1389
+ </g>
1390
+ </g>
1391
+ </svg>
1307
1392
  </a>
1308
1393
  </div>
1309
1394
  <div class="pf-v5-c-masthead__content">
1310
1395
  <div
1311
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1396
+ class="pf-v5-c-toolbar pf-m-static"
1312
1397
  id="primary-detail-collapsed-example-masthead-toolbar"
1313
1398
  >
1314
1399
  <div class="pf-v5-c-toolbar__content">
1315
1400
  <div class="pf-v5-c-toolbar__content-section">
1401
+ <div class="pf-v5-c-toolbar__item">
1402
+ <button
1403
+ class="pf-v5-c-menu-toggle"
1404
+ type="button"
1405
+ aria-expanded="false"
1406
+ >
1407
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1408
+ <span class="pf-v5-c-menu-toggle__controls">
1409
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1410
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1411
+ </span>
1412
+ </span>
1413
+ </button>
1414
+ </div>
1415
+
1416
+ <div class="pf-v5-c-toolbar__item">
1417
+ <button
1418
+ class="pf-v5-c-menu-toggle"
1419
+ type="button"
1420
+ aria-expanded="false"
1421
+ >
1422
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1423
+ <span class="pf-v5-c-menu-toggle__controls">
1424
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1425
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1426
+ </span>
1427
+ </span>
1428
+ </button>
1429
+ </div>
1430
+
1316
1431
  <div
1317
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1432
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
1318
1433
  >
1319
1434
  <div
1320
1435
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1361,27 +1476,6 @@ wrapperTag: div
1361
1476
  </button>
1362
1477
  </div>
1363
1478
  </div>
1364
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1365
- <button
1366
- class="pf-v5-c-menu-toggle pf-m-full-height"
1367
- type="button"
1368
- aria-expanded="false"
1369
- >
1370
- <span class="pf-v5-c-menu-toggle__icon">
1371
- <img
1372
- class="pf-v5-c-avatar"
1373
- alt="Avatar image"
1374
- src="/assets/images/img_avatar-light.svg"
1375
- />
1376
- </span>
1377
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1378
- <span class="pf-v5-c-menu-toggle__controls">
1379
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1380
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1381
- </span>
1382
- </span>
1383
- </button>
1384
- </div>
1385
1479
  </div>
1386
1480
  </div>
1387
1481
  </div>
@@ -1484,12 +1578,12 @@ wrapperTag: div
1484
1578
  <div
1485
1579
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1486
1580
  >
1487
- <div class="pf-v5-c-toolbar__toggle">
1581
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1488
1582
  <button
1489
- class="pf-v5-c-button pf-m-plain"
1583
+ class="pf-v5-c-menu-toggle pf-m-plain"
1490
1584
  type="button"
1491
- aria-label="Show filters"
1492
1585
  aria-expanded="false"
1586
+ aria-label="Show filters"
1493
1587
  aria-controls="primary-detail-collapsed-example-drawer-toolbar-expandable-content"
1494
1588
  >
1495
1589
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1503,83 +1597,25 @@ wrapperTag: div
1503
1597
  role="group"
1504
1598
  >
1505
1599
  <div class="pf-v5-c-input-group__item">
1506
- <div class="pf-v5-c-select" style="width: 124px">
1507
- <span
1508
- id="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
1509
- hidden
1510
- >Choose one</span>
1511
-
1512
- <button
1513
- class="pf-v5-c-select__toggle"
1514
- type="button"
1515
- id="primary-detail-collapsed-example-drawer-toolbar-select-name-toggle"
1516
- aria-haspopup="true"
1517
- aria-expanded="false"
1518
- aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label primary-detail-collapsed-example-drawer-toolbar-select-name-toggle"
1519
- >
1520
- <div class="pf-v5-c-select__toggle-wrapper">
1521
- <span class="pf-v5-c-select__toggle-icon">
1522
- <i class="fas fa-filter" aria-hidden="true"></i>
1523
- </span>
1524
- <span class="pf-v5-c-select__toggle-text">Name</span>
1525
- </div>
1526
- <span class="pf-v5-c-select__toggle-arrow">
1527
- <i
1528
- class="fas fa-caret-down"
1529
- aria-hidden="true"
1530
- ></i>
1600
+ <button
1601
+ class="pf-v5-c-menu-toggle"
1602
+ type="button"
1603
+ aria-expanded="false"
1604
+ id="primary-detail-collapsed-example-drawer-toolbar-search-filter-menu"
1605
+ >
1606
+ <span class="pf-v5-c-menu-toggle__icon">
1607
+ <i class="fas fa-filter" aria-hidden="true"></i>
1608
+ </span>
1609
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
1610
+ <span class="pf-v5-c-menu-toggle__controls">
1611
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1612
+ <i
1613
+ class="fas fa-angle-down"
1614
+ aria-hidden="true"
1615
+ ></i>
1531
1616
  </span>
1532
- </button>
1533
-
1534
- <ul
1535
- class="pf-v5-c-select__menu"
1536
- role="listbox"
1537
- aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
1538
- hidden
1539
- >
1540
- <li role="presentation">
1541
- <button
1542
- class="pf-v5-c-select__menu-item"
1543
- role="option"
1544
- >Running</button>
1545
- </li>
1546
- <li role="presentation">
1547
- <button
1548
- class="pf-v5-c-select__menu-item pf-m-selected"
1549
- role="option"
1550
- aria-selected="true"
1551
- >
1552
- Stopped
1553
- <span
1554
- class="pf-v5-c-select__menu-item-icon"
1555
- >
1556
- <i
1557
- class="fas fa-check"
1558
- aria-hidden="true"
1559
- ></i>
1560
- </span>
1561
- </button>
1562
- </li>
1563
- <li role="presentation">
1564
- <button
1565
- class="pf-v5-c-select__menu-item"
1566
- role="option"
1567
- >Down</button>
1568
- </li>
1569
- <li role="presentation">
1570
- <button
1571
- class="pf-v5-c-select__menu-item"
1572
- role="option"
1573
- >Degraded</button>
1574
- </li>
1575
- <li role="presentation">
1576
- <button
1577
- class="pf-v5-c-select__menu-item"
1578
- role="option"
1579
- >Needs maintenance</button>
1580
- </li>
1581
- </ul>
1582
- </div>
1617
+ </span>
1618
+ </button>
1583
1619
  </div>
1584
1620
  <div class="pf-v5-c-input-group__item pf-m-fill">
1585
1621
  <div class="pf-v5-c-text-input-group">
@@ -1883,57 +1919,59 @@ wrapperTag: div
1883
1919
 
1884
1920
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
1885
1921
  <div class="pf-v5-c-pagination pf-m-compact">
1886
- <div class="pf-v5-c-options-menu">
1887
- <button
1888
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1889
- type="button"
1890
- id="primary-detail-collapsed-example-drawer-toolbar-top-pagination-toggle"
1891
- aria-haspopup="listbox"
1892
- aria-expanded="false"
1893
- >
1894
- <span class="pf-v5-c-options-menu__toggle-text">
1895
- <b>1 - 10</b>&nbsp;of&nbsp;
1896
- <b>36</b>
1897
- </span>
1898
- <div class="pf-v5-c-options-menu__toggle-icon">
1899
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1900
- </div>
1901
- </button>
1902
- <ul
1903
- class="pf-v5-c-options-menu__menu"
1904
- role="menu"
1905
- aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-top-pagination-toggle"
1906
- hidden
1907
- >
1908
- <li role="none">
1909
- <button
1910
- class="pf-v5-c-options-menu__menu-item"
1911
- type="button"
1912
- role="menuitem"
1913
- >5 per page</button>
1914
- </li>
1915
- <li role="none">
1916
- <button
1917
- class="pf-v5-c-options-menu__menu-item"
1918
- type="button"
1919
- role="menuitem"
1920
- >
1921
- 10 per page
1922
- <div
1923
- class="pf-v5-c-options-menu__menu-item-icon"
1922
+ <div class="pf-v5-c-pagination__page-menu">
1923
+ <div class="pf-v5-c-options-menu">
1924
+ <button
1925
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
1926
+ type="button"
1927
+ id="primary-detail-collapsed-example-drawer-toolbar-top-pagination-toggle"
1928
+ aria-haspopup="listbox"
1929
+ aria-expanded="false"
1930
+ >
1931
+ <span class="pf-v5-c-options-menu__toggle-text">
1932
+ <b>1 - 10</b>&nbsp;of&nbsp;
1933
+ <b>36</b>
1934
+ </span>
1935
+ <div class="pf-v5-c-options-menu__toggle-icon">
1936
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1937
+ </div>
1938
+ </button>
1939
+ <ul
1940
+ class="pf-v5-c-options-menu__menu"
1941
+ role="menu"
1942
+ aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-top-pagination-toggle"
1943
+ hidden
1944
+ >
1945
+ <li role="none">
1946
+ <button
1947
+ class="pf-v5-c-options-menu__menu-item"
1948
+ type="button"
1949
+ role="menuitem"
1950
+ >5 per page</button>
1951
+ </li>
1952
+ <li role="none">
1953
+ <button
1954
+ class="pf-v5-c-options-menu__menu-item"
1955
+ type="button"
1956
+ role="menuitem"
1924
1957
  >
1925
- <i class="fas fa-check" aria-hidden="true"></i>
1926
- </div>
1927
- </button>
1928
- </li>
1929
- <li role="none">
1930
- <button
1931
- class="pf-v5-c-options-menu__menu-item"
1932
- type="button"
1933
- role="menuitem"
1934
- >20 per page</button>
1935
- </li>
1936
- </ul>
1958
+ 10 per page
1959
+ <div
1960
+ class="pf-v5-c-options-menu__menu-item-icon"
1961
+ >
1962
+ <i class="fas fa-check" aria-hidden="true"></i>
1963
+ </div>
1964
+ </button>
1965
+ </li>
1966
+ <li role="none">
1967
+ <button
1968
+ class="pf-v5-c-options-menu__menu-item"
1969
+ type="button"
1970
+ role="menuitem"
1971
+ >20 per page</button>
1972
+ </li>
1973
+ </ul>
1974
+ </div>
1937
1975
  </div>
1938
1976
  <nav
1939
1977
  class="pf-v5-c-pagination__nav"
@@ -2488,23 +2526,117 @@ wrapperTag: div
2488
2526
  </span>
2489
2527
  <div class="pf-v5-c-masthead__main">
2490
2528
  <a class="pf-v5-c-masthead__brand" href="#">
2491
- <img
2492
- class="pf-v5-c-brand"
2493
- src="/assets/images/pf-logo.svg"
2494
- alt="PatternFly logo"
2495
- style="--pf-v5-c-brand--Height:36px"
2496
- />
2529
+ <svg height="40px" viewBox="0 0 679 158">
2530
+ <title>PF-HorizontalLogo-Color</title>
2531
+ <defs>
2532
+ <linearGradient
2533
+ x1="68%"
2534
+ y1="2.25860997e-13%"
2535
+ x2="32%"
2536
+ y2="100%"
2537
+ id="linearGradient-primary-detail-content-body-padding-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2548
+ <g
2549
+ transform="translate(206.000000, 45.750000)"
2550
+ fill="var(--pf-t--global--text--color--regular)"
2551
+ fill-rule="nonzero"
2552
+ >
2553
+ <path
2554
+ 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"
2555
+ />
2556
+ <path
2557
+ 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"
2558
+ />
2559
+ <path
2560
+ 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"
2561
+ />
2562
+ <path
2563
+ 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"
2564
+ />
2565
+ <path
2566
+ 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"
2567
+ />
2568
+ <path
2569
+ 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"
2570
+ />
2571
+ <path
2572
+ 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"
2573
+ />
2574
+ <polygon
2575
+ 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"
2576
+ />
2577
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2578
+ <path
2579
+ 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"
2580
+ />
2581
+ </g>
2582
+ <g transform="translate(0.000000, 0.000000)">
2583
+ <path
2584
+ 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"
2585
+ fill="#0066CC"
2586
+ />
2587
+ <path
2588
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2589
+ fill="url(#linearGradient-primary-detail-content-body-padding-example-masthead)"
2590
+ />
2591
+ <path
2592
+ 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"
2593
+ fill="url(#linearGradient-primary-detail-content-body-padding-example-masthead)"
2594
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2595
+ />
2596
+ </g>
2597
+ </g>
2598
+ </svg>
2497
2599
  </a>
2498
2600
  </div>
2499
2601
  <div class="pf-v5-c-masthead__content">
2500
2602
  <div
2501
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2603
+ class="pf-v5-c-toolbar pf-m-static"
2502
2604
  id="primary-detail-content-body-padding-example-masthead-toolbar"
2503
2605
  >
2504
2606
  <div class="pf-v5-c-toolbar__content">
2505
2607
  <div class="pf-v5-c-toolbar__content-section">
2608
+ <div class="pf-v5-c-toolbar__item">
2609
+ <button
2610
+ class="pf-v5-c-menu-toggle"
2611
+ type="button"
2612
+ aria-expanded="false"
2613
+ >
2614
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
2615
+ <span class="pf-v5-c-menu-toggle__controls">
2616
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2617
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2618
+ </span>
2619
+ </span>
2620
+ </button>
2621
+ </div>
2622
+
2623
+ <div class="pf-v5-c-toolbar__item">
2624
+ <button
2625
+ class="pf-v5-c-menu-toggle"
2626
+ type="button"
2627
+ aria-expanded="false"
2628
+ >
2629
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
2630
+ <span class="pf-v5-c-menu-toggle__controls">
2631
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2632
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2633
+ </span>
2634
+ </span>
2635
+ </button>
2636
+ </div>
2637
+
2506
2638
  <div
2507
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2639
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
2508
2640
  >
2509
2641
  <div
2510
2642
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2551,27 +2683,6 @@ wrapperTag: div
2551
2683
  </button>
2552
2684
  </div>
2553
2685
  </div>
2554
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2555
- <button
2556
- class="pf-v5-c-menu-toggle pf-m-full-height"
2557
- type="button"
2558
- aria-expanded="false"
2559
- >
2560
- <span class="pf-v5-c-menu-toggle__icon">
2561
- <img
2562
- class="pf-v5-c-avatar"
2563
- alt="Avatar image"
2564
- src="/assets/images/img_avatar-light.svg"
2565
- />
2566
- </span>
2567
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2568
- <span class="pf-v5-c-menu-toggle__controls">
2569
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2570
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2571
- </span>
2572
- </span>
2573
- </button>
2574
- </div>
2575
2686
  </div>
2576
2687
  </div>
2577
2688
  </div>
@@ -2674,12 +2785,12 @@ wrapperTag: div
2674
2785
  <div
2675
2786
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
2676
2787
  >
2677
- <div class="pf-v5-c-toolbar__toggle">
2788
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
2678
2789
  <button
2679
- class="pf-v5-c-button pf-m-plain"
2790
+ class="pf-v5-c-menu-toggle pf-m-plain"
2680
2791
  type="button"
2681
- aria-label="Show filters"
2682
2792
  aria-expanded="false"
2793
+ aria-label="Show filters"
2683
2794
  aria-controls="primary-detail-content-body-padding-example-drawer-toolbar-expandable-content"
2684
2795
  >
2685
2796
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -2965,83 +3076,85 @@ wrapperTag: div
2965
3076
 
2966
3077
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
2967
3078
  <div class="pf-v5-c-pagination pf-m-compact">
2968
- <div class="pf-v5-c-options-menu">
2969
- <button
2970
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
2971
- type="button"
2972
- id="primary-detail-content-body-padding-example-drawer-toolbar-top-pagination-toggle"
2973
- aria-haspopup="listbox"
2974
- aria-expanded="false"
2975
- >
2976
- <span class="pf-v5-c-options-menu__toggle-text">
2977
- <b>1 - 10</b>&nbsp;of&nbsp;
2978
- <b>36</b>
2979
- </span>
2980
- <div class="pf-v5-c-options-menu__toggle-icon">
2981
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2982
- </div>
2983
- </button>
2984
- <ul
2985
- class="pf-v5-c-options-menu__menu"
2986
- role="menu"
2987
- aria-labelledby="primary-detail-content-body-padding-example-drawer-toolbar-top-pagination-toggle"
2988
- hidden
2989
- >
2990
- <li role="none">
2991
- <button
2992
- class="pf-v5-c-options-menu__menu-item"
2993
- type="button"
2994
- role="menuitem"
2995
- >5 per page</button>
2996
- </li>
2997
- <li role="none">
2998
- <button
2999
- class="pf-v5-c-options-menu__menu-item"
3000
- type="button"
3001
- role="menuitem"
3002
- >
3003
- 10 per page
3004
- <div
3005
- class="pf-v5-c-options-menu__menu-item-icon"
3006
- >
3007
- <i class="fas fa-check" aria-hidden="true"></i>
3008
- </div>
3009
- </button>
3010
- </li>
3011
- <li role="none">
3012
- <button
3013
- class="pf-v5-c-options-menu__menu-item"
3014
- type="button"
3015
- role="menuitem"
3016
- >20 per page</button>
3017
- </li>
3018
- </ul>
3019
- </div>
3020
- <nav
3021
- class="pf-v5-c-pagination__nav"
3022
- aria-label="Toolbar top pagination"
3023
- >
3024
- <div
3025
- class="pf-v5-c-pagination__nav-control pf-m-prev"
3026
- >
3027
- <button
3028
- class="pf-v5-c-button pf-m-plain"
3029
- type="button"
3030
- disabled
3031
- aria-label="Go to previous page"
3032
- >
3033
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3034
- </button>
3035
- </div>
3036
- <div
3037
- class="pf-v5-c-pagination__nav-control pf-m-next"
3038
- >
3079
+ <div class="pf-v5-c-pagination__page-menu">
3080
+ <div class="pf-v5-c-options-menu">
3039
3081
  <button
3040
- class="pf-v5-c-button pf-m-plain"
3082
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
3041
3083
  type="button"
3042
- aria-label="Go to next page"
3084
+ id="primary-detail-content-body-padding-example-drawer-toolbar-top-pagination-toggle"
3085
+ aria-haspopup="listbox"
3086
+ aria-expanded="false"
3043
3087
  >
3044
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3088
+ <span class="pf-v5-c-options-menu__toggle-text">
3089
+ <b>1 - 10</b>&nbsp;of&nbsp;
3090
+ <b>36</b>
3091
+ </span>
3092
+ <div class="pf-v5-c-options-menu__toggle-icon">
3093
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3094
+ </div>
3095
+ </button>
3096
+ <ul
3097
+ class="pf-v5-c-options-menu__menu"
3098
+ role="menu"
3099
+ aria-labelledby="primary-detail-content-body-padding-example-drawer-toolbar-top-pagination-toggle"
3100
+ hidden
3101
+ >
3102
+ <li role="none">
3103
+ <button
3104
+ class="pf-v5-c-options-menu__menu-item"
3105
+ type="button"
3106
+ role="menuitem"
3107
+ >5 per page</button>
3108
+ </li>
3109
+ <li role="none">
3110
+ <button
3111
+ class="pf-v5-c-options-menu__menu-item"
3112
+ type="button"
3113
+ role="menuitem"
3114
+ >
3115
+ 10 per page
3116
+ <div
3117
+ class="pf-v5-c-options-menu__menu-item-icon"
3118
+ >
3119
+ <i class="fas fa-check" aria-hidden="true"></i>
3120
+ </div>
3121
+ </button>
3122
+ </li>
3123
+ <li role="none">
3124
+ <button
3125
+ class="pf-v5-c-options-menu__menu-item"
3126
+ type="button"
3127
+ role="menuitem"
3128
+ >20 per page</button>
3129
+ </li>
3130
+ </ul>
3131
+ </div>
3132
+ </div>
3133
+ <nav
3134
+ class="pf-v5-c-pagination__nav"
3135
+ aria-label="Toolbar top pagination"
3136
+ >
3137
+ <div
3138
+ class="pf-v5-c-pagination__nav-control pf-m-prev"
3139
+ >
3140
+ <button
3141
+ class="pf-v5-c-button pf-m-plain"
3142
+ type="button"
3143
+ disabled
3144
+ aria-label="Go to previous page"
3145
+ >
3146
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3147
+ </button>
3148
+ </div>
3149
+ <div
3150
+ class="pf-v5-c-pagination__nav-control pf-m-next"
3151
+ >
3152
+ <button
3153
+ class="pf-v5-c-button pf-m-plain"
3154
+ type="button"
3155
+ aria-label="Go to next page"
3156
+ >
3157
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3045
3158
  </button>
3046
3159
  </div>
3047
3160
  </nav>
@@ -3570,23 +3683,117 @@ wrapperTag: div
3570
3683
  </span>
3571
3684
  <div class="pf-v5-c-masthead__main">
3572
3685
  <a class="pf-v5-c-masthead__brand" href="#">
3573
- <img
3574
- class="pf-v5-c-brand"
3575
- src="/assets/images/pf-logo.svg"
3576
- alt="PatternFly logo"
3577
- style="--pf-v5-c-brand--Height:36px"
3578
- />
3686
+ <svg height="40px" viewBox="0 0 679 158">
3687
+ <title>PF-HorizontalLogo-Color</title>
3688
+ <defs>
3689
+ <linearGradient
3690
+ x1="68%"
3691
+ y1="2.25860997e-13%"
3692
+ x2="32%"
3693
+ y2="100%"
3694
+ id="linearGradient-primary-detail-card-view-expanded-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3705
+ <g
3706
+ transform="translate(206.000000, 45.750000)"
3707
+ fill="var(--pf-t--global--text--color--regular)"
3708
+ fill-rule="nonzero"
3709
+ >
3710
+ <path
3711
+ 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"
3712
+ />
3713
+ <path
3714
+ 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"
3715
+ />
3716
+ <path
3717
+ 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"
3718
+ />
3719
+ <path
3720
+ 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"
3721
+ />
3722
+ <path
3723
+ 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"
3724
+ />
3725
+ <path
3726
+ 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"
3727
+ />
3728
+ <path
3729
+ 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"
3730
+ />
3731
+ <polygon
3732
+ 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"
3733
+ />
3734
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3735
+ <path
3736
+ 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"
3737
+ />
3738
+ </g>
3739
+ <g transform="translate(0.000000, 0.000000)">
3740
+ <path
3741
+ 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"
3742
+ fill="#0066CC"
3743
+ />
3744
+ <path
3745
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3746
+ fill="url(#linearGradient-primary-detail-card-view-expanded-example-masthead)"
3747
+ />
3748
+ <path
3749
+ 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"
3750
+ fill="url(#linearGradient-primary-detail-card-view-expanded-example-masthead)"
3751
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3752
+ />
3753
+ </g>
3754
+ </g>
3755
+ </svg>
3579
3756
  </a>
3580
3757
  </div>
3581
3758
  <div class="pf-v5-c-masthead__content">
3582
3759
  <div
3583
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3760
+ class="pf-v5-c-toolbar pf-m-static"
3584
3761
  id="primary-detail-card-view-expanded-example-masthead-toolbar"
3585
3762
  >
3586
3763
  <div class="pf-v5-c-toolbar__content">
3587
3764
  <div class="pf-v5-c-toolbar__content-section">
3765
+ <div class="pf-v5-c-toolbar__item">
3766
+ <button
3767
+ class="pf-v5-c-menu-toggle"
3768
+ type="button"
3769
+ aria-expanded="false"
3770
+ >
3771
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
3772
+ <span class="pf-v5-c-menu-toggle__controls">
3773
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3774
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3775
+ </span>
3776
+ </span>
3777
+ </button>
3778
+ </div>
3779
+
3780
+ <div class="pf-v5-c-toolbar__item">
3781
+ <button
3782
+ class="pf-v5-c-menu-toggle"
3783
+ type="button"
3784
+ aria-expanded="false"
3785
+ >
3786
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
3787
+ <span class="pf-v5-c-menu-toggle__controls">
3788
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3789
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3790
+ </span>
3791
+ </span>
3792
+ </button>
3793
+ </div>
3794
+
3588
3795
  <div
3589
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3796
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
3590
3797
  >
3591
3798
  <div
3592
3799
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -3633,27 +3840,6 @@ wrapperTag: div
3633
3840
  </button>
3634
3841
  </div>
3635
3842
  </div>
3636
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
3637
- <button
3638
- class="pf-v5-c-menu-toggle pf-m-full-height"
3639
- type="button"
3640
- aria-expanded="false"
3641
- >
3642
- <span class="pf-v5-c-menu-toggle__icon">
3643
- <img
3644
- class="pf-v5-c-avatar"
3645
- alt="Avatar image"
3646
- src="/assets/images/img_avatar-light.svg"
3647
- />
3648
- </span>
3649
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
3650
- <span class="pf-v5-c-menu-toggle__controls">
3651
- <span class="pf-v5-c-menu-toggle__toggle-icon">
3652
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3653
- </span>
3654
- </span>
3655
- </button>
3656
- </div>
3657
3843
  </div>
3658
3844
  </div>
3659
3845
  </div>
@@ -3752,67 +3938,48 @@ wrapperTag: div
3752
3938
  <div
3753
3939
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
3754
3940
  >
3755
- <div class="pf-v5-c-toolbar__toggle">
3941
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
3756
3942
  <button
3757
- class="pf-v5-c-button pf-m-plain"
3943
+ class="pf-v5-c-menu-toggle pf-m-plain"
3758
3944
  type="button"
3759
- aria-label="Show filters"
3760
3945
  aria-expanded="false"
3946
+ aria-label="Show filters"
3761
3947
  aria-controls="primary-detail-card-view-expanded-example-drawer-toolbar-expandable-content"
3762
3948
  >
3763
3949
  <i class="fas fa-filter" aria-hidden="true"></i>
3764
3950
  </button>
3765
3951
  </div>
3766
3952
  <div class="pf-v5-c-toolbar__item pf-m-bulk-select">
3767
- <div class="pf-v5-c-dropdown">
3768
- <div class="pf-v5-c-dropdown__toggle pf-m-split-button">
3769
- <label
3770
- class="pf-v5-c-dropdown__toggle-check"
3771
- for="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
3772
- >
3773
- <div class="pf-v5-c-check pf-m-standalone">
3774
- <input
3775
- class="pf-v5-c-check__input"
3776
- type="checkbox"
3777
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
3778
- aria-label="Select all"
3779
- />
3780
- </div>
3781
- </label>
3782
-
3783
- <button
3784
- class="pf-v5-c-dropdown__toggle-button"
3785
- type="button"
3786
- aria-expanded="false"
3787
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-button"
3788
- aria-label="Dropdown toggle"
3789
- >
3790
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3791
- </button>
3792
- </div>
3793
- <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
3794
- <li role="none">
3795
- <button
3796
- class="pf-v5-c-dropdown__menu-item"
3797
- role="menuitem"
3798
- type="button"
3799
- >Select all</button>
3800
- </li>
3801
- <li role="none">
3802
- <button
3803
- class="pf-v5-c-dropdown__menu-item"
3804
- role="menuitem"
3805
- type="button"
3806
- >Select none</button>
3807
- </li>
3808
- <li role="none">
3809
- <button
3810
- class="pf-v5-c-dropdown__menu-item"
3811
- role="menuitem"
3812
- type="button"
3813
- >Other action</button>
3814
- </li>
3815
- </ul>
3953
+ <div
3954
+ class="pf-v5-c-menu-toggle pf-m-split-button"
3955
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check"
3956
+ >
3957
+ <label
3958
+ class="pf-v5-c-check pf-m-standalone"
3959
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check-check"
3960
+ for="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3961
+ >
3962
+ <input
3963
+ class="pf-v5-c-check__input"
3964
+ type="checkbox"
3965
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3966
+ name="primary-detail-card-view-expanded-example-drawer-toolbar-check-check-input"
3967
+ aria-label="Standalone check"
3968
+ />
3969
+ </label>
3970
+ <button
3971
+ class="pf-v5-c-menu-toggle__button"
3972
+ type="button"
3973
+ aria-expanded="false"
3974
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-menu-toggle-toggle-button"
3975
+ aria-label="Menu toggle"
3976
+ >
3977
+ <span class="pf-v5-c-menu-toggle__controls">
3978
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3979
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3980
+ </span>
3981
+ </span>
3982
+ </button>
3816
3983
  </div>
3817
3984
  </div>
3818
3985
 
@@ -3823,75 +3990,22 @@ wrapperTag: div
3823
3990
  role="group"
3824
3991
  >
3825
3992
  <div class="pf-v5-c-input-group__item">
3826
- <div class="pf-v5-c-select" style="width: 124px">
3827
- <span
3828
- id="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
3829
- hidden
3830
- >Choose one</span>
3831
-
3832
- <button
3833
- class="pf-v5-c-select__toggle"
3834
- type="button"
3835
- id="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-toggle"
3836
- aria-haspopup="true"
3837
- aria-expanded="false"
3838
- aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label primary-detail-card-view-expanded-example-drawer-toolbar-select-name-toggle"
3839
- >
3840
- <div class="pf-v5-c-select__toggle-wrapper">
3841
- <span class="pf-v5-c-select__toggle-icon">
3842
- <i class="fas fa-filter" aria-hidden="true"></i>
3843
- </span>
3844
- <span class="pf-v5-c-select__toggle-text">Name</span>
3845
- </div>
3846
- <span class="pf-v5-c-select__toggle-arrow">
3847
- <i class="fas fa-caret-down" aria-hidden="true"></i>
3993
+ <button
3994
+ class="pf-v5-c-menu-toggle"
3995
+ type="button"
3996
+ aria-expanded="false"
3997
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-search-filter-menu"
3998
+ >
3999
+ <span class="pf-v5-c-menu-toggle__icon">
4000
+ <i class="fas fa-filter" aria-hidden="true"></i>
4001
+ </span>
4002
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
4003
+ <span class="pf-v5-c-menu-toggle__controls">
4004
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
4005
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3848
4006
  </span>
3849
- </button>
3850
-
3851
- <ul
3852
- class="pf-v5-c-select__menu"
3853
- role="listbox"
3854
- aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
3855
- hidden
3856
- >
3857
- <li role="presentation">
3858
- <button
3859
- class="pf-v5-c-select__menu-item"
3860
- role="option"
3861
- >Running</button>
3862
- </li>
3863
- <li role="presentation">
3864
- <button
3865
- class="pf-v5-c-select__menu-item pf-m-selected"
3866
- role="option"
3867
- aria-selected="true"
3868
- >
3869
- Stopped
3870
- <span class="pf-v5-c-select__menu-item-icon">
3871
- <i class="fas fa-check" aria-hidden="true"></i>
3872
- </span>
3873
- </button>
3874
- </li>
3875
- <li role="presentation">
3876
- <button
3877
- class="pf-v5-c-select__menu-item"
3878
- role="option"
3879
- >Down</button>
3880
- </li>
3881
- <li role="presentation">
3882
- <button
3883
- class="pf-v5-c-select__menu-item"
3884
- role="option"
3885
- >Degraded</button>
3886
- </li>
3887
- <li role="presentation">
3888
- <button
3889
- class="pf-v5-c-select__menu-item"
3890
- role="option"
3891
- >Needs maintenance</button>
3892
- </li>
3893
- </ul>
3894
- </div>
4007
+ </span>
4008
+ </button>
3895
4009
  </div>
3896
4010
  <div class="pf-v5-c-input-group__item pf-m-fill">
3897
4011
  <div class="pf-v5-c-text-input-group">
@@ -3980,7 +4094,7 @@ wrapperTag: div
3980
4094
  </div>
3981
4095
 
3982
4096
  <div
3983
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right"
4097
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end"
3984
4098
  >
3985
4099
  <div class="pf-v5-c-toolbar__item">
3986
4100
  <button
@@ -4004,55 +4118,57 @@ wrapperTag: div
4004
4118
 
4005
4119
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
4006
4120
  <div class="pf-v5-c-pagination pf-m-compact">
4007
- <div class="pf-v5-c-options-menu">
4008
- <button
4009
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
4010
- type="button"
4011
- id="primary-detail-card-view-expanded-example-drawer-toolbar-top-pagination-toggle"
4012
- aria-haspopup="listbox"
4013
- aria-expanded="false"
4014
- >
4015
- <span class="pf-v5-c-options-menu__toggle-text">
4016
- <b>1 - 10</b>&nbsp;of&nbsp;
4017
- <b>36</b>
4018
- </span>
4019
- <div class="pf-v5-c-options-menu__toggle-icon">
4020
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4021
- </div>
4022
- </button>
4023
- <ul
4024
- class="pf-v5-c-options-menu__menu"
4025
- role="menu"
4026
- aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-top-pagination-toggle"
4027
- hidden
4028
- >
4029
- <li role="none">
4030
- <button
4031
- class="pf-v5-c-options-menu__menu-item"
4032
- type="button"
4033
- role="menuitem"
4034
- >5 per page</button>
4035
- </li>
4036
- <li role="none">
4037
- <button
4038
- class="pf-v5-c-options-menu__menu-item"
4039
- type="button"
4040
- role="menuitem"
4041
- >
4042
- 10 per page
4043
- <div class="pf-v5-c-options-menu__menu-item-icon">
4044
- <i class="fas fa-check" aria-hidden="true"></i>
4045
- </div>
4046
- </button>
4047
- </li>
4048
- <li role="none">
4049
- <button
4050
- class="pf-v5-c-options-menu__menu-item"
4051
- type="button"
4052
- role="menuitem"
4053
- >20 per page</button>
4054
- </li>
4055
- </ul>
4121
+ <div class="pf-v5-c-pagination__page-menu">
4122
+ <div class="pf-v5-c-options-menu">
4123
+ <button
4124
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
4125
+ type="button"
4126
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-top-pagination-toggle"
4127
+ aria-haspopup="listbox"
4128
+ aria-expanded="false"
4129
+ >
4130
+ <span class="pf-v5-c-options-menu__toggle-text">
4131
+ <b>1 - 10</b>&nbsp;of&nbsp;
4132
+ <b>36</b>
4133
+ </span>
4134
+ <div class="pf-v5-c-options-menu__toggle-icon">
4135
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4136
+ </div>
4137
+ </button>
4138
+ <ul
4139
+ class="pf-v5-c-options-menu__menu"
4140
+ role="menu"
4141
+ aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-top-pagination-toggle"
4142
+ hidden
4143
+ >
4144
+ <li role="none">
4145
+ <button
4146
+ class="pf-v5-c-options-menu__menu-item"
4147
+ type="button"
4148
+ role="menuitem"
4149
+ >5 per page</button>
4150
+ </li>
4151
+ <li role="none">
4152
+ <button
4153
+ class="pf-v5-c-options-menu__menu-item"
4154
+ type="button"
4155
+ role="menuitem"
4156
+ >
4157
+ 10 per page
4158
+ <div class="pf-v5-c-options-menu__menu-item-icon">
4159
+ <i class="fas fa-check" aria-hidden="true"></i>
4160
+ </div>
4161
+ </button>
4162
+ </li>
4163
+ <li role="none">
4164
+ <button
4165
+ class="pf-v5-c-options-menu__menu-item"
4166
+ type="button"
4167
+ role="menuitem"
4168
+ >20 per page</button>
4169
+ </li>
4170
+ </ul>
4171
+ </div>
4056
4172
  </div>
4057
4173
  <nav
4058
4174
  class="pf-v5-c-pagination__nav"
@@ -5144,23 +5260,117 @@ wrapperTag: div
5144
5260
  </span>
5145
5261
  <div class="pf-v5-c-masthead__main">
5146
5262
  <a class="pf-v5-c-masthead__brand" href="#">
5147
- <img
5148
- class="pf-v5-c-brand"
5149
- src="/assets/images/pf-logo.svg"
5150
- alt="PatternFly logo"
5151
- style="--pf-v5-c-brand--Height:36px"
5152
- />
5263
+ <svg height="40px" viewBox="0 0 679 158">
5264
+ <title>PF-HorizontalLogo-Color</title>
5265
+ <defs>
5266
+ <linearGradient
5267
+ x1="68%"
5268
+ y1="2.25860997e-13%"
5269
+ x2="32%"
5270
+ y2="100%"
5271
+ id="linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead"
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 stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5282
+ <g
5283
+ transform="translate(206.000000, 45.750000)"
5284
+ fill="var(--pf-t--global--text--color--regular)"
5285
+ fill-rule="nonzero"
5286
+ >
5287
+ <path
5288
+ 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"
5289
+ />
5290
+ <path
5291
+ 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"
5292
+ />
5293
+ <path
5294
+ 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"
5295
+ />
5296
+ <path
5297
+ 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"
5298
+ />
5299
+ <path
5300
+ 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"
5301
+ />
5302
+ <path
5303
+ 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"
5304
+ />
5305
+ <path
5306
+ 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"
5307
+ />
5308
+ <polygon
5309
+ 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"
5310
+ />
5311
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
5312
+ <path
5313
+ 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"
5314
+ />
5315
+ </g>
5316
+ <g transform="translate(0.000000, 0.000000)">
5317
+ <path
5318
+ 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"
5319
+ fill="#0066CC"
5320
+ />
5321
+ <path
5322
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5323
+ fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead)"
5324
+ />
5325
+ <path
5326
+ 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"
5327
+ fill="url(#linearGradient-primary-detail-card-simple-list-on-mobile-example-masthead)"
5328
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5329
+ />
5330
+ </g>
5331
+ </g>
5332
+ </svg>
5153
5333
  </a>
5154
5334
  </div>
5155
5335
  <div class="pf-v5-c-masthead__content">
5156
5336
  <div
5157
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
5337
+ class="pf-v5-c-toolbar pf-m-static"
5158
5338
  id="primary-detail-card-simple-list-on-mobile-example-masthead-toolbar"
5159
5339
  >
5160
5340
  <div class="pf-v5-c-toolbar__content">
5161
5341
  <div class="pf-v5-c-toolbar__content-section">
5342
+ <div class="pf-v5-c-toolbar__item">
5343
+ <button
5344
+ class="pf-v5-c-menu-toggle"
5345
+ type="button"
5346
+ aria-expanded="false"
5347
+ >
5348
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
5349
+ <span class="pf-v5-c-menu-toggle__controls">
5350
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5351
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5352
+ </span>
5353
+ </span>
5354
+ </button>
5355
+ </div>
5356
+
5357
+ <div class="pf-v5-c-toolbar__item">
5358
+ <button
5359
+ class="pf-v5-c-menu-toggle"
5360
+ type="button"
5361
+ aria-expanded="false"
5362
+ >
5363
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
5364
+ <span class="pf-v5-c-menu-toggle__controls">
5365
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5366
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5367
+ </span>
5368
+ </span>
5369
+ </button>
5370
+ </div>
5371
+
5162
5372
  <div
5163
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5373
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
5164
5374
  >
5165
5375
  <div
5166
5376
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -5207,27 +5417,6 @@ wrapperTag: div
5207
5417
  </button>
5208
5418
  </div>
5209
5419
  </div>
5210
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
5211
- <button
5212
- class="pf-v5-c-menu-toggle pf-m-full-height"
5213
- type="button"
5214
- aria-expanded="false"
5215
- >
5216
- <span class="pf-v5-c-menu-toggle__icon">
5217
- <img
5218
- class="pf-v5-c-avatar"
5219
- alt="Avatar image"
5220
- src="/assets/images/img_avatar-light.svg"
5221
- />
5222
- </span>
5223
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
5224
- <span class="pf-v5-c-menu-toggle__controls">
5225
- <span class="pf-v5-c-menu-toggle__toggle-icon">
5226
- <i class="fas fa-angle-down" aria-hidden="true"></i>
5227
- </span>
5228
- </span>
5229
- </button>
5230
- </div>
5231
5420
  </div>
5232
5421
  </div>
5233
5422
  </div>
@@ -5524,23 +5713,117 @@ wrapperTag: div
5524
5713
  </span>
5525
5714
  <div class="pf-v5-c-masthead__main">
5526
5715
  <a class="pf-v5-c-masthead__brand" href="#">
5527
- <img
5528
- class="pf-v5-c-brand"
5529
- src="/assets/images/pf-logo.svg"
5530
- alt="PatternFly logo"
5531
- style="--pf-v5-c-brand--Height:36px"
5532
- />
5716
+ <svg height="40px" viewBox="0 0 679 158">
5717
+ <title>PF-HorizontalLogo-Color</title>
5718
+ <defs>
5719
+ <linearGradient
5720
+ x1="68%"
5721
+ y1="2.25860997e-13%"
5722
+ x2="32%"
5723
+ y2="100%"
5724
+ id="linearGradient-primary-detail-card-data-list-example-masthead"
5725
+ >
5726
+ <stop stop-color="#2B9AF3" offset="0%" />
5727
+ <stop
5728
+ stop-color="#73BCF7"
5729
+ stop-opacity="0.502212631"
5730
+ offset="100%"
5731
+ />
5732
+ </linearGradient>
5733
+ </defs>
5734
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5735
+ <g
5736
+ transform="translate(206.000000, 45.750000)"
5737
+ fill="var(--pf-t--global--text--color--regular)"
5738
+ fill-rule="nonzero"
5739
+ >
5740
+ <path
5741
+ 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"
5742
+ />
5743
+ <path
5744
+ 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"
5745
+ />
5746
+ <path
5747
+ 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"
5748
+ />
5749
+ <path
5750
+ 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"
5751
+ />
5752
+ <path
5753
+ 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"
5754
+ />
5755
+ <path
5756
+ 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"
5757
+ />
5758
+ <path
5759
+ 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"
5760
+ />
5761
+ <polygon
5762
+ 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"
5763
+ />
5764
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
5765
+ <path
5766
+ 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"
5767
+ />
5768
+ </g>
5769
+ <g transform="translate(0.000000, 0.000000)">
5770
+ <path
5771
+ 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"
5772
+ fill="#0066CC"
5773
+ />
5774
+ <path
5775
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
5776
+ fill="url(#linearGradient-primary-detail-card-data-list-example-masthead)"
5777
+ />
5778
+ <path
5779
+ 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"
5780
+ fill="url(#linearGradient-primary-detail-card-data-list-example-masthead)"
5781
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
5782
+ />
5783
+ </g>
5784
+ </g>
5785
+ </svg>
5533
5786
  </a>
5534
5787
  </div>
5535
5788
  <div class="pf-v5-c-masthead__content">
5536
5789
  <div
5537
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
5790
+ class="pf-v5-c-toolbar pf-m-static"
5538
5791
  id="primary-detail-card-data-list-example-masthead-toolbar"
5539
5792
  >
5540
5793
  <div class="pf-v5-c-toolbar__content">
5541
5794
  <div class="pf-v5-c-toolbar__content-section">
5795
+ <div class="pf-v5-c-toolbar__item">
5796
+ <button
5797
+ class="pf-v5-c-menu-toggle"
5798
+ type="button"
5799
+ aria-expanded="false"
5800
+ >
5801
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
5802
+ <span class="pf-v5-c-menu-toggle__controls">
5803
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5804
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5805
+ </span>
5806
+ </span>
5807
+ </button>
5808
+ </div>
5809
+
5810
+ <div class="pf-v5-c-toolbar__item">
5811
+ <button
5812
+ class="pf-v5-c-menu-toggle"
5813
+ type="button"
5814
+ aria-expanded="false"
5815
+ >
5816
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
5817
+ <span class="pf-v5-c-menu-toggle__controls">
5818
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
5819
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
5820
+ </span>
5821
+ </span>
5822
+ </button>
5823
+ </div>
5824
+
5542
5825
  <div
5543
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5826
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
5544
5827
  >
5545
5828
  <div
5546
5829
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -5587,27 +5870,6 @@ wrapperTag: div
5587
5870
  </button>
5588
5871
  </div>
5589
5872
  </div>
5590
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
5591
- <button
5592
- class="pf-v5-c-menu-toggle pf-m-full-height"
5593
- type="button"
5594
- aria-expanded="false"
5595
- >
5596
- <span class="pf-v5-c-menu-toggle__icon">
5597
- <img
5598
- class="pf-v5-c-avatar"
5599
- alt="Avatar image"
5600
- src="/assets/images/img_avatar-light.svg"
5601
- />
5602
- </span>
5603
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
5604
- <span class="pf-v5-c-menu-toggle__controls">
5605
- <span class="pf-v5-c-menu-toggle__toggle-icon">
5606
- <i class="fas fa-angle-down" aria-hidden="true"></i>
5607
- </span>
5608
- </span>
5609
- </button>
5610
- </div>
5611
5873
  </div>
5612
5874
  </div>
5613
5875
  </div>
@@ -5783,57 +6045,65 @@ wrapperTag: div
5783
6045
  <b>1 - 10</b> of
5784
6046
  <b>37</b>
5785
6047
  </div>
5786
- <div class="pf-v5-c-options-menu">
5787
- <button
5788
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
5789
- type="button"
5790
- id="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-pagination-options-menu-toggle"
5791
- aria-haspopup="listbox"
5792
- aria-expanded="false"
5793
- >
5794
- <span class="pf-v5-c-options-menu__toggle-text">
5795
- <b>1 - 10</b>&nbsp;of&nbsp;
5796
- <b>36</b>
5797
- </span>
5798
- <div class="pf-v5-c-options-menu__toggle-icon">
5799
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5800
- </div>
5801
- </button>
5802
- <ul
5803
- class="pf-v5-c-options-menu__menu"
5804
- role="menu"
5805
- aria-labelledby="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-pagination-options-menu-toggle"
5806
- hidden
5807
- >
5808
- <li role="none">
5809
- <button
5810
- class="pf-v5-c-options-menu__menu-item"
5811
- type="button"
5812
- role="menuitem"
5813
- >5 per page</button>
5814
- </li>
5815
- <li role="none">
5816
- <button
5817
- class="pf-v5-c-options-menu__menu-item"
5818
- type="button"
5819
- role="menuitem"
5820
- >
5821
- 10 per page
5822
- <div
5823
- class="pf-v5-c-options-menu__menu-item-icon"
6048
+ <div class="pf-v5-c-pagination__page-menu">
6049
+ <div class="pf-v5-c-options-menu">
6050
+ <button
6051
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
6052
+ type="button"
6053
+ id="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-pagination-options-menu-toggle"
6054
+ aria-haspopup="listbox"
6055
+ aria-expanded="false"
6056
+ >
6057
+ <span class="pf-v5-c-options-menu__toggle-text">
6058
+ <b>1 - 10</b>&nbsp;of&nbsp;
6059
+ <b>36</b>
6060
+ </span>
6061
+ <div class="pf-v5-c-options-menu__toggle-icon">
6062
+ <i
6063
+ class="fas fa-caret-down"
6064
+ aria-hidden="true"
6065
+ ></i>
6066
+ </div>
6067
+ </button>
6068
+ <ul
6069
+ class="pf-v5-c-options-menu__menu"
6070
+ role="menu"
6071
+ aria-labelledby="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-pagination-options-menu-toggle"
6072
+ hidden
6073
+ >
6074
+ <li role="none">
6075
+ <button
6076
+ class="pf-v5-c-options-menu__menu-item"
6077
+ type="button"
6078
+ role="menuitem"
6079
+ >5 per page</button>
6080
+ </li>
6081
+ <li role="none">
6082
+ <button
6083
+ class="pf-v5-c-options-menu__menu-item"
6084
+ type="button"
6085
+ role="menuitem"
5824
6086
  >
5825
- <i class="fas fa-check" aria-hidden="true"></i>
5826
- </div>
5827
- </button>
5828
- </li>
5829
- <li role="none">
5830
- <button
5831
- class="pf-v5-c-options-menu__menu-item"
5832
- type="button"
5833
- role="menuitem"
5834
- >20 per page</button>
5835
- </li>
5836
- </ul>
6087
+ 10 per page
6088
+ <div
6089
+ class="pf-v5-c-options-menu__menu-item-icon"
6090
+ >
6091
+ <i
6092
+ class="fas fa-check"
6093
+ aria-hidden="true"
6094
+ ></i>
6095
+ </div>
6096
+ </button>
6097
+ </li>
6098
+ <li role="none">
6099
+ <button
6100
+ class="pf-v5-c-options-menu__menu-item"
6101
+ type="button"
6102
+ role="menuitem"
6103
+ >20 per page</button>
6104
+ </li>
6105
+ </ul>
6106
+ </div>
5837
6107
  </div>
5838
6108
  </div>
5839
6109
  </div>
@@ -6142,23 +6412,117 @@ wrapperTag: div
6142
6412
  </span>
6143
6413
  <div class="pf-v5-c-masthead__main">
6144
6414
  <a class="pf-v5-c-masthead__brand" href="#">
6145
- <img
6146
- class="pf-v5-c-brand"
6147
- src="/assets/images/pf-logo.svg"
6148
- alt="PatternFly logo"
6149
- style="--pf-v5-c-brand--Height:36px"
6150
- />
6415
+ <svg height="40px" viewBox="0 0 679 158">
6416
+ <title>PF-HorizontalLogo-Color</title>
6417
+ <defs>
6418
+ <linearGradient
6419
+ x1="68%"
6420
+ y1="2.25860997e-13%"
6421
+ x2="32%"
6422
+ y2="100%"
6423
+ id="linearGradient-primary-detail-inline-modifier-example-masthead"
6424
+ >
6425
+ <stop stop-color="#2B9AF3" offset="0%" />
6426
+ <stop
6427
+ stop-color="#73BCF7"
6428
+ stop-opacity="0.502212631"
6429
+ offset="100%"
6430
+ />
6431
+ </linearGradient>
6432
+ </defs>
6433
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
6434
+ <g
6435
+ transform="translate(206.000000, 45.750000)"
6436
+ fill="var(--pf-t--global--text--color--regular)"
6437
+ fill-rule="nonzero"
6438
+ >
6439
+ <path
6440
+ 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"
6441
+ />
6442
+ <path
6443
+ 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"
6444
+ />
6445
+ <path
6446
+ 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"
6447
+ />
6448
+ <path
6449
+ 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"
6450
+ />
6451
+ <path
6452
+ 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"
6453
+ />
6454
+ <path
6455
+ 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"
6456
+ />
6457
+ <path
6458
+ 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"
6459
+ />
6460
+ <polygon
6461
+ 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"
6462
+ />
6463
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
6464
+ <path
6465
+ 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"
6466
+ />
6467
+ </g>
6468
+ <g transform="translate(0.000000, 0.000000)">
6469
+ <path
6470
+ 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"
6471
+ fill="#0066CC"
6472
+ />
6473
+ <path
6474
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
6475
+ fill="url(#linearGradient-primary-detail-inline-modifier-example-masthead)"
6476
+ />
6477
+ <path
6478
+ 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"
6479
+ fill="url(#linearGradient-primary-detail-inline-modifier-example-masthead)"
6480
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
6481
+ />
6482
+ </g>
6483
+ </g>
6484
+ </svg>
6151
6485
  </a>
6152
6486
  </div>
6153
6487
  <div class="pf-v5-c-masthead__content">
6154
6488
  <div
6155
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
6489
+ class="pf-v5-c-toolbar pf-m-static"
6156
6490
  id="primary-detail-inline-modifier-example-masthead-toolbar"
6157
6491
  >
6158
6492
  <div class="pf-v5-c-toolbar__content">
6159
6493
  <div class="pf-v5-c-toolbar__content-section">
6494
+ <div class="pf-v5-c-toolbar__item">
6495
+ <button
6496
+ class="pf-v5-c-menu-toggle"
6497
+ type="button"
6498
+ aria-expanded="false"
6499
+ >
6500
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
6501
+ <span class="pf-v5-c-menu-toggle__controls">
6502
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
6503
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
6504
+ </span>
6505
+ </span>
6506
+ </button>
6507
+ </div>
6508
+
6509
+ <div class="pf-v5-c-toolbar__item">
6510
+ <button
6511
+ class="pf-v5-c-menu-toggle"
6512
+ type="button"
6513
+ aria-expanded="false"
6514
+ >
6515
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
6516
+ <span class="pf-v5-c-menu-toggle__controls">
6517
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
6518
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
6519
+ </span>
6520
+ </span>
6521
+ </button>
6522
+ </div>
6523
+
6160
6524
  <div
6161
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
6525
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
6162
6526
  >
6163
6527
  <div
6164
6528
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -6205,27 +6569,6 @@ wrapperTag: div
6205
6569
  </button>
6206
6570
  </div>
6207
6571
  </div>
6208
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
6209
- <button
6210
- class="pf-v5-c-menu-toggle pf-m-full-height"
6211
- type="button"
6212
- aria-expanded="false"
6213
- >
6214
- <span class="pf-v5-c-menu-toggle__icon">
6215
- <img
6216
- class="pf-v5-c-avatar"
6217
- alt="Avatar image"
6218
- src="/assets/images/img_avatar-light.svg"
6219
- />
6220
- </span>
6221
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
6222
- <span class="pf-v5-c-menu-toggle__controls">
6223
- <span class="pf-v5-c-menu-toggle__toggle-icon">
6224
- <i class="fas fa-angle-down" aria-hidden="true"></i>
6225
- </span>
6226
- </span>
6227
- </button>
6228
- </div>
6229
6572
  </div>
6230
6573
  </div>
6231
6574
  </div>
@@ -6451,55 +6794,59 @@ wrapperTag: div
6451
6794
 
6452
6795
  <div class="pf-v5-c-toolbar__item pf-m-pagination">
6453
6796
  <div class="pf-v5-c-pagination pf-m-compact">
6454
- <div class="pf-v5-c-options-menu">
6455
- <button
6456
- class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
6457
- type="button"
6458
- id="primary-detail-inline-modifier-example-drawer-toolbar-top-pagination-toggle"
6459
- aria-haspopup="listbox"
6460
- aria-expanded="false"
6461
- >
6462
- <span class="pf-v5-c-options-menu__toggle-text">
6463
- <b>1 - 10</b>&nbsp;of&nbsp;
6464
- <b>36</b>
6465
- </span>
6466
- <div class="pf-v5-c-options-menu__toggle-icon">
6467
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6468
- </div>
6469
- </button>
6470
- <ul
6471
- class="pf-v5-c-options-menu__menu"
6472
- role="menu"
6473
- aria-labelledby="primary-detail-inline-modifier-example-drawer-toolbar-top-pagination-toggle"
6474
- hidden
6475
- >
6476
- <li role="none">
6477
- <button
6478
- class="pf-v5-c-options-menu__menu-item"
6479
- type="button"
6480
- role="menuitem"
6481
- >5 per page</button>
6482
- </li>
6483
- <li role="none">
6484
- <button
6485
- class="pf-v5-c-options-menu__menu-item"
6486
- type="button"
6487
- role="menuitem"
6488
- >
6489
- 10 per page
6490
- <div class="pf-v5-c-options-menu__menu-item-icon">
6491
- <i class="fas fa-check" aria-hidden="true"></i>
6492
- </div>
6493
- </button>
6494
- </li>
6495
- <li role="none">
6496
- <button
6497
- class="pf-v5-c-options-menu__menu-item"
6498
- type="button"
6499
- role="menuitem"
6500
- >20 per page</button>
6501
- </li>
6502
- </ul>
6797
+ <div class="pf-v5-c-pagination__page-menu">
6798
+ <div class="pf-v5-c-options-menu">
6799
+ <button
6800
+ class="pf-v5-c-options-menu__toggle pf-m-text pf-m-plain"
6801
+ type="button"
6802
+ id="primary-detail-inline-modifier-example-drawer-toolbar-top-pagination-toggle"
6803
+ aria-haspopup="listbox"
6804
+ aria-expanded="false"
6805
+ >
6806
+ <span class="pf-v5-c-options-menu__toggle-text">
6807
+ <b>1 - 10</b>&nbsp;of&nbsp;
6808
+ <b>36</b>
6809
+ </span>
6810
+ <div class="pf-v5-c-options-menu__toggle-icon">
6811
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
6812
+ </div>
6813
+ </button>
6814
+ <ul
6815
+ class="pf-v5-c-options-menu__menu"
6816
+ role="menu"
6817
+ aria-labelledby="primary-detail-inline-modifier-example-drawer-toolbar-top-pagination-toggle"
6818
+ hidden
6819
+ >
6820
+ <li role="none">
6821
+ <button
6822
+ class="pf-v5-c-options-menu__menu-item"
6823
+ type="button"
6824
+ role="menuitem"
6825
+ >5 per page</button>
6826
+ </li>
6827
+ <li role="none">
6828
+ <button
6829
+ class="pf-v5-c-options-menu__menu-item"
6830
+ type="button"
6831
+ role="menuitem"
6832
+ >
6833
+ 10 per page
6834
+ <div
6835
+ class="pf-v5-c-options-menu__menu-item-icon"
6836
+ >
6837
+ <i class="fas fa-check" aria-hidden="true"></i>
6838
+ </div>
6839
+ </button>
6840
+ </li>
6841
+ <li role="none">
6842
+ <button
6843
+ class="pf-v5-c-options-menu__menu-item"
6844
+ type="button"
6845
+ role="menuitem"
6846
+ >20 per page</button>
6847
+ </li>
6848
+ </ul>
6849
+ </div>
6503
6850
  </div>
6504
6851
  <nav
6505
6852
  class="pf-v5-c-pagination__nav"
@@ -6929,13 +7276,15 @@ wrapperTag: div
6929
7276
  role="region"
6930
7277
  id="primary-detail-inline-modifier-example-drawer-tabs"
6931
7278
  >
6932
- <button
6933
- class="pf-v5-c-tabs__scroll-button"
6934
- type="button"
6935
- aria-label="Scroll left"
6936
- >
6937
- <i class="fas fa-angle-left" aria-hidden="true"></i>
6938
- </button>
7279
+ <div class="pf-v5-c-tabs__scroll-button">
7280
+ <button
7281
+ class="pf-v5-c-button pf-m-plain"
7282
+ type="button"
7283
+ aria-label="Scroll left"
7284
+ >
7285
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7286
+ </button>
7287
+ </div>
6939
7288
  <ul class="pf-v5-c-tabs__list" role="tablist">
6940
7289
  <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
6941
7290
  <button
@@ -6960,13 +7309,15 @@ wrapperTag: div
6960
7309
  </button>
6961
7310
  </li>
6962
7311
  </ul>
6963
- <button
6964
- class="pf-v5-c-tabs__scroll-button"
6965
- type="button"
6966
- aria-label="Scroll right"
6967
- >
6968
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6969
- </button>
7312
+ <div class="pf-v5-c-tabs__scroll-button">
7313
+ <button
7314
+ class="pf-v5-c-button pf-m-plain"
7315
+ type="button"
7316
+ aria-label="Scroll right"
7317
+ >
7318
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7319
+ </button>
7320
+ </div>
6970
7321
  </div>
6971
7322
  </div>
6972
7323