@patternfly/patternfly 6.0.0-alpha.5 → 6.0.0-alpha.51

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 (362) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/README.md +13 -3
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/PF-Backdrop.svg +1 -0
  5. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  6. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  7. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  8. package/assets/images/PF-IconLogo-color.svg +17 -0
  9. package/assets/images/PF-IconLogo.svg +17 -0
  10. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  11. package/assets/images/pf-background.svg +22 -0
  12. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  13. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  14. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  15. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  16. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  17. package/assets/images/pf_logo_white.hbs +35 -0
  18. package/assets/images/pf_logo_white.svg +38 -0
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  20. package/assets/pficon/pficon.scss +6 -129
  21. package/base/_common.scss +29 -4
  22. package/base/_globals.scss +5 -7
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -4
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +889 -787
  29. package/base/tokens/_tokens-dark.scss +322 -265
  30. package/base/tokens/_tokens-default.scss +428 -306
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +69 -71
  33. package/base/tokens/_workspace-overrides.scss +7 -0
  34. package/components/AboutModalBox/about-modal-box.css +78 -104
  35. package/components/AboutModalBox/about-modal-box.scss +62 -74
  36. package/components/Accordion/accordion.css +96 -175
  37. package/components/Accordion/accordion.scss +106 -193
  38. package/components/ActionList/action-list.css +2 -2
  39. package/components/ActionList/action-list.scss +2 -2
  40. package/components/Alert/alert-group.css +27 -20
  41. package/components/Alert/alert-group.scss +27 -20
  42. package/components/Alert/alert.css +74 -95
  43. package/components/Alert/alert.scss +76 -89
  44. package/components/AppLauncher/app-launcher.css +32 -23
  45. package/components/AppLauncher/app-launcher.scss +32 -23
  46. package/components/Avatar/avatar.css +10 -13
  47. package/components/Avatar/avatar.scss +10 -17
  48. package/components/BackToTop/back-to-top.css +17 -15
  49. package/components/BackToTop/back-to-top.scss +14 -13
  50. package/components/Backdrop/backdrop.css +8 -4
  51. package/components/Backdrop/backdrop.scss +7 -4
  52. package/components/BackgroundImage/background-image.css +11 -4
  53. package/components/BackgroundImage/background-image.scss +13 -4
  54. package/components/Badge/badge.css +25 -17
  55. package/components/Badge/badge.scss +27 -19
  56. package/components/Banner/banner.css +95 -69
  57. package/components/Banner/banner.scss +100 -34
  58. package/components/Breadcrumb/breadcrumb.css +28 -19
  59. package/components/Breadcrumb/breadcrumb.scss +26 -19
  60. package/components/Button/button.css +401 -358
  61. package/components/Button/button.scss +459 -486
  62. package/components/CalendarMonth/calendar-month.css +25 -15
  63. package/components/CalendarMonth/calendar-month.scss +23 -15
  64. package/components/Card/card.css +28 -17
  65. package/components/Card/card.scss +32 -17
  66. package/components/Check/check.css +25 -22
  67. package/components/Check/check.scss +26 -24
  68. package/components/Chip/chip-group.css +6 -6
  69. package/components/Chip/chip-group.scss +6 -6
  70. package/components/Chip/chip.css +16 -9
  71. package/components/Chip/chip.scss +17 -9
  72. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  73. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  74. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  75. package/components/CodeBlock/code-block.css +6 -3
  76. package/components/CodeBlock/code-block.scss +6 -3
  77. package/components/CodeEditor/code-editor.css +31 -22
  78. package/components/CodeEditor/code-editor.scss +30 -21
  79. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  80. package/components/Content/content.css +40 -37
  81. package/components/Content/content.scss +40 -37
  82. package/components/ContextSelector/context-selector.css +41 -26
  83. package/components/ContextSelector/context-selector.scss +40 -25
  84. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  85. package/components/DataList/data-list-grid.css +21 -21
  86. package/components/DataList/data-list-grid.scss +3 -3
  87. package/components/DataList/data-list.css +165 -209
  88. package/components/DataList/data-list.scss +138 -185
  89. package/components/DatePicker/date-picker.css +8 -8
  90. package/components/DatePicker/date-picker.scss +8 -8
  91. package/components/DescriptionList/description-list.css +8 -5
  92. package/components/DescriptionList/description-list.scss +8 -5
  93. package/components/Divider/divider.css +97 -177
  94. package/components/Divider/divider.scss +60 -79
  95. package/components/DragDrop/drag-drop.css +8 -8
  96. package/components/DragDrop/drag-drop.scss +8 -8
  97. package/components/Drawer/drawer.css +120 -62
  98. package/components/Drawer/drawer.scss +94 -44
  99. package/components/Dropdown/dropdown.css +76 -69
  100. package/components/Dropdown/dropdown.scss +67 -62
  101. package/components/DualListSelector/dual-list-selector.css +29 -15
  102. package/components/DualListSelector/dual-list-selector.scss +30 -15
  103. package/components/EmptyState/empty-state.css +64 -38
  104. package/components/EmptyState/empty-state.scss +70 -38
  105. package/components/ExpandableSection/expandable-section.css +75 -66
  106. package/components/ExpandableSection/expandable-section.scss +82 -80
  107. package/components/FileUpload/file-upload.css +9 -15
  108. package/components/FileUpload/file-upload.scss +9 -15
  109. package/components/Form/form.css +111 -154
  110. package/components/Form/form.scss +101 -160
  111. package/components/FormControl/form-control.css +95 -111
  112. package/components/FormControl/form-control.scss +97 -92
  113. package/components/HelperText/helper-text.css +29 -35
  114. package/components/HelperText/helper-text.scss +31 -41
  115. package/components/Hint/hint.css +37 -27
  116. package/components/Hint/hint.scss +37 -30
  117. package/components/Icon/icon.css +1 -1
  118. package/components/Icon/icon.scss +1 -1
  119. package/components/InlineEdit/inline-edit.css +9 -9
  120. package/components/InlineEdit/inline-edit.scss +9 -9
  121. package/components/InputGroup/input-group.css +12 -6
  122. package/components/InputGroup/input-group.scss +11 -5
  123. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  124. package/components/JumpLinks/jump-links.css +27 -24
  125. package/components/JumpLinks/jump-links.scss +26 -24
  126. package/components/Label/label-group.css +13 -10
  127. package/components/Label/label-group.scss +13 -10
  128. package/components/Label/label.css +9 -9
  129. package/components/Label/label.scss +9 -9
  130. package/components/List/list.css +25 -25
  131. package/components/List/list.scss +26 -26
  132. package/components/LogViewer/log-viewer.css +14 -14
  133. package/components/LogViewer/log-viewer.scss +14 -14
  134. package/components/Login/login.css +104 -122
  135. package/components/Login/login.scss +92 -91
  136. package/components/Masthead/masthead.css +273 -498
  137. package/components/Masthead/masthead.scss +137 -282
  138. package/components/Menu/menu.css +82 -65
  139. package/components/Menu/menu.scss +85 -69
  140. package/components/MenuToggle/menu-toggle.css +37 -31
  141. package/components/MenuToggle/menu-toggle.scss +37 -33
  142. package/components/ModalBox/modal-box.css +76 -69
  143. package/components/ModalBox/modal-box.scss +74 -70
  144. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  145. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  146. package/components/Nav/nav.css +249 -898
  147. package/components/Nav/nav.scss +316 -1071
  148. package/components/Nav/themes/dark/nav.scss +2 -2
  149. package/components/NotificationBadge/notification-badge.css +66 -85
  150. package/components/NotificationBadge/notification-badge.scss +72 -103
  151. package/components/NotificationDrawer/notification-drawer.css +130 -128
  152. package/components/NotificationDrawer/notification-drawer.scss +130 -129
  153. package/components/NumberInput/number-input.css +2 -2
  154. package/components/NumberInput/number-input.scss +2 -2
  155. package/components/OptionsMenu/options-menu.css +43 -31
  156. package/components/OptionsMenu/options-menu.scss +43 -31
  157. package/components/OverflowMenu/overflow-menu.css +2 -2
  158. package/components/OverflowMenu/overflow-menu.scss +2 -2
  159. package/components/Page/page.css +232 -271
  160. package/components/Page/page.scss +180 -231
  161. package/components/Pagination/pagination.css +71 -121
  162. package/components/Pagination/pagination.scss +56 -127
  163. package/components/Panel/panel.css +40 -30
  164. package/components/Panel/panel.scss +42 -33
  165. package/components/Popover/popover.css +108 -87
  166. package/components/Popover/popover.scss +120 -109
  167. package/components/Progress/progress.css +40 -52
  168. package/components/Progress/progress.scss +48 -62
  169. package/components/ProgressStepper/progress-stepper.css +26 -20
  170. package/components/ProgressStepper/progress-stepper.scss +25 -19
  171. package/components/Radio/radio.css +30 -23
  172. package/components/Radio/radio.scss +31 -25
  173. package/components/Select/select.css +56 -47
  174. package/components/Select/select.scss +56 -47
  175. package/components/Sidebar/sidebar.css +11 -5
  176. package/components/Sidebar/sidebar.scss +11 -5
  177. package/components/SimpleList/simple-list.css +45 -56
  178. package/components/SimpleList/simple-list.scss +51 -55
  179. package/components/Skeleton/skeleton.css +24 -25
  180. package/components/Skeleton/skeleton.scss +21 -26
  181. package/components/SkipToContent/skip-to-content.css +9 -6
  182. package/components/SkipToContent/skip-to-content.scss +8 -6
  183. package/components/Slider/slider.css +80 -55
  184. package/components/Slider/slider.scss +96 -65
  185. package/components/Spinner/spinner.css +17 -34
  186. package/components/Spinner/spinner.scss +19 -47
  187. package/components/Switch/switch.css +49 -41
  188. package/components/Switch/switch.scss +51 -42
  189. package/components/TabContent/tab-content.css +21 -12
  190. package/components/TabContent/tab-content.scss +22 -15
  191. package/components/Table/table-grid.css +264 -203
  192. package/components/Table/table-grid.scss +61 -47
  193. package/components/Table/table-scrollable.css +4 -4
  194. package/components/Table/table-scrollable.scss +6 -4
  195. package/components/Table/table-tree-view.css +112 -105
  196. package/components/Table/table-tree-view.scss +38 -33
  197. package/components/Table/table.css +105 -89
  198. package/components/Table/table.scss +105 -89
  199. package/components/Tabs/tabs.css +76 -48
  200. package/components/Tabs/tabs.scss +74 -48
  201. package/components/TextInputGroup/text-input-group.css +15 -15
  202. package/components/TextInputGroup/text-input-group.scss +15 -15
  203. package/components/Tile/tile.css +10 -10
  204. package/components/Tile/tile.scss +10 -10
  205. package/components/Timestamp/timestamp.css +12 -9
  206. package/components/Timestamp/timestamp.scss +11 -10
  207. package/components/Title/title.css +70 -19
  208. package/components/Title/title.scss +90 -20
  209. package/components/ToggleGroup/toggle-group.css +14 -11
  210. package/components/ToggleGroup/toggle-group.scss +14 -11
  211. package/components/Toolbar/toolbar.css +57 -43
  212. package/components/Toolbar/toolbar.scss +45 -25
  213. package/components/Tooltip/tooltip.css +74 -44
  214. package/components/Tooltip/tooltip.scss +93 -77
  215. package/components/TreeView/tree-view.css +48 -27
  216. package/components/TreeView/tree-view.scss +50 -28
  217. package/components/Truncate/truncate.css +13 -0
  218. package/components/Truncate/truncate.scss +19 -3
  219. package/components/Wizard/wizard.css +57 -36
  220. package/components/Wizard/wizard.scss +57 -36
  221. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  222. package/docs/components/Accordion/examples/Accordion.md +614 -416
  223. package/docs/components/Alert/examples/Alert.md +3 -3
  224. package/docs/components/Avatar/examples/Avatar.md +5 -19
  225. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  226. package/docs/components/Badge/examples/Badge.md +21 -0
  227. package/docs/components/Banner/examples/Banner.md +48 -25
  228. package/docs/components/Brand/examples/Brand.css +12 -0
  229. package/docs/components/Brand/examples/Brand.md +51 -32
  230. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  231. package/docs/components/Button/examples/Button.css +6 -2
  232. package/docs/components/Button/examples/Button.md +1425 -87
  233. package/docs/components/Card/examples/Card.md +143 -37
  234. package/docs/components/Check/examples/Check.md +71 -58
  235. package/docs/components/Chip/examples/Chip.md +1 -1
  236. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  237. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  238. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  239. package/docs/components/Content/examples/Content.md +5 -5
  240. package/docs/components/Divider/examples/Divider.css +3 -1
  241. package/docs/components/Divider/examples/Divider.md +4 -5
  242. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  243. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  244. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  245. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  246. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  247. package/docs/components/Form/examples/Form.md +134 -89
  248. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  249. package/docs/components/Label/examples/Label.md +12 -12
  250. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  251. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  252. package/docs/components/Login/examples/Login.md +10 -5
  253. package/docs/components/Masthead/examples/masthead.md +443 -65
  254. package/docs/components/Menu/examples/Menu.css +8 -0
  255. package/docs/components/Menu/examples/Menu.md +594 -543
  256. package/docs/components/MenuToggle/examples/MenuToggle.md +109 -96
  257. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  258. package/docs/components/Nav/examples/Navigation.css +3 -47
  259. package/docs/components/Nav/examples/Navigation.md +305 -353
  260. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  261. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  262. package/docs/components/Page/examples/Page.css +0 -8
  263. package/docs/components/Page/examples/Page.md +22 -21
  264. package/docs/components/Pagination/examples/Pagination.md +663 -637
  265. package/docs/components/Panel/examples/Panel.md +12 -0
  266. package/docs/components/Popover/examples/Popover.css +4 -9
  267. package/docs/components/Popover/examples/Popover.md +1 -1
  268. package/docs/components/Radio/examples/Radio.md +62 -54
  269. package/docs/components/Select/deprecated/Select.md +184 -177
  270. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  271. package/docs/components/TabContent/examples/TabContent.md +10 -10
  272. package/docs/components/Table/examples/Table.css +2 -2
  273. package/docs/components/Table/examples/Table.md +10 -10
  274. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  275. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  276. package/docs/components/Tile/examples/Tile.css +1 -1
  277. package/docs/components/Title/examples/Title.md +18 -0
  278. package/docs/components/Toolbar/examples/Toolbar.md +663 -2894
  279. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  280. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  281. package/docs/components/Truncate/examples/Truncate.css +2 -2
  282. package/docs/components/Truncate/examples/Truncate.md +2 -2
  283. package/docs/demos/AboutModal/examples/AboutModal.md +103 -30
  284. package/docs/demos/Alert/examples/Alert.md +327 -84
  285. package/docs/demos/BackToTop/examples/BackToTop.md +101 -28
  286. package/docs/demos/Banner/examples/Banner.md +209 -58
  287. package/docs/demos/Card/examples/Card.css +3 -3
  288. package/docs/demos/Card/examples/Card.md +28 -12
  289. package/docs/demos/CardView/examples/CardView.md +263 -205
  290. package/docs/demos/ContextSelector/examples/ContextSelector.md +373 -90
  291. package/docs/demos/Dashboard/examples/Dashboard.md +104 -31
  292. package/docs/demos/DataList/examples/DataList.md +995 -928
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +303 -84
  294. package/docs/demos/Drawer/examples/Drawer.md +505 -140
  295. package/docs/demos/Form/examples/BasicForms.md +131 -80
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +606 -168
  297. package/docs/demos/Masthead/examples/Masthead.md +767 -323
  298. package/docs/demos/Modal/examples/Modal.md +639 -192
  299. package/docs/demos/Nav/examples/Nav.md +685 -896
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +510 -140
  301. package/docs/demos/Page/examples/Page.md +933 -264
  302. package/docs/demos/Page/examples/Penta.md +569 -501
  303. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  304. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  305. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1296 -917
  306. package/docs/demos/Skeleton/examples/Skeleton.md +108 -63
  307. package/docs/demos/Table/examples/Table.md +3832 -3390
  308. package/docs/demos/Tabs/examples/Tabs.md +636 -191
  309. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  310. package/docs/demos/Toolbar/examples/Toolbar.md +1331 -1493
  311. package/docs/demos/Wizard/examples/Wizard.md +909 -252
  312. package/docs/layouts/Flex/examples/Flex.md +16 -16
  313. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  314. package/icons/pficons.mjs +1 -0
  315. package/layouts/Flex/flex.css +115 -43
  316. package/layouts/Flex/flex.scss +20 -8
  317. package/package.json +36 -32
  318. package/patternfly-addons.css +732 -972
  319. package/patternfly-base-no-globals-theme-dark-unversioned.css +923 -799
  320. package/patternfly-base-no-globals.css +923 -799
  321. package/patternfly-base-theme-dark-unversioned.css +928 -803
  322. package/patternfly-base.css +928 -803
  323. package/patternfly-no-globals.css +6119 -6639
  324. package/patternfly-theme-dark-unversioned.css +6128 -6647
  325. package/patternfly.css +6128 -6647
  326. package/patternfly.min.css +1 -1
  327. package/patternfly.min.css.map +1 -1
  328. package/sass-utilities/functions.scss +6 -0
  329. package/sass-utilities/mixins.scss +62 -2
  330. package/sass-utilities/scss-variables.scss +8 -8
  331. package/sass-utilities/themes/dark/mixins.scss +3 -1
  332. package/utilities/Accessibility/accessibility.css +12 -12
  333. package/utilities/Spacing/spacing.css +720 -960
  334. package/utilities/Spacing/spacing.scss +4 -8
  335. package/base/themes/dark/_variables.scss +0 -102
  336. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  337. package/components/Accordion/themes/dark/accordion.scss +0 -9
  338. package/components/Alert/themes/dark/alert.scss +0 -17
  339. package/components/Badge/themes/dark/badge.scss +0 -9
  340. package/components/Banner/themes/dark/banner.scss +0 -14
  341. package/components/Button/themes/dark/button.scss +0 -51
  342. package/components/DataList/themes/dark/data-list.scss +0 -10
  343. package/components/Form/themes/dark/form.scss +0 -7
  344. package/components/FormControl/themes/dark/form-control.scss +0 -24
  345. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  346. package/components/Hint/themes/dark/hint.scss +0 -8
  347. package/components/Login/themes/dark/login.scss +0 -12
  348. package/components/Masthead/themes/dark/masthead.scss +0 -14
  349. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  350. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  351. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  352. package/components/Page/themes/dark/page.scss +0 -69
  353. package/components/Pagination/themes/dark/pagination.scss +0 -7
  354. package/components/Panel/themes/dark/panel.scss +0 -7
  355. package/components/Popover/themes/dark/popover.scss +0 -11
  356. package/components/Progress/themes/dark/progress.scss +0 -9
  357. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  358. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  359. package/components/Switch/themes/dark/switch.scss +0 -11
  360. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  361. package/docs/components/Avatar/examples/Avatar.css +0 -3
  362. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -25,12 +25,76 @@ section: components
