@patternfly/patternfly 6.0.0-alpha.9 → 6.0.0-alpha.90

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 (341) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/assets/images/PF-Backdrop.svg +1 -0
  3. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  4. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  5. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  6. package/assets/images/PF-IconLogo-color.svg +17 -0
  7. package/assets/images/PF-IconLogo.svg +17 -0
  8. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  9. package/assets/images/pf-background.svg +22 -0
  10. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  11. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  12. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  13. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  14. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  15. package/assets/images/pf_logo_white.hbs +35 -0
  16. package/assets/images/pf_logo_white.svg +38 -0
  17. package/base/_common.scss +8 -4
  18. package/base/_globals.scss +4 -6
  19. package/base/_variables.scss +2 -7
  20. package/base/patternfly-common.css +8 -4
  21. package/base/patternfly-globals.css +4 -3
  22. package/base/patternfly-variables.css +1005 -856
  23. package/base/tokens/_tokens-charts.scss +159 -0
  24. package/base/tokens/_tokens-dark.scss +319 -290
  25. package/base/tokens/_tokens-default.scss +485 -329
  26. package/base/tokens/_tokens-font.scss +122 -58
  27. package/base/tokens/_tokens-palette.scss +71 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +57 -94
  30. package/components/AboutModalBox/about-modal-box.scss +37 -62
  31. package/components/Accordion/accordion.css +85 -177
  32. package/components/Accordion/accordion.scss +96 -195
  33. package/components/ActionList/action-list.css +18 -17
  34. package/components/ActionList/action-list.scss +26 -16
  35. package/components/Alert/alert-group.css +20 -16
  36. package/components/Alert/alert-group.scss +20 -16
  37. package/components/Alert/alert.css +59 -84
  38. package/components/Alert/alert.scss +62 -78
  39. package/components/Avatar/avatar.css +10 -13
  40. package/components/Avatar/avatar.scss +10 -17
  41. package/components/BackToTop/back-to-top.css +17 -16
  42. package/components/BackToTop/back-to-top.scss +12 -12
  43. package/components/Backdrop/backdrop.css +6 -2
  44. package/components/Backdrop/backdrop.scss +5 -2
  45. package/components/BackgroundImage/background-image.css +5 -1
  46. package/components/BackgroundImage/background-image.scss +5 -1
  47. package/components/Badge/badge.css +23 -15
  48. package/components/Badge/badge.scss +25 -17
  49. package/components/Banner/banner.css +90 -64
  50. package/components/Banner/banner.scss +95 -32
  51. package/components/Breadcrumb/breadcrumb.css +27 -16
  52. package/components/Breadcrumb/breadcrumb.scss +27 -18
  53. package/components/Button/button.css +398 -354
  54. package/components/Button/button.scss +455 -477
  55. package/components/CalendarMonth/calendar-month.css +61 -92
  56. package/components/CalendarMonth/calendar-month.scss +68 -63
  57. package/components/Card/card.css +100 -194
  58. package/components/Card/card.scss +121 -237
  59. package/components/Check/check.css +24 -21
  60. package/components/Check/check.scss +25 -23
  61. package/components/ClipboardCopy/clipboard-copy.css +30 -33
  62. package/components/ClipboardCopy/clipboard-copy.scss +34 -26
  63. package/components/CodeBlock/code-block.css +22 -9
  64. package/components/CodeBlock/code-block.scss +22 -10
  65. package/components/CodeEditor/code-editor.css +94 -72
  66. package/components/CodeEditor/code-editor.scss +104 -82
  67. package/components/Content/content.css +7 -7
  68. package/components/Content/content.scss +7 -7
  69. package/components/DataList/data-list.css +101 -158
  70. package/components/DataList/data-list.scss +95 -154
  71. package/components/DatePicker/date-picker.css +13 -14
  72. package/components/DatePicker/date-picker.scss +12 -16
  73. package/components/DescriptionList/description-list.css +39 -34
  74. package/components/DescriptionList/description-list.scss +25 -25
  75. package/components/Divider/divider.css +91 -169
  76. package/components/Divider/divider.scss +60 -77
  77. package/components/DragDrop/drag-drop.css +18 -14
  78. package/components/DragDrop/drag-drop.scss +18 -17
  79. package/components/Drawer/drawer.css +112 -113
  80. package/components/Drawer/drawer.scss +134 -134
  81. package/components/Dropdown/dropdown.css +1 -3
  82. package/components/Dropdown/dropdown.scss +2 -6
  83. package/components/DualListSelector/dual-list-selector.css +54 -51
  84. package/components/DualListSelector/dual-list-selector.scss +55 -54
  85. package/components/EmptyState/empty-state.css +57 -34
  86. package/components/EmptyState/empty-state.scss +63 -34
  87. package/components/ExpandableSection/expandable-section.css +64 -62
  88. package/components/ExpandableSection/expandable-section.scss +73 -76
  89. package/components/FileUpload/file-upload.css +28 -34
  90. package/components/FileUpload/file-upload.scss +30 -42
  91. package/components/Form/form.css +66 -116
  92. package/components/Form/form.scss +63 -128
  93. package/components/FormControl/form-control.css +86 -111
  94. package/components/FormControl/form-control.scss +88 -92
  95. package/components/HelperText/helper-text.css +28 -34
  96. package/components/HelperText/helper-text.scss +30 -40
  97. package/components/Hint/hint.css +28 -21
  98. package/components/Hint/hint.scss +28 -24
  99. package/components/Icon/icon.css +154 -18
  100. package/components/Icon/icon.scss +187 -20
  101. package/components/InlineEdit/inline-edit.css +8 -7
  102. package/components/InlineEdit/inline-edit.scss +8 -7
  103. package/components/InputGroup/input-group.css +22 -38
  104. package/components/InputGroup/input-group.scss +21 -29
  105. package/components/JumpLinks/jump-links.css +34 -34
  106. package/components/JumpLinks/jump-links.scss +35 -36
  107. package/components/Label/label-group.css +39 -44
  108. package/components/Label/label-group.scss +39 -45
  109. package/components/Label/label.css +378 -355
  110. package/components/Label/label.scss +431 -348
  111. package/components/List/list.css +16 -16
  112. package/components/List/list.scss +17 -17
  113. package/components/Login/login.css +68 -112
  114. package/components/Login/login.scss +54 -82
  115. package/components/Masthead/masthead.css +261 -502
  116. package/components/Masthead/masthead.scss +123 -286
  117. package/components/Menu/menu.css +388 -417
  118. package/components/Menu/menu.scss +370 -525
  119. package/components/MenuToggle/menu-toggle.css +223 -276
  120. package/components/MenuToggle/menu-toggle.scss +322 -390
  121. package/components/ModalBox/modal-box.css +59 -52
  122. package/components/ModalBox/modal-box.scss +57 -53
  123. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  124. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  125. package/components/Nav/nav.css +240 -918
  126. package/components/Nav/nav.scss +300 -1082
  127. package/components/NotificationBadge/notification-badge.css +4 -4
  128. package/components/NotificationBadge/notification-badge.scss +4 -4
  129. package/components/NotificationDrawer/notification-drawer.css +104 -115
  130. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  131. package/components/NumberInput/number-input.css +8 -8
  132. package/components/NumberInput/number-input.scss +7 -12
  133. package/components/OverflowMenu/overflow-menu.css +17 -47
  134. package/components/OverflowMenu/overflow-menu.scss +27 -65
  135. package/components/Page/page.css +56 -164
  136. package/components/Page/page.scss +60 -154
  137. package/components/Pagination/pagination.css +57 -124
  138. package/components/Pagination/pagination.scss +40 -128
  139. package/components/Panel/panel.css +27 -23
  140. package/components/Panel/panel.scss +29 -26
  141. package/components/Popover/popover.css +42 -53
  142. package/components/Popover/popover.scss +46 -55
  143. package/components/Progress/progress.css +31 -45
  144. package/components/Progress/progress.scss +36 -55
  145. package/components/ProgressStepper/progress-stepper.css +72 -69
  146. package/components/ProgressStepper/progress-stepper.scss +65 -65
  147. package/components/Radio/radio.css +27 -20
  148. package/components/Radio/radio.scss +28 -22
  149. package/components/Sidebar/sidebar.css +20 -9
  150. package/components/Sidebar/sidebar.scss +23 -11
  151. package/components/SimpleList/simple-list.css +32 -52
  152. package/components/SimpleList/simple-list.scss +37 -51
  153. package/components/Skeleton/skeleton.css +18 -20
  154. package/components/Skeleton/skeleton.scss +17 -21
  155. package/components/SkipToContent/skip-to-content.css +6 -3
  156. package/components/SkipToContent/skip-to-content.scss +8 -6
  157. package/components/Slider/slider.css +34 -30
  158. package/components/Slider/slider.scss +46 -43
  159. package/components/Spinner/spinner.css +17 -34
  160. package/components/Spinner/spinner.scss +19 -47
  161. package/components/Switch/switch.css +42 -38
  162. package/components/Switch/switch.scss +48 -43
  163. package/components/TabContent/tab-content.css +17 -11
  164. package/components/TabContent/tab-content.scss +18 -14
  165. package/components/Table/table-grid.css +31 -47
  166. package/components/Table/table-grid.scss +42 -55
  167. package/components/Table/table-scrollable.css +6 -6
  168. package/components/Table/table-scrollable.scss +8 -8
  169. package/components/Table/table-tree-view.css +81 -74
  170. package/components/Table/table-tree-view.scss +53 -39
  171. package/components/Table/table.css +159 -264
  172. package/components/Table/table.scss +216 -351
  173. package/components/Tabs/tabs.css +142 -175
  174. package/components/Tabs/tabs.scss +158 -218
  175. package/components/TextInputGroup/text-input-group.css +0 -14
  176. package/components/TextInputGroup/text-input-group.scss +3 -16
  177. package/components/Tile/tile.css +40 -81
  178. package/components/Tile/tile.scss +38 -84
  179. package/components/Timestamp/timestamp.css +12 -9
  180. package/components/Timestamp/timestamp.scss +11 -10
  181. package/components/Title/title.css +70 -19
  182. package/components/Title/title.scss +90 -20
  183. package/components/ToggleGroup/toggle-group.css +54 -48
  184. package/components/ToggleGroup/toggle-group.scss +62 -50
  185. package/components/Toolbar/toolbar.css +2527 -1031
  186. package/components/Toolbar/toolbar.scss +233 -520
  187. package/components/Tooltip/tooltip.css +16 -18
  188. package/components/Tooltip/tooltip.scss +20 -24
  189. package/components/TreeView/tree-view.css +76 -97
  190. package/components/TreeView/tree-view.scss +82 -113
  191. package/components/Truncate/truncate.css +4 -0
  192. package/components/Truncate/truncate.scss +3 -0
  193. package/components/Wizard/wizard.css +122 -205
  194. package/components/Wizard/wizard.scss +121 -181
  195. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  196. package/docs/components/Accordion/examples/Accordion.md +614 -416
  197. package/docs/components/ActionList/examples/ActionList.md +73 -22
  198. package/docs/components/Alert/examples/Alert.md +3 -3
  199. package/docs/components/Avatar/examples/Avatar.md +5 -19
  200. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  201. package/docs/components/Badge/examples/Badge.md +21 -0
  202. package/docs/components/Banner/examples/Banner.md +48 -25
  203. package/docs/components/Brand/examples/Brand.css +12 -0
  204. package/docs/components/Brand/examples/Brand.md +51 -32
  205. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  206. package/docs/components/Button/examples/Button.css +4 -0
  207. package/docs/components/Button/examples/Button.md +1439 -113
  208. package/docs/components/CalendarMonth/examples/CalendarMonth.md +44 -220
  209. package/docs/components/Card/examples/Card.md +550 -133
  210. package/docs/components/Check/examples/Check.md +1 -0
  211. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  212. package/docs/components/CodeEditor/examples/CodeEditor.md +144 -132
  213. package/docs/components/Content/examples/Content.md +5 -5
  214. package/docs/components/DatePicker/examples/DatePicker.md +5 -2
  215. package/docs/components/Divider/examples/Divider.css +3 -1
  216. package/docs/components/Divider/examples/Divider.md +30 -5
  217. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  218. package/docs/components/Drawer/examples/Drawer.md +294 -256
  219. package/docs/components/DualListSelector/examples/DualListSelector.md +18 -18
  220. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  221. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  222. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  223. package/docs/components/Form/examples/Form.md +134 -89
  224. package/docs/components/Icon/examples/Icon.md +82 -11
  225. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  226. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  227. package/docs/components/Label/examples/Label.css +4 -0
  228. package/docs/components/Label/examples/Label.md +3090 -703
  229. package/docs/components/LogViewer/examples/LogViewer.md +100 -80
  230. package/docs/components/Login/examples/Login.md +160 -105
  231. package/docs/components/Masthead/examples/masthead.md +443 -65
  232. package/docs/components/Menu/examples/Menu.css +7 -11
  233. package/docs/components/Menu/examples/Menu.md +213 -486
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +253 -224
  235. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  236. package/docs/components/Nav/examples/Navigation.css +1 -23
  237. package/docs/components/Nav/examples/Navigation.md +69 -243
  238. package/docs/components/Page/examples/Page.css +0 -8
  239. package/docs/components/Page/examples/Page.md +22 -21
  240. package/docs/components/Pagination/examples/Pagination.md +663 -637
  241. package/docs/components/Panel/examples/Panel.md +12 -0
  242. package/docs/components/Popover/examples/Popover.md +1 -1
  243. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  244. package/docs/components/Radio/examples/Radio.md +1 -1
  245. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  246. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  247. package/docs/components/TabContent/examples/TabContent.md +10 -10
  248. package/docs/components/Table/examples/Table.md +8 -8
  249. package/docs/components/Tabs/examples/Tabs.css +1 -1
  250. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  251. package/docs/components/Tile/examples/Tile.md +264 -144
  252. package/docs/components/Title/examples/Title.md +18 -0
  253. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  254. package/docs/components/Toolbar/examples/Toolbar.md +985 -3341
  255. package/docs/components/TreeView/examples/TreeView.md +7 -57
  256. package/docs/components/Truncate/examples/Truncate.css +2 -2
  257. package/docs/components/Wizard/examples/Wizard.md +31 -7
  258. package/docs/demos/AboutModal/examples/AboutModal.md +116 -35
  259. package/docs/demos/Alert/examples/Alert.md +366 -99
  260. package/docs/demos/BackToTop/examples/BackToTop.md +114 -33
  261. package/docs/demos/Banner/examples/Banner.md +235 -68
  262. package/docs/demos/Button/examples/Button.md +1 -1
  263. package/docs/demos/Card/examples/Card.md +2 -2
  264. package/docs/demos/CardView/examples/CardView.md +256 -192
  265. package/docs/demos/ContextSelector/examples/ContextSelector.md +414 -107
  266. package/docs/demos/Dashboard/examples/Dashboard.md +114 -33
  267. package/docs/demos/DataList/examples/DataList.md +1049 -950
  268. package/docs/demos/DescriptionList/examples/DescriptionList.md +342 -99
  269. package/docs/demos/Drawer/examples/Drawer.md +700 -271
  270. package/docs/demos/Form/examples/BasicForms.md +138 -84
  271. package/docs/demos/JumpLinks/examples/JumpLinks.md +989 -409
  272. package/docs/demos/Masthead/examples/Masthead.md +833 -357
  273. package/docs/demos/Modal/examples/Modal.md +717 -222
  274. package/docs/demos/Nav/examples/Nav.md +763 -926
  275. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +575 -165
  276. package/docs/demos/Page/examples/Page.md +1050 -309
  277. package/docs/demos/Page/examples/Penta.md +73 -31
  278. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +20 -16
  279. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  280. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1276 -861
  281. package/docs/demos/Skeleton/examples/Skeleton.md +114 -33
  282. package/docs/demos/Table/examples/Table.md +4002 -3503
  283. package/docs/demos/Tabs/examples/Tabs.md +711 -219
  284. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  285. package/docs/demos/Toolbar/examples/Toolbar.md +1350 -1480
  286. package/docs/demos/Wizard/examples/Wizard.md +1134 -315
  287. package/docs/layouts/Flex/examples/Flex.md +11 -11
  288. package/package.json +32 -32
  289. package/patternfly-base-no-globals-theme-dark-unversioned.css +1021 -868
  290. package/patternfly-base-no-globals.css +1021 -868
  291. package/patternfly-base-theme-dark-unversioned.css +1027 -873
  292. package/patternfly-base.css +1027 -873
  293. package/patternfly-no-globals.css +9048 -8979
  294. package/patternfly-theme-dark-unversioned.css +9051 -8981
  295. package/patternfly.css +9051 -8981
  296. package/patternfly.min.css +1 -1
  297. package/patternfly.min.css.map +1 -1
  298. package/sass-utilities/mixins.scss +18 -0
  299. package/base/themes/dark/_variables.scss +0 -102
  300. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  301. package/components/Accordion/themes/dark/accordion.scss +0 -9
  302. package/components/Alert/themes/dark/alert.scss +0 -17
  303. package/components/Badge/themes/dark/badge.scss +0 -9
  304. package/components/Banner/themes/dark/banner.scss +0 -14
  305. package/components/Button/themes/dark/button.scss +0 -51
  306. package/components/CalendarMonth/themes/dark/calendar-month.scss +0 -37
  307. package/components/Card/themes/dark/card.scss +0 -20
  308. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  309. package/components/CodeEditor/themes/dark/code-editor.scss +0 -14
  310. package/components/DataList/themes/dark/data-list.scss +0 -10
  311. package/components/DatePicker/themes/dark/date-picker.scss +0 -8
  312. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  313. package/components/Drawer/themes/dark/drawer.scss +0 -13
  314. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
  315. package/components/Form/themes/dark/form.scss +0 -7
  316. package/components/FormControl/themes/dark/form-control.scss +0 -24
  317. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  318. package/components/Hint/themes/dark/hint.scss +0 -8
  319. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  320. package/components/Label/themes/dark/label.scss +0 -53
  321. package/components/Login/themes/dark/login.scss +0 -12
  322. package/components/Masthead/themes/dark/masthead.scss +0 -14
  323. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  324. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  325. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  326. package/components/Page/themes/dark/page.scss +0 -69
  327. package/components/Pagination/themes/dark/pagination.scss +0 -7
  328. package/components/Panel/themes/dark/panel.scss +0 -7
  329. package/components/Popover/themes/dark/popover.scss +0 -11
  330. package/components/Progress/themes/dark/progress.scss +0 -9
  331. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  332. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  333. package/components/Switch/themes/dark/switch.scss +0 -11
  334. package/components/Tabs/themes/dark/tabs.scss +0 -10
  335. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
  336. package/components/Tile/themes/dark/tile.scss +0 -10
  337. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  338. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  339. package/components/TreeView/themes/dark/tree-view.scss +0 -8
  340. package/components/Wizard/themes/dark/wizard.scss +0 -12
  341. package/docs/components/Avatar/examples/Avatar.css +0 -3
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -25,23 +25,117 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <img
29
- class="pf-v5-c-brand"
30
- src="/assets/images/pf-logo.svg"
31
- alt="PatternFly logo"
32
- style="--pf-v5-c-brand--Height:36px"
33
- />
28
+ <svg height="40px" viewBox="0 0 679 158">
29
+ <title>PF-HorizontalLogo-Color</title>
30
+ <defs>
31
+ <linearGradient
32
+ x1="68%"
33
+ y1="2.25860997e-13%"
34
+ x2="32%"
35
+ y2="100%"
36
+ id="linearGradient-drawer-collapsed-example-page-masthead"
37
+ >
38
+ <stop stop-color="#2B9AF3" offset="0%" />
39
+ <stop
40
+ stop-color="#73BCF7"
41
+ stop-opacity="0.502212631"
42
+ offset="100%"
43
+ />
44
+ </linearGradient>
45
+ </defs>
46
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
47
+ <g
48
+ transform="translate(206.000000, 45.750000)"
49
+ fill="var(--pf-t--global--text--color--regular)"
50
+ fill-rule="nonzero"
51
+ >
52
+ <path
53
+ 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"
54
+ />
55
+ <path
56
+ 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"
57
+ />
58
+ <path
59
+ 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"
60
+ />
61
+ <path
62
+ 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"
63
+ />
64
+ <path
65
+ 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"
66
+ />
67
+ <path
68
+ 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"
69
+ />
70
+ <path
71
+ 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"
72
+ />
73
+ <polygon
74
+ 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"
75
+ />
76
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
77
+ <path
78
+ 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"
79
+ />
80
+ </g>
81
+ <g transform="translate(0.000000, 0.000000)">
82
+ <path
83
+ 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"
84
+ fill="#0066CC"
85
+ />
86
+ <path
87
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
88
+ fill="url(#linearGradient-drawer-collapsed-example-page-masthead)"
89
+ />
90
+ <path
91
+ 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"
92
+ fill="url(#linearGradient-drawer-collapsed-example-page-masthead)"
93
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
94
+ />
95
+ </g>
96
+ </g>
97
+ </svg>
34
98
  </a>
