@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/Tabs/examples/Tabs.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-tabs-tables-and-tabs-example-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-tabs-tables-and-tabs-example-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-tabs-tables-and-tabs-example-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="tabs-tables-and-tabs-example-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-angle-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-angle-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
47
141
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -88,27 +182,6 @@ section: components
88
182
  </button>
89
183
  </div>
90
184
  </div>
91
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
92
- <button
93
- class="pf-v5-c-menu-toggle pf-m-full-height"
94
- type="button"
95
- aria-expanded="false"
96
- >
97
- <span class="pf-v5-c-menu-toggle__icon">
98
- <img
99
- class="pf-v5-c-avatar"
100
- alt="Avatar image"
101
- src="/assets/images/img_avatar-light.svg"
102
- />
103
- </span>
104
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
105
- <span class="pf-v5-c-menu-toggle__controls">
106
- <span class="pf-v5-c-menu-toggle__toggle-icon">
107
- <i class="fas fa-angle-down" aria-hidden="true"></i>
108
- </span>
109
- </span>
110
- </button>
111
- </div>
112
185
  </div>
113
186
  </div>
114
187
  </div>
@@ -517,23 +590,117 @@ section: components
517
590
  </span>
518
591
  <div class="pf-v5-c-masthead__main">
519
592
  <a class="pf-v5-c-masthead__brand" href="#">
520
- <img
521
- class="pf-v5-c-brand"
522
- src="/assets/images/pf-logo.svg"
523
- alt="PatternFly logo"
524
- style="--pf-v5-c-brand--Height:36px"
525
- />
593
+ <svg height="40px" viewBox="0 0 679 158">
594
+ <title>PF-HorizontalLogo-Color</title>
595
+ <defs>
596
+ <linearGradient
597
+ x1="68%"
598
+ y1="2.25860997e-13%"
599
+ x2="32%"
600
+ y2="100%"
601
+ id="linearGradient-tabs-tables-and-tabs-example-masthead"
602
+ >
603
+ <stop stop-color="#2B9AF3" offset="0%" />
604
+ <stop
605
+ stop-color="#73BCF7"
606
+ stop-opacity="0.502212631"
607
+ offset="100%"
608
+ />
609
+ </linearGradient>
610
+ </defs>
611
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
612
+ <g
613
+ transform="translate(206.000000, 45.750000)"
614
+ fill="var(--pf-t--global--text--color--regular)"
615
+ fill-rule="nonzero"
616
+ >
617
+ <path
618
+ 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"
619
+ />
620
+ <path
621
+ 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"
622
+ />
623
+ <path
624
+ 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"
625
+ />
626
+ <path
627
+ 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"
628
+ />
629
+ <path
630
+ 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"
631
+ />
632
+ <path
633
+ 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"
634
+ />
635
+ <path
636
+ 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"
637
+ />
638
+ <polygon
639
+ 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"
640
+ />
641
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
642
+ <path
643
+ 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"
644
+ />
645
+ </g>
646
+ <g transform="translate(0.000000, 0.000000)">
647
+ <path
648
+ 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"
649
+ fill="#0066CC"
650
+ />
651
+ <path
652
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
653
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
654
+ />
655
+ <path
656
+ 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"
657
+ fill="url(#linearGradient-tabs-tables-and-tabs-example-masthead)"
658
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
659
+ />
660
+ </g>
661
+ </g>
662
+ </svg>
526
663
  </a>
527
664
  </div>
528
665
  <div class="pf-v5-c-masthead__content">
529
666
  <div
530
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
667
+ class="pf-v5-c-toolbar pf-m-static"
531
668
  id="tabs-tables-and-tabs-example-masthead-toolbar"
532
669
  >
533
670
  <div class="pf-v5-c-toolbar__content">
534
671
  <div class="pf-v5-c-toolbar__content-section">
672
+ <div class="pf-v5-c-toolbar__item">
673
+ <button
674
+ class="pf-v5-c-menu-toggle"
675
+ type="button"
676
+ aria-expanded="false"
677
+ >
678
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
679
+ <span class="pf-v5-c-menu-toggle__controls">
680
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
681
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
682
+ </span>
683
+ </span>
684
+ </button>
685
+ </div>
686
+
687
+ <div class="pf-v5-c-toolbar__item">
688
+ <button
689
+ class="pf-v5-c-menu-toggle"
690
+ type="button"
691
+ aria-expanded="false"
692
+ >
693
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
694
+ <span class="pf-v5-c-menu-toggle__controls">
695
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
696
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
697
+ </span>
698
+ </span>
699
+ </button>
700
+ </div>
701
+
535
702
  <div
