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

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 (320) hide show
  1. package/README.md +13 -3
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/images/PF-Backdrop.svg +1 -0
  4. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  5. package/assets/images/PF-IconLogo.svg +17 -0
  6. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  7. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  8. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  9. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  10. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  11. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  12. package/assets/images/pf_logo_white.hbs +35 -0
  13. package/assets/images/pf_logo_white.svg +38 -0
  14. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  15. package/assets/pficon/pficon.scss +6 -129
  16. package/base/_common.scss +29 -4
  17. package/base/_globals.scss +5 -9
  18. package/base/_variables.scss +8 -6
  19. package/base/patternfly-common.css +24 -6
  20. package/base/patternfly-globals.css +5 -5
  21. package/base/patternfly-icons.css +5 -1
  22. package/base/patternfly-pf-icons.css +5 -1
  23. package/base/patternfly-variables.css +886 -771
  24. package/base/tokens/_tokens-dark.scss +322 -265
  25. package/base/tokens/_tokens-default.scss +426 -306
  26. package/base/tokens/_tokens-font.scss +59 -35
  27. package/base/tokens/_tokens-palette.scss +69 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +80 -108
  30. package/components/AboutModalBox/about-modal-box.scss +64 -78
  31. package/components/Accordion/accordion.css +96 -175
  32. package/components/Accordion/accordion.scss +106 -193
  33. package/components/ActionList/action-list.css +2 -2
  34. package/components/ActionList/action-list.scss +2 -2
  35. package/components/Alert/alert-group.css +27 -20
  36. package/components/Alert/alert-group.scss +27 -20
  37. package/components/Alert/alert.css +74 -95
  38. package/components/Alert/alert.scss +76 -89
  39. package/components/AppLauncher/app-launcher.css +32 -23
  40. package/components/AppLauncher/app-launcher.scss +32 -23
  41. package/components/BackToTop/back-to-top.css +17 -15
  42. package/components/BackToTop/back-to-top.scss +14 -13
  43. package/components/Backdrop/backdrop.css +2 -2
  44. package/components/Backdrop/backdrop.scss +2 -2
  45. package/components/BackgroundImage/background-image.css +6 -3
  46. package/components/BackgroundImage/background-image.scss +8 -3
  47. package/components/Badge/badge.css +25 -17
  48. package/components/Badge/badge.scss +27 -19
  49. package/components/Banner/banner.css +91 -69
  50. package/components/Banner/banner.scss +95 -34
  51. package/components/Breadcrumb/breadcrumb.css +28 -19
  52. package/components/Breadcrumb/breadcrumb.scss +26 -19
  53. package/components/Button/button.css +35 -23
  54. package/components/Button/button.scss +36 -26
  55. package/components/Button/themes/dark/button.scss +1 -1
  56. package/components/CalendarMonth/calendar-month.css +25 -15
  57. package/components/CalendarMonth/calendar-month.scss +23 -15
  58. package/components/Card/card.css +25 -17
  59. package/components/Card/card.scss +24 -17
  60. package/components/Check/check.css +12 -10
  61. package/components/Check/check.scss +17 -12
  62. package/components/Chip/chip-group.css +6 -6
  63. package/components/Chip/chip-group.scss +6 -6
  64. package/components/Chip/chip.css +16 -9
  65. package/components/Chip/chip.scss +17 -9
  66. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  67. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  68. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  69. package/components/CodeBlock/code-block.css +6 -3
  70. package/components/CodeBlock/code-block.scss +6 -3
  71. package/components/CodeEditor/code-editor.css +31 -22
  72. package/components/CodeEditor/code-editor.scss +30 -21
  73. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  74. package/components/Content/content.css +100 -97
  75. package/components/Content/content.scss +101 -98
  76. package/components/ContextSelector/context-selector.css +41 -26
  77. package/components/ContextSelector/context-selector.scss +40 -25
  78. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  79. package/components/DataList/data-list-grid.css +21 -21
  80. package/components/DataList/data-list-grid.scss +3 -3
  81. package/components/DataList/data-list.css +69 -56
  82. package/components/DataList/data-list.scss +47 -35
  83. package/components/DatePicker/date-picker.css +8 -8
  84. package/components/DatePicker/date-picker.scss +8 -8
  85. package/components/DescriptionList/description-list.css +8 -5
  86. package/components/DescriptionList/description-list.scss +8 -5
  87. package/components/DragDrop/drag-drop.css +8 -8
  88. package/components/DragDrop/drag-drop.scss +8 -8
  89. package/components/Drawer/drawer.css +120 -62
  90. package/components/Drawer/drawer.scss +94 -44
  91. package/components/Dropdown/dropdown.css +76 -69
  92. package/components/Dropdown/dropdown.scss +67 -62
  93. package/components/DualListSelector/dual-list-selector.css +29 -15
  94. package/components/DualListSelector/dual-list-selector.scss +30 -15
  95. package/components/EmptyState/empty-state.css +7 -4
  96. package/components/EmptyState/empty-state.scss +7 -4
  97. package/components/ExpandableSection/expandable-section.css +75 -59
  98. package/components/ExpandableSection/expandable-section.scss +81 -72
  99. package/components/FileUpload/file-upload.css +9 -15
  100. package/components/FileUpload/file-upload.scss +9 -15
  101. package/components/Form/form.css +53 -50
  102. package/components/Form/form.scss +46 -44
  103. package/components/FormControl/form-control.css +18 -9
  104. package/components/FormControl/form-control.scss +18 -9
  105. package/components/HelperText/helper-text.css +1 -1
  106. package/components/HelperText/helper-text.scss +1 -1
  107. package/components/Hint/hint.css +37 -27
  108. package/components/Hint/hint.scss +37 -30
  109. package/components/Icon/icon.css +1 -1
  110. package/components/Icon/icon.scss +1 -1
  111. package/components/InlineEdit/inline-edit.css +9 -9
  112. package/components/InlineEdit/inline-edit.scss +9 -9
  113. package/components/InputGroup/input-group.css +12 -6
  114. package/components/InputGroup/input-group.scss +11 -5
  115. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  116. package/components/JumpLinks/jump-links.css +27 -24
  117. package/components/JumpLinks/jump-links.scss +26 -24
  118. package/components/Label/label-group.css +13 -10
  119. package/components/Label/label-group.scss +13 -10
  120. package/components/Label/label.css +9 -9
  121. package/components/Label/label.scss +9 -9
  122. package/components/List/list.css +25 -25
  123. package/components/List/list.scss +26 -26
  124. package/components/LogViewer/log-viewer.css +14 -14
  125. package/components/LogViewer/log-viewer.scss +14 -14
  126. package/components/Login/login.css +104 -122
  127. package/components/Login/login.scss +92 -91
  128. package/components/Masthead/masthead.css +68 -125
  129. package/components/Masthead/masthead.scss +123 -153
  130. package/components/Menu/menu.css +82 -65
  131. package/components/Menu/menu.scss +85 -69
  132. package/components/MenuToggle/menu-toggle.css +89 -100
  133. package/components/MenuToggle/menu-toggle.scss +92 -112
  134. package/components/ModalBox/modal-box.css +76 -69
  135. package/components/ModalBox/modal-box.scss +74 -70
  136. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  137. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  138. package/components/Nav/nav.css +162 -133
  139. package/components/Nav/nav.scss +162 -135
  140. package/components/Nav/themes/dark/nav.scss +2 -2
  141. package/components/NotificationBadge/notification-badge.css +66 -85
  142. package/components/NotificationBadge/notification-badge.scss +72 -103
  143. package/components/NotificationDrawer/notification-drawer.css +32 -19
  144. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  145. package/components/NumberInput/number-input.css +2 -2
  146. package/components/NumberInput/number-input.scss +2 -2
  147. package/components/OptionsMenu/options-menu.css +43 -31
  148. package/components/OptionsMenu/options-menu.scss +43 -31
  149. package/components/OverflowMenu/overflow-menu.css +2 -2
  150. package/components/OverflowMenu/overflow-menu.scss +2 -2
  151. package/components/Page/page.css +232 -271
  152. package/components/Page/page.scss +180 -231
  153. package/components/Pagination/pagination.css +27 -17
  154. package/components/Pagination/pagination.scss +25 -17
  155. package/components/Panel/panel.css +13 -7
  156. package/components/Panel/panel.scss +13 -7
  157. package/components/Popover/popover.css +110 -87
  158. package/components/Popover/popover.scss +120 -109
  159. package/components/Progress/progress.css +9 -7
  160. package/components/Progress/progress.scss +12 -7
  161. package/components/ProgressStepper/progress-stepper.css +26 -20
  162. package/components/ProgressStepper/progress-stepper.scss +25 -19
  163. package/components/Radio/radio.css +16 -13
  164. package/components/Radio/radio.scss +20 -14
  165. package/components/Select/select.css +56 -47
  166. package/components/Select/select.scss +56 -47
  167. package/components/Sidebar/sidebar.css +11 -5
  168. package/components/Sidebar/sidebar.scss +11 -5
  169. package/components/SimpleList/simple-list.css +10 -4
  170. package/components/SimpleList/simple-list.scss +10 -4
  171. package/components/Skeleton/skeleton.css +6 -5
  172. package/components/Skeleton/skeleton.scss +4 -5
  173. package/components/SkipToContent/skip-to-content.css +9 -6
  174. package/components/SkipToContent/skip-to-content.scss +8 -6
  175. package/components/Slider/slider.css +47 -26
  176. package/components/Slider/slider.scss +56 -28
  177. package/components/Switch/switch.css +10 -6
  178. package/components/Switch/switch.scss +11 -7
  179. package/components/TabContent/tab-content.css +4 -1
  180. package/components/TabContent/tab-content.scss +4 -1
  181. package/components/Table/table-grid.css +264 -203
  182. package/components/Table/table-grid.scss +61 -47
  183. package/components/Table/table-scrollable.css +4 -4
  184. package/components/Table/table-scrollable.scss +6 -4
  185. package/components/Table/table-tree-view.css +112 -105
  186. package/components/Table/table-tree-view.scss +38 -33
  187. package/components/Table/table.css +176 -159
  188. package/components/Table/table.scss +177 -165
  189. package/components/Tabs/tabs.css +76 -48
  190. package/components/Tabs/tabs.scss +74 -48
  191. package/components/TextInputGroup/text-input-group.css +15 -15
  192. package/components/TextInputGroup/text-input-group.scss +15 -15
  193. package/components/Tile/tile.css +10 -10
  194. package/components/Tile/tile.scss +10 -10
  195. package/components/Title/title.css +70 -19
  196. package/components/Title/title.scss +90 -20
  197. package/components/ToggleGroup/toggle-group.css +14 -11
  198. package/components/ToggleGroup/toggle-group.scss +14 -11
  199. package/components/Toolbar/toolbar.css +57 -44
  200. package/components/Toolbar/toolbar.scss +45 -26
  201. package/components/Tooltip/tooltip.css +76 -44
  202. package/components/Tooltip/tooltip.scss +93 -77
  203. package/components/TreeView/tree-view.css +48 -27
  204. package/components/TreeView/tree-view.scss +50 -28
  205. package/components/Truncate/truncate.css +9 -0
  206. package/components/Truncate/truncate.scss +16 -3
  207. package/components/Wizard/wizard.css +57 -36
  208. package/components/Wizard/wizard.scss +57 -36
  209. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  210. package/docs/components/Accordion/examples/Accordion.md +614 -416
  211. package/docs/components/Alert/examples/Alert.md +1 -1
  212. package/docs/components/Badge/examples/Badge.md +21 -0
  213. package/docs/components/Banner/examples/Banner.md +48 -25
  214. package/docs/components/Brand/examples/Brand.css +12 -0
  215. package/docs/components/Brand/examples/Brand.md +75 -32
  216. package/docs/components/Button/examples/Button.css +2 -2
  217. package/docs/components/Button/examples/Button.md +15 -3
  218. package/docs/components/Card/examples/Card.md +125 -17
  219. package/docs/components/Check/examples/Check.md +71 -59
  220. package/docs/components/Chip/examples/Chip.md +1 -1
  221. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  222. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  223. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  224. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  225. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  226. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -24
  227. package/docs/components/Label/examples/Label.md +1 -1
  228. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  229. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  230. package/docs/components/Login/examples/Login.md +5 -0
  231. package/docs/components/Masthead/examples/masthead.md +7 -54
  232. package/docs/components/Menu/examples/Menu.css +8 -0
  233. package/docs/components/Menu/examples/Menu.md +594 -543
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +151 -138
  235. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  236. package/docs/components/Nav/examples/Navigation.css +3 -25
  237. package/docs/components/Nav/examples/Navigation.md +239 -113
  238. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  239. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  240. package/docs/components/Page/examples/Page.css +0 -8
  241. package/docs/components/Page/examples/Page.md +22 -21
  242. package/docs/components/Popover/examples/Popover.css +4 -9
  243. package/docs/components/Popover/examples/Popover.md +1 -1
  244. package/docs/components/Radio/examples/Radio.md +63 -55
  245. package/docs/components/Select/deprecated/Select.md +184 -177
  246. package/docs/components/Table/examples/Table.css +2 -2
  247. package/docs/components/Table/examples/Table.md +2 -2
  248. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  249. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  250. package/docs/components/Tile/examples/Tile.css +1 -1
  251. package/docs/components/Title/examples/Title.md +18 -0
  252. package/docs/components/Toolbar/examples/Toolbar.md +570 -2803
  253. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  254. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  255. package/docs/components/Truncate/examples/Truncate.md +2 -2
  256. package/docs/demos/AboutModal/examples/AboutModal.md +85 -10
  257. package/docs/demos/Alert/examples/Alert.md +249 -24
  258. package/docs/demos/BackToTop/examples/BackToTop.md +83 -8
  259. package/docs/demos/Banner/examples/Banner.md +168 -16
  260. package/docs/demos/Card/examples/Card.css +3 -3
  261. package/docs/demos/Card/examples/Card.md +28 -12
  262. package/docs/demos/CardView/examples/CardView.md +139 -79
  263. package/docs/demos/ContextSelector/examples/ContextSelector.md +332 -32
  264. package/docs/demos/Dashboard/examples/Dashboard.md +86 -11
  265. package/docs/demos/DataList/examples/DataList.md +524 -354
  266. package/docs/demos/DescriptionList/examples/DescriptionList.md +249 -24
  267. package/docs/demos/Drawer/examples/Drawer.md +415 -40
  268. package/docs/demos/JumpLinks/examples/JumpLinks.md +498 -48
  269. package/docs/demos/Masthead/examples/Masthead.md +793 -277
  270. package/docs/demos/Modal/examples/Modal.md +498 -48
  271. package/docs/demos/Nav/examples/Nav.md +664 -64
  272. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +420 -40
  273. package/docs/demos/Page/examples/Page.md +747 -72
  274. package/docs/demos/Page/examples/Penta.md +746 -0
  275. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  276. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +824 -451
  277. package/docs/demos/Skeleton/examples/Skeleton.md +90 -43
  278. package/docs/demos/Table/examples/Table.md +2313 -1887
  279. package/docs/demos/Tabs/examples/Tabs.md +528 -71
  280. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  281. package/docs/demos/Toolbar/examples/Toolbar.md +870 -1044
  282. package/docs/demos/Wizard/examples/Wizard.md +747 -72
  283. package/docs/layouts/Flex/examples/Flex.md +5 -5
  284. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  285. package/icons/pficons.mjs +1 -0
  286. package/layouts/Flex/flex.css +115 -43
  287. package/layouts/Flex/flex.scss +20 -8
  288. package/package.json +9 -5
  289. package/patternfly-addons.css +732 -972
  290. package/patternfly-base-no-globals-theme-dark-unversioned.css +921 -784
  291. package/patternfly-base-no-globals.css +921 -784
  292. package/patternfly-base-theme-dark-unversioned.css +926 -789
  293. package/patternfly-base.css +926 -789
  294. package/patternfly-no-globals.css +4816 -4221
  295. package/patternfly-theme-dark-unversioned.css +4821 -4226
  296. package/patternfly.css +4821 -4226
  297. package/patternfly.min.css +1 -1
  298. package/patternfly.min.css.map +1 -1
  299. package/sass-utilities/functions.scss +6 -0
  300. package/sass-utilities/mixins.scss +62 -2
  301. package/sass-utilities/scss-variables.scss +8 -8
  302. package/sass-utilities/themes/dark/mixins.scss +3 -1
  303. package/utilities/Accessibility/accessibility.css +12 -12
  304. package/utilities/Spacing/spacing.css +720 -960
  305. package/utilities/Spacing/spacing.scss +4 -8
  306. package/base/themes/dark/_variables.scss +0 -102
  307. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  308. package/components/Accordion/themes/dark/accordion.scss +0 -9
  309. package/components/Alert/themes/dark/alert.scss +0 -17
  310. package/components/Badge/themes/dark/badge.scss +0 -9
  311. package/components/Banner/themes/dark/banner.scss +0 -14
  312. package/components/Hint/themes/dark/hint.scss +0 -8
  313. package/components/Login/themes/dark/login.scss +0 -12
  314. package/components/Masthead/themes/dark/masthead.scss +0 -14
  315. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  316. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  317. package/components/Page/themes/dark/page.scss +0 -69
  318. package/components/Popover/themes/dark/popover.scss +0 -11
  319. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  320. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -25,13 +25,88 @@ wrapperTag: div