35
99
  </div>
36
100
  <div class="pf-v5-c-masthead__content">
37
101
  <div
38
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
102
+ class="pf-v5-c-toolbar pf-m-static"
39
103
  id="drawer-collapsed-example-page-masthead-toolbar"
40
104
  >
41
105
  <div class="pf-v5-c-toolbar__content">
42
106
  <div class="pf-v5-c-toolbar__content-section">
107
+ <div class="pf-v5-c-toolbar__item">
108
+ <button
109
+ class="pf-v5-c-menu-toggle"
110
+ type="button"
111
+ aria-expanded="false"
112
+ >
113
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
114
+ <span class="pf-v5-c-menu-toggle__controls">
115
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
116
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
117
+ </span>
118
+ </span>
119
+ </button>
120
+ </div>
121
+
122
+ <div class="pf-v5-c-toolbar__item">
123
+ <button
124
+ class="pf-v5-c-menu-toggle"
125
+ type="button"
126
+ aria-expanded="false"
127
+ >
128
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
129
+ <span class="pf-v5-c-menu-toggle__controls">
130
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
131
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
132
+ </span>
133
+ </span>
134
+ </button>
135
+ </div>
136
+
43
137
  <div
44
- 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"
138
+ 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"
45
139
  >
46
140
  <div class="pf-v5-c-toolbar__item">
