@patternfly/patternfly 6.0.0-alpha.7 → 6.0.0-alpha.70

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 (382) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/README.md +13 -3
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/PF-Backdrop.svg +1 -0
  5. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  6. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  7. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  8. package/assets/images/PF-IconLogo-color.svg +17 -0
  9. package/assets/images/PF-IconLogo.svg +17 -0
  10. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  11. package/assets/images/pf-background.svg +22 -0
  12. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  13. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  14. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  15. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  16. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  17. package/assets/images/pf_logo_white.hbs +35 -0
  18. package/assets/images/pf_logo_white.svg +38 -0
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  20. package/assets/pficon/pficon.scss +6 -129
  21. package/base/_common.scss +29 -4
  22. package/base/_globals.scss +5 -7
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -4
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +859 -833
  29. package/base/tokens/_tokens-dark.scss +306 -284
  30. package/base/tokens/_tokens-default.scss +415 -329
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +68 -68
  33. package/base/tokens/_workspace-overrides.scss +7 -0
  34. package/components/AboutModalBox/about-modal-box.css +78 -104
  35. package/components/AboutModalBox/about-modal-box.scss +62 -74
  36. package/components/Accordion/accordion.css +96 -175
  37. package/components/Accordion/accordion.scss +106 -193
  38. package/components/ActionList/action-list.css +18 -17
  39. package/components/ActionList/action-list.scss +26 -16
  40. package/components/Alert/alert-group.css +27 -20
  41. package/components/Alert/alert-group.scss +27 -20
  42. package/components/Alert/alert.css +74 -95
  43. package/components/Alert/alert.scss +76 -89
  44. package/components/AppLauncher/app-launcher.css +32 -23
  45. package/components/AppLauncher/app-launcher.scss +32 -23
  46. package/components/Avatar/avatar.css +10 -13
  47. package/components/Avatar/avatar.scss +10 -17
  48. package/components/BackToTop/back-to-top.css +17 -16
  49. package/components/BackToTop/back-to-top.scss +14 -14
  50. package/components/Backdrop/backdrop.css +8 -4
  51. package/components/Backdrop/backdrop.scss +7 -4
  52. package/components/BackgroundImage/background-image.css +11 -4
  53. package/components/BackgroundImage/background-image.scss +13 -4
  54. package/components/Badge/badge.css +25 -17
  55. package/components/Badge/badge.scss +27 -19
  56. package/components/Banner/banner.css +95 -69
  57. package/components/Banner/banner.scss +100 -34
  58. package/components/Breadcrumb/breadcrumb.css +28 -19
  59. package/components/Breadcrumb/breadcrumb.scss +26 -19
  60. package/components/Button/button.css +417 -359
  61. package/components/Button/button.scss +472 -484
  62. package/components/CalendarMonth/calendar-month.css +25 -15
  63. package/components/CalendarMonth/calendar-month.scss +23 -15
  64. package/components/Card/card.css +117 -203
  65. package/components/Card/card.scss +137 -246
  66. package/components/Check/check.css +25 -22
  67. package/components/Check/check.scss +26 -24
  68. package/components/Chip/chip-group.css +6 -6
  69. package/components/Chip/chip-group.scss +6 -6
  70. package/components/Chip/chip.css +16 -9
  71. package/components/Chip/chip.scss +17 -9
  72. package/components/ClipboardCopy/clipboard-copy.css +47 -41
  73. package/components/ClipboardCopy/clipboard-copy.scss +50 -34
  74. package/components/CodeBlock/code-block.css +24 -12
  75. package/components/CodeBlock/code-block.scss +24 -13
  76. package/components/CodeEditor/code-editor.css +31 -22
  77. package/components/CodeEditor/code-editor.scss +30 -21
  78. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  79. package/components/Content/content.css +40 -37
  80. package/components/Content/content.scss +40 -37
  81. package/components/ContextSelector/context-selector.css +41 -26
  82. package/components/ContextSelector/context-selector.scss +40 -25
  83. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  84. package/components/DataList/data-list-grid.css +21 -21
  85. package/components/DataList/data-list-grid.scss +3 -3
  86. package/components/DataList/data-list.css +165 -209
  87. package/components/DataList/data-list.scss +138 -185
  88. package/components/DatePicker/date-picker.css +8 -8
  89. package/components/DatePicker/date-picker.scss +8 -8
  90. package/components/DescriptionList/description-list.css +47 -39
  91. package/components/DescriptionList/description-list.scss +33 -30
  92. package/components/Divider/divider.css +97 -177
  93. package/components/Divider/divider.scss +60 -79
  94. package/components/DragDrop/drag-drop.css +26 -22
  95. package/components/DragDrop/drag-drop.scss +26 -25
  96. package/components/Drawer/drawer.css +216 -158
  97. package/components/Drawer/drawer.scss +199 -150
  98. package/components/Dropdown/dropdown.css +76 -69
  99. package/components/Dropdown/dropdown.scss +67 -62
  100. package/components/DualListSelector/dual-list-selector.css +29 -15
  101. package/components/DualListSelector/dual-list-selector.scss +30 -15
  102. package/components/EmptyState/empty-state.css +64 -38
  103. package/components/EmptyState/empty-state.scss +70 -38
  104. package/components/ExpandableSection/expandable-section.css +75 -66
  105. package/components/ExpandableSection/expandable-section.scss +82 -80
  106. package/components/FileUpload/file-upload.css +31 -43
  107. package/components/FileUpload/file-upload.scss +31 -49
  108. package/components/Form/form.css +111 -154
  109. package/components/Form/form.scss +101 -160
  110. package/components/FormControl/form-control.css +95 -111
  111. package/components/FormControl/form-control.scss +97 -92
  112. package/components/HelperText/helper-text.css +29 -35
  113. package/components/HelperText/helper-text.scss +31 -41
  114. package/components/Hint/hint.css +37 -27
  115. package/components/Hint/hint.scss +37 -30
  116. package/components/Icon/icon.css +155 -19
  117. package/components/Icon/icon.scss +188 -21
  118. package/components/InlineEdit/inline-edit.css +12 -11
  119. package/components/InlineEdit/inline-edit.scss +12 -11
  120. package/components/InputGroup/input-group.css +32 -42
  121. package/components/InputGroup/input-group.scss +31 -33
  122. package/components/JumpLinks/jump-links.css +61 -58
  123. package/components/JumpLinks/jump-links.scss +61 -60
  124. package/components/Label/label-group.css +48 -50
  125. package/components/Label/label-group.scss +48 -51
  126. package/components/Label/label.css +382 -363
  127. package/components/Label/label.scss +441 -356
  128. package/components/List/list.css +25 -25
  129. package/components/List/list.scss +26 -26
  130. package/components/LogViewer/log-viewer.css +14 -14
  131. package/components/LogViewer/log-viewer.scss +14 -14
  132. package/components/Login/login.css +104 -122
  133. package/components/Login/login.scss +92 -91
  134. package/components/Masthead/masthead.css +262 -506
  135. package/components/Masthead/masthead.scss +123 -289
  136. package/components/Menu/menu.css +82 -65
  137. package/components/Menu/menu.scss +85 -69
  138. package/components/MenuToggle/menu-toggle.css +37 -31
  139. package/components/MenuToggle/menu-toggle.scss +37 -33
  140. package/components/ModalBox/modal-box.css +76 -69
  141. package/components/ModalBox/modal-box.scss +74 -70
  142. package/components/MultipleFileUpload/multiple-file-upload.css +87 -57
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +92 -60
  144. package/components/Nav/nav.css +248 -899
  145. package/components/Nav/nav.scss +304 -1059
  146. package/components/Nav/themes/dark/nav.scss +2 -2
  147. package/components/NotificationBadge/notification-badge.css +66 -85
  148. package/components/NotificationBadge/notification-badge.scss +72 -103
  149. package/components/NotificationDrawer/notification-drawer.css +130 -128
  150. package/components/NotificationDrawer/notification-drawer.scss +130 -129
  151. package/components/NumberInput/number-input.css +10 -10
  152. package/components/NumberInput/number-input.scss +9 -14
  153. package/components/OptionsMenu/options-menu.css +43 -31
  154. package/components/OptionsMenu/options-menu.scss +43 -31
  155. package/components/OverflowMenu/overflow-menu.css +17 -47
  156. package/components/OverflowMenu/overflow-menu.scss +27 -65
  157. package/components/Page/page.css +182 -232
  158. package/components/Page/page.scss +130 -195
  159. package/components/Pagination/pagination.css +74 -121
  160. package/components/Pagination/pagination.scss +55 -125
  161. package/components/Panel/panel.css +40 -30
  162. package/components/Panel/panel.scss +42 -33
  163. package/components/Popover/popover.css +108 -87
  164. package/components/Popover/popover.scss +120 -109
  165. package/components/Progress/progress.css +40 -52
  166. package/components/Progress/progress.scss +48 -62
  167. package/components/ProgressStepper/progress-stepper.css +98 -89
  168. package/components/ProgressStepper/progress-stepper.scss +90 -84
  169. package/components/Radio/radio.css +30 -23
  170. package/components/Radio/radio.scss +31 -25
  171. package/components/Select/select.css +56 -47
  172. package/components/Select/select.scss +56 -47
  173. package/components/Sidebar/sidebar.css +31 -14
  174. package/components/Sidebar/sidebar.scss +34 -16
  175. package/components/SimpleList/simple-list.css +45 -56
  176. package/components/SimpleList/simple-list.scss +51 -55
  177. package/components/Skeleton/skeleton.css +24 -25
  178. package/components/Skeleton/skeleton.scss +21 -26
  179. package/components/SkipToContent/skip-to-content.css +9 -6
  180. package/components/SkipToContent/skip-to-content.scss +8 -6
  181. package/components/Slider/slider.css +80 -55
  182. package/components/Slider/slider.scss +96 -65
  183. package/components/Spinner/spinner.css +17 -34
  184. package/components/Spinner/spinner.scss +19 -47
  185. package/components/Switch/switch.css +49 -41
  186. package/components/Switch/switch.scss +51 -42
  187. package/components/TabContent/tab-content.css +21 -12
  188. package/components/TabContent/tab-content.scss +22 -15
  189. package/components/Table/table-grid.css +256 -195
  190. package/components/Table/table-grid.scss +53 -39
  191. package/components/Table/table-scrollable.css +4 -4
  192. package/components/Table/table-scrollable.scss +6 -4
  193. package/components/Table/table-tree-view.css +112 -105
  194. package/components/Table/table-tree-view.scss +38 -33
  195. package/components/Table/table.css +105 -89
  196. package/components/Table/table.scss +105 -89
  197. package/components/Tabs/tabs.css +210 -214
  198. package/components/Tabs/tabs.scss +222 -254
  199. package/components/TextInputGroup/text-input-group.css +15 -15
  200. package/components/TextInputGroup/text-input-group.scss +15 -15
  201. package/components/Tile/tile.css +47 -88
  202. package/components/Tile/tile.scss +45 -91
  203. package/components/Timestamp/timestamp.css +12 -9
  204. package/components/Timestamp/timestamp.scss +11 -10
  205. package/components/Title/title.css +70 -19
  206. package/components/Title/title.scss +90 -20
  207. package/components/ToggleGroup/toggle-group.css +68 -59
  208. package/components/ToggleGroup/toggle-group.scss +72 -57
  209. package/components/Toolbar/toolbar.css +2553 -1054
  210. package/components/Toolbar/toolbar.scss +234 -516
  211. package/components/Tooltip/tooltip.css +74 -44
  212. package/components/Tooltip/tooltip.scss +93 -77
  213. package/components/TreeView/tree-view.css +48 -27
  214. package/components/TreeView/tree-view.scss +50 -28
  215. package/components/Truncate/truncate.css +13 -0
  216. package/components/Truncate/truncate.scss +19 -3
  217. package/components/Wizard/wizard.css +57 -36
  218. package/components/Wizard/wizard.scss +57 -36
  219. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  220. package/docs/components/Accordion/examples/Accordion.md +614 -416
  221. package/docs/components/ActionList/examples/ActionList.md +73 -22
  222. package/docs/components/Alert/examples/Alert.md +3 -3
  223. package/docs/components/Avatar/examples/Avatar.md +5 -19
  224. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  225. package/docs/components/Badge/examples/Badge.md +21 -0
  226. package/docs/components/Banner/examples/Banner.md +48 -25
  227. package/docs/components/Brand/examples/Brand.css +12 -0
  228. package/docs/components/Brand/examples/Brand.md +51 -32
  229. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  230. package/docs/components/Button/examples/Button.css +6 -2
  231. package/docs/components/Button/examples/Button.md +1425 -87
  232. package/docs/components/Card/examples/Card.md +565 -148
  233. package/docs/components/Check/examples/Check.md +71 -58
  234. package/docs/components/Chip/examples/Chip.md +1 -1
  235. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  236. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  237. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  238. package/docs/components/Content/examples/Content.md +5 -5
  239. package/docs/components/Divider/examples/Divider.css +3 -1
  240. package/docs/components/Divider/examples/Divider.md +4 -5
  241. package/docs/components/DragDrop/examples/DragDrop.css +3 -3
  242. package/docs/components/Drawer/examples/Drawer.md +294 -256
  243. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  244. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  245. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  246. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  247. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  248. package/docs/components/Form/examples/Form.md +134 -89
  249. package/docs/components/Icon/examples/Icon.md +82 -11
  250. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  251. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  252. package/docs/components/Label/examples/Label.css +4 -0
  253. package/docs/components/Label/examples/Label.md +3091 -704
  254. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  255. package/docs/components/LogViewer/examples/LogViewer.md +300 -210
  256. package/docs/components/Login/examples/Login.md +10 -5
  257. package/docs/components/Masthead/examples/masthead.md +443 -65
  258. package/docs/components/Menu/examples/Menu.css +8 -0
  259. package/docs/components/Menu/examples/Menu.md +594 -543
  260. package/docs/components/MenuToggle/examples/MenuToggle.md +109 -96
  261. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  262. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  263. package/docs/components/Nav/examples/Navigation.css +3 -42
  264. package/docs/components/Nav/examples/Navigation.md +305 -353
  265. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  266. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  267. package/docs/components/Page/examples/Page.css +0 -8
  268. package/docs/components/Page/examples/Page.md +22 -21
  269. package/docs/components/Pagination/examples/Pagination.md +663 -637
  270. package/docs/components/Panel/examples/Panel.md +12 -0
  271. package/docs/components/Popover/examples/Popover.css +4 -9
  272. package/docs/components/Popover/examples/Popover.md +1 -1
  273. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  274. package/docs/components/Radio/examples/Radio.md +62 -54
  275. package/docs/components/Select/deprecated/Select.md +184 -177
  276. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  277. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  278. package/docs/components/TabContent/examples/TabContent.md +10 -10
  279. package/docs/components/Table/examples/Table.css +2 -2
  280. package/docs/components/Table/examples/Table.md +10 -10
  281. package/docs/components/Tabs/examples/Tabs.css +1 -1
  282. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  283. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  284. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  285. package/docs/components/Tile/examples/Tile.css +1 -1
  286. package/docs/components/Tile/examples/Tile.md +264 -144
  287. package/docs/components/Title/examples/Title.md +18 -0
  288. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  289. package/docs/components/Toolbar/examples/Toolbar.md +1211 -3487
  290. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  291. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  292. package/docs/components/Truncate/examples/Truncate.css +2 -2
  293. package/docs/components/Truncate/examples/Truncate.md +2 -2
  294. package/docs/demos/AboutModal/examples/AboutModal.md +104 -31
  295. package/docs/demos/Alert/examples/Alert.md +330 -87
  296. package/docs/demos/BackToTop/examples/BackToTop.md +102 -29
  297. package/docs/demos/Banner/examples/Banner.md +211 -60
  298. package/docs/demos/Card/examples/Card.css +3 -3
  299. package/docs/demos/Card/examples/Card.md +28 -12
  300. package/docs/demos/CardView/examples/CardView.md +265 -207
  301. package/docs/demos/ContextSelector/examples/ContextSelector.md +377 -94
  302. package/docs/demos/Dashboard/examples/Dashboard.md +105 -32
  303. package/docs/demos/DataList/examples/DataList.md +1002 -935
  304. package/docs/demos/DescriptionList/examples/DescriptionList.md +306 -87
  305. package/docs/demos/Drawer/examples/Drawer.md +640 -251
  306. package/docs/demos/Form/examples/BasicForms.md +138 -84
  307. package/docs/demos/JumpLinks/examples/JumpLinks.md +917 -385
  308. package/docs/demos/Masthead/examples/Masthead.md +786 -342
  309. package/docs/demos/Modal/examples/Modal.md +645 -198
  310. package/docs/demos/Nav/examples/Nav.md +691 -902
  311. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +515 -145
  312. package/docs/demos/Page/examples/Page.md +942 -273
  313. package/docs/demos/Page/examples/Penta.md +66 -26
  314. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  315. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  316. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1333 -946
  317. package/docs/demos/Skeleton/examples/Skeleton.md +109 -64
  318. package/docs/demos/Table/examples/Table.md +3857 -3418
  319. package/docs/demos/Tabs/examples/Tabs.md +664 -215
  320. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  321. package/docs/demos/Toolbar/examples/Toolbar.md +1313 -1475
  322. package/docs/demos/Wizard/examples/Wizard.md +918 -261
  323. package/docs/layouts/Flex/examples/Flex.md +16 -16
  324. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  325. package/icons/pficons.mjs +1 -0
  326. package/layouts/Flex/flex.css +115 -43
  327. package/layouts/Flex/flex.scss +20 -8
  328. package/package.json +36 -32
  329. package/patternfly-addons.css +732 -972
  330. package/patternfly-base-no-globals-theme-dark-unversioned.css +895 -847
  331. package/patternfly-base-no-globals.css +895 -847
  332. package/patternfly-base-theme-dark-unversioned.css +899 -850
  333. package/patternfly-base.css +899 -850
  334. package/patternfly-no-globals.css +9935 -8997
  335. package/patternfly-theme-dark-unversioned.css +9940 -9001
  336. package/patternfly.css +9940 -9001
  337. package/patternfly.min.css +1 -1
  338. package/patternfly.min.css.map +1 -1
  339. package/sass-utilities/functions.scss +6 -0
  340. package/sass-utilities/mixins.scss +80 -2
  341. package/sass-utilities/scss-variables.scss +8 -8
  342. package/sass-utilities/themes/dark/mixins.scss +3 -1
  343. package/utilities/Accessibility/accessibility.css +12 -12
  344. package/utilities/Spacing/spacing.css +720 -960
  345. package/utilities/Spacing/spacing.scss +4 -8
  346. package/base/themes/dark/_variables.scss +0 -102
  347. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  348. package/components/Accordion/themes/dark/accordion.scss +0 -9
  349. package/components/Alert/themes/dark/alert.scss +0 -17
  350. package/components/Badge/themes/dark/badge.scss +0 -9
  351. package/components/Banner/themes/dark/banner.scss +0 -14
  352. package/components/Button/themes/dark/button.scss +0 -51
  353. package/components/Card/themes/dark/card.scss +0 -20
  354. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  355. package/components/DataList/themes/dark/data-list.scss +0 -10
  356. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  357. package/components/Drawer/themes/dark/drawer.scss +0 -13
  358. package/components/Form/themes/dark/form.scss +0 -7
  359. package/components/FormControl/themes/dark/form-control.scss +0 -24
  360. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  361. package/components/Hint/themes/dark/hint.scss +0 -8
  362. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  363. package/components/Label/themes/dark/label.scss +0 -53
  364. package/components/Login/themes/dark/login.scss +0 -12
  365. package/components/Masthead/themes/dark/masthead.scss +0 -14
  366. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  367. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  368. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  369. package/components/Page/themes/dark/page.scss +0 -69
  370. package/components/Pagination/themes/dark/pagination.scss +0 -7
  371. package/components/Panel/themes/dark/panel.scss +0 -7
  372. package/components/Popover/themes/dark/popover.scss +0 -11
  373. package/components/Progress/themes/dark/progress.scss +0 -9
  374. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  375. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  376. package/components/Switch/themes/dark/switch.scss +0 -11
  377. package/components/Tabs/themes/dark/tabs.scss +0 -10
  378. package/components/Tile/themes/dark/tile.scss +0 -10
  379. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  380. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  381. package/docs/components/Avatar/examples/Avatar.css +0 -3
  382. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/Page/examples/Page.md CHANGED