25
25
  </button>
26
26
  </span>
27
27
  <div class="pf-v5-c-masthead__main">
28
- <a class="pf-v5-c-masthead__brand" href="#">
29
- <img
30
- class="pf-v5-c-brand"
31
- src="/assets/images/pf-logo.svg"
32
- alt="PatternFly logo"
33
- style="--pf-v5-c-brand--Height:36px"
34
- />
28
+ <a
29
+ class="pf-v5-c-masthead__brand"
30
+ href="#"
31
+ style="--pf-v5-c-brand--Height: 36px;"
32
+ >
33
+ <svg height="36px" viewBox="0 0 679 158" role="img">
34
+ <title>Patternfly logo</title>
35
+ <defs>
36
+ <linearGradient
37
+ x1="68%"
38
+ y1="2.25860997e-13%"
39
+ x2="32%"
40
+ y2="100%"
41
+ id="linearGradient-1"
42
+ >
43
+ <stop stop-color="#2B9AF3" offset="0%" />
44
+ <stop
45
+ stop-color="#73BCF7"
46
+ stop-opacity="0.502212631"
47
+ offset="100%"
48
+ />
49
+ </linearGradient>
50
+ </defs>
51
+ <g
52
+ id="PF-HorizontalLogo-Color"
53
+ stroke="none"
54
+ stroke-width="1"
55
+ fill="none"
56
+ fill-rule="evenodd"
57
+ >
58
+ <g
59
+ transform="translate(206.000000, 45.750000)"
60
+ fill="var(--pf-t--global--text--color--regular)"
61
+ fill-rule="nonzero"
62
+ >
63
+ <path
64
+ 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"
65
+ />
66
+ <path
67
+ 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"
68
+ />
69
+ <path
70
+ 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"
71
+ />
72
+ <path
73
+ 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"
74
+ />
75
+ <path
76
+ 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"
77
+ />
78
+ <path
79
+ 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"
80
+ />
81
+ <path
82
+ 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"
83
+ />
84
+ <polygon
85
+ 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"
86
+ />
87
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
88
+ <path
89
+ 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"
90
+ />
91
+ </g>
92
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
93
+ <path
94
+ 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"
95
+ id="Rectangle-Copy-17"
96
+ fill="var(--pf-t--global--color--brand--200)"
97
+ />
98
+ <path
99
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
100
+ fill="url(#linearGradient-1)"
101
+ />
102
+ <path
103
+ 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"
104
+ fill="url(#linearGradient-1)"
105
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
106
+ />
107
+ </g>
108
+ </g>
109
+ </svg>
35
110
  </a>