25
25
  </span>
26
26
  <div class="pf-v5-c-masthead__main">
27
27
  <a class="pf-v5-c-masthead__brand" href="#">
28
- <img
29
- class="pf-v5-c-brand"
30
- src="/assets/images/pf-logo.svg"
31
- alt="PatternFly logo"
32
- style="--pf-v5-c-brand--Height:36px"
33
- />
28
+ <svg height="40px" viewBox="0 0 679 158">
29
+ <title>PF-HorizontalLogo-Color</title>
30
+ <defs>
31
+ <linearGradient
32
+ x1="68%"
33
+ y1="2.25860997e-13%"
34
+ x2="32%"
35
+ y2="100%"
36
+ id="linearGradient-skeleton-basic-example-masthead"
37
+ >
38
+ <stop stop-color="#2B9AF3" offset="0%" />
39
+ <stop
40
+ stop-color="#73BCF7"
41
+ stop-opacity="0.502212631"
42
+ offset="100%"
43
+ />
44
+ </linearGradient>
45
+ </defs>
46
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
47
+ <g
48
+ transform="translate(206.000000, 45.750000)"
49
+ fill="var(--pf-t--global--text--color--regular)"
50
+ fill-rule="nonzero"
51
+ >
52
+ <path
53
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
54
+ />
55
+ <path
56
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
57
+ />
58
+ <path
59
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
60
+ />
61
+ <path
62
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
63
+ />
64
+ <path
65
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
66
+ />
67
+ <path
68
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
69
+ />
70
+ <path
71
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
72
+ />
73
+ <polygon
74
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
75
+ />
76
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
77
+ <path
78
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
79
+ />
80
+ </g>
81
+ <g transform="translate(0.000000, 0.000000)">
82
+ <path
83
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
84
+ fill="#0066CC"
85
+ />
86
+ <path
87
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
88
+ fill="url(#linearGradient-skeleton-basic-example-masthead)"
89
+ />
90
+ <path
91
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
92
+ fill="url(#linearGradient-skeleton-basic-example-masthead)"
93
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
94
+ />
95
+ </g>
96
+ </g>
97
+ </svg>
34
98
  </a>