@@ -26,23 +26,117 @@ wrapperTag: div
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
28
  <a class="pf-v5-c-masthead__brand" href="#">
29
- <img
30
- class="pf-v5-c-brand"
31
- src="/assets/images/pf-logo.svg"
32
- alt="PatternFly logo"
33
- style="--pf-v5-c-brand--Height:36px"
34
- />
29
+ <svg height="40px" viewBox="0 0 679 158">
30
+ <title>PF-HorizontalLogo-Color</title>
31
+ <defs>
32
+ <linearGradient
33
+ x1="68%"
34
+ y1="2.25860997e-13%"
35
+ x2="32%"
36
+ y2="100%"
37
+ id="linearGradient-page-demo-basic-masthead"
38
+ >
39
+ <stop stop-color="#2B9AF3" offset="0%" />
40
+ <stop
41
+ stop-color="#73BCF7"
42
+ stop-opacity="0.502212631"
43
+ offset="100%"
44
+ />
45
+ </linearGradient>
46
+ </defs>
47
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
48
+ <g
49
+ transform="translate(206.000000, 45.750000)"
50
+ fill="var(--pf-t--global--text--color--regular)"
51
+ fill-rule="nonzero"
52
+ >
53
+ <path
54
+ 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"
55
+ />
56
+ <path
57
+ 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"
58
+ />
59
+ <path
60
+ 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"
61
+ />
62
+ <path
63
+ 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"
64
+ />
65
+ <path
66
+ 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"
67
+ />
68
+ <path
69
+ 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"
70
+ />
71
+ <path
72
+ 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"
73
+ />
74
+ <polygon
75
+ 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"
76
+ />
77
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
78
+ <path
79
+ 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"
80
+ />
81
+ </g>
82
+ <g transform="translate(0.000000, 0.000000)">
83
+ <path
84
+ 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"
85
+ fill="#0066CC"
86
+ />
87
+ <path
88
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
89
+ fill="url(#linearGradient-page-demo-basic-masthead)"
90
+ />
91
+ <path
92
+ 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"
93
+ fill="url(#linearGradient-page-demo-basic-masthead)"
94
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
95
+ />
96
+ </g>
97
+ </g>
98
+ </svg>
35
99
  </a>