36
111
  </div>
37
112
  <div class="pf-v5-c-masthead__content">
@@ -203,13 +278,88 @@ wrapperTag: div
203
278
  </button>
204
279
  </span>
205
280
  <div class="pf-v5-c-masthead__main">
206
- <a class="pf-v5-c-masthead__brand" href="#">
207
- <img
208
- class="pf-v5-c-brand"
209
- src="/assets/images/pf-logo.svg"
210
- alt="PatternFly logo"
211
- style="--pf-v5-c-brand--Height:36px"
212
- />
281
+ <a
282
+ class="pf-v5-c-masthead__brand"
283
+ href="#"
284
+ style="--pf-v5-c-brand--Height: 36px;"
285
+ >
286
+ <svg height="36px" viewBox="0 0 679 158" role="img">
287
+ <title>Patternfly logo</title>
288
+ <defs>
289
+ <linearGradient
290
+ x1="68%"
291
+ y1="2.25860997e-13%"
292
+ x2="32%"
293
+ y2="100%"
294
+ id="linearGradient-1"
295
+ >
296
+ <stop stop-color="#2B9AF3" offset="0%" />
297
+ <stop
298
+ stop-color="#73BCF7"
299
+ stop-opacity="0.502212631"
300
+ offset="100%"
301
+ />
302
+ </linearGradient>
303
+ </defs>
304
+ <g
305
+ id="PF-HorizontalLogo-Color"
306
+ stroke="none"
307
+ stroke-width="1"
308
+ fill="none"
309
+ fill-rule="evenodd"
310
+ >
311
+ <g
312
+ transform="translate(206.000000, 45.750000)"
313
+ fill="var(--pf-t--global--text--color--regular)"
314
+ fill-rule="nonzero"
315
+ >
316
+ <path
317
+ 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"
318
+ />
319
+ <path
320
+ 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"
321
+ />
322
+ <path
323
+ 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"
324
+ />
325
+ <path
326
+ 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"
327
+ />
328
+ <path
329
+ 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"
330
+ />
331
+ <path
332
+ 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"
333
+ />
334
+ <path
335
+ 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"
336
+ />
337
+ <polygon
338
+ 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"
339
+ />
340
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
341
+ <path
342
+ 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"
343
+ />
344
+ </g>
345
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
346
+ <path
347
+ 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"
348
+ id="Rectangle-Copy-17"
349
+ fill="var(--pf-t--global--color--brand--200)"
350
+ />
351
+ <path
352
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
353
+ fill="url(#linearGradient-1)"
354
+ />
355
+ <path
356
+ 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"
357
+ fill="url(#linearGradient-1)"
358
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
359
+ />
360
+ </g>
361
+ </g>
362
+ </svg>
213
363
  </a>