35
99
  </div>
36
100
  <div class="pf-v5-c-masthead__content">
@@ -40,8 +104,38 @@ section: components
40
104
  >
41
105
  <div class="pf-v5-c-toolbar__content">
42
106
  <div class="pf-v5-c-toolbar__content-section">
107
+ <div class="pf-v5-c-toolbar__item">
108
+ <button
109
+ class="pf-v5-c-menu-toggle"
110
+ type="button"
111
+ aria-expanded="false"
112
+ >
113
+ <span class="pf-v5-c-menu-toggle__text">Overview</span>
114
+ <span class="pf-v5-c-menu-toggle__controls">
115
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
116
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
117
+ </span>
118
+ </span>
119
+ </button>
120
+ </div>
121
+
122
+ <div class="pf-v5-c-toolbar__item">
123
+ <button
124
+ class="pf-v5-c-menu-toggle"
125
+ type="button"
126
+ aria-expanded="false"
127
+ >
128
+ <span class="pf-v5-c-menu-toggle__text">Services</span>
129
+ <span class="pf-v5-c-menu-toggle__controls">
130
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
131
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
132
+ </span>
133
+ </span>
134
+ </button>
135
+ </div>
136
+
43
137
  <div
44
- class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
138
+ class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
45
139
  >
46
140
  <div