47
141
  <button
@@ -64,7 +158,9 @@ section: components
64
158
  aria-expanded="false"
65
159
  aria-label="Application launcher"
66
160
  >
67
- <i class="fas fa-th" aria-hidden="true"></i>
161
+ <span class="pf-v5-c-menu-toggle__icon">
162
+ <i class="fas fa-th" aria-hidden="true"></i>
163
+ </span>
68
164
  </button>
69
165
  </div>
70
166
  <div class="pf-v5-c-toolbar__item">
@@ -74,7 +170,9 @@ section: components
74
170
  aria-expanded="false"
75
171
  aria-label="Settings"
76
172
  >
77
- <i class="fas fa-cog" aria-hidden="true"></i>
173
+ <span class="pf-v5-c-menu-toggle__icon">
174
+ <i class="fas fa-cog" aria-hidden="true"></i>
175
+ </span>
78
176
  </button>
79
177
  </div>
80
178
  <div class="pf-v5-c-toolbar__item">
@@ -84,7 +182,9 @@ section: components
84
182
  aria-expanded="false"
85
183
  aria-label="Help"
86
184
  >
87
- <i class="fas fa-question-circle" aria-hidden="true"></i>
185
+ <span class="pf-v5-c-menu-toggle__icon">
186
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
187
+ </span>
88
188
  </button>