214
364
  </div>
215
365
  <div class="pf-v5-c-masthead__content">
@@ -229,7 +379,7 @@ wrapperTag: div
229
379
  <span class="pf-v5-c-menu-toggle__text">Context selector</span>
230
380
  <span class="pf-v5-c-menu-toggle__controls">
231
381
  <span class="pf-v5-c-menu-toggle__toggle-icon">
232
- <i class="fas fa-caret-down" aria-hidden="true"></i>
382
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
233
383
  </span>
234
384
  </span>
235
385
  </button>
@@ -243,7 +393,7 @@ wrapperTag: div
243
393
  <span class="pf-v5-c-menu-toggle__text">Dropdown</span>
244
394
  <span class="pf-v5-c-menu-toggle__controls">
245
395
  <span class="pf-v5-c-menu-toggle__toggle-icon">
246
- <i class="fas fa-caret-down" aria-hidden="true"></i>
396
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
247
397
  </span>
248
398
  </span>
249
399
  </button>
@@ -409,13 +559,88 @@ wrapperTag: div
409
559
  </button>
410
560
  </span>
411
561
  <div class="pf-v5-c-masthead__main">
412
- <a class="pf-v5-c-masthead__brand" href="#">
413
- <img
414
- class="pf-v5-c-brand"
415
- src="/assets/images/pf-logo.svg"
416
- alt="PatternFly logo"
417
- style="--pf-v5-c-brand--Height:36px"
418
- />
562
+ <a
563
+ class="pf-v5-c-masthead__brand"
564
+ href="#"
565
+ style="--pf-v5-c-brand--Height: 36px;"
566
+ >
567
+ <svg height="36px" viewBox="0 0 679 158" role="img">
568
+ <title>Patternfly logo</title>
569
+ <defs>
570
+ <linearGradient
571
+ x1="68%"
572
+ y1="2.25860997e-13%"
573
+ x2="32%"
574
+ y2="100%"
575
+ id="linearGradient-1"
576
+ >
577
+ <stop stop-color="#2B9AF3" offset="0%" />
578
+ <stop
579
+ stop-color="#73BCF7"
580
+ stop-opacity="0.502212631"
581
+ offset="100%"
582
+ />
583
+ </linearGradient>
584
+ </defs>
585
+ <g
586
+ id="PF-HorizontalLogo-Color"
587
+ stroke="none"
588
+ stroke-width="1"
589
+ fill="none"
590
+ fill-rule="evenodd"
591
+ >
592
+ <g
593
+ transform="translate(206.000000, 45.750000)"
594
+ fill="var(--pf-t--global--text--color--regular)"
595
+ fill-rule="nonzero"
596
+ >
597
+ <path
598
+ 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"
599
+ />
600
+ <path
601
+ 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"
602
+ />
603
+ <path
604
+ 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"
605
+ />
606
+ <path
607
+ 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"
608
+ />
609
+ <path
610
+ 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"
611
+ />
612
+ <path
613
+ 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"
614
+ />
615
+ <path
616
+ 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"
617
+ />
618
+ <polygon
619
+ 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"
620
+ />
621
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
622
+ <path
623
+ 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"
624
+ />
625
+ </g>
626
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
627
+ <path
628
+ 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"
629
+ id="Rectangle-Copy-17"
630
+ fill="var(--pf-t--global--color--brand--200)"
631
+ />
632
+ <path
633
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
634
+ fill="url(#linearGradient-1)"
635
+ />
636
+ <path
637
+ 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"
638
+ fill="url(#linearGradient-1)"
639
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
640
+ />
641
+ </g>
642
+ </g>
643
+ </svg>
419
644
  </a>
420
645
  </div>
421
646
  <div class="pf-v5-c-masthead__content">
@@ -430,10 +655,10 @@ wrapperTag: div
430
655
  >
431
656
  <div class="pf-v5-c-toolbar__toggle">
432
657
  <button
433
- class="pf-v5-c-button pf-m-plain"
658
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
434
659
  type="button"
435
- aria-label="Show filters"
436
660
  aria-expanded="true"
661
+ aria-label="Show filters"
437
662
  aria-controls="masthead-toolbar-filters-example-masthead-toolbar-expandable-content"
438
663
  >
439
664
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -446,75 +671,22 @@ wrapperTag: div
446
671
  role="group"
447
672
  >
448
673
  <div class="pf-v5-c-input-group__item">
449
- <div class="pf-v5-c-select" style="width: 124px">
450
- <span
451
- id="masthead-toolbar-filters-example-masthead-toolbar-select-name-label"
452
- hidden
453
- >Choose one</span>
454
-
455
- <button
456
- class="pf-v5-c-select__toggle"
457
- type="button"
458
- id="masthead-toolbar-filters-example-masthead-toolbar-select-name-toggle"
459
- aria-haspopup="true"
460
- aria-expanded="false"
461
- aria-labelledby="masthead-toolbar-filters-example-masthead-toolbar-select-name-label masthead-toolbar-filters-example-masthead-toolbar-select-name-toggle"
462
- >
463
- <div class="pf-v5-c-select__toggle-wrapper">
464
- <span class="pf-v5-c-select__toggle-icon">
465
- <i class="fas fa-filter" aria-hidden="true"></i>
466
- </span>
467
- <span class="pf-v5-c-select__toggle-text">Name</span>
468
- </div>
469
- <span class="pf-v5-c-select__toggle-arrow">
470
- <i class="fas fa-caret-down" aria-hidden="true"></i>
674
+ <button
675
+ class="pf-v5-c-menu-toggle"
676
+ type="button"
677
+ aria-expanded="false"
678
+ id="masthead-toolbar-filters-example-masthead-toolbar-search-filter-menu"
679
+ >
680
+ <span class="pf-v5-c-menu-toggle__icon">
681
+ <i class="fas fa-filter" aria-hidden="true"></i>
682
+ </span>
683
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
684
+ <span class="pf-v5-c-menu-toggle__controls">
685
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
686
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
471
687
  </span>