36
100
  </div>
37
101
  <div class="pf-v5-c-masthead__content">
38
102
  <div
39
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
103
+ class="pf-v5-c-toolbar pf-m-static"
40
104
  id="page-demo-basic-masthead-toolbar"
41
105
  >
42
106
  <div class="pf-v5-c-toolbar__content">
43
107
  <div class="pf-v5-c-toolbar__content-section">
108
+ <div class="pf-v5-c-toolbar__item">
109
+ <button
110
+ class="pf-v5-c-menu-toggle"
111
+ type="button"
112
+ aria-expanded="false"
113
+ >
114
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
115
+ <span class="pf-v5-c-menu-toggle__controls">
116
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
117
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
118
+ </span>
119
+ </span>
120
+ </button>
121
+ </div>
122
+
123
+ <div class="pf-v5-c-toolbar__item">
124
+ <button
125
+ class="pf-v5-c-menu-toggle"
126
+ type="button"
127
+ aria-expanded="false"
128
+ >
129
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
130
+ <span class="pf-v5-c-menu-toggle__controls">
131
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
132
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
133
+ </span>
134
+ </span>
135
+ </button>
136
+ </div>
137
+
44
138
  <div
45
- 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"
139
+ 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"
46
140
  >
47
141
  <div
48
142
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -89,27 +183,6 @@ wrapperTag: div
89
183
  </button>