89
189
  </div>
90
190
  </div>
@@ -95,31 +195,12 @@ section: components
95
195
  aria-expanded="false"
96
196
  aria-label="Actions"
97
197
  >
98
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
198
+ <span class="pf-v5-c-menu-toggle__icon">
199
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ </span>
99
201
  </button>
100
202
  </div>
101
203
  </div>
102
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
103
- <button
104
- class="pf-v5-c-menu-toggle pf-m-full-height"
105
- type="button"
106
- aria-expanded="false"
107
- >
108
- <span class="pf-v5-c-menu-toggle__icon">
109
- <img
110
- class="pf-v5-c-avatar"
111
- alt="Avatar image"
112
- src="/assets/images/img_avatar-light.svg"
113
- />
114
- </span>
115
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
116
- <span class="pf-v5-c-menu-toggle__controls">
117
- <span class="pf-v5-c-menu-toggle__toggle-icon">
118
- <i class="fas fa-angle-down" aria-hidden="true"></i>
119
- </span>
120
- </span>
121
- </button>
122
- </div>
123
204
  </div>
124
205
  </div>
125
206
  </div>
@@ -162,6 +243,7 @@ section: components
162
243
  <div class="pf-v5-c-drawer__content">
163
244
  <div class="pf-v5-c-drawer__body">
164
245
  <main class="pf-v5-c-page__main" tabindex="-1">
246
+ // TODO should this be a page-main-list so there is not a duplicate main tag?
165
247
  <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
166
248
  <div class="pf-v5-c-page__main-body">
167
249
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -948,23 +1030,117 @@ section: components
948
1030
  </span>
949
1031
  <div class="pf-v5-c-masthead__main">
950
1032
  <a class="pf-v5-c-masthead__brand" href="#">