472
- </button>
473
-
474
- <ul
475
- class="pf-v5-c-select__menu"
476
- role="listbox"
477
- aria-labelledby="masthead-toolbar-filters-example-masthead-toolbar-select-name-label"
478
- hidden
479
- >
480
- <li role="presentation">
481
- <button
482
- class="pf-v5-c-select__menu-item"
483
- role="option"
484
- >Running</button>
485
- </li>
486
- <li role="presentation">
487
- <button
488
- class="pf-v5-c-select__menu-item pf-m-selected"
489
- role="option"
490
- aria-selected="true"
491
- >
492
- Stopped
493
- <span class="pf-v5-c-select__menu-item-icon">
494
- <i class="fas fa-check" aria-hidden="true"></i>
495
- </span>
496
- </button>
497
- </li>
498
- <li role="presentation">
499
- <button
500
- class="pf-v5-c-select__menu-item"
501
- role="option"
502
- >Down</button>
503
- </li>
504
- <li role="presentation">
505
- <button
506
- class="pf-v5-c-select__menu-item"
507
- role="option"
508
- >Degraded</button>
509
- </li>
510
- <li role="presentation">
511
- <button
512
- class="pf-v5-c-select__menu-item"
513
- role="option"
514
- >Needs maintenance</button>
515
- </li>
516
- </ul>
517
- </div>
688
+ </span>
689
+ </button>
518
690
  </div>
519
691
  <div class="pf-v5-c-input-group__item pf-m-fill">
520
692
  <div class="pf-v5-c-text-input-group">
@@ -702,13 +874,88 @@ wrapperTag: div
702
874
  </button>
703
875
  </span>
704
876
  <div class="pf-v5-c-masthead__main">
705
- <a class="pf-v5-c-masthead__brand" href="#">
706
- <img
707
- class="pf-v5-c-brand"
708
- src="/assets/images/pf-logo.svg"
709
- alt="PatternFly logo"
710
- style="--pf-v5-c-brand--Height:36px"
711
- />
877
+ <a
878
+ class="pf-v5-c-masthead__brand"
879
+ href="#"
880
+ style="--pf-v5-c-brand--Height: 36px;"
881
+ >
882
+ <svg height="36px" viewBox="0 0 679 158" role="img">
883
+ <title>Patternfly logo</title>
884
+ <defs>
885
+ <linearGradient
886
+ x1="68%"
887
+ y1="2.25860997e-13%"
888
+ x2="32%"
889
+ y2="100%"
890
+ id="linearGradient-1"
891
+ >
892
+ <stop stop-color="#2B9AF3" offset="0%" />
893
+ <stop
894
+ stop-color="#73BCF7"
895
+ stop-opacity="0.502212631"
896
+ offset="100%"
897
+ />
898
+ </linearGradient>
899
+ </defs>
900
+ <g
901
+ id="PF-HorizontalLogo-Color"
902
+ stroke="none"
903
+ stroke-width="1"
904
+ fill="none"
905
+ fill-rule="evenodd"
906
+ >
907
+ <g
908
+ transform="translate(206.000000, 45.750000)"
909
+ fill="var(--pf-t--global--text--color--regular)"
910
+ fill-rule="nonzero"
911
+ >
912
+ <path
913
+ 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"
914
+ />
915
+ <path
916
+ 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"
917
+ />
918
+ <path
919
+ 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"
920
+ />
921
+ <path
922
+ 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"
923
+ />
924
+ <path
925
+ 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"
926
+ />
927
+ <path
928
+ 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"
929
+ />
930
+ <path
931
+ 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"
932
+ />
933
+ <polygon
934
+ 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"
935
+ />
936
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
937
+ <path
938
+ 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"
939
+ />
940
+ </g>
941
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
942
+ <path
943
+ 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"
944
+ id="Rectangle-Copy-17"
945
+ fill="var(--pf-t--global--color--brand--200)"
946
+ />
947
+ <path
948
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
949
+ fill="url(#linearGradient-1)"
950
+ />
951
+ <path
952
+ 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"
953
+ fill="url(#linearGradient-1)"
954
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
955
+ />
956
+ </g>
957
+ </g>
958
+ </svg>
712
959
  </a>
713
960
  </div>
714
961
  <div class="pf-v5-c-masthead__content">
@@ -723,10 +970,10 @@ wrapperTag: div
723
970
  >
724
971
  <div class="pf-v5-c-toolbar__toggle">
725
972
  <button
726
- class="pf-v5-c-button pf-m-plain"
973
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
727
974
  type="button"
728
- aria-label="Show filters"
729
975
  aria-expanded="true"
976
+ aria-label="Show filters"
730
977
  aria-controls="masthead-toggle-group-filters-example-masthead-toolbar-expandable-content"
731
978
  >
732
979
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -739,75 +986,22 @@ wrapperTag: div
739
986
  role="group"
740
987
  >
741
988
  <div class="pf-v5-c-input-group__item">
742
- <div class="pf-v5-c-select" style="width: 124px">
743
- <span
744
- id="masthead-toggle-group-filters-example-masthead-toolbar-select-name-label"
745
- hidden
746
- >Choose one</span>
747
-
748
- <button
749
- class="pf-v5-c-select__toggle"
750
- type="button"
751
- id="masthead-toggle-group-filters-example-masthead-toolbar-select-name-toggle"
752
- aria-haspopup="true"
753
- aria-expanded="false"
754
- aria-labelledby="masthead-toggle-group-filters-example-masthead-toolbar-select-name-label masthead-toggle-group-filters-example-masthead-toolbar-select-name-toggle"
755
- >
756
- <div class="pf-v5-c-select__toggle-wrapper">
757
- <span class="pf-v5-c-select__toggle-icon">
758
- <i class="fas fa-filter" aria-hidden="true"></i>
759
- </span>
760
- <span class="pf-v5-c-select__toggle-text">Name</span>
761
- </div>
762
- <span class="pf-v5-c-select__toggle-arrow">
763
- <i class="fas fa-caret-down" aria-hidden="true"></i>
989
+ <button
990
+ class="pf-v5-c-menu-toggle"
991
+ type="button"
992
+ aria-expanded="false"
993
+ id="masthead-toggle-group-filters-example-masthead-toolbar-search-filter-menu"
994
+ >
995
+ <span class="pf-v5-c-menu-toggle__icon">
996
+ <i class="fas fa-filter" aria-hidden="true"></i>
997
+ </span>
998
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
999
+ <span class="pf-v5-c-menu-toggle__controls">
1000
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1001
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
764
1002
  </span>