90
184
  </div>
91
185
  </div>
92
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
93
- <button
94
- class="pf-v5-c-menu-toggle pf-m-full-height"
95
- type="button"
96
- aria-expanded="false"
97
- >
98
- <span class="pf-v5-c-menu-toggle__icon">
99
- <img
100
- class="pf-v5-c-avatar"
101
- alt="Avatar image"
102
- src="/assets/images/img_avatar-light.svg"
103
- />
104
- </span>
105
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
106
- <span class="pf-v5-c-menu-toggle__controls">
107
- <span class="pf-v5-c-menu-toggle__toggle-icon">
108
- <i class="fas fa-angle-down" aria-hidden="true"></i>
109
- </span>
110
- </span>
111
- </button>
112
- </div>
113
186
  </div>
114
187
  </div>
115
188
  </div>
@@ -261,23 +334,117 @@ wrapperTag: div
261
334
  </span>
262
335
  <div class="pf-v5-c-masthead__main">
263
336
  <a class="pf-v5-c-masthead__brand" href="#">
264
- <img
265
- class="pf-v5-c-brand"
266
- src="/assets/images/pf-logo.svg"
267
- alt="PatternFly logo"
268
- style="--pf-v5-c-brand--Height:36px"
269
- />
337
+ <svg height="40px" viewBox="0 0 679 158">
338
+ <title>PF-HorizontalLogo-Color</title>
339
+ <defs>
340
+ <linearGradient
341
+ x1="68%"
342
+ y1="2.25860997e-13%"
343
+ x2="32%"
344
+ y2="100%"
345
+ id="linearGradient-multiple-sidebar-body-elements-demo-masthead"
346
+ >
347
+ <stop stop-color="#2B9AF3" offset="0%" />
348
+ <stop
349
+ stop-color="#73BCF7"
350
+ stop-opacity="0.502212631"
351
+ offset="100%"
352
+ />
353
+ </linearGradient>
354
+ </defs>
355
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
356
+ <g
357
+ transform="translate(206.000000, 45.750000)"
358
+ fill="var(--pf-t--global--text--color--regular)"
359
+ fill-rule="nonzero"
360
+ >
361
+ <path
362
+ 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"
363
+ />
364
+ <path
365
+ 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"
366
+ />
367
+ <path
368
+ 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"
369
+ />
370
+ <path
371
+ 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"
372
+ />
373
+ <path
374
+ 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"
375
+ />
376
+ <path
377
+ 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"
378
+ />
379
+ <path
380
+ 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"
381
+ />
382
+ <polygon
383
+ 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"
384
+ />
385
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
386
+ <path
387
+ 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"
388
+ />
389
+ </g>
390
+ <g transform="translate(0.000000, 0.000000)">
391
+ <path
392
+ 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"
393
+ fill="#0066CC"
394
+ />
395
+ <path
396
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
397
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-masthead)"
398
+ />
399
+ <path
400
+ 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"
401
+ fill="url(#linearGradient-multiple-sidebar-body-elements-demo-masthead)"
402
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
403
+ />
404
+ </g>
405
+ </g>
406
+ </svg>
270
407
  </a>
271
408
  </div>
272
409
  <div class="pf-v5-c-masthead__content">
273
410
  <div
274
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
411
+ class="pf-v5-c-toolbar pf-m-static"
275
412
  id="multiple-sidebar-body-elements-demo-masthead-toolbar"
276
413
  >
277
414
  <div class="pf-v5-c-toolbar__content">
278
415
  <div class="pf-v5-c-toolbar__content-section">
416
+ <div class="pf-v5-c-toolbar__item">
417
+ <button
418
+ class="pf-v5-c-menu-toggle"
419
+ type="button"
420
+ aria-expanded="false"
421
+ >
422
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
423
+ <span class="pf-v5-c-menu-toggle__controls">
424
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
425
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
426
+ </span>
427
+ </span>
428
+ </button>
429
+ </div>
430
+
431
+ <div class="pf-v5-c-toolbar__item">
432
+ <button
433
+ class="pf-v5-c-menu-toggle"
434
+ type="button"
435
+ aria-expanded="false"
436
+ >
437
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
438
+ <span class="pf-v5-c-menu-toggle__controls">
439
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
440
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
441
+ </span>
442
+ </span>
443
+ </button>
444
+ </div>
445
+
279
446
  <div
280
- 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"
447
+ 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"
281
448
  >
282
449
  <div
283
450
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -324,27 +491,6 @@ wrapperTag: div
324
491
  </button>
325
492
  </div>
326
493
  </div>
327
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
328
- <button
329
- class="pf-v5-c-menu-toggle pf-m-full-height"
330
- type="button"
331
- aria-expanded="false"
332
- >
333
- <span class="pf-v5-c-menu-toggle__icon">
334
- <img
335
- class="pf-v5-c-avatar"
336
- alt="Avatar image"
337
- src="/assets/images/img_avatar-light.svg"
338
- />
339
- </span>
340
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
341
- <span class="pf-v5-c-menu-toggle__controls">
342
- <span class="pf-v5-c-menu-toggle__toggle-icon">
343
- <i class="fas fa-angle-down" aria-hidden="true"></i>
344
- </span>
345
- </span>
346
- </button>
347
- </div>
348
494
  </div>
349
495
  </div>
350
496
  </div>
@@ -511,23 +657,117 @@ wrapperTag: div
511
657
  </span>
512
658
  <div class="pf-v5-c-masthead__main">
513
659
  <a class="pf-v5-c-masthead__brand" href="#">
514
- <img
515
- class="pf-v5-c-brand"
516
- src="/assets/images/pf-logo.svg"
517
- alt="PatternFly logo"
518
- style="--pf-v5-c-brand--Height:36px"
519
- />
660
+ <svg height="40px" viewBox="0 0 679 158">
661
+ <title>PF-HorizontalLogo-Color</title>
662
+ <defs>
663
+ <linearGradient
664
+ x1="68%"
665
+ y1="2.25860997e-13%"
666
+ x2="32%"
667
+ y2="100%"
668
+ id="linearGradient-page-demo-sticky-top-horizontal-subnav-masthead"
669
+ >
670
+ <stop stop-color="#2B9AF3" offset="0%" />
671
+ <stop
672
+ stop-color="#73BCF7"
673
+ stop-opacity="0.502212631"
674
+ offset="100%"
675
+ />
676
+ </linearGradient>
677
+ </defs>
678
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
679
+ <g
680
+ transform="translate(206.000000, 45.750000)"
681
+ fill="var(--pf-t--global--text--color--regular)"
682
+ fill-rule="nonzero"
683
+ >
684
+ <path
685
+ 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"
686
+ />
687
+ <path
688
+ 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"
689
+ />
690
+ <path
691
+ 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"
692
+ />
693
+ <path
694
+ 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"
695
+ />
696
+ <path
697
+ 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"
698
+ />
699
+ <path
700
+ 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"
701
+ />
702
+ <path
703
+ 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"
704
+ />
705
+ <polygon
706
+ 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"
707
+ />
708
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
709
+ <path
710
+ 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"
711
+ />
712
+ </g>
713
+ <g transform="translate(0.000000, 0.000000)">
714
+ <path
715
+ 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"
716
+ fill="#0066CC"
717
+ />
718
+ <path
719
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
720
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-masthead)"
721
+ />
722
+ <path
723
+ 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"
724
+ fill="url(#linearGradient-page-demo-sticky-top-horizontal-subnav-masthead)"
725
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
726
+ />
727
+ </g>
728
+ </g>
729
+ </svg>
520
730
  </a>
521
731
  </div>
522
732
  <div class="pf-v5-c-masthead__content">
523
733
  <div
524
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
734
+ class="pf-v5-c-toolbar pf-m-static"
525
735
  id="page-demo-sticky-top-horizontal-subnav-masthead-toolbar"
526
736
  >
527
737
  <div class="pf-v5-c-toolbar__content">
528
738
  <div class="pf-v5-c-toolbar__content-section">