951
- <img
952
- class="pf-v5-c-brand"
953
- src="/assets/images/pf-logo.svg"
954
- alt="PatternFly logo"
955
- style="--pf-v5-c-brand--Height:36px"
956
- />
1033
+ <svg height="40px" viewBox="0 0 679 158">
1034
+ <title>PF-HorizontalLogo-Color</title>
1035
+ <defs>
1036
+ <linearGradient
1037
+ x1="68%"
1038
+ y1="2.25860997e-13%"
1039
+ x2="32%"
1040
+ y2="100%"
1041
+ id="linearGradient-drawer-expanded-read-example-page-masthead"
1042
+ >
1043
+ <stop stop-color="#2B9AF3" offset="0%" />
1044
+ <stop
1045
+ stop-color="#73BCF7"
1046
+ stop-opacity="0.502212631"
1047
+ offset="100%"
1048
+ />
1049
+ </linearGradient>
1050
+ </defs>
1051
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1052
+ <g
1053
+ transform="translate(206.000000, 45.750000)"
1054
+ fill="var(--pf-t--global--text--color--regular)"
1055
+ fill-rule="nonzero"
1056
+ >
1057
+ <path
1058
+ 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"
1059
+ />
1060
+ <path
1061
+ 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"
1062
+ />
1063
+ <path
1064
+ 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"
1065
+ />
1066
+ <path
1067
+ 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"
1068
+ />
1069
+ <path
1070
+ 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"
1071
+ />
1072
+ <path
1073
+ 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"
1074
+ />
1075
+ <path
1076
+ 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"
1077
+ />
1078
+ <polygon
1079
+ 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"
1080
+ />
1081
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1082
+ <path
1083
+ 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"
1084
+ />
1085
+ </g>
1086
+ <g transform="translate(0.000000, 0.000000)">
1087
+ <path
1088
+ 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"
1089
+ fill="#0066CC"
1090
+ />
1091
+ <path
1092
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1093
+ fill="url(#linearGradient-drawer-expanded-read-example-page-masthead)"
1094
+ />
1095
+ <path
1096
+ 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"
1097
+ fill="url(#linearGradient-drawer-expanded-read-example-page-masthead)"
1098
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1099
+ />
1100
+ </g>
1101
+ </g>
1102
+ </svg>
957
1103
  </a>
958
1104
  </div>
959
1105
  <div class="pf-v5-c-masthead__content">
960
1106
  <div
961
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1107
+ class="pf-v5-c-toolbar pf-m-static"
962
1108
  id="drawer-expanded-read-example-page-masthead-toolbar"
963
1109
  >
964
1110
  <div class="pf-v5-c-toolbar__content">
965
1111
  <div class="pf-v5-c-toolbar__content-section">
1112
+ <div class="pf-v5-c-toolbar__item">
1113
+ <button
1114
+ class="pf-v5-c-menu-toggle"
1115
+ type="button"
1116
+ aria-expanded="false"
1117
+ >
1118
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1119
+ <span class="pf-v5-c-menu-toggle__controls">
1120
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1121
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1122
+ </span>
1123
+ </span>
1124
+ </button>
1125
+ </div>
1126
+
1127
+ <div class="pf-v5-c-toolbar__item">
1128
+ <button
1129
+ class="pf-v5-c-menu-toggle"
1130
+ type="button"
1131
+ aria-expanded="false"
1132
+ >
1133
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1134
+ <span class="pf-v5-c-menu-toggle__controls">
1135
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1136
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1137
+ </span>
1138
+ </span>
1139
+ </button>
1140
+ </div>
1141
+
966
1142
  <div
967
- 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"
1143
+ 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"
968
1144
  >
969
1145
  <div class="pf-v5-c-toolbar__item">
970
1146
  <button
@@ -990,7 +1166,9 @@ section: components
990
1166
  aria-expanded="false"
991
1167
  aria-label="Application launcher"
992
1168
  >
993
- <i class="fas fa-th" aria-hidden="true"></i>
1169
+ <span class="pf-v5-c-menu-toggle__icon">
1170
+ <i class="fas fa-th" aria-hidden="true"></i>
1171
+ </span>
994
1172
  </button>
995
1173
  </div>
996
1174
  <div class="pf-v5-c-toolbar__item">
@@ -1000,7 +1178,9 @@ section: components
1000
1178
  aria-expanded="false"
1001
1179
  aria-label="Settings"
1002
1180
  >
1003
- <i class="fas fa-cog" aria-hidden="true"></i>
1181
+ <span class="pf-v5-c-menu-toggle__icon">
1182
+ <i class="fas fa-cog" aria-hidden="true"></i>
1183
+ </span>
1004
1184
  </button>
1005
1185
  </div>
1006
1186
  <div class="pf-v5-c-toolbar__item">
@@ -1010,7 +1190,9 @@ section: components
1010
1190
  aria-expanded="false"
1011
1191
  aria-label="Help"
1012
1192
  >
1013
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1193
+ <span class="pf-v5-c-menu-toggle__icon">
1194
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
1195
+ </span>
1014
1196
  </button>
1015
1197
  </div>
1016
1198
  </div>
@@ -1021,31 +1203,12 @@ section: components
1021
1203
  aria-expanded="false"
1022
1204
  aria-label="Actions"
1023
1205
  >
1024
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1206
+ <span class="pf-v5-c-menu-toggle__icon">
1207
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1208
+ </span>
1025
1209
  </button>
1026
1210
  </div>
1027
1211
  </div>
1028
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1029
- <button
1030
- class="pf-v5-c-menu-toggle pf-m-full-height"
1031
- type="button"
1032
- aria-expanded="false"
1033
- >
1034
- <span class="pf-v5-c-menu-toggle__icon">
1035
- <img
1036
- class="pf-v5-c-avatar"
1037
- alt="Avatar image"
1038
- src="/assets/images/img_avatar-light.svg"
1039
- />
1040
- </span>
1041
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1042
- <span class="pf-v5-c-menu-toggle__controls">
1043
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1044
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1045
- </span>
1046
- </span>
1047
- </button>
1048
- </div>
1049
1212
  </div>
1050
1213
  </div>
1051
1214
  </div>
@@ -1088,6 +1251,7 @@ section: components
1088
1251
  <div class="pf-v5-c-drawer__content">
1089
1252
  <div class="pf-v5-c-drawer__body">
1090
1253
  <main class="pf-v5-c-page__main" tabindex="-1">
1254
+ // TODO should this be a page-main-list so there is not a duplicate main tag?
1091
1255
  <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
1092
1256
  <div class="pf-v5-c-page__main-body">
1093
1257
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -1874,23 +2038,117 @@ section: components
1874
2038
  </span>
1875
2039
  <div class="pf-v5-c-masthead__main">
1876
2040
  <a class="pf-v5-c-masthead__brand" href="#">