536
- 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"
703
+ 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"
537
704
  >
538
705
  <div
539
706
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -580,27 +747,6 @@ section: components
580
747
  </button>
581
748
  </div>
582
749
  </div>
583
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
584
- <button
585
- class="pf-v5-c-menu-toggle pf-m-full-height"
586
- type="button"
587
- aria-expanded="false"
588
- >
589
- <span class="pf-v5-c-menu-toggle__icon">
590
- <img
591
- class="pf-v5-c-avatar"
592
- alt="Avatar image"
593
- src="/assets/images/img_avatar-light.svg"
594
- />
595
- </span>
596
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
597
- <span class="pf-v5-c-menu-toggle__controls">
598
- <span class="pf-v5-c-menu-toggle__toggle-icon">
599
- <i class="fas fa-angle-down" aria-hidden="true"></i>
600
- </span>
601
- </span>
602
- </button>
603
- </div>
604
750
  </div>
605
751
  </div>
606
752
  </div>
@@ -1014,23 +1160,117 @@ section: components
1014
1160
  </span>
1015
1161
  <div class="pf-v5-c-masthead__main">
1016
1162
  <a class="pf-v5-c-masthead__brand" href="#">
1017
- <img
1018
- class="pf-v5-c-brand"
1019
- src="/assets/images/pf-logo.svg"
1020
- alt="PatternFly logo"
1021
- style="--pf-v5-c-brand--Height:36px"
1022
- />
1163
+ <svg height="40px" viewBox="0 0 679 158">
1164
+ <title>PF-HorizontalLogo-Color</title>
1165
+ <defs>
1166
+ <linearGradient
1167
+ x1="68%"
1168
+ y1="2.25860997e-13%"
1169
+ x2="32%"
1170
+ y2="100%"
1171
+ id="linearGradient-nested-tabs-example-masthead"
1172
+ >
1173
+ <stop stop-color="#2B9AF3" offset="0%" />
1174
+ <stop
1175
+ stop-color="#73BCF7"
1176
+ stop-opacity="0.502212631"
1177
+ offset="100%"
1178
+ />
1179
+ </linearGradient>
1180
+ </defs>
1181
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1182
+ <g
1183
+ transform="translate(206.000000, 45.750000)"
1184
+ fill="var(--pf-t--global--text--color--regular)"
1185
+ fill-rule="nonzero"
1186
+ >
1187
+ <path
1188
+ 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"
1189
+ />
1190
+ <path
1191
+ 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"
1192
+ />
1193
+ <path
1194
+ 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"
1195
+ />
1196
+ <path
1197
+ 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"
1198
+ />
1199
+ <path
1200
+ 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"
1201
+ />
1202
+ <path
1203
+ 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"
1204
+ />
1205
+ <path
1206
+ 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"
1207
+ />
1208
+ <polygon
1209
+ 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"
1210
+ />
1211
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1212
+ <path
1213
+ 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"
1214
+ />
1215
+ </g>
1216
+ <g transform="translate(0.000000, 0.000000)">
1217
+ <path
1218
+ 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"
1219
+ fill="#0066CC"
1220
+ />
1221
+ <path
1222
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1223
+ fill="url(#linearGradient-nested-tabs-example-masthead)"
1224
+ />
1225
+ <path
1226
+ 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"
1227
+ fill="url(#linearGradient-nested-tabs-example-masthead)"
1228
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1229
+ />
1230
+ </g>
1231
+ </g>
1232
+ </svg>
1023
1233
  </a>
1024
1234
  </div>
1025
1235
  <div class="pf-v5-c-masthead__content">
1026
1236
  <div
1027
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1237
+ class="pf-v5-c-toolbar pf-m-static"
1028
1238
  id="nested-tabs-example-masthead-toolbar"
1029
1239
  >
1030
1240
  <div class="pf-v5-c-toolbar__content">
1031
1241
  <div class="pf-v5-c-toolbar__content-section">