739
+ <div class="pf-v5-c-toolbar__item">
740
+ <button
741
+ class="pf-v5-c-menu-toggle"
742
+ type="button"
743
+ aria-expanded="false"
744
+ >
745
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
746
+ <span class="pf-v5-c-menu-toggle__controls">
747
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
748
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
749
+ </span>
750
+ </span>
751
+ </button>
752
+ </div>
753
+
754
+ <div class="pf-v5-c-toolbar__item">
755
+ <button
756
+ class="pf-v5-c-menu-toggle"
757
+ type="button"
758
+ aria-expanded="false"
759
+ >
760
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
761
+ <span class="pf-v5-c-menu-toggle__controls">
762
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
763
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
764
+ </span>
765
+ </span>
766
+ </button>
767
+ </div>
768
+
529
769
  <div
530
- 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"
770
+ 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"
531
771
  >
532
772
  <div
533
773
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -574,27 +814,6 @@ wrapperTag: div
574
814
  </button>
575
815
  </div>
576
816
  </div>
577
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
578
- <button
579
- class="pf-v5-c-menu-toggle pf-m-full-height"
580
- type="button"
581
- aria-expanded="false"
582
- >
583
- <span class="pf-v5-c-menu-toggle__icon">
584
- <img
585
- class="pf-v5-c-avatar"
586
- alt="Avatar image"
587
- src="/assets/images/img_avatar-light.svg"
588
- />
589
- </span>
590
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
591
- <span class="pf-v5-c-menu-toggle__controls">
592
- <span class="pf-v5-c-menu-toggle__toggle-icon">
593
- <i class="fas fa-angle-down" aria-hidden="true"></i>
594
- </span>
595
- </span>
596
- </button>
597
- </div>
598
817
  </div>
599
818
  </div>
600
819
  </div>
@@ -636,19 +855,23 @@ wrapperTag: div
636
855
  tabindex="-1"
637
856
  id="main-content-page-demo-sticky-top-horizontal-subnav"
638
857
  >
639
- <section class="pf-v5-c-page__main-subnav pf-m-limit-width pf-m-sticky-top">
858
+ <section class="pf-v5-c-page__main-nav pf-m-limit-width pf-m-sticky-top">
640
859
  <div class="pf-v5-c-page__main-body">
641
860
  <nav
642
- class="pf-v5-c-nav pf-m-horizontal-subnav pf-m-scrollable"
861
+ class="pf-v5-c-nav pf-m-scrollable pf-m-horizontal pf-m-subnav"
643
862
  aria-label="Local"
644
863
  >
645
- <button
646
- class="pf-v5-c-nav__scroll-button"
647
- disabled
648
- aria-label="Scroll left"
649
- >
650
- <i class="fas fa-angle-left" aria-hidden="true"></i>
651
- </button>
864
+ <div class="pf-v5-c-nav__scroll-button">
865
+ <button
866
+ class="pf-v5-c-button pf-m-plain pf-m-RTL-icon-static"
867
+ type="button"
868
+ aria-label="Scroll start"
869
+ >
870
+ <span class="pf-v5-c-button__icon">
871
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
872
+ </span>
873
+ </button>
874
+ </div>
652
875
  <ul class="pf-v5-c-nav__list" role="list">
653
876
  <li class="pf-v5-c-nav__item">
654
877
  <a
@@ -670,9 +893,17 @@ wrapperTag: div
670
893
  <a href="#" class="pf-v5-c-nav__link">Horizontal subnav item 5</a>
671
894
  </li>
672
895
  </ul>
673
- <button class="pf-v5-c-nav__scroll-button" aria-label="Scroll right">
674
- <i class="fas fa-angle-right" aria-hidden="true"></i>
675
- </button>
896
+ <div class="pf-v5-c-nav__scroll-button">
897
+ <button
898
+ class="pf-v5-c-button pf-m-plain pf-m-RTL-icon-static"
899
+ type="button"
900
+ aria-label="Scroll end"
901
+ >
902
+ <span class="pf-v5-c-button__icon">
903
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
904
+ </span>
905
+ </button>
906
+ </div>
676
907
  </nav>
677
908
  </div>
678
909
  </section>
@@ -906,23 +1137,117 @@ wrapperTag: div
906
1137
  </span>
907
1138
  <div class="pf-v5-c-masthead__main">
908
1139
  <a class="pf-v5-c-masthead__brand" href="#">
909
- <img
910
- class="pf-v5-c-brand"
911
- src="/assets/images/pf-logo.svg"
912
- alt="PatternFly logo"
913
- style="--pf-v5-c-brand--Height:36px"
914
- />
1140
+ <svg height="40px" viewBox="0 0 679 158">
1141
+ <title>PF-HorizontalLogo-Color</title>
1142
+ <defs>
1143
+ <linearGradient
1144
+ x1="68%"
1145
+ y1="2.25860997e-13%"
1146
+ x2="32%"
1147
+ y2="100%"
1148
+ id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1149
+ >
1150
+ <stop stop-color="#2B9AF3" offset="0%" />
1151
+ <stop
1152
+ stop-color="#73BCF7"
1153
+ stop-opacity="0.502212631"
1154
+ offset="100%"
1155
+ />
1156
+ </linearGradient>
1157
+ </defs>
1158
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1159
+ <g
1160
+ transform="translate(206.000000, 45.750000)"
1161
+ fill="var(--pf-t--global--text--color--regular)"
1162
+ fill-rule="nonzero"
1163
+ >
1164
+ <path
1165
+ 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"
1166
+ />
1167
+ <path
1168
+ 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"
1169
+ />
1170
+ <path
1171
+ 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"
1172
+ />
1173
+ <path
1174
+ 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"
1175
+ />
1176
+ <path
1177
+ 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"
1178
+ />
1179
+ <path
1180
+ 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"
1181
+ />
1182
+ <path
1183
+ 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"
1184
+ />
1185
+ <polygon
1186
+ 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"
1187
+ />
1188
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1189
+ <path
1190
+ 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"
1191
+ />
1192
+ </g>
1193
+ <g transform="translate(0.000000, 0.000000)">
1194
+ <path
1195
+ 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"
1196
+ fill="#0066CC"
1197
+ />
1198
+ <path
1199
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1200
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1201
+ />
1202
+ <path
1203
+ 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"
1204
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1205
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1206
+ />
1207
+ </g>
1208
+ </g>
1209
+ </svg>
915
1210
  </a>
916
1211
  </div>
917
1212
  <div class="pf-v5-c-masthead__content">
918
1213
  <div
919
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1214
+ class="pf-v5-c-toolbar pf-m-static"
920
1215
  id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
921
1216
  >
922
1217
  <div class="pf-v5-c-toolbar__content">
923
1218
  <div class="pf-v5-c-toolbar__content-section">
1219
+ <div class="pf-v5-c-toolbar__item">
1220
+ <button
1221
+ class="pf-v5-c-menu-toggle"
1222
+ type="button"
1223
+ aria-expanded="false"
1224
+ >
1225
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1226
+ <span class="pf-v5-c-menu-toggle__controls">
1227
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1228
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1229
+ </span>
1230
+ </span>
1231
+ </button>
1232
+ </div>
1233
+
1234
+ <div class="pf-v5-c-toolbar__item">
1235
+ <button
1236
+ class="pf-v5-c-menu-toggle"
1237
+ type="button"
1238
+ aria-expanded="false"
1239
+ >
1240
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1241
+ <span class="pf-v5-c-menu-toggle__controls">
1242
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1243
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1244
+ </span>
1245
+ </span>
1246
+ </button>
1247
+ </div>
1248
+
924
1249
  <div
925
- 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"
1250
+ 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"
926
1251
  >
927
1252
  <div
928
1253
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -969,27 +1294,6 @@ wrapperTag: div
969
1294
  </button>
970
1295
  </div>
971
1296
  </div>