47
141
  class="pf-v5-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
@@ -88,27 +182,6 @@ section: components
88
182
  </button>
89
183
  </div>
90
184
  </div>
91
- <div class="pf-v5-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
92
- <button
93
- class="pf-v5-c-menu-toggle pf-m-full-height"
94
- type="button"
95
- aria-expanded="false"
96
- >
97
- <span class="pf-v5-c-menu-toggle__icon">
98
- <img
99
- class="pf-v5-c-avatar"
100
- alt="Avatar image"
101
- src="/assets/images/img_avatar-light.svg"
102
- />
103
- </span>
104
- <span class="pf-v5-c-menu-toggle__text">Ned Username</span>
105
- <span class="pf-v5-c-menu-toggle__controls">
106
- <span class="pf-v5-c-menu-toggle__toggle-icon">
107
- <i class="fas fa-angle-down" aria-hidden="true"></i>
108
- </span>
109
- </span>
110
- </button>
111
- </div>
112
185
  </div>
113
186
  </div>
114
187
  </div>
@@ -206,11 +279,7 @@ section: components
206
279
  </div>
207
280
  </div>
208
281
  <div class="pf-v5-c-card__body">
209
- <div class="pf-v5-c-skeleton">
210
- <div class="pf-v5-l-bullseye">
211
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
212
- </div>
213
- </div>
282
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
214
283
  </div>