1877
- <img
1878
- class="pf-v5-c-brand"
1879
- src="/assets/images/pf-logo.svg"
1880
- alt="PatternFly logo"
1881
- style="--pf-v5-c-brand--Height:36px"
1882
- />
2041
+ <svg height="40px" viewBox="0 0 679 158">
2042
+ <title>PF-HorizontalLogo-Color</title>
2043
+ <defs>
2044
+ <linearGradient
2045
+ x1="68%"
2046
+ y1="2.25860997e-13%"
2047
+ x2="32%"
2048
+ y2="100%"
2049
+ id="linearGradient-drawer-expanded-unread-example-page-masthead"
2050
+ >
2051
+ <stop stop-color="#2B9AF3" offset="0%" />
2052
+ <stop
2053
+ stop-color="#73BCF7"
2054
+ stop-opacity="0.502212631"
2055
+ offset="100%"
2056
+ />
2057
+ </linearGradient>
2058
+ </defs>
2059
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
2060
+ <g
2061
+ transform="translate(206.000000, 45.750000)"
2062
+ fill="var(--pf-t--global--text--color--regular)"
2063
+ fill-rule="nonzero"
2064
+ >
2065
+ <path
2066
+ 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"
2067
+ />
2068
+ <path
2069
+ 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"
2070
+ />
2071
+ <path
2072
+ 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"
2073
+ />
2074
+ <path
2075
+ 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"
2076
+ />
2077
+ <path
2078
+ 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"
2079
+ />
2080
+ <path
2081
+ 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"
2082
+ />
2083
+ <path
2084
+ 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"
2085
+ />
2086
+ <polygon
2087
+ 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"
2088
+ />
2089
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2090
+ <path
2091
+ 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"
2092
+ />
2093
+ </g>
2094
+ <g transform="translate(0.000000, 0.000000)">
2095
+ <path
2096
+ 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"
2097
+ fill="#0066CC"
2098
+ />
2099
+ <path
2100
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2101
+ fill="url(#linearGradient-drawer-expanded-unread-example-page-masthead)"
2102
+ />
2103
+ <path
2104
+ 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"
2105
+ fill="url(#linearGradient-drawer-expanded-unread-example-page-masthead)"
2106
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2107
+ />
2108
+ </g>
2109
+ </g>
2110
+ </svg>
1883
2111
  </a>
1884
2112
  </div>
1885
2113
  <div class="pf-v5-c-masthead__content">
1886
2114
  <div
1887
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
2115
+ class="pf-v5-c-toolbar pf-m-static"
1888
2116
  id="drawer-expanded-unread-example-page-masthead-toolbar"
1889
2117
  >
1890
2118
  <div class="pf-v5-c-toolbar__content">
1891
2119
  <div class="pf-v5-c-toolbar__content-section">
2120
+ <div class="pf-v5-c-toolbar__item">
2121
+ <button
2122
+ class="pf-v5-c-menu-toggle"
2123
+ type="button"
2124
+ aria-expanded="false"
2125
+ >
2126
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
2127
+ <span class="pf-v5-c-menu-toggle__controls">
2128
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2129
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2130
+ </span>
2131
+ </span>
2132
+ </button>
2133
+ </div>
2134
+
2135
+ <div class="pf-v5-c-toolbar__item">
2136
+ <button
2137
+ class="pf-v5-c-menu-toggle"
2138
+ type="button"
2139
+ aria-expanded="false"
2140
+ >
2141
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
2142
+ <span class="pf-v5-c-menu-toggle__controls">
2143
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2144
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
2145
+ </span>
2146
+ </span>
2147
+ </button>
2148
+ </div>
2149
+
1892
2150
  <div
1893
- 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"
2151
+ 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"
1894
2152
  >
1895
2153
  <div class="pf-v5-c-toolbar__item">
1896
2154
  <button
@@ -1916,7 +2174,9 @@ section: components
1916
2174
  aria-expanded="false"
1917
2175
  aria-label="Application launcher"
1918
2176
  >
1919
- <i class="fas fa-th" aria-hidden="true"></i>
2177
+ <span class="pf-v5-c-menu-toggle__icon">
2178
+ <i class="fas fa-th" aria-hidden="true"></i>
2179
+ </span>
1920
2180
  </button>
1921
2181
  </div>
1922
2182
  <div class="pf-v5-c-toolbar__item">
@@ -1926,7 +2186,9 @@ section: components
1926
2186
  aria-expanded="false"
1927
2187
  aria-label="Settings"
1928
2188
  >
1929
- <i class="fas fa-cog" aria-hidden="true"></i>
2189
+ <span class="pf-v5-c-menu-toggle__icon">
2190
+ <i class="fas fa-cog" aria-hidden="true"></i>
2191
+ </span>
1930
2192
  </button>
1931
2193
  </div>
1932
2194
  <div class="pf-v5-c-toolbar__item">
@@ -1936,7 +2198,9 @@ section: components
1936
2198
  aria-expanded="false"
1937
2199
  aria-label="Help"
1938
2200
  >
1939
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2201
+ <span class="pf-v5-c-menu-toggle__icon">
2202
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
2203
+ </span>
1940
2204
  </button>
1941
2205
  </div>
1942
2206
  </div>
@@ -1947,31 +2211,12 @@ section: components
1947
2211
  aria-expanded="false"
1948
2212
  aria-label="Actions"
1949
2213
  >
1950
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2214
+ <span class="pf-v5-c-menu-toggle__icon">
2215
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2216
+ </span>
1951
2217
  </button>
1952
2218
  </div>
1953
2219
  </div>
1954
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1955
- <button
1956
- class="pf-v5-c-menu-toggle pf-m-full-height"
1957
- type="button"
1958
- aria-expanded="false"
1959
- >
1960
- <span class="pf-v5-c-menu-toggle__icon">
1961
- <img
1962
- class="pf-v5-c-avatar"
1963
- alt="Avatar image"
1964
- src="/assets/images/img_avatar-light.svg"
1965
- />
1966
- </span>
1967
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1968
- <span class="pf-v5-c-menu-toggle__controls">
1969
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1970
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1971
- </span>
1972
- </span>
1973
- </button>
1974
- </div>
1975
2220
  </div>
1976
2221
  </div>
1977
2222
  </div>
@@ -2014,6 +2259,7 @@ section: components
2014
2259
  <div class="pf-v5-c-drawer__content">
2015
2260
  <div class="pf-v5-c-drawer__body">
2016
2261
  <main class="pf-v5-c-page__main" tabindex="-1">
2262
+ // TODO should this be a page-main-list so there is not a duplicate main tag?
2017
2263
  <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
2018
2264
  <div class="pf-v5-c-page__main-body">
2019
2265
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -2803,23 +3049,117 @@ section: components
2803
3049
  </span>
2804
3050
  <div class="pf-v5-c-masthead__main">
2805
3051
  <a class="pf-v5-c-masthead__brand" href="#">