972
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
973
- <button
974
- class="pf-v5-c-menu-toggle pf-m-full-height"
975
- type="button"
976
- aria-expanded="false"
977
- >
978
- <span class="pf-v5-c-menu-toggle__icon">
979
- <img
980
- class="pf-v5-c-avatar"
981
- alt="Avatar image"
982
- src="/assets/images/img_avatar-light.svg"
983
- />
984
- </span>
985
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
986
- <span class="pf-v5-c-menu-toggle__controls">
987
- <span class="pf-v5-c-menu-toggle__toggle-icon">
988
- <i class="fas fa-angle-down" aria-hidden="true"></i>
989
- </span>
990
- </span>
991
- </button>
992
- </div>
993
1297
  </div>
994
1298
  </div>
995
1299
  </div>
@@ -1263,23 +1567,117 @@ wrapperTag: div
1263
1567
  </span>
1264
1568
  <div class="pf-v5-c-masthead__main">
1265
1569
  <a class="pf-v5-c-masthead__brand" href="#">
1266
- <img
1267
- class="pf-v5-c-brand"
1268
- src="/assets/images/pf-logo.svg"
1269
- alt="PatternFly logo"
1270
- style="--pf-v5-c-brand--Height:36px"
1271
- />
1570
+ <svg height="40px" viewBox="0 0 679 158">
1571
+ <title>PF-HorizontalLogo-Color</title>
1572
+ <defs>
1573
+ <linearGradient
1574
+ x1="68%"
1575
+ y1="2.25860997e-13%"
1576
+ x2="32%"
1577
+ y2="100%"
1578
+ id="linearGradient-page-demo-sticky-top-breadcrumb-masthead"
1579
+ >
1580
+ <stop stop-color="#2B9AF3" offset="0%" />
1581
+ <stop
1582
+ stop-color="#73BCF7"
1583
+ stop-opacity="0.502212631"
1584
+ offset="100%"
1585
+ />
1586
+ </linearGradient>
1587
+ </defs>
1588
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1589
+ <g
1590
+ transform="translate(206.000000, 45.750000)"
1591
+ fill="var(--pf-t--global--text--color--regular)"
1592
+ fill-rule="nonzero"
1593
+ >
1594
+ <path
1595
+ 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"
1596
+ />
1597
+ <path
1598
+ 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"
1599
+ />
1600
+ <path
1601
+ 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"
1602
+ />
1603
+ <path
1604
+ 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"
1605
+ />
1606
+ <path
1607
+ 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"
1608
+ />
1609
+ <path
1610
+ 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"
1611
+ />
1612
+ <path
1613
+ 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"
1614
+ />
1615
+ <polygon
1616
+ 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"
1617
+ />
1618
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1619
+ <path
1620
+ 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"
1621
+ />
1622
+ </g>
1623
+ <g transform="translate(0.000000, 0.000000)">
1624
+ <path
1625
+ 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"
1626
+ fill="#0066CC"
1627
+ />
1628
+ <path
1629
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1630
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1631
+ />
1632
+ <path
1633
+ 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"
1634
+ fill="url(#linearGradient-page-demo-sticky-top-breadcrumb-masthead)"
1635
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1636
+ />
1637
+ </g>
1638
+ </g>
1639
+ </svg>
1272
1640
  </a>
1273
1641
  </div>
1274
1642
  <div class="pf-v5-c-masthead__content">
1275
1643
  <div
1276
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1644
+ class="pf-v5-c-toolbar pf-m-static"
1277
1645
  id="page-demo-sticky-top-breadcrumb-masthead-toolbar"
1278
1646
  >
1279
1647
  <div class="pf-v5-c-toolbar__content">
1280
1648
  <div class="pf-v5-c-toolbar__content-section">
1649
+ <div class="pf-v5-c-toolbar__item">
1650
+ <button
1651
+ class="pf-v5-c-menu-toggle"
1652
+ type="button"
1653
+ aria-expanded="false"
1654
+ >
1655
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1656
+ <span class="pf-v5-c-menu-toggle__controls">
1657
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1658
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1659
+ </span>
1660
+ </span>
1661
+ </button>
1662
+ </div>
1663
+
1664
+ <div class="pf-v5-c-toolbar__item">
1665
+ <button
1666
+ class="pf-v5-c-menu-toggle"
1667
+ type="button"
1668
+ aria-expanded="false"
1669
+ >
1670
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1671
+ <span class="pf-v5-c-menu-toggle__controls">
1672
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1673
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1674
+ </span>
1675
+ </span>
1676
+ </button>
1677
+ </div>
1678
+
1281
1679
  <div
1282
- 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"
1680
+ 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"
1283
1681
  >
1284
1682
  <div
1285
1683
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1326,27 +1724,6 @@ wrapperTag: div
1326
1724
  </button>
1327
1725
  </div>
1328
1726
  </div>
1329
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1330
- <button
1331
- class="pf-v5-c-menu-toggle pf-m-full-height"
1332
- type="button"
1333
- aria-expanded="false"
1334
- >
1335
- <span class="pf-v5-c-menu-toggle__icon">
1336
- <img
1337
- class="pf-v5-c-avatar"
1338
- alt="Avatar image"
1339
- src="/assets/images/img_avatar-light.svg"
1340
- />
1341
- </span>
1342
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1343
- <span class="pf-v5-c-menu-toggle__controls">
1344
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1345
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1346
- </span>
1347
- </span>
1348
- </button>
1349
- </div>
1350
1727
  </div>
1351
1728
  </div>
1352
1729
  </div>
@@ -1620,23 +1997,117 @@ wrapperTag: div
1620
1997
  </span>
1621
1998
  <div class="pf-v5-c-masthead__main">
1622
1999
  <a class="pf-v5-c-masthead__brand" href="#">
1623
- <img
1624
- class="pf-v5-c-brand"
1625
- src="/assets/images/pf-logo.svg"
1626
- alt="PatternFly logo"
1627
- style="--pf-v5-c-brand--Height:36px"
1628
- />
2000
+ <svg height="40px" viewBox="0 0 679 158">
2001
+ <title>PF-HorizontalLogo-Color</title>
2002
+ <defs>
2003
+ <linearGradient
2004
+ x1="68%"
2005
+ y1="2.25860997e-13%"
2006
+ x2="32%"
2007
+ y2="100%"
2008
+ id="linearGradient-page-demo-sticky-top-section-group-masthead"
2009
+ >
2010
+ <stop stop-color="#2B9AF3" offset="0%" />
2011
+ <stop
2012
+ stop-color="#73BCF7"
2013
+ stop-opacity="0.502212631"
2014
+ offset="100%"
2015
+ />
2016
+ </linearGradient>
2017
+ </defs>
2018
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2019
+ <g
2020
+ transform="translate(206.000000, 45.750000)"
2021
+ fill="var(--pf-t--global--text--color--regular)"
2022
+ fill-rule="nonzero"
2023
+ >
2024
+ <path
2025
+ 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"
2026
+ />
2027
+ <path
2028
+ 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"
2029
+ />
2030
+ <path
2031
+ 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"
2032
+ />
2033
+ <path
2034
+ 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"
2035
+ />
2036
+ <path
2037
+ 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"
2038
+ />
2039
+ <path
2040
+ 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"
2041
+ />
2042
+ <path
2043
+ 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"
2044
+ />
2045
+ <polygon
2046
+ 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"
2047
+ />
2048
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2049
+ <path
2050
+ 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"
2051
+ />
2052
+ </g>
2053
+ <g transform="translate(0.000000, 0.000000)">
2054
+ <path
2055
+ 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"
2056
+ fill="#0066CC"
2057
+ />
2058
+ <path
2059
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2060
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-masthead)"
2061
+ />
2062
+ <path
2063
+ 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"
2064
+ fill="url(#linearGradient-page-demo-sticky-top-section-group-masthead)"
2065
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2066
+ />
2067
+ </g>
2068
+ </g>
2069
+ </svg>
1629
2070
  </a>
1630
2071
  </div>
1631
2072
  <div class="pf-v5-c-masthead__content">
1632
2073
  <div
1633
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2074
+ class="pf-v5-c-toolbar pf-m-static"
1634
2075
  id="page-demo-sticky-top-section-group-masthead-toolbar"
1635
2076
  >