215
284
  <div class="pf-v5-c-card__body">
216
285
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -231,11 +300,7 @@ section: components
231
300
  </div>
232
301
  </div>
233
302
  <div class="pf-v5-c-card__body">
234
- <div class="pf-v5-c-skeleton">
235
- <div class="pf-v5-l-bullseye">
236
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
237
- </div>
238
- </div>
303
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
239
304
  </div>
240
305
  <div class="pf-v5-c-card__body">
241
306
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -256,11 +321,7 @@ section: components
256
321
  </div>
257
322
  </div>
258
323
  <div class="pf-v5-c-card__body">
259
- <div class="pf-v5-c-skeleton">
260
- <div class="pf-v5-l-bullseye">
261
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
262
- </div>
263
- </div>
324
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
264
325
  </div>
265
326
  <div class="pf-v5-c-card__body">
266
327
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -281,11 +342,7 @@ section: components
281
342
  </div>
282
343
  </div>
283
344
  <div class="pf-v5-c-card__body">
284
- <div class="pf-v5-c-skeleton">
285
- <div class="pf-v5-l-bullseye">
286
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
287
- </div>
288
- </div>
345
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
289
346
  </div>
290
347
  <div class="pf-v5-c-card__body">
291
348
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -306,11 +363,7 @@ section: components
306
363
  </div>