2806
- <img
2807
- class="pf-v5-c-brand"
2808
- src="/assets/images/pf-logo.svg"
2809
- alt="PatternFly logo"
2810
- style="--pf-v5-c-brand--Height:36px"
2811
- />
3052
+ <svg height="40px" viewBox="0 0 679 158">
3053
+ <title>PF-HorizontalLogo-Color</title>
3054
+ <defs>
3055
+ <linearGradient
3056
+ x1="68%"
3057
+ y1="2.25860997e-13%"
3058
+ x2="32%"
3059
+ y2="100%"
3060
+ id="linearGradient-drawer-expanded-attention-example-page-masthead"
3061
+ >
3062
+ <stop stop-color="#2B9AF3" offset="0%" />
3063
+ <stop
3064
+ stop-color="#73BCF7"
3065
+ stop-opacity="0.502212631"
3066
+ offset="100%"
3067
+ />
3068
+ </linearGradient>
3069
+ </defs>
3070
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3071
+ <g
3072
+ transform="translate(206.000000, 45.750000)"
3073
+ fill="var(--pf-t--global--text--color--regular)"
3074
+ fill-rule="nonzero"
3075
+ >
3076
+ <path
3077
+ 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"
3078
+ />
3079
+ <path
3080
+ 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"
3081
+ />
3082
+ <path
3083
+ 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"
3084
+ />
3085
+ <path
3086
+ 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"
3087
+ />
3088
+ <path
3089
+ 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"
3090
+ />
3091
+ <path
3092
+ 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"
3093
+ />
3094
+ <path
3095
+ 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"
3096
+ />
3097
+ <polygon
3098
+ 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"
3099
+ />
3100
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3101
+ <path
3102
+ 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"
3103
+ />
3104
+ </g>
3105
+ <g transform="translate(0.000000, 0.000000)">
3106
+ <path
3107
+ 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"
3108
+ fill="#0066CC"
3109
+ />
3110
+ <path
3111
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3112
+ fill="url(#linearGradient-drawer-expanded-attention-example-page-masthead)"
3113
+ />
3114
+ <path
3115
+ 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"
3116
+ fill="url(#linearGradient-drawer-expanded-attention-example-page-masthead)"
3117
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3118
+ />
3119
+ </g>
3120
+ </g>
3121
+ </svg>
2812
3122
  </a>
2813
3123
  </div>
2814
3124
  <div class="pf-v5-c-masthead__content">
2815
3125
  <div
2816
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3126
+ class="pf-v5-c-toolbar pf-m-static"
2817
3127
  id="drawer-expanded-attention-example-page-masthead-toolbar"
2818
3128
  >
2819
3129
  <div class="pf-v5-c-toolbar__content">
2820
3130
  <div class="pf-v5-c-toolbar__content-section">
3131
+ <div class="pf-v5-c-toolbar__item">
3132
+ <button
3133
+ class="pf-v5-c-menu-toggle"
3134
+ type="button"
3135
+ aria-expanded="false"
3136
+ >
3137
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
3138
+ <span class="pf-v5-c-menu-toggle__controls">
3139
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3140
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3141
+ </span>
3142
+ </span>
3143
+ </button>
3144
+ </div>
3145
+
3146
+ <div class="pf-v5-c-toolbar__item">
3147
+ <button
3148
+ class="pf-v5-c-menu-toggle"
3149
+ type="button"
3150
+ aria-expanded="false"
3151
+ >
3152
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
3153
+ <span class="pf-v5-c-menu-toggle__controls">
3154
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3155
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
3156
+ </span>
3157
+ </span>
3158
+ </button>
3159
+ </div>
3160
+
2821
3161
  <div
2822
- 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"
3162
+ 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"
2823
3163
  >
2824
3164
  <div class="pf-v5-c-toolbar__item">
2825
3165
  <button
@@ -2845,7 +3185,9 @@ section: components
2845
3185
  aria-expanded="false"
2846
3186
  aria-label="Application launcher"
2847
3187
  >
2848
- <i class="fas fa-th" aria-hidden="true"></i>
3188
+ <span class="pf-v5-c-menu-toggle__icon">
3189
+ <i class="fas fa-th" aria-hidden="true"></i>
3190
+ </span>
2849
3191
  </button>
2850
3192
  </div>
2851
3193
  <div class="pf-v5-c-toolbar__item">
@@ -2855,7 +3197,9 @@ section: components
2855
3197
  aria-expanded="false"
2856
3198
  aria-label="Settings"
2857
3199
  >
2858
- <i class="fas fa-cog" aria-hidden="true"></i>
3200
+ <span class="pf-v5-c-menu-toggle__icon">
3201
+ <i class="fas fa-cog" aria-hidden="true"></i>
3202
+ </span>
2859
3203
  </button>
2860
3204
  </div>
2861
3205
  <div class="pf-v5-c-toolbar__item">
@@ -2865,7 +3209,9 @@ section: components
2865
3209
  aria-expanded="false"
2866
3210
  aria-label="Help"
2867
3211
  >
2868
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3212
+ <span class="pf-v5-c-menu-toggle__icon">
3213
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
3214
+ </span>
2869
3215
  </button>
2870
3216
  </div>
2871
3217
  </div>
@@ -2876,31 +3222,12 @@ section: components
2876
3222
  aria-expanded="false"
2877
3223
  aria-label="Actions"
2878
3224
  >
2879
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3225
+ <span class="pf-v5-c-menu-toggle__icon">
3226
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3227
+ </span>
2880
3228
  </button>
2881
3229
  </div>
2882
3230
  </div>
2883
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2884
- <button
2885
- class="pf-v5-c-menu-toggle pf-m-full-height"
2886
- type="button"
2887
- aria-expanded="false"
2888
- >
2889
- <span class="pf-v5-c-menu-toggle__icon">
2890
- <img
2891
- class="pf-v5-c-avatar"
2892
- alt="Avatar image"
2893
- src="/assets/images/img_avatar-light.svg"
2894
- />
2895
- </span>
2896
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
2897
- <span class="pf-v5-c-menu-toggle__controls">
2898
- <span class="pf-v5-c-menu-toggle__toggle-icon">
2899
- <i class="fas fa-angle-down" aria-hidden="true"></i>
2900
- </span>
2901
- </span>
2902
- </button>
2903
- </div>
2904
3231
  </div>
2905
3232
  </div>
2906
3233
  </div>
@@ -2943,6 +3270,7 @@ section: components
2943
3270
  <div class="pf-v5-c-drawer__content">
2944
3271
  <div class="pf-v5-c-drawer__body">
2945
3272
  <main class="pf-v5-c-page__main" tabindex="-1">
3273
+ // TODO should this be a page-main-list so there is not a duplicate main tag?
2946
3274
  <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
2947
3275
  <div class="pf-v5-c-page__main-body">
2948
3276
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -3731,23 +4059,117 @@ section: components
3731
4059
  </span>
3732
4060
  <div class="pf-v5-c-masthead__main">
3733
4061
  <a class="pf-v5-c-masthead__brand" href="#">