1242
+ <div class="pf-v5-c-toolbar__item">
1243
+ <button
1244
+ class="pf-v5-c-menu-toggle"
1245
+ type="button"
1246
+ aria-expanded="false"
1247
+ >
1248
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1249
+ <span class="pf-v5-c-menu-toggle__controls">
1250
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1251
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1252
+ </span>
1253
+ </span>
1254
+ </button>
1255
+ </div>
1256
+
1257
+ <div class="pf-v5-c-toolbar__item">
1258
+ <button
1259
+ class="pf-v5-c-menu-toggle"
1260
+ type="button"
1261
+ aria-expanded="false"
1262
+ >
1263
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1264
+ <span class="pf-v5-c-menu-toggle__controls">
1265
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1266
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1267
+ </span>
1268
+ </span>
1269
+ </button>
1270
+ </div>
1271
+
1032
1272
  <div
1033
- 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"
1273
+ 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"
1034
1274
  >
1035
1275
  <div
1036
1276
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1077,27 +1317,6 @@ section: components
1077
1317
  </button>
1078
1318
  </div>
1079
1319
  </div>
1080
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1081
- <button
1082
- class="pf-v5-c-menu-toggle pf-m-full-height"
1083
- type="button"
1084
- aria-expanded="false"
1085
- >
1086
- <span class="pf-v5-c-menu-toggle__icon">
1087
- <img
1088
- class="pf-v5-c-avatar"
1089
- alt="Avatar image"
1090
- src="/assets/images/img_avatar-light.svg"
1091
- />
1092
- </span>
1093
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1094
- <span class="pf-v5-c-menu-toggle__controls">
1095
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1096
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1097
- </span>
1098
- </span>
1099
- </button>
1100
- </div>
1101
1320
  </div>
1102
1321
  </div>
1103
1322
  </div>
@@ -1237,7 +1456,7 @@ section: components
1237
1456
  <div class="pf-v5-l-flex pf-m-column">
1238
1457
  <div class="pf-v5-l-flex__item">
1239
1458
  <div
1240
- class="pf-v5-c-tabs pf-m-secondary"
1459
+ class="pf-v5-c-tabs"
1241
1460
  role="region"
1242
1461
  id="nested-tabs-example-tabs-tabs-subtabs"
1243
1462
  >
@@ -1415,23 +1634,117 @@ section: components
1415
1634
  </span>
1416
1635
  <div class="pf-v5-c-masthead__main">
1417
1636
  <a class="pf-v5-c-masthead__brand" href="#">
1418
- <img
1419
- class="pf-v5-c-brand"
1420
- src="/assets/images/pf-logo.svg"
1421
- alt="PatternFly logo"
1422
- style="--pf-v5-c-brand--Height:36px"
1423
- />
1637
+ <svg height="40px" viewBox="0 0 679 158">
1638
+ <title>PF-HorizontalLogo-Color</title>
1639
+ <defs>
1640
+ <linearGradient
1641
+ x1="68%"
1642
+ y1="2.25860997e-13%"
1643
+ x2="32%"
1644
+ y2="100%"
1645
+ id="linearGradient-table-tabs-example-masthead"
1646
+ >
1647
+ <stop stop-color="#2B9AF3" offset="0%" />
1648
+ <stop
1649
+ stop-color="#73BCF7"
1650
+ stop-opacity="0.502212631"
1651
+ offset="100%"
1652
+ />
1653
+ </linearGradient>
1654
+ </defs>
1655
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1656
+ <g
1657
+ transform="translate(206.000000, 45.750000)"
1658
+ fill="var(--pf-t--global--text--color--regular)"
1659
+ fill-rule="nonzero"
1660
+ >
1661
+ <path
1662
+ 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"
1663
+ />
1664
+ <path
1665
+ 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"
1666
+ />
1667
+ <path
1668
+ 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"
1669
+ />
1670
+ <path
1671
+ 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"
1672
+ />
1673
+ <path
1674
+ 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"
1675
+ />
1676
+ <path
1677
+ 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"
1678
+ />
1679
+ <path
1680
+ 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"
1681
+ />
1682
+ <polygon
1683
+ 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"
1684
+ />
1685
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1686
+ <path
1687
+ 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"
1688
+ />
1689
+ </g>
1690
+ <g transform="translate(0.000000, 0.000000)">
1691
+ <path
1692
+ 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"
1693
+ fill="#0066CC"
1694
+ />
1695
+ <path
1696
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1697
+ fill="url(#linearGradient-table-tabs-example-masthead)"
1698
+ />
1699
+ <path
1700
+ 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"
1701
+ fill="url(#linearGradient-table-tabs-example-masthead)"
1702
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1703
+ />
1704
+ </g>
1705
+ </g>
1706
+ </svg>
1424
1707
  </a>