1636
2077
  <div class="pf-v5-c-toolbar__content">
1637
2078
  <div class="pf-v5-c-toolbar__content-section">
2079
+ <div class="pf-v5-c-toolbar__item">
2080
+ <button
2081
+ class="pf-v5-c-menu-toggle"
2082
+ type="button"
2083
+ aria-expanded="false"
2084
+ >
2085
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
2086
+ <span class="pf-v5-c-menu-toggle__controls">
2087
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2088
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2089
+ </span>
2090
+ </span>
2091
+ </button>
2092
+ </div>
2093
+
2094
+ <div class="pf-v5-c-toolbar__item">
2095
+ <button
2096
+ class="pf-v5-c-menu-toggle"
2097
+ type="button"
2098
+ aria-expanded="false"
2099
+ >
2100
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
2101
+ <span class="pf-v5-c-menu-toggle__controls">
2102
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2103
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2104
+ </span>
2105
+ </span>
2106
+ </button>
2107
+ </div>
2108
+
1638
2109
  <div
1639
- 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"
2110
+ 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"
1640
2111
  >
1641
2112
  <div
1642
2113
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1683,27 +2154,6 @@ wrapperTag: div
1683
2154
  </button>
1684
2155
  </div>
1685
2156
  </div>
1686
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1687
- <button
1688
- class="pf-v5-c-menu-toggle pf-m-full-height"
1689
- type="button"
1690
- aria-expanded="false"
1691
- >
1692
- <span class="pf-v5-c-menu-toggle__icon">
1693
- <img
1694
- class="pf-v5-c-avatar"
1695
- alt="Avatar image"
1696
- src="/assets/images/img_avatar-light.svg"
1697
- />
1698
- </span>
1699
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1700
- <span class="pf-v5-c-menu-toggle__controls">
1701
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1702
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1703
- </span>
1704
- </span>
1705
- </button>
1706
- </div>
1707
2157
  </div>
1708
2158
  </div>
1709
2159
  </div>
@@ -1977,23 +2427,117 @@ wrapperTag: div
1977
2427
  </span>
1978
2428
  <div class="pf-v5-c-masthead__main">
1979
2429
  <a class="pf-v5-c-masthead__brand" href="#">
1980
- <img
1981
- class="pf-v5-c-brand"
1982
- src="/assets/images/pf-logo.svg"
1983
- alt="PatternFly logo"
1984
- style="--pf-v5-c-brand--Height:36px"
1985
- />
2430
+ <svg height="40px" viewBox="0 0 679 158">
2431
+ <title>PF-HorizontalLogo-Color</title>
2432
+ <defs>
2433
+ <linearGradient
2434
+ x1="68%"
2435
+ y1="2.25860997e-13%"
2436
+ x2="32%"
2437
+ y2="100%"
2438
+ id="linearGradient-page-demo-sticky-section-bottom-masthead"
2439
+ >
2440
+ <stop stop-color="#2B9AF3" offset="0%" />
2441
+ <stop
2442
+ stop-color="#73BCF7"
2443
+ stop-opacity="0.502212631"
2444
+ offset="100%"
2445
+ />
2446
+ </linearGradient>
2447
+ </defs>
2448
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2449
+ <g
2450
+ transform="translate(206.000000, 45.750000)"
2451
+ fill="var(--pf-t--global--text--color--regular)"
2452
+ fill-rule="nonzero"
2453
+ >
2454
+ <path
2455
+ 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"
2456
+ />
2457
+ <path
2458
+ 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"
2459
+ />
2460
+ <path
2461
+ 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"
2462
+ />
2463
+ <path
2464
+ 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"
2465
+ />
2466
+ <path
2467
+ 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"
2468
+ />
2469
+ <path
2470
+ 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"
2471
+ />
2472
+ <path
2473
+ 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"
2474
+ />
2475
+ <polygon
2476
+ 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"
2477
+ />
2478
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2479
+ <path
2480
+ 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"
2481
+ />
2482
+ </g>
2483
+ <g transform="translate(0.000000, 0.000000)">
2484
+ <path
2485
+ 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"
2486
+ fill="#0066CC"
2487
+ />
2488
+ <path
2489
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2490
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-masthead)"
2491
+ />
2492
+ <path
2493
+ 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"
2494
+ fill="url(#linearGradient-page-demo-sticky-section-bottom-masthead)"
2495
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2496
+ />
2497
+ </g>
2498
+ </g>
2499
+ </svg>
1986
2500
  </a>
1987
2501
  </div>
1988
2502
  <div class="pf-v5-c-masthead__content">
1989
2503
  <div
1990
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2504
+ class="pf-v5-c-toolbar pf-m-static"
1991
2505
  id="page-demo-sticky-section-bottom-masthead-toolbar"
1992
2506
  >
1993
2507
  <div class="pf-v5-c-toolbar__content">
1994
2508
  <div class="pf-v5-c-toolbar__content-section">
2509
+ <div class="pf-v5-c-toolbar__item">
2510
+ <button
2511
+ class="pf-v5-c-menu-toggle"
2512
+ type="button"
2513
+ aria-expanded="false"
2514
+ >
2515
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
2516
+ <span class="pf-v5-c-menu-toggle__controls">
2517
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2518
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2519
+ </span>
2520
+ </span>
2521
+ </button>
2522
+ </div>
2523
+
2524
+ <div class="pf-v5-c-toolbar__item">
2525
+ <button
2526
+ class="pf-v5-c-menu-toggle"
2527
+ type="button"
2528
+ aria-expanded="false"
2529
+ >
2530
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
2531
+ <span class="pf-v5-c-menu-toggle__controls">
2532
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2533
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2534
+ </span>
2535
+ </span>
2536
+ </button>
2537
+ </div>
2538
+
1995
2539
  <div
1996
- 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"
2540
+ 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"
1997
2541
  >
1998
2542
  <div
1999
2543
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2040,27 +2584,6 @@ wrapperTag: div
2040
2584
  </button>
2041
2585
  </div>
2042
2586
  </div>
2043
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2044
- <button
2045
- class="pf-v5-c-menu-toggle pf-m-full-height"
2046
- type="button"
2047
- aria-expanded="false"
2048
- >
2049
- <span class="pf-v5-c-menu-toggle__icon">
2050
- <img
2051
- class="pf-v5-c-avatar"
2052
- alt="Avatar image"
2053
- src="/assets/images/img_avatar-light.svg"
2054
- />
2055
- </span>
2056
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2057
- <span class="pf-v5-c-menu-toggle__controls">
2058
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2059
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2060
- </span>
2061
- </span>
2062
- </button>
2063
- </div>
2064
2587
  </div>
2065
2588
  </div>
2066
2589
  </div>
@@ -2336,23 +2859,117 @@ wrapperTag: div
2336
2859
  </span>
2337
2860
  <div class="pf-v5-c-masthead__main">
2338
2861
  <a class="pf-v5-c-masthead__brand" href="#">
2339
- <img
2340
- class="pf-v5-c-brand"
2341
- src="/assets/images/pf-logo.svg"
2342
- alt="PatternFly logo"
2343
- style="--pf-v5-c-brand--Height:36px"
2344
- />
2862
+ <svg height="40px" viewBox="0 0 679 158">
2863
+ <title>PF-HorizontalLogo-Color</title>
2864
+ <defs>
2865
+ <linearGradient
2866
+ x1="68%"
2867
+ y1="2.25860997e-13%"
2868
+ x2="32%"
2869
+ y2="100%"
2870
+ id="linearGradient-page-demo-overflow-scroll-masthead"
2871
+ >
2872
+ <stop stop-color="#2B9AF3" offset="0%" />
2873
+ <stop
2874
+ stop-color="#73BCF7"
2875
+ stop-opacity="0.502212631"
2876
+ offset="100%"
2877
+ />
2878
+ </linearGradient>
2879
+ </defs>
2880
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2881
+ <g
2882
+ transform="translate(206.000000, 45.750000)"
2883
+ fill="var(--pf-t--global--text--color--regular)"
2884
+ fill-rule="nonzero"
2885
+ >
2886
+ <path
2887
+ 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"
2888
+ />
2889
+ <path
2890
+ 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"
2891
+ />
2892
+ <path
2893
+ 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"
2894
+ />
2895
+ <path
2896
+ 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"
2897
+ />
2898
+ <path
2899
+ 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"
2900
+ />
2901
+ <path
2902
+ 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"
2903
+ />
2904
+ <path
2905
+ 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"
2906
+ />
2907
+ <polygon
2908
+ 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"
2909
+ />
2910
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2911
+ <path
2912
+ 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"
2913
+ />
2914
+ </g>
2915
+ <g transform="translate(0.000000, 0.000000)">
2916
+ <path
2917
+ 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"
2918
+ fill="#0066CC"
2919
+ />
2920
+ <path
2921
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2922
+ fill="url(#linearGradient-page-demo-overflow-scroll-masthead)"
2923
+ />
2924
+ <path
2925
+ 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"
2926
+ fill="url(#linearGradient-page-demo-overflow-scroll-masthead)"
2927
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2928
+ />
2929
+ </g>
2930
+ </g>
2931
+ </svg>
2345
2932
  </a>