765
- </button>
766
-
767
- <ul
768
- class="pf-v5-c-select__menu"
769
- role="listbox"
770
- aria-labelledby="masthead-toggle-group-filters-example-masthead-toolbar-select-name-label"
771
- hidden
772
- >
773
- <li role="presentation">
774
- <button
775
- class="pf-v5-c-select__menu-item"
776
- role="option"
777
- >Running</button>
778
- </li>
779
- <li role="presentation">
780
- <button
781
- class="pf-v5-c-select__menu-item pf-m-selected"
782
- role="option"
783
- aria-selected="true"
784
- >
785
- Stopped
786
- <span class="pf-v5-c-select__menu-item-icon">
787
- <i class="fas fa-check" aria-hidden="true"></i>
788
- </span>
789
- </button>
790
- </li>
791
- <li role="presentation">
792
- <button
793
- class="pf-v5-c-select__menu-item"
794
- role="option"
795
- >Down</button>
796
- </li>
797
- <li role="presentation">
798
- <button
799
- class="pf-v5-c-select__menu-item"
800
- role="option"
801
- >Degraded</button>
802
- </li>
803
- <li role="presentation">
804
- <button
805
- class="pf-v5-c-select__menu-item"
806
- role="option"
807
- >Needs maintenance</button>
808
- </li>
809
- </ul>
810
- </div>
1003
+ </span>
1004
+ </button>
811
1005
  </div>
812
1006
  <div class="pf-v5-c-input-group__item pf-m-fill">
813
1007
  <div class="pf-v5-c-text-input-group">
@@ -995,13 +1189,88 @@ wrapperTag: div
995
1189
  </button>
996
1190
  </span>
997
1191
  <div class="pf-v5-c-masthead__main">
998
- <a class="pf-v5-c-masthead__brand" href="#">
999
- <img
1000
- class="pf-v5-c-brand"
1001
- src="/assets/images/pf-logo.svg"
1002
- alt="PatternFly logo"
1003
- style="--pf-v5-c-brand--Height:36px"
1004
- />
1192
+ <a
1193
+ class="pf-v5-c-masthead__brand"
1194
+ href="#"
1195
+ style="--pf-v5-c-brand--Height: 36px;"
1196
+ >
1197
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1198
+ <title>Patternfly logo</title>
1199
+ <defs>
1200
+ <linearGradient
1201
+ x1="68%"
1202
+ y1="2.25860997e-13%"
1203
+ x2="32%"
1204
+ y2="100%"
1205
+ id="linearGradient-1"
1206
+ >
1207
+ <stop stop-color="#2B9AF3" offset="0%" />
1208
+ <stop
1209
+ stop-color="#73BCF7"
1210
+ stop-opacity="0.502212631"
1211
+ offset="100%"
1212
+ />
1213
+ </linearGradient>
1214
+ </defs>
1215
+ <g
1216
+ id="PF-HorizontalLogo-Color"
1217
+ stroke="none"
1218
+ stroke-width="1"
1219
+ fill="none"
1220
+ fill-rule="evenodd"
1221
+ >
1222
+ <g
1223
+ transform="translate(206.000000, 45.750000)"
1224
+ fill="var(--pf-t--global--text--color--regular)"
1225
+ fill-rule="nonzero"
1226
+ >
1227
+ <path
1228
+ 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"
1229
+ />
1230
+ <path
1231
+ 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"
1232
+ />
1233
+ <path
1234
+ 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"
1235
+ />
1236
+ <path
1237
+ 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"
1238
+ />
1239
+ <path
1240
+ 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"
1241
+ />
1242
+ <path
1243
+ 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"
1244
+ />
1245
+ <path
1246
+ 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"
1247
+ />
1248
+ <polygon
1249
+ 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"
1250
+ />
1251
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1252
+ <path
1253
+ 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"
1254
+ />
1255
+ </g>
1256
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1257
+ <path
1258
+ 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"
1259
+ id="Rectangle-Copy-17"
1260
+ fill="var(--pf-t--global--color--brand--200)"
1261
+ />
1262
+ <path
1263
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1264
+ fill="url(#linearGradient-1)"
1265
+ />
1266
+ <path
1267
+ 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"
1268
+ fill="url(#linearGradient-1)"
1269
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1270
+ />
1271
+ </g>
1272
+ </g>
1273
+ </svg>
1005
1274
  </a>
1006
1275
  </div>
1007
1276
  <div class="pf-v5-c-masthead__content">
@@ -1176,13 +1445,88 @@ wrapperTag: div
1176
1445
  </button>
1177
1446
  </span>
1178
1447
  <div class="pf-v5-c-masthead__main">
1179
- <a class="pf-v5-c-masthead__brand" href="#">
1180
- <img
1181
- class="pf-v5-c-brand"
1182
- src="/assets/images/pf-logo.svg"
1183
- alt="PatternFly logo"
1184
- style="--pf-v5-c-brand--Height:36px"
1185
- />
1448
+ <a
1449
+ class="pf-v5-c-masthead__brand"
1450
+ href="#"
1451
+ style="--pf-v5-c-brand--Height: 36px;"
1452
+ >
1453
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1454
+ <title>Patternfly logo</title>
1455
+ <defs>
1456
+ <linearGradient
1457
+ x1="68%"
1458
+ y1="2.25860997e-13%"
1459
+ x2="32%"
1460
+ y2="100%"
1461
+ id="linearGradient-1"
1462
+ >
1463
+ <stop stop-color="#2B9AF3" offset="0%" />
1464
+ <stop
1465
+ stop-color="#73BCF7"
1466
+ stop-opacity="0.502212631"
1467
+ offset="100%"
1468
+ />
1469
+ </linearGradient>
1470
+ </defs>
1471
+ <g
1472
+ id="PF-HorizontalLogo-Color"
1473
+ stroke="none"
1474
+ stroke-width="1"
1475
+ fill="none"
1476
+ fill-rule="evenodd"
1477
+ >
1478
+ <g
1479
+ transform="translate(206.000000, 45.750000)"
1480
+ fill="var(--pf-t--global--text--color--regular)"
1481
+ fill-rule="nonzero"
1482
+ >
1483
+ <path
1484
+ 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"
1485
+ />
1486
+ <path
1487
+ 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"
1488
+ />
1489
+ <path
1490
+ 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"
1491
+ />
1492
+ <path
1493
+ 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"
1494
+ />
1495
+ <path
1496
+ 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"
1497
+ />
1498
+ <path
1499
+ 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"
1500
+ />
1501
+ <path
1502
+ 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"
1503
+ />
1504
+ <polygon
1505
+ 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"
1506
+ />
1507
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1508
+ <path
1509
+ 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"
1510
+ />
1511
+ </g>
1512
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1513
+ <path
1514
+ 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"
1515
+ id="Rectangle-Copy-17"
1516
+ fill="var(--pf-t--global--color--brand--200)"
1517
+ />
1518
+ <path
1519
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1520
+ fill="url(#linearGradient-1)"
1521
+ />
1522
+ <path
1523
+ 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"
1524
+ fill="url(#linearGradient-1)"
1525
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1526
+ />
1527
+ </g>
1528
+ </g>
1529
+ </svg>
1186
1530
  </a>
