@patternfly/patternfly 6.0.0-alpha.4 → 6.0.0-alpha.41

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 (346) 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 -9
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -5
  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 +35 -23
  61. package/components/Button/button.scss +36 -26
  62. package/components/Button/themes/dark/button.scss +1 -1
  63. package/components/CalendarMonth/calendar-month.css +25 -15
  64. package/components/CalendarMonth/calendar-month.scss +23 -15
  65. package/components/Card/card.css +28 -17
  66. package/components/Card/card.scss +32 -17
  67. package/components/Check/check.css +12 -10
  68. package/components/Check/check.scss +17 -12
  69. package/components/Chip/chip-group.css +6 -6
  70. package/components/Chip/chip-group.scss +6 -6
  71. package/components/Chip/chip.css +16 -9
  72. package/components/Chip/chip.scss +17 -9
  73. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  74. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  75. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  76. package/components/CodeBlock/code-block.css +6 -3
  77. package/components/CodeBlock/code-block.scss +6 -3
  78. package/components/CodeEditor/code-editor.css +31 -22
  79. package/components/CodeEditor/code-editor.scss +30 -21
  80. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  81. package/components/Content/content.css +100 -97
  82. package/components/Content/content.scss +101 -98
  83. package/components/ContextSelector/context-selector.css +41 -26
  84. package/components/ContextSelector/context-selector.scss +40 -25
  85. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  86. package/components/DataList/data-list-grid.css +21 -21
  87. package/components/DataList/data-list-grid.scss +3 -3
  88. package/components/DataList/data-list.css +69 -56
  89. package/components/DataList/data-list.scss +47 -35
  90. package/components/DatePicker/date-picker.css +8 -8
  91. package/components/DatePicker/date-picker.scss +8 -8
  92. package/components/DescriptionList/description-list.css +8 -5
  93. package/components/DescriptionList/description-list.scss +8 -5
  94. package/components/Divider/divider.css +97 -177
  95. package/components/Divider/divider.scss +60 -79
  96. package/components/DragDrop/drag-drop.css +8 -8
  97. package/components/DragDrop/drag-drop.scss +8 -8
  98. package/components/Drawer/drawer.css +120 -62
  99. package/components/Drawer/drawer.scss +94 -44
  100. package/components/Dropdown/dropdown.css +76 -69
  101. package/components/Dropdown/dropdown.scss +67 -62
  102. package/components/DualListSelector/dual-list-selector.css +29 -15
  103. package/components/DualListSelector/dual-list-selector.scss +30 -15
  104. package/components/EmptyState/empty-state.css +64 -38
  105. package/components/EmptyState/empty-state.scss +70 -38
  106. package/components/ExpandableSection/expandable-section.css +75 -66
  107. package/components/ExpandableSection/expandable-section.scss +82 -80
  108. package/components/FileUpload/file-upload.css +9 -15
  109. package/components/FileUpload/file-upload.scss +9 -15
  110. package/components/Form/form.css +59 -50
  111. package/components/Form/form.scss +50 -45
  112. package/components/FormControl/form-control.css +18 -9
  113. package/components/FormControl/form-control.scss +18 -9
  114. package/components/HelperText/helper-text.css +29 -35
  115. package/components/HelperText/helper-text.scss +31 -41
  116. package/components/Hint/hint.css +37 -27
  117. package/components/Hint/hint.scss +37 -30
  118. package/components/Icon/icon.css +1 -1
  119. package/components/Icon/icon.scss +1 -1
  120. package/components/InlineEdit/inline-edit.css +9 -9
  121. package/components/InlineEdit/inline-edit.scss +9 -9
  122. package/components/InputGroup/input-group.css +12 -6
  123. package/components/InputGroup/input-group.scss +11 -5
  124. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  125. package/components/JumpLinks/jump-links.css +27 -24
  126. package/components/JumpLinks/jump-links.scss +26 -24
  127. package/components/Label/label-group.css +13 -10
  128. package/components/Label/label-group.scss +13 -10
  129. package/components/Label/label.css +9 -9
  130. package/components/Label/label.scss +9 -9
  131. package/components/List/list.css +25 -25
  132. package/components/List/list.scss +26 -26
  133. package/components/LogViewer/log-viewer.css +14 -14
  134. package/components/LogViewer/log-viewer.scss +14 -14
  135. package/components/Login/login.css +104 -122
  136. package/components/Login/login.scss +92 -91
  137. package/components/Masthead/masthead.css +273 -498
  138. package/components/Masthead/masthead.scss +137 -282
  139. package/components/Menu/menu.css +82 -65
  140. package/components/Menu/menu.scss +85 -69
  141. package/components/MenuToggle/menu-toggle.css +90 -100
  142. package/components/MenuToggle/menu-toggle.scss +93 -111
  143. package/components/ModalBox/modal-box.css +76 -69
  144. package/components/ModalBox/modal-box.scss +74 -70
  145. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  146. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  147. package/components/Nav/nav.css +162 -133
  148. package/components/Nav/nav.scss +162 -135
  149. package/components/Nav/themes/dark/nav.scss +2 -2
  150. package/components/NotificationBadge/notification-badge.css +66 -85
  151. package/components/NotificationBadge/notification-badge.scss +72 -103
  152. package/components/NotificationDrawer/notification-drawer.css +32 -19
  153. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  154. package/components/NumberInput/number-input.css +2 -2
  155. package/components/NumberInput/number-input.scss +2 -2
  156. package/components/OptionsMenu/options-menu.css +43 -31
  157. package/components/OptionsMenu/options-menu.scss +43 -31
  158. package/components/OverflowMenu/overflow-menu.css +2 -2
  159. package/components/OverflowMenu/overflow-menu.scss +2 -2
  160. package/components/Page/page.css +232 -271
  161. package/components/Page/page.scss +180 -231
  162. package/components/Pagination/pagination.css +71 -121
  163. package/components/Pagination/pagination.scss +56 -127
  164. package/components/Panel/panel.css +13 -7
  165. package/components/Panel/panel.scss +13 -7
  166. package/components/Popover/popover.css +108 -87
  167. package/components/Popover/popover.scss +120 -109
  168. package/components/Progress/progress.css +9 -7
  169. package/components/Progress/progress.scss +12 -7
  170. package/components/ProgressStepper/progress-stepper.css +26 -20
  171. package/components/ProgressStepper/progress-stepper.scss +25 -19
  172. package/components/Radio/radio.css +16 -13
  173. package/components/Radio/radio.scss +20 -14
  174. package/components/Select/select.css +56 -47
  175. package/components/Select/select.scss +56 -47
  176. package/components/Sidebar/sidebar.css +11 -5
  177. package/components/Sidebar/sidebar.scss +11 -5
  178. package/components/SimpleList/simple-list.css +45 -56
  179. package/components/SimpleList/simple-list.scss +51 -55
  180. package/components/Skeleton/skeleton.css +24 -25
  181. package/components/Skeleton/skeleton.scss +21 -26
  182. package/components/SkipToContent/skip-to-content.css +9 -6
  183. package/components/SkipToContent/skip-to-content.scss +8 -6
  184. package/components/Slider/slider.css +47 -26
  185. package/components/Slider/slider.scss +56 -28
  186. package/components/Switch/switch.css +10 -6
  187. package/components/Switch/switch.scss +11 -7
  188. package/components/TabContent/tab-content.css +4 -1
  189. package/components/TabContent/tab-content.scss +4 -1
  190. package/components/Table/table-grid.css +264 -203
  191. package/components/Table/table-grid.scss +61 -47
  192. package/components/Table/table-scrollable.css +4 -4
  193. package/components/Table/table-scrollable.scss +6 -4
  194. package/components/Table/table-tree-view.css +112 -105
  195. package/components/Table/table-tree-view.scss +38 -33
  196. package/components/Table/table.css +105 -89
  197. package/components/Table/table.scss +105 -89
  198. package/components/Tabs/tabs.css +76 -48
  199. package/components/Tabs/tabs.scss +74 -48
  200. package/components/TextInputGroup/text-input-group.css +15 -15
  201. package/components/TextInputGroup/text-input-group.scss +15 -15
  202. package/components/Tile/tile.css +10 -10
  203. package/components/Tile/tile.scss +10 -10
  204. package/components/Title/title.css +70 -19
  205. package/components/Title/title.scss +90 -20
  206. package/components/ToggleGroup/toggle-group.css +14 -11
  207. package/components/ToggleGroup/toggle-group.scss +14 -11
  208. package/components/Toolbar/toolbar.css +57 -43
  209. package/components/Toolbar/toolbar.scss +45 -25
  210. package/components/Tooltip/tooltip.css +74 -44
  211. package/components/Tooltip/tooltip.scss +93 -77
  212. package/components/TreeView/tree-view.css +48 -27
  213. package/components/TreeView/tree-view.scss +50 -28
  214. package/components/Truncate/truncate.css +13 -0
  215. package/components/Truncate/truncate.scss +19 -3
  216. package/components/Wizard/wizard.css +57 -36
  217. package/components/Wizard/wizard.scss +57 -36
  218. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  219. package/docs/components/Accordion/examples/Accordion.md +614 -416
  220. package/docs/components/Alert/examples/Alert.md +3 -3
  221. package/docs/components/Avatar/examples/Avatar.md +5 -19
  222. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  223. package/docs/components/Badge/examples/Badge.md +21 -0
  224. package/docs/components/Banner/examples/Banner.md +48 -25
  225. package/docs/components/Brand/examples/Brand.css +12 -0
  226. package/docs/components/Brand/examples/Brand.md +51 -32
  227. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  228. package/docs/components/Button/examples/Button.css +2 -2
  229. package/docs/components/Button/examples/Button.md +15 -3
  230. package/docs/components/Card/examples/Card.md +143 -37
  231. package/docs/components/Check/examples/Check.md +71 -58
  232. package/docs/components/Chip/examples/Chip.md +1 -1
  233. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  234. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  235. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  236. package/docs/components/Content/examples/Content.md +5 -5
  237. package/docs/components/Divider/examples/Divider.css +3 -1
  238. package/docs/components/Divider/examples/Divider.md +4 -5
  239. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  240. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  241. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  242. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  243. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  244. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  245. package/docs/components/Label/examples/Label.md +12 -12
  246. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  247. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  248. package/docs/components/Login/examples/Login.md +10 -5
  249. package/docs/components/Masthead/examples/masthead.md +443 -65
  250. package/docs/components/Menu/examples/Menu.css +8 -0
  251. package/docs/components/Menu/examples/Menu.md +594 -543
  252. package/docs/components/MenuToggle/examples/MenuToggle.md +151 -138
  253. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  254. package/docs/components/Nav/examples/Navigation.css +2 -8
  255. package/docs/components/Nav/examples/Navigation.md +240 -114
  256. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  257. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  258. package/docs/components/Page/examples/Page.css +0 -8
  259. package/docs/components/Page/examples/Page.md +22 -21
  260. package/docs/components/Pagination/examples/Pagination.md +663 -637
  261. package/docs/components/Popover/examples/Popover.css +4 -9
  262. package/docs/components/Popover/examples/Popover.md +1 -1
  263. package/docs/components/Radio/examples/Radio.md +62 -54
  264. package/docs/components/Select/deprecated/Select.md +184 -177
  265. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  266. package/docs/components/Table/examples/Table.css +2 -2
  267. package/docs/components/Table/examples/Table.md +10 -10
  268. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  269. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  270. package/docs/components/Tile/examples/Tile.css +1 -1
  271. package/docs/components/Title/examples/Title.md +18 -0
  272. package/docs/components/Toolbar/examples/Toolbar.md +663 -2894
  273. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  274. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  275. package/docs/components/Truncate/examples/Truncate.css +2 -2
  276. package/docs/components/Truncate/examples/Truncate.md +2 -2
  277. package/docs/demos/AboutModal/examples/AboutModal.md +103 -30
  278. package/docs/demos/Alert/examples/Alert.md +303 -84
  279. package/docs/demos/BackToTop/examples/BackToTop.md +101 -28
  280. package/docs/demos/Banner/examples/Banner.md +209 -58
  281. package/docs/demos/Card/examples/Card.css +3 -3
  282. package/docs/demos/Card/examples/Card.md +28 -12
  283. package/docs/demos/CardView/examples/CardView.md +259 -197
  284. package/docs/demos/ContextSelector/examples/ContextSelector.md +374 -91
  285. package/docs/demos/Dashboard/examples/Dashboard.md +104 -31
  286. package/docs/demos/DataList/examples/DataList.md +974 -907
  287. package/docs/demos/DescriptionList/examples/DescriptionList.md +303 -84
  288. package/docs/demos/Drawer/examples/Drawer.md +505 -140
  289. package/docs/demos/JumpLinks/examples/JumpLinks.md +606 -168
  290. package/docs/demos/Masthead/examples/Masthead.md +745 -310
  291. package/docs/demos/Modal/examples/Modal.md +606 -168
  292. package/docs/demos/Nav/examples/Nav.md +808 -224
  293. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +510 -140
  294. package/docs/demos/Page/examples/Page.md +909 -252
  295. package/docs/demos/Page/examples/Penta.md +570 -503
  296. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  297. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1293 -914
  298. package/docs/demos/Skeleton/examples/Skeleton.md +108 -63
  299. package/docs/demos/Table/examples/Table.md +3842 -3400
  300. package/docs/demos/Tabs/examples/Tabs.md +636 -191
  301. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  302. package/docs/demos/Toolbar/examples/Toolbar.md +1305 -1467
  303. package/docs/demos/Wizard/examples/Wizard.md +909 -252
  304. package/docs/layouts/Flex/examples/Flex.md +16 -16
  305. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  306. package/icons/pficons.mjs +1 -0
  307. package/layouts/Flex/flex.css +115 -43
  308. package/layouts/Flex/flex.scss +20 -8
  309. package/package.json +36 -32
  310. package/patternfly-addons.css +732 -972
  311. package/patternfly-base-no-globals-theme-dark-unversioned.css +923 -799
  312. package/patternfly-base-no-globals.css +923 -799
  313. package/patternfly-base-theme-dark-unversioned.css +928 -804
  314. package/patternfly-base.css +928 -804
  315. package/patternfly-no-globals.css +5253 -4984
  316. package/patternfly-theme-dark-unversioned.css +5258 -4989
  317. package/patternfly.css +5258 -4989
  318. package/patternfly.min.css +1 -1
  319. package/patternfly.min.css.map +1 -1
  320. package/sass-utilities/functions.scss +6 -0
  321. package/sass-utilities/mixins.scss +62 -2
  322. package/sass-utilities/scss-variables.scss +8 -8
  323. package/sass-utilities/themes/dark/mixins.scss +3 -1
  324. package/utilities/Accessibility/accessibility.css +12 -12
  325. package/utilities/Spacing/spacing.css +720 -960
  326. package/utilities/Spacing/spacing.scss +4 -8
  327. package/base/themes/dark/_variables.scss +0 -102
  328. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  329. package/components/Accordion/themes/dark/accordion.scss +0 -9
  330. package/components/Alert/themes/dark/alert.scss +0 -17
  331. package/components/Badge/themes/dark/badge.scss +0 -9
  332. package/components/Banner/themes/dark/banner.scss +0 -14
  333. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  334. package/components/Hint/themes/dark/hint.scss +0 -8
  335. package/components/Login/themes/dark/login.scss +0 -12
  336. package/components/Masthead/themes/dark/masthead.scss +0 -14
  337. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  338. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  339. package/components/Page/themes/dark/page.scss +0 -69
  340. package/components/Pagination/themes/dark/pagination.scss +0 -7
  341. package/components/Popover/themes/dark/popover.scss +0 -11
  342. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  343. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  344. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  345. package/docs/components/Avatar/examples/Avatar.css +0 -3
  346. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/demos/Page/examples/Penta.md CHANGED