2346
2933
  </div>
2347
2934
  <div class="pf-v5-c-masthead__content">
2348
2935
  <div
2349
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2936
+ class="pf-v5-c-toolbar pf-m-static"
2350
2937
  id="page-demo-overflow-scroll-masthead-toolbar"
2351
2938
  >
2352
2939
  <div class="pf-v5-c-toolbar__content">
2353
2940
  <div class="pf-v5-c-toolbar__content-section">
2941
+ <div class="pf-v5-c-toolbar__item">
2942
+ <button
2943
+ class="pf-v5-c-menu-toggle"
2944
+ type="button"
2945
+ aria-expanded="false"
2946
+ >
2947
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
2948
+ <span class="pf-v5-c-menu-toggle__controls">
2949
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2950
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2951
+ </span>
2952
+ </span>
2953
+ </button>
2954
+ </div>
2955
+
2956
+ <div class="pf-v5-c-toolbar__item">
2957
+ <button
2958
+ class="pf-v5-c-menu-toggle"
2959
+ type="button"
2960
+ aria-expanded="false"
2961
+ >
2962
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
2963
+ <span class="pf-v5-c-menu-toggle__controls">
2964
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2965
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
2966
+ </span>
2967
+ </span>
2968
+ </button>
2969
+ </div>
2970
+
2354
2971
  <div
2355
- 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"
2972
+ 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"
2356
2973
  >
2357
2974
  <div
2358
2975
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2399,27 +3016,6 @@ wrapperTag: div
2399
3016
  </button>
2400
3017
  </div>
2401
3018
  </div>
2402
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2403
- <button
2404
- class="pf-v5-c-menu-toggle pf-m-full-height"
2405
- type="button"
2406
- aria-expanded="false"
2407
- >
2408
- <span class="pf-v5-c-menu-toggle__icon">
2409
- <img
2410
- class="pf-v5-c-avatar"
2411
- alt="Avatar image"
2412
- src="/assets/images/img_avatar-light.svg"
2413
- />
2414
- </span>
2415
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2416
- <span class="pf-v5-c-menu-toggle__controls">
2417
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2418
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2419
- </span>
2420
- </span>
2421
- </button>
2422
- </div>
2423
3019
  </div>
2424
3020
  </div>
2425
3021
  </div>
@@ -2700,23 +3296,117 @@ wrapperTag: div
2700
3296
  </span>
2701
3297
  <div class="pf-v5-c-masthead__main">
2702
3298
  <a class="pf-v5-c-masthead__brand" href="#">
2703
- <img
2704
- class="pf-v5-c-brand"
2705
- src="/assets/images/pf-logo.svg"
2706
- alt="PatternFly logo"
2707
- style="--pf-v5-c-brand--Height:36px"
2708
- />
3299
+ <svg height="40px" viewBox="0 0 679 158">
3300
+ <title>PF-HorizontalLogo-Color</title>
3301
+ <defs>
3302
+ <linearGradient
3303
+ x1="68%"
3304
+ y1="2.25860997e-13%"
3305
+ x2="32%"
3306
+ y2="100%"
3307
+ id="linearGradient-page-demo-centered-section-masthead"
3308
+ >
3309
+ <stop stop-color="#2B9AF3" offset="0%" />
3310
+ <stop
3311
+ stop-color="#73BCF7"
3312
+ stop-opacity="0.502212631"
3313
+ offset="100%"
3314
+ />
3315
+ </linearGradient>
3316
+ </defs>
3317
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3318
+ <g
3319
+ transform="translate(206.000000, 45.750000)"
3320
+ fill="var(--pf-t--global--text--color--regular)"
3321
+ fill-rule="nonzero"
3322
+ >
3323
+ <path
3324
+ 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"
3325
+ />
3326
+ <path
3327
+ 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"
3328
+ />
3329
+ <path
3330
+ 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"
3331
+ />
3332
+ <path
3333
+ 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"
3334
+ />
3335
+ <path
3336
+ 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"
3337
+ />
3338
+ <path
3339
+ 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"
3340
+ />
3341
+ <path
3342
+ 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"
3343
+ />
3344
+ <polygon
3345
+ 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"
3346
+ />
3347
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3348
+ <path
3349
+ 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"
3350
+ />
3351
+ </g>
3352
+ <g transform="translate(0.000000, 0.000000)">
3353
+ <path
3354
+ 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"
3355
+ fill="#0066CC"
3356
+ />
3357
+ <path
3358
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3359
+ fill="url(#linearGradient-page-demo-centered-section-masthead)"
3360
+ />
3361
+ <path
3362
+ 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"
3363
+ fill="url(#linearGradient-page-demo-centered-section-masthead)"
3364
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3365
+ />
3366
+ </g>
3367
+ </g>
3368
+ </svg>
2709
3369
  </a>
2710
3370
  </div>
2711
3371
  <div class="pf-v5-c-masthead__content">
2712
3372
  <div
2713
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3373
+ class="pf-v5-c-toolbar pf-m-static"
2714
3374
  id="page-demo-centered-section-masthead-toolbar"
2715
3375
  >
2716
3376
  <div class="pf-v5-c-toolbar__content">
2717
3377
  <div class="pf-v5-c-toolbar__content-section">
3378
+ <div class="pf-v5-c-toolbar__item">
3379
+ <button
3380
+ class="pf-v5-c-menu-toggle"
3381
+ type="button"
3382
+ aria-expanded="false"
3383
+ >
3384
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
3385
+ <span class="pf-v5-c-menu-toggle__controls">
3386
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3387
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3388
+ </span>
3389
+ </span>
3390
+ </button>
3391
+ </div>
3392
+
3393
+ <div class="pf-v5-c-toolbar__item">
3394
+ <button
3395
+ class="pf-v5-c-menu-toggle"
3396
+ type="button"
3397
+ aria-expanded="false"
3398
+ >
3399
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
3400
+ <span class="pf-v5-c-menu-toggle__controls">
3401
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3402
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3403
+ </span>
3404
+ </span>
3405
+ </button>
3406
+ </div>
3407
+
2718
3408
  <div
2719
- 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"
3409
+ 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"
2720
3410
  >
2721
3411
  <div
2722
3412
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2763,27 +3453,6 @@ wrapperTag: div
2763
3453
  </button>
2764
3454
  </div>
2765
3455
  </div>
2766
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2767
- <button
2768
- class="pf-v5-c-menu-toggle pf-m-full-height"
2769
- type="button"
2770
- aria-expanded="false"
2771
- >
2772
- <span class="pf-v5-c-menu-toggle__icon">
2773
- <img
2774
- class="pf-v5-c-avatar"
2775
- alt="Avatar image"
2776
- src="/assets/images/img_avatar-light.svg"
2777
- />
2778
- </span>
2779
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2780
- <span class="pf-v5-c-menu-toggle__controls">
2781
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2782
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2783
- </span>
2784
- </span>
2785
- </button>
2786
- </div>
2787
3456
  </div>
2788
3457
  </div>
2789
3458
  </div>