1425
1708
  </div>
1426
1709
  <div class="pf-v5-c-masthead__content">
1427
1710
  <div
1428
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
1711
+ class="pf-v5-c-toolbar pf-m-static"
1429
1712
  id="table-tabs-example-masthead-toolbar"
1430
1713
  >
1431
1714
  <div class="pf-v5-c-toolbar__content">
1432
1715
  <div class="pf-v5-c-toolbar__content-section">
1716
+ <div class="pf-v5-c-toolbar__item">
1717
+ <button
1718
+ class="pf-v5-c-menu-toggle"
1719
+ type="button"
1720
+ aria-expanded="false"
1721
+ >
1722
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
1723
+ <span class="pf-v5-c-menu-toggle__controls">
1724
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1725
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1726
+ </span>
1727
+ </span>
1728
+ </button>
1729
+ </div>
1730
+
1731
+ <div class="pf-v5-c-toolbar__item">
1732
+ <button
1733
+ class="pf-v5-c-menu-toggle"
1734
+ type="button"
1735
+ aria-expanded="false"
1736
+ >
1737
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
1738
+ <span class="pf-v5-c-menu-toggle__controls">
1739
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1740
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1741
+ </span>
1742
+ </span>
1743
+ </button>
1744
+ </div>
1745
+
1433
1746
  <div
1434
- 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"
1747
+ 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"
1435
1748
  >
1436
1749
  <div
1437
1750
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -1478,27 +1791,6 @@ section: components
1478
1791
  </button>
1479
1792
  </div>
1480
1793
  </div>
1481
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1482
- <button
1483
- class="pf-v5-c-menu-toggle pf-m-full-height"
1484
- type="button"
1485
- aria-expanded="false"
1486
- >
1487
- <span class="pf-v5-c-menu-toggle__icon">
1488
- <img
1489
- class="pf-v5-c-avatar"
1490
- alt="Avatar image"
1491
- src="/assets/images/img_avatar-light.svg"
1492
- />
1493
- </span>
1494
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1495
- <span class="pf-v5-c-menu-toggle__controls">
1496
- <span class="pf-v5-c-menu-toggle__toggle-icon">
1497
- <i class="fas fa-angle-down" aria-hidden="true"></i>
1498
- </span>
1499
- </span>
1500
- </button>
1501
- </div>
1502
1794
  </div>
1503
1795
  </div>
1504
1796
  </div>
@@ -1594,12 +1886,12 @@ section: components
1594
1886
  <div
1595
1887
  class="pf-v5-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
1596
1888
  >
1597
- <div class="pf-v5-c-toolbar__toggle">
1889
+ <div class="pf-v5-c-toolbar__toggle pf-m-show">
1598
1890
  <button
1599
- class="pf-v5-c-button pf-m-plain"
1891
+ class="pf-v5-c-menu-toggle pf-m-plain"
1600
1892
  type="button"
1601
- aria-label="Show filters"
1602
1893
  aria-expanded="false"
1894
+ aria-label="Show filters"
1603
1895
  aria-controls="table-tabs-example-tabs-toolbar-expandable-content"
1604
1896
  >
1605
1897
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1636,73 +1928,77 @@ section: components
1636
1928
  >
1637
1929
  <label
1638
1930
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1639
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1931
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1932
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1640
1933
  >
1641
1934
  <input
1642
1935
  class="pf-v5-c-check__input"
1643
1936
  type="checkbox"
1644
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1645
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-active"
1937
+ aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
1938
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1939
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-active-input"
1646
1940
  />
1647
-
1648
1941
  <span class="pf-v5-c-check__label">Active</span>
1649
1942
  <span
1650
1943
  class="pf-v5-c-check__description"
1944
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-active-description"
1651
1945
  >This is a description</span>
1652
1946
  </label>
1653
1947
  <label
1654
1948
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1655
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1949
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1950
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1656
1951
  >
1657
1952
  <input
1658
1953
  class="pf-v5-c-check__input"
1659
1954
  type="checkbox"
1660
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1661
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled"
1955
+ aria-describedby="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
1956
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1957
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-input"
1662
1958
  />
1663
-
1664
1959
  <span class="pf-v5-c-check__label">Canceled</span>
1665
1960
  <span