307
364
  </div>
308
365
  <div class="pf-v5-c-card__body">
309
- <div class="pf-v5-c-skeleton">
310
- <div class="pf-v5-l-bullseye">
311
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
312
- </div>
313
- </div>
366
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
314
367
  </div>
315
368
  <div class="pf-v5-c-card__body">
316
369
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -331,11 +384,7 @@ section: components
331
384
  </div>
332
385
  </div>
333
386
  <div class="pf-v5-c-card__body">
334
- <div class="pf-v5-c-skeleton">
335
- <div class="pf-v5-l-bullseye">
336
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
337
- </div>
338
- </div>
387
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
339
388
  </div>
340
389
  <div class="pf-v5-c-card__body">
341
390
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">
@@ -356,11 +405,7 @@ section: components
356
405
  </div>
357
406
  </div>
358
407
  <div class="pf-v5-c-card__body">
359
- <div class="pf-v5-c-skeleton">
360
- <div class="pf-v5-l-bullseye">
361
- <div class="pf-v5-c-skeleton pf-m-circle pf-m-width-md"></div>
362
- </div>
363
- </div>
408
+ <div class="pf-v5-c-skeleton pf-m-square pf-m-width-md"></div>
364
409
  </div>
365
410
  <div class="pf-v5-c-card__body">
366
411
  <div class="pf-v5-l-flex pf-m-column pf-m-spacer-md">