1187
1531
  </div>
1188
1532
  <div class="pf-v5-c-masthead__content">
@@ -1375,13 +1719,88 @@ wrapperTag: div
1375
1719
  </button>
1376
1720
  </span>
1377
1721
  <div class="pf-v5-c-masthead__main">
1378
- <a class="pf-v5-c-masthead__brand" href="#">
1379
- <img
1380
- class="pf-v5-c-brand"
1381
- src="/assets/images/pf-logo.svg"
1382
- alt="PatternFly logo"
1383
- style="--pf-v5-c-brand--Height:36px"
1384
- />
1722
+ <a
1723
+ class="pf-v5-c-masthead__brand"
1724
+ href="#"
1725
+ style="--pf-v5-c-brand--Height: 36px;"
1726
+ >
1727
+ <svg height="36px" viewBox="0 0 679 158" role="img">
1728
+ <title>Patternfly logo</title>
1729
+ <defs>
1730
+ <linearGradient
1731
+ x1="68%"
1732
+ y1="2.25860997e-13%"
1733
+ x2="32%"
1734
+ y2="100%"
1735
+ id="linearGradient-1"
1736
+ >
1737
+ <stop stop-color="#2B9AF3" offset="0%" />
1738
+ <stop
1739
+ stop-color="#73BCF7"
1740
+ stop-opacity="0.502212631"
1741
+ offset="100%"
1742
+ />
1743
+ </linearGradient>
1744
+ </defs>
1745
+ <g
1746
+ id="PF-HorizontalLogo-Color"
1747
+ stroke="none"
1748
+ stroke-width="1"
1749
+ fill="none"
1750
+ fill-rule="evenodd"
1751
+ >
1752
+ <g
1753
+ transform="translate(206.000000, 45.750000)"
1754
+ fill="var(--pf-t--global--text--color--regular)"
1755
+ fill-rule="nonzero"
1756
+ >
1757
+ <path
1758
+ 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"
1759
+ />
1760
+ <path
1761
+ 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"
1762
+ />
1763
+ <path
1764
+ 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"
1765
+ />
1766
+ <path
1767
+ 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"
1768
+ />
1769
+ <path
1770
+ 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"
1771
+ />
1772
+ <path
1773
+ 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"
1774
+ />
1775
+ <path
1776
+ 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"
1777
+ />
1778
+ <polygon
1779
+ 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"
1780
+ />
1781
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
1782
+ <path
1783
+ 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"
1784
+ />
1785
+ </g>
1786
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
1787
+ <path
1788
+ 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"
1789
+ id="Rectangle-Copy-17"
1790
+ fill="var(--pf-t--global--color--brand--200)"
1791
+ />
1792
+ <path
1793
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
1794
+ fill="url(#linearGradient-1)"
1795
+ />
1796
+ <path
1797
+ 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"
1798
+ fill="url(#linearGradient-1)"
1799
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
1800
+ />
1801
+ </g>
1802
+ </g>
1803
+ </svg>
1385
1804
  </a>
1386
1805
  </div>
1387
1806
  <div class="pf-v5-c-masthead__content">
@@ -1455,7 +1874,7 @@ wrapperTag: div
1455
1874
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1456
1875
  <span class="pf-v5-c-menu-toggle__controls">
1457
1876
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1458
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1877
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1459
1878
  </span>
1460
1879
  </span>
1461
1880
  </button>
@@ -1598,13 +2017,88 @@ wrapperTag: div
1598
2017
  </div>
1599
2018
  <header class="pf-v5-c-masthead" id="masthead-horizontal-nav-masthead">
1600
2019
  <div class="pf-v5-c-masthead__main">
1601
- <a class="pf-v5-c-masthead__brand" href="#">
1602
- <img
1603
- class="pf-v5-c-brand"
1604
- src="/assets/images/pf-logo.svg"
1605
- alt="PatternFly logo"
1606
- style="--pf-v5-c-brand--Height:36px"
1607
- />
2020
+ <a
2021
+ class="pf-v5-c-masthead__brand"
2022
+ href="#"
2023
+ style="--pf-v5-c-brand--Height: 36px;"
2024
+ >
2025
+ <svg height="36px" viewBox="0 0 679 158" role="img">
2026
+ <title>Patternfly logo</title>
2027
+ <defs>
2028
+ <linearGradient
2029
+ x1="68%"
2030
+ y1="2.25860997e-13%"
2031
+ x2="32%"
2032
+ y2="100%"
2033
+ id="linearGradient-1"
2034
+ >
2035
+ <stop stop-color="#2B9AF3" offset="0%" />
2036
+ <stop
2037
+ stop-color="#73BCF7"
2038
+ stop-opacity="0.502212631"
2039
+ offset="100%"
2040
+ />
2041
+ </linearGradient>
2042
+ </defs>
2043
+ <g
2044
+ id="PF-HorizontalLogo-Color"
2045
+ stroke="none"
2046
+ stroke-width="1"
2047
+ fill="none"
2048
+ fill-rule="evenodd"
2049
+ >
2050
+ <g
2051
+ transform="translate(206.000000, 45.750000)"
2052
+ fill="var(--pf-t--global--text--color--regular)"
2053
+ fill-rule="nonzero"
2054
+ >
2055
+ <path
2056
+ 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"
2057
+ />
2058
+ <path
2059
+ 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"
2060
+ />
2061
+ <path
2062
+ 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"
2063
+ />
2064
+ <path
2065
+ 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"
2066
+ />
2067
+ <path
2068
+ 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"
2069
+ />
2070
+ <path
2071
+ 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"
2072
+ />
2073
+ <path
2074
+ 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"
2075
+ />
2076
+ <polygon
2077
+ 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"
2078
+ />
2079
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2080
+ <path
2081
+ 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"
2082
+ />
2083
+ </g>
2084
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
2085
+ <path
2086
+ 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"
2087
+ id="Rectangle-Copy-17"
2088
+ fill="var(--pf-t--global--color--brand--200)"
2089
+ />
2090
+ <path
2091
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2092
+ fill="url(#linearGradient-1)"
2093
+ />
2094
+ <path
2095
+ 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"
2096
+ fill="url(#linearGradient-1)"
2097
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2098
+ />
2099
+ </g>
2100
+ </g>
2101
+ </svg>
1608
2102
  </a>
1609
2103
  </div>
1610
2104
  <div class="pf-v5-c-masthead__content">
@@ -1723,7 +2217,7 @@ wrapperTag: div
1723
2217
  <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
1724
2218
  <span class="pf-v5-c-menu-toggle__controls">
1725
2219
  <span class="pf-v5-c-menu-toggle__toggle-icon">