1666
1961
  class="pf-v5-c-check__description"
1962
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-canceled-description"
1667
1963
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1668
1964
  </label>
1669
1965
  <label
1670
1966
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1671
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1967
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1968
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1672
1969
  >
1673
1970
  <input
1674
1971
  class="pf-v5-c-check__input"
1675
1972
  type="checkbox"
1676
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1677
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused"
1973
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1974
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-paused-input"
1678
1975
  />
1679
-
1680
1976
  <span class="pf-v5-c-check__label">Paused</span>
1681
1977
  </label>
1682
1978
  <label
1683
1979
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1684
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1980
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1981
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1685
1982
  >
1686
1983
  <input
1687
1984
  class="pf-v5-c-check__input"
1688
1985
  type="checkbox"
1689
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1690
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning"
1986
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1987
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-warning-input"
1691
1988
  />
1692
-
1693
1989
  <span class="pf-v5-c-check__label">Warning</span>
1694
1990
  </label>
1695
1991
  <label
1696
1992
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1697
- for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1993
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1994
+ for="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
1698
1995
  >
1699
1996
  <input
1700
1997
  class="pf-v5-c-check__input"
1701
1998
  type="checkbox"
1702
- id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1703
- name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted"
1999
+ id="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
2000
+ name="table-tabs-example-tabs-toolbar-select-checkbox-status-restarted-input"
1704
2001
  />
1705
-
1706
2002
  <span class="pf-v5-c-check__label">Restarted</span>
1707
2003
  </label>
1708
2004
  </fieldset>
@@ -1717,7 +2013,10 @@ section: components
1717
2013
  type="button"
1718
2014
  aria-label="Sort"
1719
2015
  >
1720
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2016
+ <i
2017
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2018
+ aria-hidden="true"
2019
+ ></i>
1721
2020
  </button>
1722
2021
  </div>
1723
2022
 
@@ -2387,13 +2686,15 @@ section: components
2387
2686
  role="region"
2388
2687
  id="-tabs"
2389
2688
  >
2390
- <button
2391
- class="pf-v5-c-tabs__scroll-button"
2392
- type="button"
2393
- aria-label="Scroll left"
2394
- >
2395
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2396
- </button>
2689
+ <div class="pf-v5-c-tabs__scroll-button">
2690
+ <button
2691
+ class="pf-v5-c-button pf-m-plain"
2692
+ type="button"
2693
+ aria-label="Scroll left"
2694
+ >
2695
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2696
+ </button>
2697
+ </div>
2397
2698
  <ul class="pf-v5-c-tabs__list" role="tablist">
2398
2699
  <li
2399
2700
  class="pf-v5-c-tabs__item pf-m-current"
@@ -2421,13 +2722,15 @@ section: components
2421
2722
  </button>
2422
2723
  </li>
2423
2724
  </ul>
2424
- <button
2425
- class="pf-v5-c-tabs__scroll-button"
2426
- type="button"
2427
- aria-label="Scroll right"
2428
- >
2429
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2430
- </button>
2725
+ <div class="pf-v5-c-tabs__scroll-button">
2726
+ <button
2727
+ class="pf-v5-c-button pf-m-plain"
2728
+ type="button"
2729
+ aria-label="Scroll right"
2730
+ >
2731
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2732
+ </button>
2733
+ </div>
2431
2734
  </div>
2432
2735
  </div>
2433
2736
  <div class="pf-v5-c-drawer__body">
@@ -2610,7 +2913,7 @@ section: components
2610
2913
  <div class="pf-v5-l-grid pf-m-gutter">
2611
2914
  <div class="pf-v5-l-grid__item">
2612
2915
  <div
2613
- class="pf-v5-c-tabs pf-m-secondary pf-m-inset-none"
2916
+ class="pf-v5-c-tabs pf-m-inset-none"
2614
2917
  role="region"
2615
2918
  id="modal-tabs-example-tabs"
2616
2919
  >
@@ -2700,23 +3003,117 @@ section: components
2700
3003
  </span>
2701
3004
  <div class="pf-v5-c-masthead__main">
2702
3005
  <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