3734
- <img
3735
- class="pf-v5-c-brand"
3736
- src="/assets/images/pf-logo.svg"
3737
- alt="PatternFly logo"
3738
- style="--pf-v5-c-brand--Height:36px"
3739
- />
4062
+ <svg height="40px" viewBox="0 0 679 158">
4063
+ <title>PF-HorizontalLogo-Color</title>
4064
+ <defs>
4065
+ <linearGradient
4066
+ x1="68%"
4067
+ y1="2.25860997e-13%"
4068
+ x2="32%"
4069
+ y2="100%"
4070
+ id="linearGradient-drawer-expanded-with-groups-example-page-masthead"
4071
+ >
4072
+ <stop stop-color="#2B9AF3" offset="0%" />
4073
+ <stop
4074
+ stop-color="#73BCF7"
4075
+ stop-opacity="0.502212631"
4076
+ offset="100%"
4077
+ />
4078
+ </linearGradient>
4079
+ </defs>
4080
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
4081
+ <g
4082
+ transform="translate(206.000000, 45.750000)"
4083
+ fill="var(--pf-t--global--text--color--regular)"
4084
+ fill-rule="nonzero"
4085
+ >
4086
+ <path
4087
+ 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"
4088
+ />
4089
+ <path
4090
+ 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"
4091
+ />
4092
+ <path
4093
+ 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"
4094
+ />
4095
+ <path
4096
+ 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"
4097
+ />
4098
+ <path
4099
+ 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"
4100
+ />
4101
+ <path
4102
+ 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"
4103
+ />
4104
+ <path
4105
+ 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"
4106
+ />
4107
+ <polygon
4108
+ 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"
4109
+ />
4110
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
4111
+ <path
4112
+ 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"
4113
+ />
4114
+ </g>
4115
+ <g transform="translate(0.000000, 0.000000)">
4116
+ <path
4117
+ 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"
4118
+ fill="#0066CC"
4119
+ />
4120
+ <path
4121
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
4122
+ fill="url(#linearGradient-drawer-expanded-with-groups-example-page-masthead)"
4123
+ />
4124
+ <path
4125
+ 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"
4126
+ fill="url(#linearGradient-drawer-expanded-with-groups-example-page-masthead)"
4127
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
4128
+ />
4129
+ </g>
4130
+ </g>
4131
+ </svg>
3740
4132
  </a>
3741
4133
  </div>
3742
4134
  <div class="pf-v5-c-masthead__content">
3743
4135
  <div
3744
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
4136
+ class="pf-v5-c-toolbar pf-m-static"
3745
4137
  id="drawer-expanded-with-groups-example-page-masthead-toolbar"
3746
4138
  >
3747
4139
  <div class="pf-v5-c-toolbar__content">
3748
4140
  <div class="pf-v5-c-toolbar__content-section">
4141
+ <div class="pf-v5-c-toolbar__item">
4142
+ <button
4143
+ class="pf-v5-c-menu-toggle"
4144
+ type="button"
4145
+ aria-expanded="false"
4146
+ >
4147
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
4148
+ <span class="pf-v5-c-menu-toggle__controls">
4149
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
4150
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4151
+ </span>
4152
+ </span>
4153
+ </button>
4154
+ </div>
4155
+
4156
+ <div class="pf-v5-c-toolbar__item">
4157
+ <button
4158
+ class="pf-v5-c-menu-toggle"
4159
+ type="button"
4160
+ aria-expanded="false"
4161
+ >
4162
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
4163
+ <span class="pf-v5-c-menu-toggle__controls">
4164
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
4165
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4166
+ </span>
4167
+ </span>
4168
+ </button>
4169
+ </div>
4170
+
3749
4171
  <div
3750
- 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"
4172
+ 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"
3751
4173
  >
3752
4174
  <div class="pf-v5-c-toolbar__item">
3753
4175
  <button
@@ -3773,7 +4195,9 @@ section: components
3773
4195
  aria-expanded="false"
3774
4196
  aria-label="Application launcher"
3775
4197
  >
3776
- <i class="fas fa-th" aria-hidden="true"></i>
4198
+ <span class="pf-v5-c-menu-toggle__icon">
4199
+ <i class="fas fa-th" aria-hidden="true"></i>
4200
+ </span>
3777
4201
  </button>
3778
4202
  </div>
3779
4203
  <div class="pf-v5-c-toolbar__item">
@@ -3783,7 +4207,9 @@ section: components
3783
4207
  aria-expanded="false"
3784
4208
  aria-label="Settings"
3785
4209
  >
3786
- <i class="fas fa-cog" aria-hidden="true"></i>
4210
+ <span class="pf-v5-c-menu-toggle__icon">
4211
+ <i class="fas fa-cog" aria-hidden="true"></i>
4212
+ </span>
3787
4213
  </button>
3788
4214
  </div>
3789
4215
  <div class="pf-v5-c-toolbar__item">
@@ -3793,7 +4219,9 @@ section: components
3793
4219
  aria-expanded="false"
3794
4220
  aria-label="Help"
3795
4221
  >
3796
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4222
+ <span class="pf-v5-c-menu-toggle__icon">
4223
+ <i class="fas fa-question-circle" aria-hidden="true"></i>
4224
+ </span>
3797
4225
  </button>
3798
4226
  </div>
3799
4227
  </div>
@@ -3804,31 +4232,12 @@ section: components
3804
4232
  aria-expanded="false"
3805
4233
  aria-label="Actions"
3806
4234
  >
3807
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4235
+ <span class="pf-v5-c-menu-toggle__icon">
4236
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4237
+ </span>
3808
4238
  </button>
3809
4239
  </div>
3810
4240
  </div>
3811
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
3812
- <button
3813
- class="pf-v5-c-menu-toggle pf-m-full-height"
3814
- type="button"
3815
- aria-expanded="false"
3816
- >
3817
- <span class="pf-v5-c-menu-toggle__icon">
3818
- <img
3819
- class="pf-v5-c-avatar"
3820
- alt="Avatar image"
3821
- src="/assets/images/img_avatar-light.svg"
3822
- />
3823
- </span>
3824
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
3825
- <span class="pf-v5-c-menu-toggle__controls">
3826
- <span class="pf-v5-c-menu-toggle__toggle-icon">
3827
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3828
- </span>
3829
- </span>
3830
- </button>
3831
- </div>
3832
4241
  </div>
3833
4242
  </div>
3834
4243
  </div>
@@ -3871,6 +4280,7 @@ section: components
3871
4280
  <div class="pf-v5-c-drawer__content">
3872
4281
  <div class="pf-v5-c-drawer__body">
3873
4282
  <main class="pf-v5-c-page__main" tabindex="-1">
4283
+ // TODO should this be a page-main-list so there is not a duplicate main tag?
3874
4284
  <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
3875
4285
  <div class="pf-v5-c-page__main-body">
3876
4286
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">