@@ -9,31 +9,72 @@ wrapperTag: div
9
9
  ```html isFullscreen
10
10
  <div class="pf-v5-c-page" id="page-id">
11
11
  <header class="pf-v5-c-masthead" id="masthead-id">
12
- <span class="pf-v5-c-masthead__toggle">
13
- <button
14
- class="pf-v5-c-button pf-m-plain"
15
- type="button"
16
- aria-label="Global navigation"
17
- >
18
- <i class="fas fa-bars" aria-hidden="true"></i>
19
- </button>
20
- </span>
21
- <div class="pf-v5-c-masthead__main">
22
- <a class="pf-v5-c-masthead__brand" href="#">
23
- <img
24
- class="pf-v5-c-brand pf-m-light"
25
- src="/assets/images/PF-IconLogo-color.svg"
26
- style="--pf-v5-c-brand--Width: 37px;"
27
- alt="PatternFly logo"
28
- />
29
- <img
30
- class="pf-v5-c-brand pf-m-dark"
31
- src="/assets/images/PF-IconLogo-Reverse.svg"
32
- style="--pf-v5-c-brand--Width: 37px;"
33
- alt="PatternFly logo"
34
- />
35
- </a>
36
- </div>
12
+ <svg height="40px" viewBox="0 0 679 158">
13
+ <title>PF-HorizontalLogo-Color</title>
14
+ <defs>
15
+ <linearGradient
16
+ x1="68%"
17
+ y1="2.25860997e-13%"
18
+ x2="32%"
19
+ y2="100%"
20
+ id="linearGradient-masthead-id"
21
+ >
22
+ <stop stop-color="#2B9AF3" offset="0%" />
23
+ <stop stop-color="#73BCF7" stop-opacity="0.502212631" offset="100%" />
24
+ </linearGradient>
25
+ </defs>
26
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
27
+ <g
28
+ transform="translate(206.000000, 45.750000)"
29
+ fill="var(--pf-t--global--text--color--regular)"
30
+ fill-rule="nonzero"
31
+ >
32
+ <path
33
+ 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"
34
+ />
35
+ <path
36
+ 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"
37
+ />
38
+ <path
39
+ 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"
40
+ />
41
+ <path
42
+ 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"
43
+ />
44
+ <path
45
+ 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"
46
+ />
47
+ <path
48
+ 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"
49
+ />
50
+ <path
51
+ 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"
52
+ />
53
+ <polygon
54
+ 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"
55
+ />
56
+ <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
57
+ <path
58
+ 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"
59
+ />
60
+ </g>
61
+ <g transform="translate(0.000000, 0.000000)">
62
+ <path
63
+ 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"
64
+ fill="#0066CC"
65
+ />
66
+ <path
67
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
68
+ fill="url(#linearGradient-masthead-id)"
69
+ />
70
+ <path
71
+ 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"
72
+ fill="url(#linearGradient-masthead-id)"
73
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
74
+ />
75
+ </g>
76
+ </g>
77
+ </svg>
37
78
  <div class="pf-v5-c-masthead__content">
38
79
  <div class="pf-v5-c-toolbar">
39
80
  <div class="pf-v5-c-toolbar__content">
@@ -47,7 +88,7 @@ wrapperTag: div
47
88
  <span class="pf-v5-c-menu-toggle__text">Context selector</span>
48
89
  <span class="pf-v5-c-menu-toggle__controls">
49
90
  <span class="pf-v5-c-menu-toggle__toggle-icon">
50
- <i class="fas fa-caret-down" aria-hidden="true"></i>
91
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
51
92
  </span>
52
93
  </span>
53
94
  </button>
@@ -72,7 +113,7 @@ wrapperTag: div
72
113
  <span class="pf-v5-c-menu-toggle__text">Alex dev</span>
73
114
  <span class="pf-v5-c-menu-toggle__controls">
74
115
  <span class="pf-v5-c-menu-toggle__toggle-icon">
75
- <i class="fas fa-caret-down" aria-hidden="true"></i>
116
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
76
117
  </span>
77
118
  </span>
78
119
  </button>
@@ -84,8 +125,12 @@ wrapperTag: div
84
125
  </div>
85
126
  </header>
86
127
  <div class="pf-v5-c-page__sidebar">
87
- PatternFly Navigation
88
- <br />Product Name
128
+ <div class="pf-v5-c-page__sidebar-header">
129
+ <h2 class="pf-v5-c-page__sidebar-title">
130
+ PatternFly Navigation
131
+ <br />Product Name
132
+ </h2>
133
+ </div>
89
134
  <div class="pf-v5-c-page__sidebar-body">
90
135
  <nav class="pf-v5-c-nav" aria-label="Global">
91
136
  <section class="pf-v5-c-nav__section" aria-labelledby="grouped-title1">
@@ -143,525 +188,547 @@ wrapperTag: div
143
188
  </div>
144
189
 
145
190
  <main class="pf-v5-c-page__main" tabindex="-1" id="main-content-page-id">
146
- <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
147
- <div class="pf-v5-c-page__main-body">
148
- <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
149
- <ol class="pf-v5-c-breadcrumb__list" role="list">
150
- <li class="pf-v5-c-breadcrumb__item">
151
- <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
152
- </li>
153
- <li class="pf-v5-c-breadcrumb__item">
154
- <span class="pf-v5-c-breadcrumb__item-divider">
155
- <i class="fas fa-angle-right" aria-hidden="true"></i>
156
- </span>
191
+ <div class="pf-v5-c-page__main-list" tabindex="-1">
192
+ <section class="pf-v5-c-page__main-breadcrumb pf-m-limit-width">
193
+ <div class="pf-v5-c-page__main-body">
194
+ <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
195
+ <ol class="pf-v5-c-breadcrumb__list" role="list">
196
+ <li class="pf-v5-c-breadcrumb__item">
197
+ <a href="#" class="pf-v5-c-breadcrumb__link">Section home</a>
198
+ </li>
199
+ <li class="pf-v5-c-breadcrumb__item">
200
+ <span class="pf-v5-c-breadcrumb__item-divider">
201
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
202
+ </span>
157
203
 
158
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
159
- </li>
160
- <li class="pf-v5-c-breadcrumb__item">
161
- <span class="pf-v5-c-breadcrumb__item-divider">
162
- <i class="fas fa-angle-right" aria-hidden="true"></i>
163
- </span>
204
+ <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
205
+ </li>
206
+ <li class="pf-v5-c-breadcrumb__item">
207
+ <span class="pf-v5-c-breadcrumb__item-divider">
208
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
209
+ </span>
164
210
 
165
- <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
166
- </li>
167
- <li class="pf-v5-c-breadcrumb__item">
168
- <span class="pf-v5-c-breadcrumb__item-divider">
169
- <i class="fas fa-angle-right" aria-hidden="true"></i>
170
- </span>
211
+ <a href="#" class="pf-v5-c-breadcrumb__link">Section title</a>
212
+ </li>
213
+ <li class="pf-v5-c-breadcrumb__item">
214
+ <span class="pf-v5-c-breadcrumb__item-divider">
215
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
216
+ </span>
171
217
 
172
- <a
173
- href="#"
174
- class="pf-v5-c-breadcrumb__link pf-m-current"
175
- aria-current="page"
176
- >Section landing</a>
177
- </li>
178
- </ol>
179
- </nav>
180
- </div>
181
- </section>
182
- <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
183
- <div class="pf-v5-c-page__main-body">
184
- <div class="pf-v5-c-content">
185
- <h3>Penta Hackathon Demo Page</h3>
186
- <p>A showcase of our new tokens being applied to create a new theme.</p>
218
+ <a
219
+ href="#"
220
+ class="pf-v5-c-breadcrumb__link pf-m-current"
221
+ aria-current="page"
222
+ >Section landing</a>
223
+ </li>
224
+ </ol>
225
+ </nav>
187
226
  </div>
188
- </div>
189
- </section>
190
- <section class="pf-v5-c-page__main-section pf-m-limit-width">
191
- <div class="pf-v5-c-page__main-body">
192
- <div
193
- class="pf-v5-c-toolbar pf-m-inset-none"
194
- id="toolbar-simple-example"
195
- >
196
- <div class="pf-v5-c-toolbar__content">
197
- <div class="pf-v5-c-toolbar__content-section">
198
- <div class="pf-v5-c-toolbar__item">
199
- <button
200
- class="pf-v5-c-menu-toggle"
201
- type="button"
202
- aria-expanded="false"
203
- >
204
- <span class="pf-v5-c-menu-toggle__text">Dropdown menu</span>
205
- <span class="pf-v5-c-menu-toggle__controls">
206
- <span class="pf-v5-c-menu-toggle__toggle-icon">
207
- <i class="fas fa-caret-down" aria-hidden="true"></i>
227
+ </section>
228
+ <section class="pf-v5-c-page__main-section pf-m-limit-width pf-m-light">
229
+ <div class="pf-v5-c-page__main-body">
230
+ <div class="pf-v5-c-content">
231
+ <h3>Penta Hackathon Demo Page</h3>
232
+ <p>A showcase of our new tokens being applied to create a new theme.</p>
233
+ </div>
234
+ </div>
235
+ </section>
236
+ <section class="pf-v5-c-page__main-section pf-m-limit-width">
237
+ <div class="pf-v5-c-page__main-body">
238
+ <div
239
+ class="pf-v5-c-toolbar pf-m-inset-none"
240
+ id="toolbar-simple-example"
241
+ >
242
+ <div class="pf-v5-c-toolbar__content">
243
+ <div class="pf-v5-c-toolbar__content-section">
244
+ <div class="pf-v5-c-toolbar__item">
245
+ <button
246
+ class="pf-v5-c-menu-toggle"
247
+ type="button"
248
+ aria-expanded="false"
249
+ >
250
+ <span class="pf-v5-c-menu-toggle__text">Dropdown menu</span>
251
+ <span class="pf-v5-c-menu-toggle__controls">
252
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
253
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
254
+ </span>
208
255
  </span>
209
- </span>
210
- </button>
211
- </div>
212
- <div class="pf-v5-c-toolbar__item">
213
- <button
214
- class="pf-v5-c-menu-toggle"
215
- type="button"
216
- aria-expanded="false"
217
- >
218
- <span class="pf-v5-c-menu-toggle__text">Another one</span>
219
- <span class="pf-v5-c-menu-toggle__controls">
220
- <span class="pf-v5-c-menu-toggle__toggle-icon">
221
- <i class="fas fa-caret-down" aria-hidden="true"></i>
256
+ </button>
257
+ </div>
258
+ <div class="pf-v5-c-toolbar__item">
259
+ <button
260
+ class="pf-v5-c-menu-toggle"
261
+ type="button"
262
+ aria-expanded="false"
263
+ >
264
+ <span class="pf-v5-c-menu-toggle__text">Another one</span>
265
+ <span class="pf-v5-c-menu-toggle__controls">
266
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
267
+ <i class="fas fa-angle-down" aria-hidden="true"></i>
268
+ </span>
222
269
  </span>
223
- </span>
224
- </button>
225
- </div>
226
- <div class="pf-v5-c-toolbar__group pf-m-align-right">
227
- <div class="pf-v5-c-toolbar__group pf-m-icon-button-group">
228
- <div class="pf-v5-c-toolbar__item">
229
- <button
230
- class="pf-v5-c-button pf-m-plain"
231
- type="button"
232
- aria-label="Remove"
233
- >
234
- <i class="fas fa-columns" aria-hidden="true"></i>
235
- </button>
270
+ </button>
271
+ </div>
272
+ <div class="pf-v5-c-toolbar__group pf-m-align-right">
273
+ <div class="pf-v5-c-toolbar__group pf-m-icon-button-group">
274
+ <div class="pf-v5-c-toolbar__item">
275
+ <button
276
+ class="pf-v5-c-button pf-m-plain"
277
+ type="button"
278
+ aria-label="Remove"
279
+ >
280
+ <i class="fas fa-columns" aria-hidden="true"></i>
281
+ </button>
282
+ </div>
283
+ <div class="pf-v5-c-toolbar__item">
284
+ <button
285
+ class="pf-v5-c-button pf-m-plain"
286
+ type="button"
287
+ aria-label="Remove"
288
+ >
289
+ <i class="fas fa-cog" aria-hidden="true"></i>
290
+ </button>
291
+ </div>
236
292
  </div>
237
293
  <div class="pf-v5-c-toolbar__item">
238
294
  <button
239
- class="pf-v5-c-button pf-m-plain"
295
+ class="pf-v5-c-button pf-m-primary"
240
296
  type="button"
241
- aria-label="Remove"
242
- >
243
- <i class="fas fa-cog" aria-hidden="true"></i>
244
- </button>
297
+ >Primary</button>
245
298
  </div>
246
299
  </div>
247
- <div class="pf-v5-c-toolbar__item">
248
- <button
249
- class="pf-v5-c-button pf-m-primary"
250
- type="button"
251
- >Primary</button>
252
- </div>
253
300
  </div>
254
301
  </div>
255
302
  </div>
256
- </div>
257
- <table
258
- class="pf-v5-c-table pf-m-grid-md"
259
- role="grid"
260
- aria-label="This is a table with checkboxes"
261
- id="page-id-table"
262
- >
263
- <thead class="pf-v5-c-table__thead">
264
- <tr class="pf-v5-c-table__tr" role="row">
265
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
266
- <div class="pf-v5-c-check pf-m-standalone">
267
- <input
268
- class="pf-v5-c-check__input"
269
- type="checkbox"
270
- name="checkrow1"
271
- aria-labelledby="page-id-table-node1"
272
- />
273
- </div>
274
- </td>
275
- <th
276
- class="pf-v5-c-table__th"
277
- role="columnheader"
278
- scope="col"
279
- >Repositories</th>
280
- <th
281
- class="pf-v5-c-table__th"
282
- role="columnheader"
283
- scope="col"
284
- >Branches</th>
285
- <th
286
- class="pf-v5-c-table__th"
287
- role="columnheader"
288
- scope="col"
289
- >Pull requests</th>
290
- <th
291
- class="pf-v5-c-table__th"
292
- role="columnheader"
293
- scope="col"
294
- >Workspaces</th>
295
- <th
296
- class="pf-v5-c-table__th"
297
- role="columnheader"
298
- scope="col"
299
- >Last commit</th>
300
- <td class="pf-v5-c-table__td"></td>
301
- <td class="pf-v5-c-table__td"></td>
302
- </tr>
303
- </thead>
303
+ <table
304
+ class="pf-v5-c-table pf-m-grid-md"
305
+ role="grid"
306
+ aria-label="This is a table with checkboxes"
307
+ id="page-id-table"
308
+ >
309
+ <thead class="pf-v5-c-table__thead">
310
+ <tr class="pf-v5-c-table__tr" role="row">
311
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
312
+ <div class="pf-v5-c-check pf-m-standalone">
313
+ <input
314
+ class="pf-v5-c-check__input"
315
+ type="checkbox"
316
+ name="checkrow1"
317
+ aria-labelledby="page-id-table-node1"
318
+ />
319
+ </div>
320
+ </td>
321
+ <th
322
+ class="pf-v5-c-table__th"
323
+ role="columnheader"
324
+ scope="col"
325
+ >Repositories</th>
326
+ <th
327
+ class="pf-v5-c-table__th"
328
+ role="columnheader"
329
+ scope="col"
330
+ >Branches</th>
331
+ <th
332
+ class="pf-v5-c-table__th"
333
+ role="columnheader"
334
+ scope="col"
335
+ >Pull requests</th>
336
+ <th
337
+ class="pf-v5-c-table__th"
338
+ role="columnheader"
339
+ scope="col"
340
+ >Workspaces</th>
341
+ <th
342
+ class="pf-v5-c-table__th"
343
+ role="columnheader"
344
+ scope="col"
345
+ >Last commit</th>
346
+ <td class="pf-v5-c-table__td"></td>
347
+ <td class="pf-v5-c-table__td"></td>
348
+ </tr>
349
+ </thead>
304
350
 
305
- <tbody class="pf-v5-c-table__tbody" role="rowgroup">
306
- <tr
307
- class="pf-v5-c-table__tr pf-m-clickable"
308
- role="row"
309
- tabindex="0"
310
- >
311
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
312
- <div class="pf-v5-c-check pf-m-standalone">
313
- <input
314
- class="pf-v5-c-check__input"
315
- type="checkbox"
316
- name="checkrow1"
317
- aria-labelledby="page-id-table-node1"
318
- />
319
- </div>
320
- </td>
321
- <th
322
- class="pf-v5-c-table__th"
323
- role="columnheader"
324
- data-label="Repository name"
351
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
352
+ <tr
353
+ class="pf-v5-c-table__tr pf-m-clickable"
354
+ role="row"
355
+ tabindex="0"
325
356
  >
326
- <div>
327
- <div id="page-id-table-node1">Node 1</div>
328
- </div>
329
- </th>
330
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
331
- <div class="pf-v5-l-flex pf-m-space-items-sm">
332
- <div class="pf-v5-l-flex__item">
333
- <i class="fas fa-code-branch"></i>
357
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
358
+ <div class="pf-v5-c-check pf-m-standalone">
359
+ <input
360
+ class="pf-v5-c-check__input"
361
+ type="checkbox"
362
+ name="checkrow1"
363
+ aria-labelledby="page-id-table-node1"
364
+ />
334
365
  </div>
335
- <div class="pf-v5-l-flex__item">10</div>
336
- </div>
337
- </td>
338
- <td
339
- class="pf-v5-c-table__td"
340
- role="cell"
341
- data-label="Pull requests"
342
- >
343
- <div class="pf-v5-l-flex pf-m-space-items-sm">
344
- <div class="pf-v5-l-flex__item">
345
- <i class="fas fa-code"></i>
366
+ </td>
367
+ <th
368
+ class="pf-v5-c-table__th"
369
+ role="columnheader"
370
+ data-label="Repository name"
371
+ >
372
+ <div>
373
+ <div id="page-id-table-node1">Node 1</div>
346
374
  </div>
347
- <div class="pf-v5-l-flex__item">25</div>
348
- </div>
349
- </td>
350
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
351
- <div class="pf-v5-l-flex pf-m-space-items-sm">
352
- <div class="pf-v5-l-flex__item">
353
- <i class="fas fa-cube"></i>
375
+ </th>
376
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
377
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
378
+ <div class="pf-v5-l-flex__item">
379
+ <i class="fas fa-code-branch"></i>
380
+ </div>
381
+ <div class="pf-v5-l-flex__item">10</div>
354
382
  </div>
355
- <div class="pf-v5-l-flex__item">5</div>
356
- </div>
357
- </td>
358
- <td
359
- class="pf-v5-c-table__td"
360
- role="cell"
361
- data-label="Last commit"
362
- >2 days ago</td>
363
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
364
- <a href="/some/path">Action link</a>
365
- </td>
366
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
367
- <button
368
- class="pf-v5-c-button pf-m-plain"
369
- type="button"
370
- aria-label="Remove"
383
+ </td>
384
+ <td
385
+ class="pf-v5-c-table__td"
386
+ role="cell"
387
+ data-label="Pull requests"
371
388
  >
372
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
373
- </button>
374
- </td>
375
- </tr>
389
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
390
+ <div class="pf-v5-l-flex__item">
391
+ <i class="fas fa-code"></i>
392
+ </div>
393
+ <div class="pf-v5-l-flex__item">25</div>
394
+ </div>
395
+ </td>
396
+ <td
397
+ class="pf-v5-c-table__td"
398
+ role="cell"
399
+ data-label="Workspaces"
400
+ >
401
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
402
+ <div class="pf-v5-l-flex__item">
403
+ <i class="fas fa-cube"></i>
404
+ </div>
405
+ <div class="pf-v5-l-flex__item">5</div>
406
+ </div>
407
+ </td>
408
+ <td
409
+ class="pf-v5-c-table__td"
410
+ role="cell"
411
+ data-label="Last commit"
412
+ >2 days ago</td>
413
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
414
+ <a href="/some/path">Action link</a>
415
+ </td>
416
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
417
+ <button
418
+ class="pf-v5-c-button pf-m-plain"
419
+ type="button"
420
+ aria-label="Remove"
421
+ >
422
+ <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
423
+ </button>
424
+ </td>
425
+ </tr>
376
426
 
377
- <tr
378
- class="pf-v5-c-table__tr pf-m-clickable pf-m-selected"
379
- role="row"
380
- tabindex="0"
381
- >
382
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
383
- <div class="pf-v5-c-check pf-m-standalone">
384
- <input
385
- class="pf-v5-c-check__input"
386
- type="checkbox"
387
- name="checkrow2"
388
- aria-labelledby="page-id-table-node2"
389
- checked
390
- />
391
- </div>
392
- </td>
393
- <th
394
- class="pf-v5-c-table__th"
395
- role="columnheader"
396
- data-label="Repository name"
427
+ <tr
428
+ class="pf-v5-c-table__tr pf-m-clickable pf-m-selected"
429
+ role="row"
430
+ tabindex="0"
397
431
  >
398
- <div>
399
- <div id="page-id-table-node2">Node 2</div>
400
- </div>
401
- </th>
402
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
403
- <div class="pf-v5-l-flex pf-m-space-items-sm">
404
- <div class="pf-v5-l-flex__item">
405
- <i class="fas fa-code-branch"></i>
432
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
433
+ <div class="pf-v5-c-check pf-m-standalone">
434
+ <input
435
+ class="pf-v5-c-check__input"
436
+ type="checkbox"
437
+ name="checkrow2"
438
+ aria-labelledby="page-id-table-node2"
439
+ checked
440
+ />
406
441
  </div>
407
- <div class="pf-v5-l-flex__item">8</div>
408
- </div>
409
- </td>
410
- <td
411
- class="pf-v5-c-table__td"
412
- role="cell"
413
- data-label="Pull requests"
414
- >
415
- <div class="pf-v5-l-flex pf-m-space-items-sm">
416
- <div class="pf-v5-l-flex__item">
417
- <i class="fas fa-code"></i>
442
+ </td>
443
+ <th
444
+ class="pf-v5-c-table__th"
445
+ role="columnheader"
446
+ data-label="Repository name"
447
+ >
448
+ <div>
449
+ <div id="page-id-table-node2">Node 2</div>
418
450
  </div>
419
- <div class="pf-v5-l-flex__item">30</div>
420
- </div>
421
- </td>
422
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
423
- <div class="pf-v5-l-flex pf-m-space-items-sm">
424
- <div class="pf-v5-l-flex__item">
425
- <i class="fas fa-cube"></i>
451
+ </th>
452
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
453
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
454
+ <div class="pf-v5-l-flex__item">
455
+ <i class="fas fa-code-branch"></i>
456
+ </div>
457
+ <div class="pf-v5-l-flex__item">8</div>
426
458
  </div>
427
- <div class="pf-v5-l-flex__item">2</div>
428
- </div>
429
- </td>
430
- <td
431
- class="pf-v5-c-table__td"
432
- role="cell"
433
- data-label="Last commit"
434
- >2 days ago</td>
435
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
436
- <a href="/some/path">Action link</a>
437
- </td>
438
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
439
- <button
440
- class="pf-v5-c-button pf-m-plain"
441
- type="button"
442
- aria-label="Remove"
459
+ </td>
460
+ <td
461
+ class="pf-v5-c-table__td"
462
+ role="cell"
463
+ data-label="Pull requests"
443
464
  >
444
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
445
- </button>
446
- </td>
447
- </tr>
465
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
466
+ <div class="pf-v5-l-flex__item">
467
+ <i class="fas fa-code"></i>
468
+ </div>
469
+ <div class="pf-v5-l-flex__item">30</div>
470
+ </div>
471
+ </td>
472
+ <td
473
+ class="pf-v5-c-table__td"
474
+ role="cell"
475
+ data-label="Workspaces"
476
+ >
477
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
478
+ <div class="pf-v5-l-flex__item">
479
+ <i class="fas fa-cube"></i>
480
+ </div>
481
+ <div class="pf-v5-l-flex__item">2</div>
482
+ </div>
483
+ </td>
484
+ <td
485
+ class="pf-v5-c-table__td"
486
+ role="cell"
487
+ data-label="Last commit"
488
+ >2 days ago</td>
489
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
490
+ <a href="/some/path">Action link</a>
491
+ </td>
492
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
493
+ <button
494
+ class="pf-v5-c-button pf-m-plain"
495
+ type="button"
496
+ aria-label="Remove"
497
+ >
498
+ <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
499
+ </button>
500
+ </td>
501
+ </tr>
448
502
 
449
- <tr
450
- class="pf-v5-c-table__tr pf-m-clickable"
451
- role="row"
452
- tabindex="0"
453
- >
454
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
455
- <div class="pf-v5-c-check pf-m-standalone">
456
- <input
457
- class="pf-v5-c-check__input"
458
- type="checkbox"
459
- name="checkrow3"
460
- aria-labelledby="page-id-table-node3"
461
- />
462
- </div>
463
- </td>
464
- <th
465
- class="pf-v5-c-table__th"
466
- role="columnheader"
467
- data-label="Repository name"
503
+ <tr
504
+ class="pf-v5-c-table__tr pf-m-clickable"
505
+ role="row"
506
+ tabindex="0"
468
507
  >
469
- <div>
470
- <div id="page-id-table-node3">Node 3</div>
471
- </div>
472
- </th>
473
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
474
- <div class="pf-v5-l-flex pf-m-space-items-sm">
475
- <div class="pf-v5-l-flex__item">
476
- <i class="fas fa-code-branch"></i>
508
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
509
+ <div class="pf-v5-c-check pf-m-standalone">
510
+ <input
511
+ class="pf-v5-c-check__input"
512
+ type="checkbox"
513
+ name="checkrow3"
514
+ aria-labelledby="page-id-table-node3"
515
+ />
477
516
  </div>
478
- <div class="pf-v5-l-flex__item">12</div>
479
- </div>
480
- </td>
481
- <td
482
- class="pf-v5-c-table__td"
483
- role="cell"
484
- data-label="Pull requests"
485
- >
486
- <div class="pf-v5-l-flex pf-m-space-items-sm">
487
- <div class="pf-v5-l-flex__item">
488
- <i class="fas fa-code"></i>
517
+ </td>
518
+ <th
519
+ class="pf-v5-c-table__th"
520
+ role="columnheader"
521
+ data-label="Repository name"
522
+ >
523
+ <div>
524
+ <div id="page-id-table-node3">Node 3</div>
489
525
  </div>
490
- <div class="pf-v5-l-flex__item">48</div>
491
- </div>
492
- </td>
493
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
494
- <div class="pf-v5-l-flex pf-m-space-items-sm">
495
- <div class="pf-v5-l-flex__item">
496
- <i class="fas fa-cube"></i>
526
+ </th>
527
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
528
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
529
+ <div class="pf-v5-l-flex__item">
530
+ <i class="fas fa-code-branch"></i>
531
+ </div>
532
+ <div class="pf-v5-l-flex__item">12</div>
497
533
  </div>
498
- <div class="pf-v5-l-flex__item">13</div>
499
- </div>
500
- </td>
501
- <td
502
- class="pf-v5-c-table__td"
503
- role="cell"
504
- data-label="Last commit"
505
- >30 days ago</td>
506
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
507
- <a href="#">Action link</a>
508
- </td>
509
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
510
- <button
511
- class="pf-v5-c-button pf-m-plain"
512
- type="button"
513
- aria-label="Remove"
534
+ </td>
535
+ <td
536
+ class="pf-v5-c-table__td"
537
+ role="cell"
538
+ data-label="Pull requests"
514
539
  >
515
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
516
- </button>
517
- </td>
518
- </tr>
540
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
541
+ <div class="pf-v5-l-flex__item">
542
+ <i class="fas fa-code"></i>
543
+ </div>
544
+ <div class="pf-v5-l-flex__item">48</div>
545
+ </div>
546
+ </td>
547
+ <td
548
+ class="pf-v5-c-table__td"
549
+ role="cell"
550
+ data-label="Workspaces"
551
+ >
552
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
553
+ <div class="pf-v5-l-flex__item">
554
+ <i class="fas fa-cube"></i>
555
+ </div>
556
+ <div class="pf-v5-l-flex__item">13</div>
557
+ </div>
558
+ </td>
559
+ <td
560
+ class="pf-v5-c-table__td"
561
+ role="cell"
562
+ data-label="Last commit"
563
+ >30 days ago</td>
564
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
565
+ <a href="#">Action link</a>
566
+ </td>
567
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
568
+ <button
569
+ class="pf-v5-c-button pf-m-plain"
570
+ type="button"
571
+ aria-label="Remove"
572
+ >
573
+ <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
574
+ </button>
575
+ </td>
576
+ </tr>
519
577
 
520
- <tr
521
- class="pf-v5-c-table__tr pf-m-clickable"
522
- role="row"
523
- tabindex="0"
524
- >
525
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
526
- <div class="pf-v5-c-check pf-m-standalone">
527
- <input
528
- class="pf-v5-c-check__input"
529
- type="checkbox"
530
- name="checkrow4"
531
- aria-labelledby="page-id-table-node4"
532
- />
533
- </div>
534
- </td>
535
- <th
536
- class="pf-v5-c-table__th"
537
- role="columnheader"
538
- data-label="Repository name"
578
+ <tr
579
+ class="pf-v5-c-table__tr pf-m-clickable"
580
+ role="row"
581
+ tabindex="0"
539
582
  >
540
- <div>
541
- <div id="page-id-table-node4">Node 4</div>
542
- </div>
543
- </th>
544
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
545
- <div class="pf-v5-l-flex pf-m-space-items-sm">
546
- <div class="pf-v5-l-flex__item">
547
- <i class="fas fa-code-branch"></i>
583
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
584
+ <div class="pf-v5-c-check pf-m-standalone">
585
+ <input
586
+ class="pf-v5-c-check__input"
587
+ type="checkbox"
588
+ name="checkrow4"
589
+ aria-labelledby="page-id-table-node4"
590
+ />
548
591
  </div>
549
- <div class="pf-v5-l-flex__item">3</div>
550
- </div>
551
- </td>
552
- <td
553
- class="pf-v5-c-table__td"
554
- role="cell"
555
- data-label="Pull requests"
556
- >
557
- <div class="pf-v5-l-flex pf-m-space-items-sm">
558
- <div class="pf-v5-l-flex__item">
559
- <i class="fas fa-code"></i>
592
+ </td>
593
+ <th
594
+ class="pf-v5-c-table__th"
595
+ role="columnheader"
596
+ data-label="Repository name"
597
+ >
598
+ <div>
599
+ <div id="page-id-table-node4">Node 4</div>
560
600
  </div>
561
- <div class="pf-v5-l-flex__item">8</div>
562
- </div>
563
- </td>
564
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
565
- <div class="pf-v5-l-flex pf-m-space-items-sm">
566
- <div class="pf-v5-l-flex__item">
567
- <i class="fas fa-cube"></i>
601
+ </th>
602
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
603
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
604
+ <div class="pf-v5-l-flex__item">
605
+ <i class="fas fa-code-branch"></i>
606
+ </div>
607
+ <div class="pf-v5-l-flex__item">3</div>
568
608
  </div>
569
- <div class="pf-v5-l-flex__item">20</div>
570
- </div>
571
- </td>
572
- <td
573
- class="pf-v5-c-table__td"
574
- role="cell"
575
- data-label="Last commit"
576
- >8 days ago</td>
577
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
578
- <a href="/some/path">Action link</a>
579
- </td>
580
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
581
- <button
582
- class="pf-v5-c-button pf-m-plain"
583
- type="button"
584
- aria-label="Remove"
609
+ </td>
610
+ <td
611
+ class="pf-v5-c-table__td"
612
+ role="cell"
613
+ data-label="Pull requests"
585
614
  >
586
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
587
- </button>
588
- </td>
589
- </tr>
615
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
616
+ <div class="pf-v5-l-flex__item">
617
+ <i class="fas fa-code"></i>
618
+ </div>
619
+ <div class="pf-v5-l-flex__item">8</div>
620
+ </div>
621
+ </td>
622
+ <td
623
+ class="pf-v5-c-table__td"
624
+ role="cell"
625
+ data-label="Workspaces"
626
+ >
627
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
628
+ <div class="pf-v5-l-flex__item">
629
+ <i class="fas fa-cube"></i>
630
+ </div>
631
+ <div class="pf-v5-l-flex__item">20</div>
632
+ </div>
633
+ </td>
634
+ <td
635
+ class="pf-v5-c-table__td"
636
+ role="cell"
637
+ data-label="Last commit"
638
+ >8 days ago</td>
639
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
640
+ <a href="/some/path">Action link</a>
641
+ </td>
642
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
643
+ <button
644
+ class="pf-v5-c-button pf-m-plain"
645
+ type="button"
646
+ aria-label="Remove"
647
+ >
648
+ <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
649
+ </button>
650
+ </td>
651
+ </tr>
590
652
 
591
- <tr
592
- class="pf-v5-c-table__tr pf-m-clickable"
593
- role="row"
594
- tabindex="0"
595
- >
596
- <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
597
- <div class="pf-v5-c-check pf-m-standalone">
598
- <input
599
- class="pf-v5-c-check__input"
600
- type="checkbox"
601
- name="checkrow5"
602
- aria-labelledby="page-id-table-node5"
603
- />
604
- </div>
605
- </td>
606
- <td
607
- class="pf-v5-c-table__td"
608
- role="cell"
609
- data-label="Repository name"
653
+ <tr
654
+ class="pf-v5-c-table__tr pf-m-clickable"
655
+ role="row"
656
+ tabindex="0"
610
657
  >
611
- <div>
612
- <div id="page-id-table-node5">Node 5</div>
613
- </div>
614
- </td>
615
- <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
616
- <div class="pf-v5-l-flex pf-m-space-items-sm">
617
- <div class="pf-v5-l-flex__item">
618
- <i class="fas fa-code-branch"></i>
658
+ <td class="pf-v5-c-table__td pf-v5-c-table__check" role="cell">
659
+ <div class="pf-v5-c-check pf-m-standalone">
660
+ <input
661
+ class="pf-v5-c-check__input"
662
+ type="checkbox"
663
+ name="checkrow5"
664
+ aria-labelledby="page-id-table-node5"
665
+ />
619
666
  </div>
620
- <div class="pf-v5-l-flex__item">34</div>
621
- </div>
622
- </td>
623
- <td
624
- class="pf-v5-c-table__td"
625
- role="cell"
626
- data-label="Pull requests"
627
- >
628
- <div class="pf-v5-l-flex pf-m-space-items-sm">
629
- <div class="pf-v5-l-flex__item">
630
- <i class="fas fa-code"></i>
667
+ </td>
668
+ <td
669
+ class="pf-v5-c-table__td"
670
+ role="cell"
671
+ data-label="Repository name"
672
+ >
673
+ <div>
674
+ <div id="page-id-table-node5">Node 5</div>
631
675
  </div>
632
- <div class="pf-v5-l-flex__item">21</div>
633
- </div>
634
- </td>
635
- <td class="pf-v5-c-table__td" role="cell" data-label="Workspaces">
636
- <div class="pf-v5-l-flex pf-m-space-items-sm">
637
- <div class="pf-v5-l-flex__item">
638
- <i class="fas fa-cube"></i>
676
+ </td>
677
+ <td class="pf-v5-c-table__td" role="cell" data-label="Branches">
678
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
679
+ <div class="pf-v5-l-flex__item">
680
+ <i class="fas fa-code-branch"></i>
681
+ </div>
682
+ <div class="pf-v5-l-flex__item">34</div>
639
683
  </div>
640
- <div class="pf-v5-l-flex__item">26</div>
641
- </div>
642
- </td>
643
- <td
644
- class="pf-v5-c-table__td"
645
- role="cell"
646
- data-label="Last commit"
647
- >2 days ago</td>
648
- <td class="pf-v5-c-table__td" role="cell" data-label="Action">
649
- <a href="/some/path">Action link</a>
650
- </td>
651
- <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
652
- <button
653
- class="pf-v5-c-button pf-m-plain"
654
- type="button"
655
- aria-label="Remove"
684
+ </td>
685
+ <td
686
+ class="pf-v5-c-table__td"
687
+ role="cell"
688
+ data-label="Pull requests"
656
689
  >
657
- <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
658
- </button>
659
- </td>
660
- </tr>
661
- </tbody>
662
- </table>
663
- </div>
664
- </section>
690
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
691
+ <div class="pf-v5-l-flex__item">
692
+ <i class="fas fa-code"></i>
693
+ </div>
694
+ <div class="pf-v5-l-flex__item">21</div>
695
+ </div>
696
+ </td>
697
+ <td
698
+ class="pf-v5-c-table__td"
699
+ role="cell"
700
+ data-label="Workspaces"
701
+ >
702
+ <div class="pf-v5-l-flex pf-m-space-items-sm">
703
+ <div class="pf-v5-l-flex__item">
704
+ <i class="fas fa-cube"></i>
705
+ </div>
706
+ <div class="pf-v5-l-flex__item">26</div>
707
+ </div>
708
+ </td>
709
+ <td
710
+ class="pf-v5-c-table__td"
711
+ role="cell"
712
+ data-label="Last commit"
713
+ >2 days ago</td>
714
+ <td class="pf-v5-c-table__td" role="cell" data-label="Action">
715
+ <a href="/some/path">Action link</a>
716
+ </td>
717
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
718
+ <button
719
+ class="pf-v5-c-button pf-m-plain"
720
+ type="button"
721
+ aria-label="Remove"
722
+ >
723
+ <i class="fas fa-ellipsis-h" aria-hidden="true"></i>
724
+ </button>
725
+ </td>
726
+ </tr>
727
+ </tbody>
728
+ </table>
729
+ </div>
730
+ </section>
731
+ </div>
665
732
  </main>
666
733
  </div>
667
734