- />
3006
+ <svg height="40px" viewBox="0 0 679 158">
3007
+ <title>PF-HorizontalLogo-Color</title>
3008
+ <defs>
3009
+ <linearGradient
3010
+ x1="68%"
3011
+ y1="2.25860997e-13%"
3012
+ x2="32%"
3013
+ y2="100%"
3014
+ id="linearGradient-modal-tabs-example-masthead"
3015
+ >
3016
+ <stop stop-color="#2B9AF3" offset="0%" />
3017
+ <stop
3018
+ stop-color="#73BCF7"
3019
+ stop-opacity="0.502212631"
3020
+ offset="100%"
3021
+ />
3022
+ </linearGradient>
3023
+ </defs>
3024
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3025
+ <g
3026
+ transform="translate(206.000000, 45.750000)"
3027
+ fill="var(--pf-t--global--text--color--regular)"
3028
+ fill-rule="nonzero"
3029
+ >
3030
+ <path
3031
+ 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"
3032
+ />
3033
+ <path
3034
+ 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"
3035
+ />
3036
+ <path
3037
+ 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"
3038
+ />
3039
+ <path
3040
+ 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"
3041
+ />
3042
+ <path
3043
+ 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"
3044
+ />
3045
+ <path
3046
+ 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"
3047
+ />
3048
+ <path
3049
+ 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"
3050
+ />
3051
+ <polygon
3052
+ 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"
3053
+ />
3054
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3055
+ <path
3056
+ 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"
3057
+ />
3058
+ </g>
3059
+ <g transform="translate(0.000000, 0.000000)">
3060
+ <path
3061
+ 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"
3062
+ fill="#0066CC"
3063
+ />
3064
+ <path
3065
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3066
+ fill="url(#linearGradient-modal-tabs-example-masthead)"
3067
+ />
3068
+ <path
3069
+ 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"
3070
+ fill="url(#linearGradient-modal-tabs-example-masthead)"
3071
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3072
+ />
3073
+ </g>
3074
+ </g>
3075
+ </svg>
2709
3076
  </a>
2710
3077
  </div>
2711
3078
  <div class="pf-v5-c-masthead__content">
2712
3079
  <div
2713
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3080
+ class="pf-v5-c-toolbar pf-m-static"
2714
3081
  id="modal-tabs-example-masthead-toolbar"
2715
3082
  >
2716
3083
  <div class="pf-v5-c-toolbar__content">
2717
3084
  <div class="pf-v5-c-toolbar__content-section">
3085
+ <div class="pf-v5-c-toolbar__item">
3086
+ <button
3087
+ class="pf-v5-c-menu-toggle"
3088
+ type="button"
3089
+ aria-expanded="false"
3090
+ >
3091
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
3092
+ <span class="pf-v5-c-menu-toggle__controls">
3093
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3094
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3095
+ </span>
3096
+ </span>
3097
+ </button>
3098
+ </div>
3099
+
3100
+ <div class="pf-v5-c-toolbar__item">
3101
+ <button
3102
+ class="pf-v5-c-menu-toggle"
3103
+ type="button"
3104
+ aria-expanded="false"
3105
+ >
3106
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
3107
+ <span class="pf-v5-c-menu-toggle__controls">
3108
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3109
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3110
+ </span>
3111
+ </span>
3112
+ </button>
3113
+ </div>
3114
+
2718
3115
  <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"
3116
+ 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
3117
  >
2721
3118
  <div
2722
3119
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2763,27 +3160,6 @@ section: components
2763
3160
  </button>
2764
3161
  </div>
2765
3162
  </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
3163
  </div>
2788
3164
  </div>
2789
3165
  </div>
@@ -2933,23 +3309,117 @@ section: components
2933
3309
  </span>
2934
3310
  <div class="pf-v5-c-masthead__main">
2935
3311
  <a class="pf-v5-c-masthead__brand" href="#">