1726
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2220
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1727
2221
  </span>
1728
2222
  </span>
1729
2223
  </button>
@@ -1852,13 +2346,88 @@ wrapperTag: div
1852
2346
  </button>
1853
2347
  </span>
1854
2348
  <div class="pf-v5-c-masthead__main">
1855
- <a class="pf-v5-c-masthead__brand" href="#">
1856
- <img
1857
- class="pf-v5-c-brand"
1858
- src="/assets/images/pf-logo.svg"
1859
- alt="PatternFly logo"
1860
- style="--pf-v5-c-brand--Height:36px"
1861
- />
2349
+ <a
2350
+ class="pf-v5-c-masthead__brand"
2351
+ href="#"
2352
+ style="--pf-v5-c-brand--Height: 36px;"
2353
+ >
2354
+ <svg height="36px" viewBox="0 0 679 158" role="img">
2355
+ <title>Patternfly logo</title>
2356
+ <defs>
2357
+ <linearGradient
2358
+ x1="68%"
2359
+ y1="2.25860997e-13%"
2360
+ x2="32%"
2361
+ y2="100%"
2362
+ id="linearGradient-1"
2363
+ >
2364
+ <stop stop-color="#2B9AF3" offset="0%" />
2365
+ <stop
2366
+ stop-color="#73BCF7"
2367
+ stop-opacity="0.502212631"
2368
+ offset="100%"
2369
+ />
2370
+ </linearGradient>
2371
+ </defs>
2372
+ <g
2373
+ id="PF-HorizontalLogo-Color"
2374
+ stroke="none"
2375
+ stroke-width="1"
2376
+ fill="none"
2377
+ fill-rule="evenodd"
2378
+ >
2379
+ <g
2380
+ transform="translate(206.000000, 45.750000)"
2381
+ fill="var(--pf-t--global--text--color--regular)"
2382
+ fill-rule="nonzero"
2383
+ >
2384
+ <path
2385
+ 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"
2386
+ />
2387
+ <path
2388
+ 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"
2389
+ />
2390
+ <path
2391
+ 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"
2392
+ />
2393
+ <path
2394
+ 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"
2395
+ />
2396
+ <path
2397
+ 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"
2398
+ />
2399
+ <path
2400
+ 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"
2401
+ />
2402
+ <path
2403
+ 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"
2404
+ />
2405
+ <polygon
2406
+ 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"
2407
+ />
2408
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
2409
+ <path
2410
+ 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"
2411
+ />
2412
+ </g>
2413
+ <g id="Logo" transform="translate(0.000000, 0.000000)">
2414
+ <path
2415
+ 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"
2416
+ id="Rectangle-Copy-17"
2417
+ fill="var(--pf-t--global--color--brand--200)"
2418
+ />
2419
+ <path
2420
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2421
+ fill="url(#linearGradient-1)"
2422
+ />
2423
+ <path
2424
+ 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"
2425
+ fill="url(#linearGradient-1)"
2426
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2427
+ />
2428
+ </g>
2429
+ </g>
2430
+ </svg>
1862
2431
  </a>
1863
2432
  </div>
1864
2433
  <div class="pf-v5-c-masthead__content">
@@ -1873,10 +2442,10 @@ wrapperTag: div
1873
2442
  >
1874
2443
  <div class="pf-v5-c-toolbar__toggle">
1875
2444
  <button
1876
- class="pf-v5-c-button pf-m-plain"
2445
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
1877
2446
  type="button"
1878
- aria-label="Show filters"
1879
2447
  aria-expanded="true"
2448
+ aria-label="Show filters"
1880
2449
  aria-controls="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-expandable-content"
1881
2450
  >
1882
2451
  <i class="fas fa-filter" aria-hidden="true"></i>
@@ -1905,75 +2474,22 @@ wrapperTag: div
1905
2474
  role="group"
1906
2475
  >
1907
2476
  <div class="pf-v5-c-input-group__item">
1908
- <div class="pf-v5-c-select" style="width: 124px">
1909
- <span
1910
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-label"
1911
- hidden
1912
- >Choose one</span>
1913
-
1914
- <button
1915
- class="pf-v5-c-select__toggle"
1916
- type="button"
1917
- id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-toggle"
1918
- aria-haspopup="true"
1919
- aria-expanded="false"
1920
- aria-labelledby="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-label masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-toggle"
1921
- >
1922
- <div class="pf-v5-c-select__toggle-wrapper">
1923
- <span class="pf-v5-c-select__toggle-icon">
1924
- <i class="fas fa-filter" aria-hidden="true"></i>
1925
- </span>
1926
- <span class="pf-v5-c-select__toggle-text">Name</span>
1927
- </div>
1928
- <span class="pf-v5-c-select__toggle-arrow">
1929
- <i class="fas fa-caret-down" aria-hidden="true"></i>
2477
+ <button
2478
+ class="pf-v5-c-menu-toggle"
2479
+ type="button"
2480
+ aria-expanded="false"
2481
+ id="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-search-filter-menu"
2482
+ >
2483
+ <span class="pf-v5-c-menu-toggle__icon">
2484
+ <i class="fas fa-filter" aria-hidden="true"></i>
2485
+ </span>
2486
+ <span class="pf-v5-c-menu-toggle__text">Name</span>
2487
+ <span class="pf-v5-c-menu-toggle__controls">
2488
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
2489
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
1930
2490
  </span>
1931
- </button>
1932
-
1933
- <ul
1934
- class="pf-v5-c-select__menu"
1935
- role="listbox"
1936
- aria-labelledby="masthead-toggle-group-filters-expanded-mobile-example-masthead-toolbar-select-name-label"
1937
- hidden
1938
- >
1939
- <li role="presentation">
1940
- <button
1941
- class="pf-v5-c-select__menu-item"
1942
- role="option"
1943
- >Running</button>
1944
- </li>
1945
- <li role="presentation">
1946
- <button
1947
- class="pf-v5-c-select__menu-item pf-m-selected"
1948
- role="option"
1949
- aria-selected="true"
1950
- >
1951
- Stopped
1952
- <span class="pf-v5-c-select__menu-item-icon">
1953
- <i class="fas fa-check" aria-hidden="true"></i>
1954
- </span>
1955
- </button>
1956
- </li>
1957
- <li role="presentation">
1958
- <button
1959
- class="pf-v5-c-select__menu-item"
1960
- role="option"
1961
- >Down</button>
1962
- </li>
1963
- <li role="presentation">
1964
- <button
1965
- class="pf-v5-c-select__menu-item"
1966
- role="option"
1967
- >Degraded</button>
1968
- </li>
1969
- <li role="presentation">
1970
- <button
1971
- class="pf-v5-c-select__menu-item"
1972
- role="option"
1973
- >Needs maintenance</button>
1974
- </li>
1975
- </ul>
1976
- </div>
2491
+ </span>
2492
+ </button>
1977
2493
  </div>
1978
2494
  <div class="pf-v5-c-input-group__item pf-m-fill">
1979
2495
  <div class="pf-v5-c-text-input-group">