@patternfly/patternfly 6.0.0-alpha.6 → 6.0.0-alpha.60

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