2936
- <img
2937
- class="pf-v5-c-brand"
2938
- src="/assets/images/pf-logo.svg"
2939
- alt="PatternFly logo"
2940
- style="--pf-v5-c-brand--Height:36px"
2941
- />
3312
+ <svg height="40px" viewBox="0 0 679 158">
3313
+ <title>PF-HorizontalLogo-Color</title>
3314
+ <defs>
3315
+ <linearGradient
3316
+ x1="68%"
3317
+ y1="2.25860997e-13%"
3318
+ x2="32%"
3319
+ y2="100%"
3320
+ id="linearGradient-gray-tabs-example-masthead"
3321
+ >
3322
+ <stop stop-color="#2B9AF3" offset="0%" />
3323
+ <stop
3324
+ stop-color="#73BCF7"
3325
+ stop-opacity="0.502212631"
3326
+ offset="100%"
3327
+ />
3328
+ </linearGradient>
3329
+ </defs>
3330
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3331
+ <g
3332
+ transform="translate(206.000000, 45.750000)"
3333
+ fill="var(--pf-t--global--text--color--regular)"
3334
+ fill-rule="nonzero"
3335
+ >
3336
+ <path
3337
+ 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"
3338
+ />
3339
+ <path
3340
+ 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"
3341
+ />
3342
+ <path
3343
+ 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"
3344
+ />
3345
+ <path
3346
+ 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"
3347
+ />
3348
+ <path
3349
+ 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"
3350
+ />
3351
+ <path
3352
+ 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"
3353
+ />
3354
+ <path
3355
+ 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"
3356
+ />
3357
+ <polygon
3358
+ 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"
3359
+ />
3360
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
3361
+ <path
3362
+ 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"
3363
+ />
3364
+ </g>
3365
+ <g transform="translate(0.000000, 0.000000)">
3366
+ <path
3367
+ 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"
3368
+ fill="#0066CC"
3369
+ />
3370
+ <path
3371
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
3372
+ fill="url(#linearGradient-gray-tabs-example-masthead)"
3373
+ />
3374
+ <path
3375
+ 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"
3376
+ fill="url(#linearGradient-gray-tabs-example-masthead)"
3377
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
3378
+ />
3379
+ </g>
3380
+ </g>
3381
+ </svg>
2942
3382
  </a>
2943
3383
  </div>
2944
3384
  <div class="pf-v5-c-masthead__content">
2945
3385
  <div
2946
- class="pf-v5-c-toolbar pf-m-full-height pf-m-static"
3386
+ class="pf-v5-c-toolbar pf-m-static"
2947
3387
  id="gray-tabs-example-masthead-toolbar"
2948
3388
  >
2949
3389
  <div class="pf-v5-c-toolbar__content">
2950
3390
  <div class="pf-v5-c-toolbar__content-section">
3391
+ <div class="pf-v5-c-toolbar__item">
3392
+ <button
3393
+ class="pf-v5-c-menu-toggle"
3394
+ type="button"
3395
+ aria-expanded="false"
3396
+ >
3397
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
3398
+ <span class="pf-v5-c-menu-toggle__controls">
3399
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3400
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3401
+ </span>
3402
+ </span>
3403
+ </button>
3404
+ </div>
3405
+
3406
+ <div class="pf-v5-c-toolbar__item">
3407
+ <button
3408
+ class="pf-v5-c-menu-toggle"
3409
+ type="button"
3410
+ aria-expanded="false"
3411
+ >
3412
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
3413
+ <span class="pf-v5-c-menu-toggle__controls">
3414
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
3415
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
3416
+ </span>
3417
+ </span>
3418
+ </button>
3419
+ </div>
3420
+
2951
3421
  <div
2952
- 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"
3422
+ 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"
2953
3423
  >
2954
3424
  <div
2955
3425
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -2996,27 +3466,6 @@ section: components
2996
3466
  </button>
2997
3467
  </div>
2998
3468
  </div>
2999
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
3000
- <button
3001
- class="pf-v5-c-menu-toggle pf-m-full-height"
3002
- type="button"
3003
- aria-expanded="false"
3004
- >
3005
- <span class="pf-v5-c-menu-toggle__icon">
3006
- <img
3007
- class="pf-v5-c-avatar"
3008
- alt="Avatar image"
3009
- src="/assets/images/img_avatar-light.svg"
3010
- />
3011
- </span>
3012
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
3013
- <span class="pf-v5-c-menu-toggle__controls">
3014
- <span class="pf-v5-c-menu-toggle__toggle-icon">
3015
- <i class="fas fa-angle-down" aria-hidden="true"></i>
3016
- </span>
3017
- </span>
3018
- </button>
3019
- </div>
3020
3469
  </div>
3021
3470
  </div>
3022
3471
  </div>
@@ -3186,7 +3635,7 @@ section: components
3186
3635
  </div>
3187
3636
  <div class="pf-v5-l-grid__item">
3188
3637
  <div
3189
- class="pf-v5-c-tabs pf-m-secondary pf-m-inset-none"
3638
+ class="pf-v5-c-tabs pf-m-inset-none"
3190
3639
  role="region"
3191
3640
  id="gray-tabs-example-tabs-subtabs"
3192
3641
  >