@patternfly/patternfly 6.5.0-prerelease.8 → 6.5.0-prerelease.81

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 (410) hide show
  1. package/README.md +2 -2
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/Felt-Bkg-Generic-Dark.svg +82 -0
  4. package/assets/images/Felt-Bkg-Generic-Light.svg +82 -0
  5. package/assets/images/PF-Bkg-Generic-Dark.svg +76 -0
  6. package/assets/images/PF-Bkg-Generic-Light.svg +74 -0
  7. package/assets/images/RHAiExperienceIcon.svg +27 -0
  8. package/assets/images/RHAutomationsLogo.svg +96 -0
  9. package/assets/images/RHServerStackIcon.svg +16 -0
  10. package/assets/images/compass--hero-bg.png +0 -0
  11. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  12. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  13. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  14. package/assets/images/compass--wallpaper-dark.png +0 -0
  15. package/assets/images/compass--wallpaper-light.jpg +0 -0
  16. package/assets/images/compass--wallpaper-light.png +0 -0
  17. package/assets/images/glass-brand-dark.jpg +0 -0
  18. package/assets/images/glass-brand-dark.png +0 -0
  19. package/assets/images/glass-brand-light.jpg +0 -0
  20. package/assets/images/glass-brand-light.png +0 -0
  21. package/base/normalize.scss +7 -0
  22. package/base/patternfly-common.css +50 -0
  23. package/base/patternfly-common.scss +59 -0
  24. package/base/patternfly-svg-icons.css +17 -0
  25. package/base/patternfly-svg-icons.scss +20 -0
  26. package/base/patternfly-variables.css +926 -513
  27. package/base/patternfly-variables.scss +46 -4
  28. package/base/tokens/tokens-dark.scss +56 -8
  29. package/base/tokens/tokens-default.scss +69 -14
  30. package/base/tokens/tokens-glass-dark.scss +26 -0
  31. package/base/tokens/tokens-glass.scss +22 -0
  32. package/base/tokens/tokens-local.scss +17 -0
  33. package/base/tokens/tokens-palette.scss +3 -1
  34. package/base/tokens/tokens-redhat-dark.scss +21 -0
  35. package/base/tokens/tokens-redhat-glass-dark.scss +40 -0
  36. package/base/tokens/tokens-redhat-glass.scss +30 -0
  37. package/base/tokens/tokens-redhat-highcontrast-dark.scss +50 -0
  38. package/base/tokens/tokens-redhat-highcontrast.scss +128 -0
  39. package/base/tokens/tokens-redhat.scss +15 -0
  40. package/components/AboutModalBox/about-modal-box.css +36 -26
  41. package/components/Accordion/accordion.css +26 -14
  42. package/components/Accordion/accordion.scss +12 -2
  43. package/components/ActionList/action-list.css +2 -0
  44. package/components/ActionList/action-list.scss +2 -0
  45. package/components/Alert/alert.css +7 -5
  46. package/components/Alert/alert.scss +2 -1
  47. package/components/Avatar/avatar.css +12 -4
  48. package/components/BackgroundImage/background-image.css +6 -3
  49. package/components/Banner/banner.css +12 -6
  50. package/components/Banner/banner.scss +7 -0
  51. package/components/Brand/brand.css +3 -1
  52. package/components/Breadcrumb/breadcrumb.css +10 -5
  53. package/components/Breadcrumb/breadcrumb.scss +6 -2
  54. package/components/Button/button.css +173 -71
  55. package/components/Button/button.scss +188 -72
  56. package/components/CalendarMonth/calendar-month.css +4 -3
  57. package/components/Card/card.css +51 -15
  58. package/components/Card/card.scss +65 -9
  59. package/components/ClipboardCopy/clipboard-copy.css +14 -7
  60. package/components/ClipboardCopy/clipboard-copy.scss +13 -4
  61. package/components/CodeEditor/code-editor.css +2 -2
  62. package/components/CodeEditor/code-editor.scss +2 -2
  63. package/components/Compass/compass.css +399 -0
  64. package/components/Compass/compass.scss +413 -0
  65. package/components/DataList/data-list.css +30 -23
  66. package/components/DataList/data-list.scss +3 -2
  67. package/components/DescriptionList/description-list-order.scss +5 -1
  68. package/components/DescriptionList/description-list.css +7 -5
  69. package/components/DescriptionList/description-list.scss +5 -1
  70. package/components/Divider/divider.css +7 -5
  71. package/components/Drawer/drawer.css +224 -75
  72. package/components/Drawer/drawer.scss +194 -27
  73. package/components/DualListSelector/dual-list-selector.css +18 -12
  74. package/components/DualListSelector/dual-list-selector.scss +1 -1
  75. package/components/ExpandableSection/expandable-section.css +21 -16
  76. package/components/ExpandableSection/expandable-section.scss +6 -3
  77. package/components/Form/form.css +2 -2
  78. package/components/Form/form.scss +2 -2
  79. package/components/FormControl/form-control.css +3 -3
  80. package/components/FormControl/form-control.scss +3 -3
  81. package/components/Hero/hero.css +74 -0
  82. package/components/Hero/hero.scss +86 -0
  83. package/components/JumpLinks/jump-links.css +16 -5
  84. package/components/JumpLinks/jump-links.scss +17 -3
  85. package/components/Label/label-group.css +2 -2
  86. package/components/Label/label-group.scss +2 -2
  87. package/components/Label/label.css +4 -3
  88. package/components/Login/login.css +58 -40
  89. package/components/Login/login.scss +7 -3
  90. package/components/Masthead/masthead.css +111 -16
  91. package/components/Masthead/masthead.scss +111 -1
  92. package/components/Menu/menu.css +49 -33
  93. package/components/Menu/menu.scss +26 -19
  94. package/components/MenuToggle/menu-toggle.css +35 -8
  95. package/components/MenuToggle/menu-toggle.scss +42 -8
  96. package/components/ModalBox/modal-box.css +9 -7
  97. package/components/ModalBox/modal-box.scss +2 -2
  98. package/components/Nav/nav.css +82 -11
  99. package/components/Nav/nav.scss +85 -5
  100. package/components/NotificationDrawer/notification-drawer.css +19 -9
  101. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  102. package/components/OverflowMenu/overflow-menu.css +16 -0
  103. package/components/OverflowMenu/overflow-menu.scss +20 -1
  104. package/components/Page/page.css +421 -32
  105. package/components/Page/page.scss +397 -15
  106. package/components/Pagination/pagination.css +56 -4
  107. package/components/Pagination/pagination.scss +71 -6
  108. package/components/Panel/panel.css +41 -3
  109. package/components/Panel/panel.scss +56 -3
  110. package/components/Progress/progress.css +3 -1
  111. package/components/Progress/progress.scss +3 -1
  112. package/components/ProgressStepper/progress-stepper.scss +5 -1
  113. package/components/Sidebar/sidebar.css +1 -1
  114. package/components/Sidebar/sidebar.scss +7 -3
  115. package/components/Skeleton/skeleton.css +16 -15
  116. package/components/Slider/slider.css +32 -18
  117. package/components/Switch/switch.css +4 -2
  118. package/components/Switch/switch.scss +1 -1
  119. package/components/Table/table-grid.css +28 -36
  120. package/components/Table/table-grid.scss +4 -4
  121. package/components/Table/table-scrollable.css +1 -1
  122. package/components/Table/table-scrollable.scss +1 -1
  123. package/components/Table/table-tree-view.css +4 -2
  124. package/components/Table/table.css +104 -57
  125. package/components/Table/table.scss +92 -37
  126. package/components/Tabs/tabs.css +39 -33
  127. package/components/Tabs/tabs.scss +38 -26
  128. package/components/TextInputGroup/text-input-group.css +2 -2
  129. package/components/TextInputGroup/text-input-group.scss +2 -2
  130. package/components/ToggleGroup/toggle-group.css +44 -19
  131. package/components/ToggleGroup/toggle-group.scss +51 -22
  132. package/components/Toolbar/toolbar.css +195 -16
  133. package/components/Toolbar/toolbar.scss +89 -9
  134. package/components/TreeView/tree-view.css +45 -14
  135. package/components/TreeView/tree-view.scss +32 -1
  136. package/components/Wizard/wizard.css +41 -19
  137. package/components/Wizard/wizard.scss +26 -6
  138. package/components/_index.css +2740 -829
  139. package/components/_index.scss +3 -1
  140. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  141. package/docs/components/Accordion/examples/Accordion.md +392 -30
  142. package/docs/components/ActionList/examples/ActionList.md +143 -11
  143. package/docs/components/Alert/examples/Alert.md +678 -54
  144. package/docs/components/Avatar/examples/Avatar.md +4 -4
  145. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  146. package/docs/components/Banner/examples/Banner.md +196 -5
  147. package/docs/components/Brand/examples/Brand.md +2 -2
  148. package/docs/components/Breadcrumb/examples/Breadcrumb.md +313 -26
  149. package/docs/components/Button/examples/Button.md +2829 -333
  150. package/docs/components/CalendarMonth/examples/CalendarMonth.md +156 -12
  151. package/docs/components/Card/examples/Card.md +335 -12
  152. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +293 -28
  153. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  154. package/docs/components/CodeEditor/examples/CodeEditor.md +234 -18
  155. package/docs/components/Compass/examples/Compass.css +8 -0
  156. package/docs/components/Compass/examples/Compass.md +109 -0
  157. package/docs/components/DataList/examples/DataList.md +468 -78
  158. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  159. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  160. package/docs/components/Divider/examples/Divider.md +2 -2
  161. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  162. package/docs/components/Drawer/examples/Drawer.md +415 -35
  163. package/docs/components/DualListSelector/examples/DualListSelector.md +1247 -161
  164. package/docs/components/EmptyState/examples/EmptyState.md +78 -6
  165. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  166. package/docs/components/Form/examples/Form.md +78 -6
  167. package/docs/components/Hero/examples/Hero.md +25 -0
  168. package/docs/components/Hint/examples/Hint.md +39 -3
  169. package/docs/components/Icon/examples/Icon.md +105 -9
  170. package/docs/components/InlineEdit/examples/InlineEdit.md +338 -26
  171. package/docs/components/InputGroup/examples/InputGroup.md +40 -4
  172. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  173. package/docs/components/Label/examples/Label.md +2834 -218
  174. package/docs/components/Login/examples/Login.md +39 -3
  175. package/docs/components/Masthead/examples/masthead.md +80 -1
  176. package/docs/components/Menu/examples/Menu.md +1679 -133
  177. package/docs/components/MenuToggle/examples/MenuToggle.md +1514 -118
  178. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  179. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  180. package/docs/components/Nav/examples/Navigation.md +898 -62
  181. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +1079 -83
  182. package/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  183. package/docs/components/OverflowMenu/examples/overflow-menu.md +164 -11
  184. package/docs/components/Page/examples/Page.md +211 -25
  185. package/docs/components/Pagination/examples/Pagination.md +1291 -80
  186. package/docs/components/Panel/examples/Panel.css +3 -0
  187. package/docs/components/Panel/examples/Panel.md +71 -4
  188. package/docs/components/Popover/examples/Popover.md +286 -22
  189. package/docs/components/Progress/examples/Progress.md +91 -7
  190. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  191. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  192. package/docs/components/Slider/examples/Slider.md +52 -4
  193. package/docs/components/Table/examples/Table.css +2 -1
  194. package/docs/components/Table/examples/Table.md +7543 -653
  195. package/docs/components/Tabs/examples/Tabs.md +5734 -471
  196. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  197. package/docs/components/ToggleGroup/examples/toggle-group.md +261 -15
  198. package/docs/components/Toolbar/examples/Toolbar.css +1 -1
  199. package/docs/components/Toolbar/examples/Toolbar.md +1145 -88
  200. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  201. package/docs/components/Wizard/examples/Wizard.md +828 -73
  202. package/docs/demos/AboutModal/examples/AboutModal.md +158 -53
  203. package/docs/demos/Alert/examples/Alert.md +539 -164
  204. package/docs/demos/BackToTop/examples/BackToTop.md +158 -53
  205. package/docs/demos/Banner/examples/Banner.md +290 -104
  206. package/docs/demos/Button/examples/Button.md +13 -1
  207. package/docs/demos/Card/examples/Card.md +1041 -134
  208. package/docs/demos/CardView/examples/CardView.md +570 -171
  209. package/docs/demos/Compass/examples/Compass.md +10005 -0
  210. package/docs/demos/Dashboard/examples/Dashboard.md +745 -177
  211. package/docs/demos/DataList/examples/DataList.md +1301 -292
  212. package/docs/demos/DescriptionList/examples/DescriptionList.md +472 -160
  213. package/docs/demos/Drawer/examples/Drawer.md +718 -262
  214. package/docs/demos/Form/examples/BasicForms.md +273 -21
  215. package/docs/demos/JumpLinks/examples/JumpLinks.md +862 -319
  216. package/docs/demos/Masthead/examples/Masthead.md +1119 -489
  217. package/docs/demos/Modal/examples/Modal.md +948 -321
  218. package/docs/demos/Nav/examples/Nav.md +3449 -499
  219. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +2418 -405
  220. package/docs/demos/Page/examples/Page.md +2137 -773
  221. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  222. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  223. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1913 -504
  224. package/docs/demos/Skeleton/examples/Skeleton.md +145 -52
  225. package/docs/demos/Table/examples/Table.md +11807 -2275
  226. package/docs/demos/Tabs/examples/Tabs.md +1117 -337
  227. package/docs/demos/Toolbar/examples/Toolbar.md +1818 -286
  228. package/docs/demos/Wizard/examples/Wizard.md +1705 -526
  229. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  230. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  231. package/docs/layouts/Flex/examples/Flex.css +3 -3
  232. package/docs/layouts/Flex/examples/Flex.md +3 -2
  233. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  234. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  235. package/docs/layouts/Grid/examples/Grid.css +1 -1
  236. package/docs/layouts/Grid/examples/Grid.md +6 -5
  237. package/docs/layouts/Level/examples/Level.css +3 -3
  238. package/docs/layouts/Level/examples/Level.md +2 -1
  239. package/docs/layouts/Split/examples/Split.css +1 -1
  240. package/docs/layouts/Split/examples/Split.md +2 -1
  241. package/docs/layouts/Stack/examples/Stack.css +3 -3
  242. package/docs/layouts/Stack/examples/Stack.md +2 -1
  243. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  244. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  245. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  246. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  247. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  248. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  249. package/docs/utilities/Display/examples/Display.css +1 -1
  250. package/docs/utilities/Display/examples/Display.md +3 -2
  251. package/docs/utilities/Flex/examples/Flex.css +7 -7
  252. package/docs/utilities/Flex/examples/Flex.md +3 -2
  253. package/docs/utilities/Float/examples/Float.css +2 -2
  254. package/docs/utilities/Float/examples/Float.md +3 -2
  255. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  256. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  257. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  258. package/docs/utilities/Text/examples/Text.md +5 -4
  259. package/icons/PfIcons/add-circle-o.svg +4 -0
  260. package/icons/PfIcons/ansible-tower.svg +4 -0
  261. package/icons/PfIcons/applications.svg +4 -0
  262. package/icons/PfIcons/arrow.svg +4 -0
  263. package/icons/PfIcons/asleep.svg +4 -0
  264. package/icons/PfIcons/attention-bell.svg +4 -0
  265. package/icons/PfIcons/automation.svg +4 -0
  266. package/icons/PfIcons/bell.svg +4 -0
  267. package/icons/PfIcons/blueprint.svg +4 -0
  268. package/icons/PfIcons/build.svg +4 -0
  269. package/icons/PfIcons/builder-image.svg +4 -0
  270. package/icons/PfIcons/bundle.svg +4 -0
  271. package/icons/PfIcons/catalog.svg +4 -0
  272. package/icons/PfIcons/chat.svg +4 -0
  273. package/icons/PfIcons/close.svg +4 -0
  274. package/icons/PfIcons/cloud-security.svg +4 -0
  275. package/icons/PfIcons/cloud-tenant.svg +4 -0
  276. package/icons/PfIcons/cluster.svg +4 -0
  277. package/icons/PfIcons/connected.svg +4 -0
  278. package/icons/PfIcons/container-node.svg +4 -0
  279. package/icons/PfIcons/cpu.svg +4 -0
  280. package/icons/PfIcons/critical-risk.svg +4 -0
  281. package/icons/PfIcons/data-processor.svg +4 -0
  282. package/icons/PfIcons/data-sink.svg +4 -0
  283. package/icons/PfIcons/data-source.svg +4 -0
  284. package/icons/PfIcons/degraded.svg +4 -0
  285. package/icons/PfIcons/disconnected.svg +4 -0
  286. package/icons/PfIcons/domain.svg +4 -0
  287. package/icons/PfIcons/edit.svg +4 -0
  288. package/icons/PfIcons/enhancement.svg +4 -0
  289. package/icons/PfIcons/enterprise.svg +4 -0
  290. package/icons/PfIcons/equalizer.svg +4 -0
  291. package/icons/PfIcons/error-circle-o.svg +4 -0
  292. package/icons/PfIcons/export.svg +4 -0
  293. package/icons/PfIcons/filter.svg +4 -0
  294. package/icons/PfIcons/flavor.svg +4 -0
  295. package/icons/PfIcons/folder-close.svg +4 -0
  296. package/icons/PfIcons/folder-open.svg +4 -0
  297. package/icons/PfIcons/globe-route.svg +4 -0
  298. package/icons/PfIcons/help.svg +4 -0
  299. package/icons/PfIcons/history.svg +4 -0
  300. package/icons/PfIcons/home.svg +4 -0
  301. package/icons/PfIcons/import.svg +4 -0
  302. package/icons/PfIcons/in-progress.svg +4 -0
  303. package/icons/PfIcons/info.svg +4 -0
  304. package/icons/PfIcons/infrastructure.svg +4 -0
  305. package/icons/PfIcons/integration.svg +4 -0
  306. package/icons/PfIcons/key.svg +4 -0
  307. package/icons/PfIcons/locked.svg +4 -0
  308. package/icons/PfIcons/maintenance.svg +4 -0
  309. package/icons/PfIcons/memory.svg +4 -0
  310. package/icons/PfIcons/messages.svg +4 -0
  311. package/icons/PfIcons/middleware.svg +4 -0
  312. package/icons/PfIcons/migration.svg +4 -0
  313. package/icons/PfIcons/module.svg +4 -0
  314. package/icons/PfIcons/monitoring.svg +4 -0
  315. package/icons/PfIcons/multicluster.svg +4 -0
  316. package/icons/PfIcons/namespaces.svg +4 -0
  317. package/icons/PfIcons/network.svg +4 -0
  318. package/icons/PfIcons/new-process.svg +4 -0
  319. package/icons/PfIcons/not-started.svg +4 -0
  320. package/icons/PfIcons/off.svg +4 -0
  321. package/icons/PfIcons/ok.svg +4 -0
  322. package/icons/PfIcons/on-running.svg +4 -0
  323. package/icons/PfIcons/on.svg +4 -0
  324. package/icons/PfIcons/open-drawer-right.svg +4 -0
  325. package/icons/PfIcons/openshift.svg +4 -0
  326. package/icons/PfIcons/openstack.svg +4 -0
  327. package/icons/PfIcons/optimize.svg +4 -0
  328. package/icons/PfIcons/orders.svg +4 -0
  329. package/icons/PfIcons/os-image.svg +4 -0
  330. package/icons/PfIcons/package.svg +4 -0
  331. package/icons/PfIcons/panel-close.svg +4 -0
  332. package/icons/PfIcons/panel-open.svg +4 -0
  333. package/icons/PfIcons/paused.svg +4 -0
  334. package/icons/PfIcons/pending.svg +4 -0
  335. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  336. package/icons/PfIcons/pficon-history.svg +4 -0
  337. package/icons/PfIcons/pficon-network-range.svg +4 -0
  338. package/icons/PfIcons/pficon-satellite.svg +4 -0
  339. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  340. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  341. package/icons/PfIcons/pficon-template.svg +4 -0
  342. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  343. package/icons/PfIcons/plugged.svg +4 -0
  344. package/icons/PfIcons/port.svg +4 -0
  345. package/icons/PfIcons/print.svg +4 -0
  346. package/icons/PfIcons/private.svg +4 -0
  347. package/icons/PfIcons/process-automation.svg +4 -0
  348. package/icons/PfIcons/project.svg +4 -0
  349. package/icons/PfIcons/rebalance.svg +4 -0
  350. package/icons/PfIcons/rebooting.svg +4 -0
  351. package/icons/PfIcons/regions.svg +4 -0
  352. package/icons/PfIcons/registry.svg +4 -0
  353. package/icons/PfIcons/remove2.svg +4 -0
  354. package/icons/PfIcons/replicator.svg +4 -0
  355. package/icons/PfIcons/repository.svg +4 -0
  356. package/icons/PfIcons/resource-pool.svg +4 -0
  357. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  358. package/icons/PfIcons/resources-almost-full.svg +4 -0
  359. package/icons/PfIcons/resources-empty.svg +4 -0
  360. package/icons/PfIcons/resources-full.svg +4 -0
  361. package/icons/PfIcons/running.svg +4 -0
  362. package/icons/PfIcons/save.svg +4 -0
  363. package/icons/PfIcons/screen.svg +4 -0
  364. package/icons/PfIcons/security.svg +4 -0
  365. package/icons/PfIcons/server-group.svg +4 -0
  366. package/icons/PfIcons/server.svg +4 -0
  367. package/icons/PfIcons/service-catalog.svg +4 -0
  368. package/icons/PfIcons/service.svg +4 -0
  369. package/icons/PfIcons/services.svg +4 -0
  370. package/icons/PfIcons/severity-critical.svg +4 -0
  371. package/icons/PfIcons/severity-important.svg +4 -0
  372. package/icons/PfIcons/severity-minor.svg +4 -0
  373. package/icons/PfIcons/severity-moderate.svg +4 -0
  374. package/icons/PfIcons/severity-none.svg +4 -0
  375. package/icons/PfIcons/severity-undefined.svg +4 -0
  376. package/icons/PfIcons/spinner.svg +4 -0
  377. package/icons/PfIcons/spinner2.svg +4 -0
  378. package/icons/PfIcons/storage-domain.svg +4 -0
  379. package/icons/PfIcons/task.svg +4 -0
  380. package/icons/PfIcons/tenant.svg +4 -0
  381. package/icons/PfIcons/thumb-tack.svg +4 -0
  382. package/icons/PfIcons/topology.svg +4 -0
  383. package/icons/PfIcons/treeview.svg +4 -0
  384. package/icons/PfIcons/trend-down.svg +4 -0
  385. package/icons/PfIcons/trend-up.svg +4 -0
  386. package/icons/PfIcons/unknown.svg +4 -0
  387. package/icons/PfIcons/unlocked.svg +4 -0
  388. package/icons/PfIcons/unplugged.svg +4 -0
  389. package/icons/PfIcons/user.svg +4 -0
  390. package/icons/PfIcons/users.svg +4 -0
  391. package/icons/PfIcons/virtual-machine.svg +4 -0
  392. package/icons/PfIcons/volume.svg +4 -0
  393. package/icons/PfIcons/warning-triangle.svg +4 -0
  394. package/icons/PfIcons/zone.svg +4 -0
  395. package/layouts/Flex/flex.scss +83 -19
  396. package/layouts/Gallery/gallery.css +6 -2
  397. package/layouts/_index.css +6 -2
  398. package/package.json +55 -17
  399. package/patternfly-base-no-globals.css +969 -489
  400. package/patternfly-base.css +976 -489
  401. package/patternfly-charts.css +3 -3
  402. package/patternfly-no-globals.css +3623 -1194
  403. package/patternfly.css +3630 -1194
  404. package/patternfly.min.css +1 -1
  405. package/patternfly.min.css.map +1 -1
  406. package/patternfly.scss +48 -0
  407. package/sass-utilities/functions.scss +32 -25
  408. package/sass-utilities/mixins.scss +54 -23
  409. package/sass-utilities/namespaces-components.scss +6 -0
  410. package/sass-utilities/scss-variables.scss +3 -0
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -24,7 +24,19 @@ section: components
24
24
  aria-controls="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
25
25
  >
26
26
  <span class="pf-v6-c-menu-toggle__icon">
27
- <i class="fas fa-filter" aria-hidden="true"></i>
27
+ <svg
28
+ class="pf-v6-svg"
29
+ viewBox="0 0 32 32"
30
+ fill="currentColor"
31
+ aria-hidden="true"
32
+ role="img"
33
+ width="1em"
34
+ height="1em"
35
+ >
36
+ <path
37
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
38
+ />
39
+ </svg>
28
40
  </span>
29
41
  </button>
30
42
  </div>
@@ -44,7 +56,19 @@ section: components
44
56
  <span class="pf-v6-c-menu-toggle__text">Name</span>
45
57
  <span class="pf-v6-c-menu-toggle__controls">
46
58
  <span class="pf-v6-c-menu-toggle__toggle-icon">
47
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
59
+ <svg
60
+ class="pf-v6-svg"
61
+ viewBox="0 0 20 20"
62
+ fill="currentColor"
63
+ aria-hidden="true"
64
+ role="img"
65
+ width="1em"
66
+ height="1em"
67
+ >
68
+ <path
69
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
70
+ />
71
+ </svg>
48
72
  </span>
49
73
  </span>
50
74
  </button>
@@ -99,7 +123,19 @@ section: components
99
123
  id="toolbar-attribute-value-search-filter-desktop-example-overflow-toggle"
100
124
  >
101
125
  <span class="pf-v6-c-menu-toggle__icon">
102
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
126
+ <svg
127
+ class="pf-v6-svg"
128
+ viewBox="0 0 32 32"
129
+ fill="currentColor"
130
+ aria-hidden="true"
131
+ role="img"
132
+ width="1em"
133
+ height="1em"
134
+ >
135
+ <path
136
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
137
+ />
138
+ </svg>
103
139
  </span>
104
140
  </button>
105
141
  </div>
@@ -110,14 +146,13 @@ section: components
110
146
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
111
147
  >
112
148
  <div
113
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
149
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
114
150
  >
115
151
  <div class="pf-v6-c-pagination__page-menu">
116
152
  <button
117
153
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
118
154
  type="button"
119
155
  aria-expanded="false"
120
- aria-label="Menu toggle"
121
156
  id="toolbar-attribute-value-search-filter-desktop-example-pagination-menu-toggle"
122
157
  >
123
158
  <span class="pf-v6-c-menu-toggle__text">
@@ -126,7 +161,19 @@ section: components
126
161
  </span>
127
162
  <span class="pf-v6-c-menu-toggle__controls">
128
163
  <span class="pf-v6-c-menu-toggle__toggle-icon">
129
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
164
+ <svg
165
+ class="pf-v6-svg"
166
+ viewBox="0 0 20 20"
167
+ fill="currentColor"
168
+ aria-hidden="true"
169
+ role="img"
170
+ width="1em"
171
+ height="1em"
172
+ >
173
+ <path
174
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
175
+ />
176
+ </svg>
130
177
  </span>
131
178
  </span>
132
179
  </button>
@@ -140,7 +187,19 @@ section: components
140
187
  aria-label="Go to previous page"
141
188
  >
142
189
  <span class="pf-v6-c-button__icon">
143
- <i class="fas fa-angle-left" aria-hidden="true"></i>
190
+ <svg
191
+ class="pf-v6-svg"
192
+ viewBox="0 0 256 512"
193
+ fill="currentColor"
194
+ aria-hidden="true"
195
+ role="img"
196
+ width="1em"
197
+ height="1em"
198
+ >
199
+ <path
200
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
201
+ />
202
+ </svg>
144
203
  </span>
145
204
  </button>
146
205
  </div>
@@ -151,7 +210,19 @@ section: components
151
210
  aria-label="Go to next page"
152
211
  >
153
212
  <span class="pf-v6-c-button__icon">
154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
213
+ <svg
214
+ class="pf-v6-svg"
215
+ viewBox="0 0 256 512"
216
+ fill="currentColor"
217
+ aria-hidden="true"
218
+ role="img"
219
+ width="1em"
220
+ height="1em"
221
+ >
222
+ <path
223
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
224
+ />
225
+ </svg>
155
226
  </span>
156
227
  </button>
157
228
  </div>
@@ -183,9 +254,10 @@ section: components
183
254
  <span class="pf-v6-c-button__text">Skip to content</span>
184
255
  </a>
185
256
  </div>
257
+
186
258
  <header
187
259
  class="pf-v6-c-masthead"
188
- id="toolbar-pagination-management-example-masthead"
260
+ id="toolbar-pagination-management-example-docked"
189
261
  >
190
262
  <div class="pf-v6-c-masthead__main">
191
263
  <span class="pf-v6-c-masthead__toggle">
@@ -228,7 +300,7 @@ section: components
228
300
  y1="2.25860997e-13%"
229
301
  x2="32%"
230
302
  y2="100%"
231
- id="linearGradient-toolbar-pagination-management-example-masthead"
303
+ id="linearGradient-toolbar-pagination-management-example-docked"
232
304
  >
233
305
  <stop stop-color="#2B9AF3" offset="0%" />
234
306
  <stop
@@ -282,11 +354,11 @@ section: components
282
354
  />
283
355
  <path
284
356
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
285
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
357
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
286
358
  />
287
359
  <path
288
360
  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"
289
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
361
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
290
362
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
291
363
  />
292
364
  </g>
@@ -298,7 +370,7 @@ section: components
298
370
  <div class="pf-v6-c-masthead__content">
299
371
  <div
300
372
  class="pf-v6-c-toolbar pf-m-static"
301
- id="toolbar-pagination-management-example-masthead-toolbar"
373
+ id="toolbar-pagination-management-example-docked-toolbar"
302
374
  >
303
375
  <div class="pf-v6-c-toolbar__content">
304
376
  <div class="pf-v6-c-toolbar__content-section">
@@ -316,7 +388,19 @@ section: components
316
388
  aria-label="Application launcher"
317
389
  >
318
390
  <span class="pf-v6-c-menu-toggle__icon">
319
- <i class="fas fa-th" aria-hidden="true"></i>
391
+ <svg
392
+ class="pf-v6-svg"
393
+ viewBox="0 0 512 512"
394
+ fill="currentColor"
395
+ aria-hidden="true"
396
+ role="img"
397
+ width="1em"
398
+ height="1em"
399
+ >
400
+ <path
401
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
402
+ />
403
+ </svg>
320
404
  </span>
321
405
  </button>
322
406
  </div>
@@ -328,7 +412,19 @@ section: components
328
412
  aria-label="Settings"
329
413
  >
330
414
  <span class="pf-v6-c-menu-toggle__icon">
331
- <i class="fas fa-cog" aria-hidden="true"></i>
415
+ <svg
416
+ class="pf-v6-svg"
417
+ viewBox="0 0 32 32"
418
+ fill="currentColor"
419
+ aria-hidden="true"
420
+ role="img"
421
+ width="1em"
422
+ height="1em"
423
+ >
424
+ <path
425
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
426
+ />
427
+ </svg>
332
428
  </span>
333
429
  </button>
334
430
  </div>
@@ -340,7 +436,19 @@ section: components
340
436
  aria-label="Help"
341
437
  >
342
438
  <span class="pf-v6-c-menu-toggle__icon">
343
- <i class="fas fa-question-circle" aria-hidden="true"></i>
439
+ <svg
440
+ class="pf-v6-svg"
441
+ viewBox="0 0 512 512"
442
+ fill="currentColor"
443
+ aria-hidden="true"
444
+ role="img"
445
+ width="1em"
446
+ height="1em"
447
+ >
448
+ <path
449
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
450
+ />
451
+ </svg>
344
452
  </span>
345
453
  </button>
346
454
  </div>
@@ -354,7 +462,19 @@ section: components
354
462
  aria-label="Actions"
355
463
  >
356
464
  <span class="pf-v6-c-menu-toggle__icon">
357
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
465
+ <svg
466
+ class="pf-v6-svg"
467
+ viewBox="0 0 32 32"
468
+ fill="currentColor"
469
+ aria-hidden="true"
470
+ role="img"
471
+ width="1em"
472
+ height="1em"
473
+ >
474
+ <path
475
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
476
+ />
477
+ </svg>
358
478
  </span>
359
479
  </button>
360
480
  </div>
@@ -365,44 +485,46 @@ section: components
365
485
  </div>
366
486
  </header>
367
487
  <div class="pf-v6-c-page__sidebar">
368
- <div class="pf-v6-c-page__sidebar-body">
369
- <nav
370
- class="pf-v6-c-nav"
371
- id="toolbar-pagination-management-example-primary-nav"
372
- aria-label="Global"
373
- >
374
- <ul class="pf-v6-c-nav__list" role="list">
375
- <li class="pf-v6-c-nav__item">
376
- <a href="#" class="pf-v6-c-nav__link">
377
- <span class="pf-v6-c-nav__link-text">System panel</span>
378
- </a>
379
- </li>
380
- <li class="pf-v6-c-nav__item">
381
- <a
382
- href="#"
383
- class="pf-v6-c-nav__link pf-m-current"
384
- aria-current="page"
385
- >
386
- <span class="pf-v6-c-nav__link-text">Policy</span>
387
- </a>
388
- </li>
389
- <li class="pf-v6-c-nav__item">
390
- <a href="#" class="pf-v6-c-nav__link">
391
- <span class="pf-v6-c-nav__link-text">Authentication</span>
392
- </a>
393
- </li>
394
- <li class="pf-v6-c-nav__item">
395
- <a href="#" class="pf-v6-c-nav__link">
396
- <span class="pf-v6-c-nav__link-text">Network services</span>
397
- </a>
398
- </li>
399
- <li class="pf-v6-c-nav__item">
400
- <a href="#" class="pf-v6-c-nav__link">
401
- <span class="pf-v6-c-nav__link-text">Server</span>
402
- </a>
403
- </li>
404
- </ul>
405
- </nav>
488
+ <div class="pf-v6-c-page__sidebar-main">
489
+ <div class="pf-v6-c-page__sidebar-body">
490
+ <nav
491
+ class="pf-v6-c-nav"
492
+ id="toolbar-pagination-management-example-primary-nav"
493
+ aria-label="Global"
494
+ >
495
+ <ul class="pf-v6-c-nav__list" role="list">
496
+ <li class="pf-v6-c-nav__item">
497
+ <a href="#" class="pf-v6-c-nav__link">
498
+ <span class="pf-v6-c-nav__link-text">System panel</span>
499
+ </a>
500
+ </li>
501
+ <li class="pf-v6-c-nav__item">
502
+ <a
503
+ href="#"
504
+ class="pf-v6-c-nav__link pf-m-current"
505
+ aria-current="page"
506
+ >
507
+ <span class="pf-v6-c-nav__link-text">Policy</span>
508
+ </a>
509
+ </li>
510
+ <li class="pf-v6-c-nav__item">
511
+ <a href="#" class="pf-v6-c-nav__link">
512
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
513
+ </a>
514
+ </li>
515
+ <li class="pf-v6-c-nav__item">
516
+ <a href="#" class="pf-v6-c-nav__link">
517
+ <span class="pf-v6-c-nav__link-text">Network services</span>
518
+ </a>
519
+ </li>
520
+ <li class="pf-v6-c-nav__item">
521
+ <a href="#" class="pf-v6-c-nav__link">
522
+ <span class="pf-v6-c-nav__link-text">Server</span>
523
+ </a>
524
+ </li>
525
+ </ul>
526
+ </nav>
527
+ </div>
406
528
  </div>
407
529
  </div>
408
530
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -420,21 +542,57 @@ section: components
420
542
  </li>
421
543
  <li class="pf-v6-c-breadcrumb__item">
422
544
  <span class="pf-v6-c-breadcrumb__item-divider">
423
- <i class="fas fa-angle-right" aria-hidden="true"></i>
545
+ <svg
546
+ class="pf-v6-svg"
547
+ viewBox="0 0 20 20"
548
+ fill="currentColor"
549
+ aria-hidden="true"
550
+ role="img"
551
+ width="1em"
552
+ height="1em"
553
+ >
554
+ <path
555
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
556
+ />
557
+ </svg>
424
558
  </span>
425
559
 
426
560
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
427
561
  </li>
428
562
  <li class="pf-v6-c-breadcrumb__item">
429
563
  <span class="pf-v6-c-breadcrumb__item-divider">
430
- <i class="fas fa-angle-right" aria-hidden="true"></i>
564
+ <svg
565
+ class="pf-v6-svg"
566
+ viewBox="0 0 20 20"
567
+ fill="currentColor"
568
+ aria-hidden="true"
569
+ role="img"
570
+ width="1em"
571
+ height="1em"
572
+ >
573
+ <path
574
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
575
+ />
576
+ </svg>
431
577
  </span>
432
578
 
433
579
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
434
580
  </li>
435
581
  <li class="pf-v6-c-breadcrumb__item">
436
582
  <span class="pf-v6-c-breadcrumb__item-divider">
437
- <i class="fas fa-angle-right" aria-hidden="true"></i>
583
+ <svg
584
+ class="pf-v6-svg"
585
+ viewBox="0 0 20 20"
586
+ fill="currentColor"
587
+ aria-hidden="true"
588
+ role="img"
589
+ width="1em"
590
+ height="1em"
591
+ >
592
+ <path
593
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
594
+ />
595
+ </svg>
438
596
  </span>
439
597
 
440
598
  <a
@@ -447,9 +605,15 @@ section: components
447
605
  </nav>
448
606
  </div>
449
607
  </section>
450
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
608
+ <section
609
+ class="pf-v6-c-page__main-section pf-m-limit-width"
610
+ aria-labelledby="main-title"
611
+ >
451
612
  <div class="pf-v6-c-page__main-body">
452
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
613
+ <h1
614
+ class="pf-v6-c-content--h1 pf-m-page-title"
615
+ id="main-title"
616
+ >Main title</h1>
453
617
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
454
618
  </div>
455
619
  </section>
@@ -470,7 +634,19 @@ section: components
470
634
  aria-controls="toolbar-with-validation-example-expandable-content"
471
635
  >
472
636
  <span class="pf-v6-c-menu-toggle__icon">
473
- <i class="fas fa-filter" aria-hidden="true"></i>
637
+ <svg
638
+ class="pf-v6-svg"
639
+ viewBox="0 0 32 32"
640
+ fill="currentColor"
641
+ aria-hidden="true"
642
+ role="img"
643
+ width="1em"
644
+ height="1em"
645
+ >
646
+ <path
647
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
648
+ />
649
+ </svg>
474
650
  </span>
475
651
  </button>
476
652
  </div>
@@ -494,10 +670,19 @@ section: components
494
670
  <span class="pf-v6-c-menu-toggle__text">Last month</span>
495
671
  <span class="pf-v6-c-menu-toggle__controls">
496
672
  <span class="pf-v6-c-menu-toggle__toggle-icon">
497
- <i
498
- class="fas fa-caret-down fa-fw"
673
+ <svg
674
+ class="pf-v6-svg"
675
+ viewBox="0 0 20 20"
676
+ fill="currentColor"
499
677
  aria-hidden="true"
500
- ></i>
678
+ role="img"
679
+ width="1em"
680
+ height="1em"
681
+ >
682
+ <path
683
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
684
+ />
685
+ </svg>
501
686
  </span>
502
687
  </span>
503
688
  </button>
@@ -525,10 +710,19 @@ section: components
525
710
  aria-label="Toggle date picker"
526
711
  >
527
712
  <span class="pf-v6-c-button__icon">
528
- <i
529
- class="fas fa-calendar-alt"
713
+ <svg
714
+ class="pf-v6-svg"
715
+ viewBox="0 0 448 512"
716
+ fill="currentColor"
530
717
  aria-hidden="true"
531
- ></i>
718
+ role="img"
719
+ width="1em"
720
+ height="1em"
721
+ >
722
+ <path
723
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
724
+ />
725
+ </svg>
532
726
  </span>
533
727
  </button>
534
728
  </div>
@@ -578,10 +772,19 @@ section: components
578
772
  aria-label="Toggle date picker"
579
773
  >
580
774
  <span class="pf-v6-c-button__icon">
581
- <i
582
- class="fas fa-calendar-alt"
775
+ <svg
776
+ class="pf-v6-svg"
777
+ viewBox="0 0 448 512"
778
+ fill="currentColor"
583
779
  aria-hidden="true"
584
- ></i>
780
+ role="img"
781
+ width="1em"
782
+ height="1em"
783
+ >
784
+ <path
785
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
786
+ />
787
+ </svg>
585
788
  </span>
586
789
  </button>
587
790
  </div>
@@ -618,10 +821,19 @@ section: components
618
821
  <span class="pf-v6-c-menu-toggle__text">Name</span>
619
822
  <span class="pf-v6-c-menu-toggle__controls">
620
823
  <span class="pf-v6-c-menu-toggle__toggle-icon">
621
- <i
622
- class="fas fa-caret-down fa-fw"
824
+ <svg
825
+ class="pf-v6-svg"
826
+ viewBox="0 0 20 20"
827
+ fill="currentColor"
623
828
  aria-hidden="true"
624
- ></i>
829
+ role="img"
830
+ width="1em"
831
+ height="1em"
832
+ >
833
+ <path
834
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
835
+ />
836
+ </svg>
625
837
  </span>
626
838
  </span>
627
839
  </button>
@@ -746,20 +958,31 @@ section: components
746
958
  </label>
747
959
  </td>
748
960
 
749
- <th
750
- class="pf-v6-c-table__th"
751
- role="columnheader"
961
+ <td
962
+ class="pf-v6-c-table__td"
963
+ role="cell"
752
964
  data-label="Repository name"
753
965
  >
754
966
  <div>
755
967
  <div id="-table-table-node1">Node 1</div>
756
968
  <a href="#">siemur/test-space</a>
757
969
  </div>
758
- </th>
759
-
970
+ </td>
760
971
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
761
972
  <span>
762
- <i class="fas fa-code-branch"></i> 10
973
+ <svg
974
+ class="pf-v6-svg"
975
+ viewBox="0 0 384 512"
976
+ fill="currentColor"
977
+ aria-hidden="true"
978
+ role="img"
979
+ width="1em"
980
+ height="1em"
981
+ >
982
+ <path
983
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
984
+ />
985
+ </svg> 10
763
986
  </span>
764
987
  </td>
765
988
  <td
@@ -768,7 +991,19 @@ section: components
768
991
  data-label="Pull requests"
769
992
  >
770
993
  <span>
771
- <i class="fas fa-code"></i> 25
994
+ <svg
995
+ class="pf-v6-svg"
996
+ viewBox="0 0 640 512"
997
+ fill="currentColor"
998
+ aria-hidden="true"
999
+ role="img"
1000
+ width="1em"
1001
+ height="1em"
1002
+ >
1003
+ <path
1004
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
1005
+ />
1006
+ </svg> 25
772
1007
  </span>
773
1008
  </td>
774
1009
  <td
@@ -777,7 +1012,19 @@ section: components
777
1012
  data-label="Workspaces"
778
1013
  >
779
1014
  <span>
780
- <i class="fas fa-cube"></i> 5
1015
+ <svg
1016
+ class="pf-v6-svg"
1017
+ viewBox="0 0 576 512"
1018
+ fill="currentColor"
1019
+ aria-hidden="true"
1020
+ role="img"
1021
+ width="1em"
1022
+ height="1em"
1023
+ >
1024
+ <path
1025
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
1026
+ />
1027
+ </svg> 5
781
1028
  </span>
782
1029
  </td>
783
1030
  <td
@@ -797,7 +1044,19 @@ section: components
797
1044
  aria-label="Table actions"
798
1045
  >
799
1046
  <span class="pf-v6-c-menu-toggle__icon">
800
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1047
+ <svg
1048
+ class="pf-v6-svg"
1049
+ viewBox="0 0 32 32"
1050
+ fill="currentColor"
1051
+ aria-hidden="true"
1052
+ role="img"
1053
+ width="1em"
1054
+ height="1em"
1055
+ >
1056
+ <path
1057
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1058
+ />
1059
+ </svg>
801
1060
  </span>
802
1061
  </button>
803
1062
  </td>
@@ -822,20 +1081,31 @@ section: components
822
1081
  </label>
823
1082
  </td>
824
1083
 
825
- <th
826
- class="pf-v6-c-table__th"
827
- role="columnheader"
1084
+ <td
1085
+ class="pf-v6-c-table__td"
1086
+ role="cell"
828
1087
  data-label="Repository name"
829
1088
  >
830
1089
  <div>
831
1090
  <div id="-table-table-node2">Node 2</div>
832
1091
  <a href="#">siemur/test-space</a>
833
1092
  </div>
834
- </th>
835
-
1093
+ </td>
836
1094
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
837
1095
  <span>
838
- <i class="fas fa-code-branch"></i> 8
1096
+ <svg
1097
+ class="pf-v6-svg"
1098
+ viewBox="0 0 384 512"
1099
+ fill="currentColor"
1100
+ aria-hidden="true"
1101
+ role="img"
1102
+ width="1em"
1103
+ height="1em"
1104
+ >
1105
+ <path
1106
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
1107
+ />
1108
+ </svg> 8
839
1109
  </span>
840
1110
  </td>
841
1111
  <td
@@ -844,7 +1114,19 @@ section: components
844
1114
  data-label="Pull requests"
845
1115
  >
846
1116
  <span>
847
- <i class="fas fa-code"></i> 30
1117
+ <svg
1118
+ class="pf-v6-svg"
1119
+ viewBox="0 0 640 512"
1120
+ fill="currentColor"
1121
+ aria-hidden="true"
1122
+ role="img"
1123
+ width="1em"
1124
+ height="1em"
1125
+ >
1126
+ <path
1127
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
1128
+ />
1129
+ </svg> 30
848
1130
  </span>
849
1131
  </td>
850
1132
  <td
@@ -853,7 +1135,19 @@ section: components
853
1135
  data-label="Workspaces"
854
1136
  >
855
1137
  <span>
856
- <i class="fas fa-cube"></i> 2
1138
+ <svg
1139
+ class="pf-v6-svg"
1140
+ viewBox="0 0 576 512"
1141
+ fill="currentColor"
1142
+ aria-hidden="true"
1143
+ role="img"
1144
+ width="1em"
1145
+ height="1em"
1146
+ >
1147
+ <path
1148
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
1149
+ />
1150
+ </svg> 2
857
1151
  </span>
858
1152
  </td>
859
1153
  <td
@@ -873,7 +1167,19 @@ section: components
873
1167
  aria-label="Table actions"
874
1168
  >
875
1169
  <span class="pf-v6-c-menu-toggle__icon">
876
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1170
+ <svg
1171
+ class="pf-v6-svg"
1172
+ viewBox="0 0 32 32"
1173
+ fill="currentColor"
1174
+ aria-hidden="true"
1175
+ role="img"
1176
+ width="1em"
1177
+ height="1em"
1178
+ >
1179
+ <path
1180
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1181
+ />
1182
+ </svg>
877
1183
  </span>
878
1184
  </button>
879
1185
  </td>
@@ -898,20 +1204,31 @@ section: components
898
1204
  </label>
899
1205
  </td>
900
1206
 
901
- <th
902
- class="pf-v6-c-table__th"
903
- role="columnheader"
1207
+ <td
1208
+ class="pf-v6-c-table__td"
1209
+ role="cell"
904
1210
  data-label="Repository name"
905
1211
  >
906
1212
  <div>
907
1213
  <div id="-table-table-node3">Node 3</div>
908
1214
  <a href="#">siemur/test-space</a>
909
1215
  </div>
910
- </th>
911
-
1216
+ </td>
912
1217
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
913
1218
  <span>
914
- <i class="fas fa-code-branch"></i> 12
1219
+ <svg
1220
+ class="pf-v6-svg"
1221
+ viewBox="0 0 384 512"
1222
+ fill="currentColor"
1223
+ aria-hidden="true"
1224
+ role="img"
1225
+ width="1em"
1226
+ height="1em"
1227
+ >
1228
+ <path
1229
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
1230
+ />
1231
+ </svg> 12
915
1232
  </span>
916
1233
  </td>
917
1234
  <td
@@ -920,7 +1237,19 @@ section: components
920
1237
  data-label="Pull requests"
921
1238
  >
922
1239
  <span>
923
- <i class="fas fa-code"></i> 48
1240
+ <svg
1241
+ class="pf-v6-svg"
1242
+ viewBox="0 0 640 512"
1243
+ fill="currentColor"
1244
+ aria-hidden="true"
1245
+ role="img"
1246
+ width="1em"
1247
+ height="1em"
1248
+ >
1249
+ <path
1250
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
1251
+ />
1252
+ </svg> 48
924
1253
  </span>
925
1254
  </td>
926
1255
  <td
@@ -929,7 +1258,19 @@ section: components
929
1258
  data-label="Workspaces"
930
1259
  >
931
1260
  <span>
932
- <i class="fas fa-cube"></i> 13
1261
+ <svg
1262
+ class="pf-v6-svg"
1263
+ viewBox="0 0 576 512"
1264
+ fill="currentColor"
1265
+ aria-hidden="true"
1266
+ role="img"
1267
+ width="1em"
1268
+ height="1em"
1269
+ >
1270
+ <path
1271
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
1272
+ />
1273
+ </svg> 13
933
1274
  </span>
934
1275
  </td>
935
1276
  <td
@@ -949,7 +1290,19 @@ section: components
949
1290
  aria-label="Table actions"
950
1291
  >
951
1292
  <span class="pf-v6-c-menu-toggle__icon">
952
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1293
+ <svg
1294
+ class="pf-v6-svg"
1295
+ viewBox="0 0 32 32"
1296
+ fill="currentColor"
1297
+ aria-hidden="true"
1298
+ role="img"
1299
+ width="1em"
1300
+ height="1em"
1301
+ >
1302
+ <path
1303
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1304
+ />
1305
+ </svg>
953
1306
  </span>
954
1307
  </button>
955
1308
  </td>
@@ -974,20 +1327,31 @@ section: components
974
1327
  </label>
975
1328
  </td>
976
1329
 
977
- <th
978
- class="pf-v6-c-table__th"
979
- role="columnheader"
1330
+ <td
1331
+ class="pf-v6-c-table__td"
1332
+ role="cell"
980
1333
  data-label="Repository name"
981
1334
  >
982
1335
  <div>
983
1336
  <div id="-table-table-node4">Node 4</div>
984
1337
  <a href="#">siemur/test-space</a>
985
1338
  </div>
986
- </th>
987
-
1339
+ </td>
988
1340
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
989
1341
  <span>
990
- <i class="fas fa-code-branch"></i> 3
1342
+ <svg
1343
+ class="pf-v6-svg"
1344
+ viewBox="0 0 384 512"
1345
+ fill="currentColor"
1346
+ aria-hidden="true"
1347
+ role="img"
1348
+ width="1em"
1349
+ height="1em"
1350
+ >
1351
+ <path
1352
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
1353
+ />
1354
+ </svg> 3
991
1355
  </span>
992
1356
  </td>
993
1357
  <td
@@ -996,7 +1360,19 @@ section: components
996
1360
  data-label="Pull requests"
997
1361
  >
998
1362
  <span>
999
- <i class="fas fa-code"></i> 8
1363
+ <svg
1364
+ class="pf-v6-svg"
1365
+ viewBox="0 0 640 512"
1366
+ fill="currentColor"
1367
+ aria-hidden="true"
1368
+ role="img"
1369
+ width="1em"
1370
+ height="1em"
1371
+ >
1372
+ <path
1373
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
1374
+ />
1375
+ </svg> 8
1000
1376
  </span>
1001
1377
  </td>
1002
1378
  <td
@@ -1005,7 +1381,19 @@ section: components
1005
1381
  data-label="Workspaces"
1006
1382
  >
1007
1383
  <span>
1008
- <i class="fas fa-cube"></i> 20
1384
+ <svg
1385
+ class="pf-v6-svg"
1386
+ viewBox="0 0 576 512"
1387
+ fill="currentColor"
1388
+ aria-hidden="true"
1389
+ role="img"
1390
+ width="1em"
1391
+ height="1em"
1392
+ >
1393
+ <path
1394
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
1395
+ />
1396
+ </svg> 20
1009
1397
  </span>
1010
1398
  </td>
1011
1399
  <td
@@ -1025,7 +1413,19 @@ section: components
1025
1413
  aria-label="Table actions"
1026
1414
  >
1027
1415
  <span class="pf-v6-c-menu-toggle__icon">
1028
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1416
+ <svg
1417
+ class="pf-v6-svg"
1418
+ viewBox="0 0 32 32"
1419
+ fill="currentColor"
1420
+ aria-hidden="true"
1421
+ role="img"
1422
+ width="1em"
1423
+ height="1em"
1424
+ >
1425
+ <path
1426
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1427
+ />
1428
+ </svg>
1029
1429
  </span>
1030
1430
  </button>
1031
1431
  </td>
@@ -1062,7 +1462,19 @@ section: components
1062
1462
  </td>
1063
1463
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
1064
1464
  <span>
1065
- <i class="fas fa-code-branch"></i> 34
1465
+ <svg
1466
+ class="pf-v6-svg"
1467
+ viewBox="0 0 384 512"
1468
+ fill="currentColor"
1469
+ aria-hidden="true"
1470
+ role="img"
1471
+ width="1em"
1472
+ height="1em"
1473
+ >
1474
+ <path
1475
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
1476
+ />
1477
+ </svg> 34
1066
1478
  </span>
1067
1479
  </td>
1068
1480
  <td
@@ -1071,7 +1483,19 @@ section: components
1071
1483
  data-label="Pull requests"
1072
1484
  >
1073
1485
  <span>
1074
- <i class="fas fa-code"></i> 21
1486
+ <svg
1487
+ class="pf-v6-svg"
1488
+ viewBox="0 0 640 512"
1489
+ fill="currentColor"
1490
+ aria-hidden="true"
1491
+ role="img"
1492
+ width="1em"
1493
+ height="1em"
1494
+ >
1495
+ <path
1496
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
1497
+ />
1498
+ </svg> 21
1075
1499
  </span>
1076
1500
  </td>
1077
1501
  <td
@@ -1080,7 +1504,19 @@ section: components
1080
1504
  data-label="Workspaces"
1081
1505
  >
1082
1506
  <span>
1083
- <i class="fas fa-cube"></i> 26
1507
+ <svg
1508
+ class="pf-v6-svg"
1509
+ viewBox="0 0 576 512"
1510
+ fill="currentColor"
1511
+ aria-hidden="true"
1512
+ role="img"
1513
+ width="1em"
1514
+ height="1em"
1515
+ >
1516
+ <path
1517
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
1518
+ />
1519
+ </svg> 26
1084
1520
  </span>
1085
1521
  </td>
1086
1522
  <td
@@ -1100,7 +1536,19 @@ section: components
1100
1536
  aria-label="Table actions"
1101
1537
  >
1102
1538
  <span class="pf-v6-c-menu-toggle__icon">
1103
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1539
+ <svg
1540
+ class="pf-v6-svg"
1541
+ viewBox="0 0 32 32"
1542
+ fill="currentColor"
1543
+ aria-hidden="true"
1544
+ role="img"
1545
+ width="1em"
1546
+ height="1em"
1547
+ >
1548
+ <path
1549
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1550
+ />
1551
+ </svg>
1104
1552
  </span>
1105
1553
  </button>
1106
1554
  </td>
@@ -1134,7 +1582,19 @@ section: components
1134
1582
  aria-controls="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
1135
1583
  >
1136
1584
  <span class="pf-v6-c-menu-toggle__icon">
1137
- <i class="fas fa-filter" aria-hidden="true"></i>
1585
+ <svg
1586
+ class="pf-v6-svg"
1587
+ viewBox="0 0 32 32"
1588
+ fill="currentColor"
1589
+ aria-hidden="true"
1590
+ role="img"
1591
+ width="1em"
1592
+ height="1em"
1593
+ >
1594
+ <path
1595
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
1596
+ />
1597
+ </svg>
1138
1598
  </span>
1139
1599
  </button>
1140
1600
  </div>
@@ -1154,7 +1614,19 @@ section: components
1154
1614
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1155
1615
  <span class="pf-v6-c-menu-toggle__controls">
1156
1616
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1157
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1617
+ <svg
1618
+ class="pf-v6-svg"
1619
+ viewBox="0 0 20 20"
1620
+ fill="currentColor"
1621
+ aria-hidden="true"
1622
+ role="img"
1623
+ width="1em"
1624
+ height="1em"
1625
+ >
1626
+ <path
1627
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1628
+ />
1629
+ </svg>
1158
1630
  </span>
1159
1631
  </span>
1160
1632
  </button>
@@ -1191,7 +1663,19 @@ section: components
1191
1663
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1192
1664
  <span class="pf-v6-c-menu-toggle__controls">
1193
1665
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1194
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1666
+ <svg
1667
+ class="pf-v6-svg"
1668
+ viewBox="0 0 20 20"
1669
+ fill="currentColor"
1670
+ aria-hidden="true"
1671
+ role="img"
1672
+ width="1em"
1673
+ height="1em"
1674
+ >
1675
+ <path
1676
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1677
+ />
1678
+ </svg>
1195
1679
  </span>
1196
1680
  </span>
1197
1681
  </button>
@@ -1206,7 +1690,19 @@ section: components
1206
1690
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1207
1691
  <span class="pf-v6-c-menu-toggle__controls">
1208
1692
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1209
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1693
+ <svg
1694
+ class="pf-v6-svg"
1695
+ viewBox="0 0 20 20"
1696
+ fill="currentColor"
1697
+ aria-hidden="true"
1698
+ role="img"
1699
+ width="1em"
1700
+ height="1em"
1701
+ >
1702
+ <path
1703
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1704
+ />
1705
+ </svg>
1210
1706
  </span>
1211
1707
  </span>
1212
1708
  </button>
@@ -1228,7 +1724,19 @@ section: components
1228
1724
  id="toolbar-attribute-value-search-filter-mobile-example-overflow-toggle"
1229
1725
  >
1230
1726
  <span class="pf-v6-c-menu-toggle__icon">
1231
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1727
+ <svg
1728
+ class="pf-v6-svg"
1729
+ viewBox="0 0 32 32"
1730
+ fill="currentColor"
1731
+ aria-hidden="true"
1732
+ role="img"
1733
+ width="1em"
1734
+ height="1em"
1735
+ >
1736
+ <path
1737
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1738
+ />
1739
+ </svg>
1232
1740
  </span>
1233
1741
  </button>
1234
1742
  </div>
@@ -1239,14 +1747,13 @@ section: components
1239
1747
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1240
1748
  >
1241
1749
  <div
1242
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
1750
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
1243
1751
  >
1244
1752
  <div class="pf-v6-c-pagination__page-menu">
1245
1753
  <button
1246
1754
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1247
1755
  type="button"
1248
1756
  aria-expanded="false"
1249
- aria-label="Menu toggle"
1250
1757
  id="toolbar-attribute-value-search-filter-mobile-example-pagination-menu-toggle"
1251
1758
  >
1252
1759
  <span class="pf-v6-c-menu-toggle__text">
@@ -1255,7 +1762,19 @@ section: components
1255
1762
  </span>
1256
1763
  <span class="pf-v6-c-menu-toggle__controls">
1257
1764
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1258
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1765
+ <svg
1766
+ class="pf-v6-svg"
1767
+ viewBox="0 0 20 20"
1768
+ fill="currentColor"
1769
+ aria-hidden="true"
1770
+ role="img"
1771
+ width="1em"
1772
+ height="1em"
1773
+ >
1774
+ <path
1775
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1776
+ />
1777
+ </svg>
1259
1778
  </span>
1260
1779
  </span>
1261
1780
  </button>
@@ -1269,7 +1788,19 @@ section: components
1269
1788
  aria-label="Go to previous page"
1270
1789
  >
1271
1790
  <span class="pf-v6-c-button__icon">
1272
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1791
+ <svg
1792
+ class="pf-v6-svg"
1793
+ viewBox="0 0 256 512"
1794
+ fill="currentColor"
1795
+ aria-hidden="true"
1796
+ role="img"
1797
+ width="1em"
1798
+ height="1em"
1799
+ >
1800
+ <path
1801
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1802
+ />
1803
+ </svg>
1273
1804
  </span>
1274
1805
  </button>
1275
1806
  </div>
@@ -1280,7 +1811,19 @@ section: components
1280
1811
  aria-label="Go to next page"
1281
1812
  >
1282
1813
  <span class="pf-v6-c-button__icon">
1283
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1814
+ <svg
1815
+ class="pf-v6-svg"
1816
+ viewBox="0 0 256 512"
1817
+ fill="currentColor"
1818
+ aria-hidden="true"
1819
+ role="img"
1820
+ width="1em"
1821
+ height="1em"
1822
+ >
1823
+ <path
1824
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1825
+ />
1826
+ </svg>
1284
1827
  </span>
1285
1828
  </button>
1286
1829
  </div>
@@ -1310,7 +1853,19 @@ section: components
1310
1853
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1311
1854
  <span class="pf-v6-c-menu-toggle__controls">
1312
1855
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1313
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1856
+ <svg
1857
+ class="pf-v6-svg"
1858
+ viewBox="0 0 20 20"
1859
+ fill="currentColor"
1860
+ aria-hidden="true"
1861
+ role="img"
1862
+ width="1em"
1863
+ height="1em"
1864
+ >
1865
+ <path
1866
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1867
+ />
1868
+ </svg>
1314
1869
  </span>
1315
1870
  </span>
1316
1871
  </button>
@@ -1361,7 +1916,19 @@ section: components
1361
1916
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1362
1917
  <span class="pf-v6-c-menu-toggle__controls">
1363
1918
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1364
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1919
+ <svg
1920
+ class="pf-v6-svg"
1921
+ viewBox="0 0 20 20"
1922
+ fill="currentColor"
1923
+ aria-hidden="true"
1924
+ role="img"
1925
+ width="1em"
1926
+ height="1em"
1927
+ >
1928
+ <path
1929
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1930
+ />
1931
+ </svg>
1365
1932
  </span>
1366
1933
  </span>
1367
1934
  </button>
@@ -1376,7 +1943,19 @@ section: components
1376
1943
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1377
1944
  <span class="pf-v6-c-menu-toggle__controls">
1378
1945
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1379
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1946
+ <svg
1947
+ class="pf-v6-svg"
1948
+ viewBox="0 0 20 20"
1949
+ fill="currentColor"
1950
+ aria-hidden="true"
1951
+ role="img"
1952
+ width="1em"
1953
+ height="1em"
1954
+ >
1955
+ <path
1956
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1957
+ />
1958
+ </svg>
1380
1959
  </span>
1381
1960
  </span>
1382
1961
  </button>
@@ -1411,7 +1990,19 @@ section: components
1411
1990
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-toggle"
1412
1991
  >
1413
1992
  <span class="pf-v6-c-menu-toggle__icon">
1414
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1993
+ <svg
1994
+ class="pf-v6-svg"
1995
+ viewBox="0 0 32 32"
1996
+ fill="currentColor"
1997
+ aria-hidden="true"
1998
+ role="img"
1999
+ width="1em"
2000
+ height="1em"
2001
+ >
2002
+ <path
2003
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2004
+ />
2005
+ </svg>
1415
2006
  </span>
1416
2007
  </button>
1417
2008
  </div>
@@ -1422,14 +2013,13 @@ section: components
1422
2013
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1423
2014
  >
1424
2015
  <div
1425
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2016
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
1426
2017
  >
1427
2018
  <div class="pf-v6-c-pagination__page-menu">
1428
2019
  <button
1429
2020
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1430
2021
  type="button"
1431
2022
  aria-expanded="false"
1432
- aria-label="Menu toggle"
1433
2023
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-pagination-menu-toggle"
1434
2024
  >
1435
2025
  <span class="pf-v6-c-menu-toggle__text">
@@ -1438,7 +2028,19 @@ section: components
1438
2028
  </span>
1439
2029
  <span class="pf-v6-c-menu-toggle__controls">
1440
2030
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1441
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2031
+ <svg
2032
+ class="pf-v6-svg"
2033
+ viewBox="0 0 20 20"
2034
+ fill="currentColor"
2035
+ aria-hidden="true"
2036
+ role="img"
2037
+ width="1em"
2038
+ height="1em"
2039
+ >
2040
+ <path
2041
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2042
+ />
2043
+ </svg>
1442
2044
  </span>
1443
2045
  </span>
1444
2046
  </button>
@@ -1452,7 +2054,19 @@ section: components
1452
2054
  aria-label="Go to previous page"
1453
2055
  >
1454
2056
  <span class="pf-v6-c-button__icon">
1455
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2057
+ <svg
2058
+ class="pf-v6-svg"
2059
+ viewBox="0 0 256 512"
2060
+ fill="currentColor"
2061
+ aria-hidden="true"
2062
+ role="img"
2063
+ width="1em"
2064
+ height="1em"
2065
+ >
2066
+ <path
2067
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2068
+ />
2069
+ </svg>
1456
2070
  </span>
1457
2071
  </button>
1458
2072
  </div>
@@ -1463,7 +2077,19 @@ section: components
1463
2077
  aria-label="Go to next page"
1464
2078
  >
1465
2079
  <span class="pf-v6-c-button__icon">
1466
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2080
+ <svg
2081
+ class="pf-v6-svg"
2082
+ viewBox="0 0 256 512"
2083
+ fill="currentColor"
2084
+ aria-hidden="true"
2085
+ role="img"
2086
+ width="1em"
2087
+ height="1em"
2088
+ >
2089
+ <path
2090
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2091
+ />
2092
+ </svg>
1467
2093
  </span>
1468
2094
  </button>
1469
2095
  </div>
@@ -1502,7 +2128,19 @@ section: components
1502
2128
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
1503
2129
  >
1504
2130
  <span class="pf-v6-c-menu-toggle__icon">
1505
- <i class="fas fa-filter" aria-hidden="true"></i>
2131
+ <svg
2132
+ class="pf-v6-svg"
2133
+ viewBox="0 0 32 32"
2134
+ fill="currentColor"
2135
+ aria-hidden="true"
2136
+ role="img"
2137
+ width="1em"
2138
+ height="1em"
2139
+ >
2140
+ <path
2141
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
2142
+ />
2143
+ </svg>
1506
2144
  </span>
1507
2145
  </button>
1508
2146
  </div>
@@ -1522,7 +2160,19 @@ section: components
1522
2160
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1523
2161
  <span class="pf-v6-c-menu-toggle__controls">
1524
2162
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1525
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2163
+ <svg
2164
+ class="pf-v6-svg"
2165
+ viewBox="0 0 20 20"
2166
+ fill="currentColor"
2167
+ aria-hidden="true"
2168
+ role="img"
2169
+ width="1em"
2170
+ height="1em"
2171
+ >
2172
+ <path
2173
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2174
+ />
2175
+ </svg>
1526
2176
  </span>
1527
2177
  </span>
1528
2178
  </button>
@@ -1559,7 +2209,19 @@ section: components
1559
2209
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1560
2210
  <span class="pf-v6-c-menu-toggle__controls">
1561
2211
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1562
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2212
+ <svg
2213
+ class="pf-v6-svg"
2214
+ viewBox="0 0 20 20"
2215
+ fill="currentColor"
2216
+ aria-hidden="true"
2217
+ role="img"
2218
+ width="1em"
2219
+ height="1em"
2220
+ >
2221
+ <path
2222
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2223
+ />
2224
+ </svg>
1563
2225
  </span>
1564
2226
  </span>
1565
2227
  </button>
@@ -1574,7 +2236,19 @@ section: components
1574
2236
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1575
2237
  <span class="pf-v6-c-menu-toggle__controls">
1576
2238
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1577
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2239
+ <svg
2240
+ class="pf-v6-svg"
2241
+ viewBox="0 0 20 20"
2242
+ fill="currentColor"
2243
+ aria-hidden="true"
2244
+ role="img"
2245
+ width="1em"
2246
+ height="1em"
2247
+ >
2248
+ <path
2249
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2250
+ />
2251
+ </svg>
1578
2252
  </span>
1579
2253
  </span>
1580
2254
  </button>
@@ -1596,7 +2270,19 @@ section: components
1596
2270
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-toggle"
1597
2271
  >
1598
2272
  <span class="pf-v6-c-menu-toggle__icon">
1599
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2273
+ <svg
2274
+ class="pf-v6-svg"
2275
+ viewBox="0 0 32 32"
2276
+ fill="currentColor"
2277
+ aria-hidden="true"
2278
+ role="img"
2279
+ width="1em"
2280
+ height="1em"
2281
+ >
2282
+ <path
2283
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2284
+ />
2285
+ </svg>
1600
2286
  </span>
1601
2287
  </button>
1602
2288
  </div>
@@ -1607,14 +2293,13 @@ section: components
1607
2293
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1608
2294
  >
1609
2295
  <div
1610
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2296
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
1611
2297
  >
1612
2298
  <div class="pf-v6-c-pagination__page-menu">
1613
2299
  <button
1614
2300
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1615
2301
  type="button"
1616
2302
  aria-expanded="false"
1617
- aria-label="Menu toggle"
1618
2303
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-pagination-menu-toggle"
1619
2304
  >
1620
2305
  <span class="pf-v6-c-menu-toggle__text">
@@ -1623,7 +2308,19 @@ section: components
1623
2308
  </span>
1624
2309
  <span class="pf-v6-c-menu-toggle__controls">
1625
2310
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1626
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2311
+ <svg
2312
+ class="pf-v6-svg"
2313
+ viewBox="0 0 20 20"
2314
+ fill="currentColor"
2315
+ aria-hidden="true"
2316
+ role="img"
2317
+ width="1em"
2318
+ height="1em"
2319
+ >
2320
+ <path
2321
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2322
+ />
2323
+ </svg>
1627
2324
  </span>
1628
2325
  </span>
1629
2326
  </button>
@@ -1637,7 +2334,19 @@ section: components
1637
2334
  aria-label="Go to previous page"
1638
2335
  >
1639
2336
  <span class="pf-v6-c-button__icon">
1640
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2337
+ <svg
2338
+ class="pf-v6-svg"
2339
+ viewBox="0 0 256 512"
2340
+ fill="currentColor"
2341
+ aria-hidden="true"
2342
+ role="img"
2343
+ width="1em"
2344
+ height="1em"
2345
+ >
2346
+ <path
2347
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2348
+ />
2349
+ </svg>
1641
2350
  </span>
1642
2351
  </button>
1643
2352
  </div>
@@ -1648,7 +2357,19 @@ section: components
1648
2357
  aria-label="Go to next page"
1649
2358
  >
1650
2359
  <span class="pf-v6-c-button__icon">
1651
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2360
+ <svg
2361
+ class="pf-v6-svg"
2362
+ viewBox="0 0 256 512"
2363
+ fill="currentColor"
2364
+ aria-hidden="true"
2365
+ role="img"
2366
+ width="1em"
2367
+ height="1em"
2368
+ >
2369
+ <path
2370
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2371
+ />
2372
+ </svg>
1652
2373
  </span>
1653
2374
  </button>
1654
2375
  </div>
@@ -1673,7 +2394,19 @@ section: components
1673
2394
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1674
2395
  <span class="pf-v6-c-menu-toggle__controls">
1675
2396
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1676
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2397
+ <svg
2398
+ class="pf-v6-svg"
2399
+ viewBox="0 0 20 20"
2400
+ fill="currentColor"
2401
+ aria-hidden="true"
2402
+ role="img"
2403
+ width="1em"
2404
+ height="1em"
2405
+ >
2406
+ <path
2407
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2408
+ />
2409
+ </svg>
1677
2410
  </span>
1678
2411
  </span>
1679
2412
  </button>
@@ -1688,7 +2421,19 @@ section: components
1688
2421
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1689
2422
  <span class="pf-v6-c-menu-toggle__controls">
1690
2423
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1691
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2424
+ <svg
2425
+ class="pf-v6-svg"
2426
+ viewBox="0 0 20 20"
2427
+ fill="currentColor"
2428
+ aria-hidden="true"
2429
+ role="img"
2430
+ width="1em"
2431
+ height="1em"
2432
+ >
2433
+ <path
2434
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2435
+ />
2436
+ </svg>
1692
2437
  </span>
1693
2438
  </span>
1694
2439
  </button>
@@ -1720,7 +2465,19 @@ section: components
1720
2465
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1721
2466
  <span class="pf-v6-c-menu-toggle__controls">
1722
2467
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1723
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2468
+ <svg
2469
+ class="pf-v6-svg"
2470
+ viewBox="0 0 20 20"
2471
+ fill="currentColor"
2472
+ aria-hidden="true"
2473
+ role="img"
2474
+ width="1em"
2475
+ height="1em"
2476
+ >
2477
+ <path
2478
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2479
+ />
2480
+ </svg>
1724
2481
  </span>
1725
2482
  </span>
1726
2483
  </button>
@@ -1735,7 +2492,19 @@ section: components
1735
2492
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1736
2493
  <span class="pf-v6-c-menu-toggle__controls">
1737
2494
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1738
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2495
+ <svg
2496
+ class="pf-v6-svg"
2497
+ viewBox="0 0 20 20"
2498
+ fill="currentColor"
2499
+ aria-hidden="true"
2500
+ role="img"
2501
+ width="1em"
2502
+ height="1em"
2503
+ >
2504
+ <path
2505
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2506
+ />
2507
+ </svg>
1739
2508
  </span>
1740
2509
  </span>
1741
2510
  </button>
@@ -1770,7 +2539,19 @@ section: components
1770
2539
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-toggle"
1771
2540
  >
1772
2541
  <span class="pf-v6-c-menu-toggle__icon">
1773
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2542
+ <svg
2543
+ class="pf-v6-svg"
2544
+ viewBox="0 0 32 32"
2545
+ fill="currentColor"
2546
+ aria-hidden="true"
2547
+ role="img"
2548
+ width="1em"
2549
+ height="1em"
2550
+ >
2551
+ <path
2552
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
2553
+ />
2554
+ </svg>
1774
2555
  </span>
1775
2556
  </button>
1776
2557
  </div>
@@ -1781,14 +2562,13 @@ section: components
1781
2562
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
1782
2563
  >
1783
2564
  <div
1784
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
2565
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
1785
2566
  >
1786
2567
  <div class="pf-v6-c-pagination__page-menu">
1787
2568
  <button
1788
2569
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
1789
2570
  type="button"
1790
2571
  aria-expanded="false"
1791
- aria-label="Menu toggle"
1792
2572
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-pagination-menu-toggle"
1793
2573
  >
1794
2574
  <span class="pf-v6-c-menu-toggle__text">
@@ -1797,7 +2577,19 @@ section: components
1797
2577
  </span>
1798
2578
  <span class="pf-v6-c-menu-toggle__controls">
1799
2579
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1800
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2580
+ <svg
2581
+ class="pf-v6-svg"
2582
+ viewBox="0 0 20 20"
2583
+ fill="currentColor"
2584
+ aria-hidden="true"
2585
+ role="img"
2586
+ width="1em"
2587
+ height="1em"
2588
+ >
2589
+ <path
2590
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2591
+ />
2592
+ </svg>
1801
2593
  </span>
1802
2594
  </span>
1803
2595
  </button>
@@ -1811,7 +2603,19 @@ section: components
1811
2603
  aria-label="Go to previous page"
1812
2604
  >
1813
2605
  <span class="pf-v6-c-button__icon">
1814
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2606
+ <svg
2607
+ class="pf-v6-svg"
2608
+ viewBox="0 0 256 512"
2609
+ fill="currentColor"
2610
+ aria-hidden="true"
2611
+ role="img"
2612
+ width="1em"
2613
+ height="1em"
2614
+ >
2615
+ <path
2616
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2617
+ />
2618
+ </svg>
1815
2619
  </span>
1816
2620
  </button>
1817
2621
  </div>
@@ -1822,7 +2626,19 @@ section: components
1822
2626
  aria-label="Go to next page"
1823
2627
  >
1824
2628
  <span class="pf-v6-c-button__icon">
1825
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2629
+ <svg
2630
+ class="pf-v6-svg"
2631
+ viewBox="0 0 256 512"
2632
+ fill="currentColor"
2633
+ aria-hidden="true"
2634
+ role="img"
2635
+ width="1em"
2636
+ height="1em"
2637
+ >
2638
+ <path
2639
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2640
+ />
2641
+ </svg>
1826
2642
  </span>
1827
2643
  </button>
1828
2644
  </div>
@@ -1872,7 +2688,19 @@ section: components
1872
2688
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-one"
1873
2689
  >
1874
2690
  <span class="pf-v6-c-button__icon">
1875
- <i class="fas fa-times" aria-hidden="true"></i>
2691
+ <svg
2692
+ class="pf-v6-svg"
2693
+ viewBox="0 0 20 20"
2694
+ fill="currentColor"
2695
+ aria-hidden="true"
2696
+ role="img"
2697
+ width="1em"
2698
+ height="1em"
2699
+ >
2700
+ <path
2701
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2702
+ />
2703
+ </svg>
1876
2704
  </span>
1877
2705
  </button>
1878
2706
  </span>
@@ -1897,7 +2725,19 @@ section: components
1897
2725
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-two"
1898
2726
  >
1899
2727
  <span class="pf-v6-c-button__icon">
1900
- <i class="fas fa-times" aria-hidden="true"></i>
2728
+ <svg
2729
+ class="pf-v6-svg"
2730
+ viewBox="0 0 20 20"
2731
+ fill="currentColor"
2732
+ aria-hidden="true"
2733
+ role="img"
2734
+ width="1em"
2735
+ height="1em"
2736
+ >
2737
+ <path
2738
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2739
+ />
2740
+ </svg>
1901
2741
  </span>
1902
2742
  </button>
1903
2743
  </span>
@@ -1922,7 +2762,19 @@ section: components
1922
2762
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-three"
1923
2763
  >
1924
2764
  <span class="pf-v6-c-button__icon">
1925
- <i class="fas fa-times" aria-hidden="true"></i>
2765
+ <svg
2766
+ class="pf-v6-svg"
2767
+ viewBox="0 0 20 20"
2768
+ fill="currentColor"
2769
+ aria-hidden="true"
2770
+ role="img"
2771
+ width="1em"
2772
+ height="1em"
2773
+ >
2774
+ <path
2775
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2776
+ />
2777
+ </svg>
1926
2778
  </span>
1927
2779
  </button>
1928
2780
  </span>
@@ -1964,7 +2816,19 @@ section: components
1964
2816
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-one"
1965
2817
  >
1966
2818
  <span class="pf-v6-c-button__icon">
1967
- <i class="fas fa-times" aria-hidden="true"></i>
2819
+ <svg
2820
+ class="pf-v6-svg"
2821
+ viewBox="0 0 20 20"
2822
+ fill="currentColor"
2823
+ aria-hidden="true"
2824
+ role="img"
2825
+ width="1em"
2826
+ height="1em"
2827
+ >
2828
+ <path
2829
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2830
+ />
2831
+ </svg>
1968
2832
  </span>
1969
2833
  </button>
1970
2834
  </span>
@@ -1989,7 +2853,19 @@ section: components
1989
2853
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-two"
1990
2854
  >
1991
2855
  <span class="pf-v6-c-button__icon">
1992
- <i class="fas fa-times" aria-hidden="true"></i>
2856
+ <svg
2857
+ class="pf-v6-svg"
2858
+ viewBox="0 0 20 20"
2859
+ fill="currentColor"
2860
+ aria-hidden="true"
2861
+ role="img"
2862
+ width="1em"
2863
+ height="1em"
2864
+ >
2865
+ <path
2866
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2867
+ />
2868
+ </svg>
1993
2869
  </span>
1994
2870
  </button>
1995
2871
  </span>
@@ -2014,7 +2890,19 @@ section: components
2014
2890
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-three"
2015
2891
  >
2016
2892
  <span class="pf-v6-c-button__icon">
2017
- <i class="fas fa-times" aria-hidden="true"></i>
2893
+ <svg
2894
+ class="pf-v6-svg"
2895
+ viewBox="0 0 20 20"
2896
+ fill="currentColor"
2897
+ aria-hidden="true"
2898
+ role="img"
2899
+ width="1em"
2900
+ height="1em"
2901
+ >
2902
+ <path
2903
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2904
+ />
2905
+ </svg>
2018
2906
  </span>
2019
2907
  </button>
2020
2908
  </span>
@@ -2065,7 +2953,19 @@ section: components
2065
2953
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
2066
2954
  >
2067
2955
  <span class="pf-v6-c-menu-toggle__icon">
2068
- <i class="fas fa-filter" aria-hidden="true"></i>
2956
+ <svg
2957
+ class="pf-v6-svg"
2958
+ viewBox="0 0 32 32"
2959
+ fill="currentColor"
2960
+ aria-hidden="true"
2961
+ role="img"
2962
+ width="1em"
2963
+ height="1em"
2964
+ >
2965
+ <path
2966
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
2967
+ />
2968
+ </svg>
2069
2969
  </span>
2070
2970
  </button>
2071
2971
  </div>
@@ -2085,7 +2985,19 @@ section: components
2085
2985
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2086
2986
  <span class="pf-v6-c-menu-toggle__controls">
2087
2987
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2088
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2988
+ <svg
2989
+ class="pf-v6-svg"
2990
+ viewBox="0 0 20 20"
2991
+ fill="currentColor"
2992
+ aria-hidden="true"
2993
+ role="img"
2994
+ width="1em"
2995
+ height="1em"
2996
+ >
2997
+ <path
2998
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
2999
+ />
3000
+ </svg>
2089
3001
  </span>
2090
3002
  </span>
2091
3003
  </button>
@@ -2122,7 +3034,19 @@ section: components
2122
3034
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2123
3035
  <span class="pf-v6-c-menu-toggle__controls">
2124
3036
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2125
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3037
+ <svg
3038
+ class="pf-v6-svg"
3039
+ viewBox="0 0 20 20"
3040
+ fill="currentColor"
3041
+ aria-hidden="true"
3042
+ role="img"
3043
+ width="1em"
3044
+ height="1em"
3045
+ >
3046
+ <path
3047
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3048
+ />
3049
+ </svg>
2126
3050
  </span>
2127
3051
  </span>
2128
3052
  </button>
@@ -2137,7 +3061,19 @@ section: components
2137
3061
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2138
3062
  <span class="pf-v6-c-menu-toggle__controls">
2139
3063
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2140
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3064
+ <svg
3065
+ class="pf-v6-svg"
3066
+ viewBox="0 0 20 20"
3067
+ fill="currentColor"
3068
+ aria-hidden="true"
3069
+ role="img"
3070
+ width="1em"
3071
+ height="1em"
3072
+ >
3073
+ <path
3074
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3075
+ />
3076
+ </svg>
2141
3077
  </span>
2142
3078
  </span>
2143
3079
  </button>
@@ -2159,7 +3095,19 @@ section: components
2159
3095
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-toggle"
2160
3096
  >
2161
3097
  <span class="pf-v6-c-menu-toggle__icon">
2162
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3098
+ <svg
3099
+ class="pf-v6-svg"
3100
+ viewBox="0 0 32 32"
3101
+ fill="currentColor"
3102
+ aria-hidden="true"
3103
+ role="img"
3104
+ width="1em"
3105
+ height="1em"
3106
+ >
3107
+ <path
3108
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3109
+ />
3110
+ </svg>
2163
3111
  </span>
2164
3112
  </button>
2165
3113
  </div>
@@ -2170,14 +3118,13 @@ section: components
2170
3118
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2171
3119
  >
2172
3120
  <div
2173
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
3121
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
2174
3122
  >
2175
3123
  <div class="pf-v6-c-pagination__page-menu">
2176
3124
  <button
2177
3125
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
2178
3126
  type="button"
2179
3127
  aria-expanded="false"
2180
- aria-label="Menu toggle"
2181
3128
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-pagination-menu-toggle"
2182
3129
  >
2183
3130
  <span class="pf-v6-c-menu-toggle__text">
@@ -2186,7 +3133,19 @@ section: components
2186
3133
  </span>
2187
3134
  <span class="pf-v6-c-menu-toggle__controls">
2188
3135
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2189
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3136
+ <svg
3137
+ class="pf-v6-svg"
3138
+ viewBox="0 0 20 20"
3139
+ fill="currentColor"
3140
+ aria-hidden="true"
3141
+ role="img"
3142
+ width="1em"
3143
+ height="1em"
3144
+ >
3145
+ <path
3146
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3147
+ />
3148
+ </svg>
2190
3149
  </span>
2191
3150
  </span>
2192
3151
  </button>
@@ -2200,7 +3159,19 @@ section: components
2200
3159
  aria-label="Go to previous page"
2201
3160
  >
2202
3161
  <span class="pf-v6-c-button__icon">
2203
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3162
+ <svg
3163
+ class="pf-v6-svg"
3164
+ viewBox="0 0 256 512"
3165
+ fill="currentColor"
3166
+ aria-hidden="true"
3167
+ role="img"
3168
+ width="1em"
3169
+ height="1em"
3170
+ >
3171
+ <path
3172
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3173
+ />
3174
+ </svg>
2204
3175
  </span>
2205
3176
  </button>
2206
3177
  </div>
@@ -2211,7 +3182,19 @@ section: components
2211
3182
  aria-label="Go to next page"
2212
3183
  >
2213
3184
  <span class="pf-v6-c-button__icon">
2214
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3185
+ <svg
3186
+ class="pf-v6-svg"
3187
+ viewBox="0 0 256 512"
3188
+ fill="currentColor"
3189
+ aria-hidden="true"
3190
+ role="img"
3191
+ width="1em"
3192
+ height="1em"
3193
+ >
3194
+ <path
3195
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3196
+ />
3197
+ </svg>
2215
3198
  </span>
2216
3199
  </button>
2217
3200
  </div>
@@ -2236,7 +3219,19 @@ section: components
2236
3219
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2237
3220
  <span class="pf-v6-c-menu-toggle__controls">
2238
3221
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2239
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3222
+ <svg
3223
+ class="pf-v6-svg"
3224
+ viewBox="0 0 20 20"
3225
+ fill="currentColor"
3226
+ aria-hidden="true"
3227
+ role="img"
3228
+ width="1em"
3229
+ height="1em"
3230
+ >
3231
+ <path
3232
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3233
+ />
3234
+ </svg>
2240
3235
  </span>
2241
3236
  </span>
2242
3237
  </button>
@@ -2251,7 +3246,19 @@ section: components
2251
3246
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2252
3247
  <span class="pf-v6-c-menu-toggle__controls">
2253
3248
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2254
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3249
+ <svg
3250
+ class="pf-v6-svg"
3251
+ viewBox="0 0 20 20"
3252
+ fill="currentColor"
3253
+ aria-hidden="true"
3254
+ role="img"
3255
+ width="1em"
3256
+ height="1em"
3257
+ >
3258
+ <path
3259
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3260
+ />
3261
+ </svg>
2255
3262
  </span>
2256
3263
  </span>
2257
3264
  </button>
@@ -2291,7 +3298,19 @@ section: components
2291
3298
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-one"
2292
3299
  >
2293
3300
  <span class="pf-v6-c-button__icon">
2294
- <i class="fas fa-times" aria-hidden="true"></i>
3301
+ <svg
3302
+ class="pf-v6-svg"
3303
+ viewBox="0 0 20 20"
3304
+ fill="currentColor"
3305
+ aria-hidden="true"
3306
+ role="img"
3307
+ width="1em"
3308
+ height="1em"
3309
+ >
3310
+ <path
3311
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3312
+ />
3313
+ </svg>
2295
3314
  </span>
2296
3315
  </button>
2297
3316
  </span>
@@ -2316,7 +3335,19 @@ section: components
2316
3335
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-two"
2317
3336
  >
2318
3337
  <span class="pf-v6-c-button__icon">
2319
- <i class="fas fa-times" aria-hidden="true"></i>
3338
+ <svg
3339
+ class="pf-v6-svg"
3340
+ viewBox="0 0 20 20"
3341
+ fill="currentColor"
3342
+ aria-hidden="true"
3343
+ role="img"
3344
+ width="1em"
3345
+ height="1em"
3346
+ >
3347
+ <path
3348
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3349
+ />
3350
+ </svg>
2320
3351
  </span>
2321
3352
  </button>
2322
3353
  </span>
@@ -2341,7 +3372,19 @@ section: components
2341
3372
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-three"
2342
3373
  >
2343
3374
  <span class="pf-v6-c-button__icon">
2344
- <i class="fas fa-times" aria-hidden="true"></i>
3375
+ <svg
3376
+ class="pf-v6-svg"
3377
+ viewBox="0 0 20 20"
3378
+ fill="currentColor"
3379
+ aria-hidden="true"
3380
+ role="img"
3381
+ width="1em"
3382
+ height="1em"
3383
+ >
3384
+ <path
3385
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3386
+ />
3387
+ </svg>
2345
3388
  </span>
2346
3389
  </button>
2347
3390
  </span>
@@ -2383,7 +3426,19 @@ section: components
2383
3426
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-one"
2384
3427
  >
2385
3428
  <span class="pf-v6-c-button__icon">
2386
- <i class="fas fa-times" aria-hidden="true"></i>
3429
+ <svg
3430
+ class="pf-v6-svg"
3431
+ viewBox="0 0 20 20"
3432
+ fill="currentColor"
3433
+ aria-hidden="true"
3434
+ role="img"
3435
+ width="1em"
3436
+ height="1em"
3437
+ >
3438
+ <path
3439
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3440
+ />
3441
+ </svg>
2387
3442
  </span>
2388
3443
  </button>
2389
3444
  </span>
@@ -2408,7 +3463,19 @@ section: components
2408
3463
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-two"
2409
3464
  >
2410
3465
  <span class="pf-v6-c-button__icon">
2411
- <i class="fas fa-times" aria-hidden="true"></i>
3466
+ <svg
3467
+ class="pf-v6-svg"
3468
+ viewBox="0 0 20 20"
3469
+ fill="currentColor"
3470
+ aria-hidden="true"
3471
+ role="img"
3472
+ width="1em"
3473
+ height="1em"
3474
+ >
3475
+ <path
3476
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3477
+ />
3478
+ </svg>
2412
3479
  </span>
2413
3480
  </button>
2414
3481
  </span>
@@ -2433,7 +3500,19 @@ section: components
2433
3500
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-three"
2434
3501
  >
2435
3502
  <span class="pf-v6-c-button__icon">
2436
- <i class="fas fa-times" aria-hidden="true"></i>
3503
+ <svg
3504
+ class="pf-v6-svg"
3505
+ viewBox="0 0 20 20"
3506
+ fill="currentColor"
3507
+ aria-hidden="true"
3508
+ role="img"
3509
+ width="1em"
3510
+ height="1em"
3511
+ >
3512
+ <path
3513
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3514
+ />
3515
+ </svg>
2437
3516
  </span>
2438
3517
  </button>
2439
3518
  </span>
@@ -2478,9 +3557,10 @@ section: components
2478
3557
  <span class="pf-v6-c-button__text">Skip to content</span>
2479
3558
  </a>
2480
3559
  </div>
3560
+
2481
3561
  <header
2482
3562
  class="pf-v6-c-masthead"
2483
- id="toolbar-pagination-management-example-masthead"
3563
+ id="toolbar-pagination-management-example-docked"
2484
3564
  >
2485
3565
  <div class="pf-v6-c-masthead__main">
2486
3566
  <span class="pf-v6-c-masthead__toggle">
@@ -2523,7 +3603,7 @@ section: components
2523
3603
  y1="2.25860997e-13%"
2524
3604
  x2="32%"
2525
3605
  y2="100%"
2526
- id="linearGradient-toolbar-pagination-management-example-masthead"
3606
+ id="linearGradient-toolbar-pagination-management-example-docked"
2527
3607
  >
2528
3608
  <stop stop-color="#2B9AF3" offset="0%" />
2529
3609
  <stop
@@ -2577,11 +3657,11 @@ section: components
2577
3657
  />
2578
3658
  <path
2579
3659
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
2580
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
3660
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
2581
3661
  />
2582
3662
  <path
2583
3663
  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"
2584
- fill="url(#linearGradient-toolbar-pagination-management-example-masthead)"
3664
+ fill="url(#linearGradient-toolbar-pagination-management-example-docked)"
2585
3665
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
2586
3666
  />
2587
3667
  </g>
@@ -2593,7 +3673,7 @@ section: components
2593
3673
  <div class="pf-v6-c-masthead__content">
2594
3674
  <div
2595
3675
  class="pf-v6-c-toolbar pf-m-static"
2596
- id="toolbar-pagination-management-example-masthead-toolbar"
3676
+ id="toolbar-pagination-management-example-docked-toolbar"
2597
3677
  >
2598
3678
  <div class="pf-v6-c-toolbar__content">
2599
3679
  <div class="pf-v6-c-toolbar__content-section">
@@ -2611,7 +3691,19 @@ section: components
2611
3691
  aria-label="Application launcher"
2612
3692
  >
2613
3693
  <span class="pf-v6-c-menu-toggle__icon">
2614
- <i class="fas fa-th" aria-hidden="true"></i>
3694
+ <svg
3695
+ class="pf-v6-svg"
3696
+ viewBox="0 0 512 512"
3697
+ fill="currentColor"
3698
+ aria-hidden="true"
3699
+ role="img"
3700
+ width="1em"
3701
+ height="1em"
3702
+ >
3703
+ <path
3704
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
3705
+ />
3706
+ </svg>
2615
3707
  </span>
2616
3708
  </button>
2617
3709
  </div>
@@ -2623,7 +3715,19 @@ section: components
2623
3715
  aria-label="Settings"
2624
3716
  >
2625
3717
  <span class="pf-v6-c-menu-toggle__icon">
2626
- <i class="fas fa-cog" aria-hidden="true"></i>
3718
+ <svg
3719
+ class="pf-v6-svg"
3720
+ viewBox="0 0 32 32"
3721
+ fill="currentColor"
3722
+ aria-hidden="true"
3723
+ role="img"
3724
+ width="1em"
3725
+ height="1em"
3726
+ >
3727
+ <path
3728
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
3729
+ />
3730
+ </svg>
2627
3731
  </span>
2628
3732
  </button>
2629
3733
  </div>
@@ -2635,7 +3739,19 @@ section: components
2635
3739
  aria-label="Help"
2636
3740
  >
2637
3741
  <span class="pf-v6-c-menu-toggle__icon">
2638
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3742
+ <svg
3743
+ class="pf-v6-svg"
3744
+ viewBox="0 0 512 512"
3745
+ fill="currentColor"
3746
+ aria-hidden="true"
3747
+ role="img"
3748
+ width="1em"
3749
+ height="1em"
3750
+ >
3751
+ <path
3752
+ d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
3753
+ />
3754
+ </svg>
2639
3755
  </span>
2640
3756
  </button>
2641
3757
  </div>
@@ -2649,7 +3765,19 @@ section: components
2649
3765
  aria-label="Actions"
2650
3766
  >
2651
3767
  <span class="pf-v6-c-menu-toggle__icon">
2652
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3768
+ <svg
3769
+ class="pf-v6-svg"
3770
+ viewBox="0 0 32 32"
3771
+ fill="currentColor"
3772
+ aria-hidden="true"
3773
+ role="img"
3774
+ width="1em"
3775
+ height="1em"
3776
+ >
3777
+ <path
3778
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
3779
+ />
3780
+ </svg>
2653
3781
  </span>
2654
3782
  </button>
2655
3783
  </div>
@@ -2660,44 +3788,46 @@ section: components
2660
3788
  </div>
2661
3789
  </header>
2662
3790
  <div class="pf-v6-c-page__sidebar">
2663
- <div class="pf-v6-c-page__sidebar-body">
2664
- <nav
2665
- class="pf-v6-c-nav"
2666
- id="toolbar-pagination-management-example-primary-nav"
2667
- aria-label="Global"
2668
- >
2669
- <ul class="pf-v6-c-nav__list" role="list">
2670
- <li class="pf-v6-c-nav__item">
2671
- <a href="#" class="pf-v6-c-nav__link">
2672
- <span class="pf-v6-c-nav__link-text">System panel</span>
2673
- </a>
2674
- </li>
2675
- <li class="pf-v6-c-nav__item">
2676
- <a
2677
- href="#"
2678
- class="pf-v6-c-nav__link pf-m-current"
2679
- aria-current="page"
2680
- >
2681
- <span class="pf-v6-c-nav__link-text">Policy</span>
2682
- </a>
2683
- </li>
2684
- <li class="pf-v6-c-nav__item">
2685
- <a href="#" class="pf-v6-c-nav__link">
2686
- <span class="pf-v6-c-nav__link-text">Authentication</span>
2687
- </a>
2688
- </li>
2689
- <li class="pf-v6-c-nav__item">
2690
- <a href="#" class="pf-v6-c-nav__link">
2691
- <span class="pf-v6-c-nav__link-text">Network services</span>
2692
- </a>
2693
- </li>
2694
- <li class="pf-v6-c-nav__item">
2695
- <a href="#" class="pf-v6-c-nav__link">
2696
- <span class="pf-v6-c-nav__link-text">Server</span>
2697
- </a>
2698
- </li>
2699
- </ul>
2700
- </nav>
3791
+ <div class="pf-v6-c-page__sidebar-main">
3792
+ <div class="pf-v6-c-page__sidebar-body">
3793
+ <nav
3794
+ class="pf-v6-c-nav"
3795
+ id="toolbar-pagination-management-example-primary-nav"
3796
+ aria-label="Global"
3797
+ >
3798
+ <ul class="pf-v6-c-nav__list" role="list">
3799
+ <li class="pf-v6-c-nav__item">
3800
+ <a href="#" class="pf-v6-c-nav__link">
3801
+ <span class="pf-v6-c-nav__link-text">System panel</span>
3802
+ </a>
3803
+ </li>
3804
+ <li class="pf-v6-c-nav__item">
3805
+ <a
3806
+ href="#"
3807
+ class="pf-v6-c-nav__link pf-m-current"
3808
+ aria-current="page"
3809
+ >
3810
+ <span class="pf-v6-c-nav__link-text">Policy</span>
3811
+ </a>
3812
+ </li>
3813
+ <li class="pf-v6-c-nav__item">
3814
+ <a href="#" class="pf-v6-c-nav__link">
3815
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
3816
+ </a>
3817
+ </li>
3818
+ <li class="pf-v6-c-nav__item">
3819
+ <a href="#" class="pf-v6-c-nav__link">
3820
+ <span class="pf-v6-c-nav__link-text">Network services</span>
3821
+ </a>
3822
+ </li>
3823
+ <li class="pf-v6-c-nav__item">
3824
+ <a href="#" class="pf-v6-c-nav__link">
3825
+ <span class="pf-v6-c-nav__link-text">Server</span>
3826
+ </a>
3827
+ </li>
3828
+ </ul>
3829
+ </nav>
3830
+ </div>
2701
3831
  </div>
2702
3832
  </div>
2703
3833
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -2715,21 +3845,57 @@ section: components
2715
3845
  </li>
2716
3846
  <li class="pf-v6-c-breadcrumb__item">
2717
3847
  <span class="pf-v6-c-breadcrumb__item-divider">
2718
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3848
+ <svg
3849
+ class="pf-v6-svg"
3850
+ viewBox="0 0 20 20"
3851
+ fill="currentColor"
3852
+ aria-hidden="true"
3853
+ role="img"
3854
+ width="1em"
3855
+ height="1em"
3856
+ >
3857
+ <path
3858
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3859
+ />
3860
+ </svg>
2719
3861
  </span>
2720
3862
 
2721
3863
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2722
3864
  </li>
2723
3865
  <li class="pf-v6-c-breadcrumb__item">
2724
3866
  <span class="pf-v6-c-breadcrumb__item-divider">
2725
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3867
+ <svg
3868
+ class="pf-v6-svg"
3869
+ viewBox="0 0 20 20"
3870
+ fill="currentColor"
3871
+ aria-hidden="true"
3872
+ role="img"
3873
+ width="1em"
3874
+ height="1em"
3875
+ >
3876
+ <path
3877
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3878
+ />
3879
+ </svg>
2726
3880
  </span>
2727
3881
 
2728
3882
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
2729
3883
  </li>
2730
3884
  <li class="pf-v6-c-breadcrumb__item">
2731
3885
  <span class="pf-v6-c-breadcrumb__item-divider">
2732
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3886
+ <svg
3887
+ class="pf-v6-svg"
3888
+ viewBox="0 0 20 20"
3889
+ fill="currentColor"
3890
+ aria-hidden="true"
3891
+ role="img"
3892
+ width="1em"
3893
+ height="1em"
3894
+ >
3895
+ <path
3896
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3897
+ />
3898
+ </svg>
2733
3899
  </span>
2734
3900
 
2735
3901
  <a
@@ -2742,9 +3908,15 @@ section: components
2742
3908
  </nav>
2743
3909
  </div>
2744
3910
  </section>
2745
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3911
+ <section
3912
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3913
+ aria-labelledby="main-title"
3914
+ >
2746
3915
  <div class="pf-v6-c-page__main-body">
2747
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3916
+ <h1
3917
+ class="pf-v6-c-content--h1 pf-m-page-title"
3918
+ id="main-title"
3919
+ >Main title</h1>
2748
3920
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2749
3921
  </div>
2750
3922
  </section>
@@ -2768,7 +3940,19 @@ section: components
2768
3940
  aria-controls="toolbar-pagination-management-example-toolbar-expandable-content"
2769
3941
  >
2770
3942
  <span class="pf-v6-c-menu-toggle__icon">
2771
- <i class="fas fa-filter" aria-hidden="true"></i>
3943
+ <svg
3944
+ class="pf-v6-svg"
3945
+ viewBox="0 0 32 32"
3946
+ fill="currentColor"
3947
+ aria-hidden="true"
3948
+ role="img"
3949
+ width="1em"
3950
+ height="1em"
3951
+ >
3952
+ <path
3953
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
3954
+ />
3955
+ </svg>
2772
3956
  </span>
2773
3957
  </button>
2774
3958
  </div>
@@ -2788,10 +3972,19 @@ section: components
2788
3972
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2789
3973
  <span class="pf-v6-c-menu-toggle__controls">
2790
3974
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2791
- <i
2792
- class="fas fa-caret-down fa-fw"
3975
+ <svg
3976
+ class="pf-v6-svg"
3977
+ viewBox="0 0 20 20"
3978
+ fill="currentColor"
2793
3979
  aria-hidden="true"
2794
- ></i>
3980
+ role="img"
3981
+ width="1em"
3982
+ height="1em"
3983
+ >
3984
+ <path
3985
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
3986
+ />
3987
+ </svg>
2795
3988
  </span>
2796
3989
  </span>
2797
3990
  </button>
@@ -2832,7 +4025,19 @@ section: components
2832
4025
  id="toolbar-pagination-management-example-toolbar-overflow-toggle"
2833
4026
  >
2834
4027
  <span class="pf-v6-c-menu-toggle__icon">
2835
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4028
+ <svg
4029
+ class="pf-v6-svg"
4030
+ viewBox="0 0 32 32"
4031
+ fill="currentColor"
4032
+ aria-hidden="true"
4033
+ role="img"
4034
+ width="1em"
4035
+ height="1em"
4036
+ >
4037
+ <path
4038
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4039
+ />
4040
+ </svg>
2836
4041
  </span>
2837
4042
  </button>
2838
4043
  </div>
@@ -2843,14 +4048,13 @@ section: components
2843
4048
  class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
2844
4049
  >
2845
4050
  <div
2846
- class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
4051
+ class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
2847
4052
  >
2848
4053
  <div class="pf-v6-c-pagination__page-menu">
2849
4054
  <button
2850
4055
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
2851
4056
  type="button"
2852
4057
  aria-expanded="false"
2853
- aria-label="Menu toggle"
2854
4058
  id="toolbar-pagination-management-example-toolbar-pagination-menu-toggle"
2855
4059
  >
2856
4060
  <span class="pf-v6-c-menu-toggle__text">
@@ -2859,10 +4063,19 @@ section: components
2859
4063
  </span>
2860
4064
  <span class="pf-v6-c-menu-toggle__controls">
2861
4065
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2862
- <i
2863
- class="fas fa-caret-down fa-fw"
4066
+ <svg
4067
+ class="pf-v6-svg"
4068
+ viewBox="0 0 20 20"
4069
+ fill="currentColor"
2864
4070
  aria-hidden="true"
2865
- ></i>
4071
+ role="img"
4072
+ width="1em"
4073
+ height="1em"
4074
+ >
4075
+ <path
4076
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4077
+ />
4078
+ </svg>
2866
4079
  </span>
2867
4080
  </span>
2868
4081
  </button>
@@ -2879,7 +4092,19 @@ section: components
2879
4092
  aria-label="Go to previous page"
2880
4093
  >
2881
4094
  <span class="pf-v6-c-button__icon">
2882
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4095
+ <svg
4096
+ class="pf-v6-svg"
4097
+ viewBox="0 0 256 512"
4098
+ fill="currentColor"
4099
+ aria-hidden="true"
4100
+ role="img"
4101
+ width="1em"
4102
+ height="1em"
4103
+ >
4104
+ <path
4105
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4106
+ />
4107
+ </svg>
2883
4108
  </span>
2884
4109
  </button>
2885
4110
  </div>
@@ -2890,7 +4115,19 @@ section: components
2890
4115
  aria-label="Go to next page"
2891
4116
  >
2892
4117
  <span class="pf-v6-c-button__icon">
2893
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4118
+ <svg
4119
+ class="pf-v6-svg"
4120
+ viewBox="0 0 256 512"
4121
+ fill="currentColor"
4122
+ aria-hidden="true"
4123
+ role="img"
4124
+ width="1em"
4125
+ height="1em"
4126
+ >
4127
+ <path
4128
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4129
+ />
4130
+ </svg>
2894
4131
  </span>
2895
4132
  </button>
2896
4133
  </div>
@@ -2993,9 +4230,9 @@ section: components
2993
4230
  </label>
2994
4231
  </td>
2995
4232
 
2996
- <th
2997
- class="pf-v6-c-table__th"
2998
- role="columnheader"
4233
+ <td
4234
+ class="pf-v6-c-table__td"
4235
+ role="cell"
2999
4236
  data-label="Repository name"
3000
4237
  >
3001
4238
  <div>
@@ -3004,11 +4241,22 @@ section: components
3004
4241
  >Node 1</div>
3005
4242
  <a href="#">siemur/test-space</a>
3006
4243
  </div>
3007
- </th>
3008
-
4244
+ </td>
3009
4245
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3010
4246
  <span>
3011
- <i class="fas fa-code-branch"></i> 10
4247
+ <svg
4248
+ class="pf-v6-svg"
4249
+ viewBox="0 0 384 512"
4250
+ fill="currentColor"
4251
+ aria-hidden="true"
4252
+ role="img"
4253
+ width="1em"
4254
+ height="1em"
4255
+ >
4256
+ <path
4257
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
4258
+ />
4259
+ </svg> 10
3012
4260
  </span>
3013
4261
  </td>
3014
4262
  <td
@@ -3017,7 +4265,19 @@ section: components
3017
4265
  data-label="Pull requests"
3018
4266
  >
3019
4267
  <span>
3020
- <i class="fas fa-code"></i> 25
4268
+ <svg
4269
+ class="pf-v6-svg"
4270
+ viewBox="0 0 640 512"
4271
+ fill="currentColor"
4272
+ aria-hidden="true"
4273
+ role="img"
4274
+ width="1em"
4275
+ height="1em"
4276
+ >
4277
+ <path
4278
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
4279
+ />
4280
+ </svg> 25
3021
4281
  </span>
3022
4282
  </td>
3023
4283
  <td
@@ -3026,7 +4286,19 @@ section: components
3026
4286
  data-label="Workspaces"
3027
4287
  >
3028
4288
  <span>
3029
- <i class="fas fa-cube"></i> 5
4289
+ <svg
4290
+ class="pf-v6-svg"
4291
+ viewBox="0 0 576 512"
4292
+ fill="currentColor"
4293
+ aria-hidden="true"
4294
+ role="img"
4295
+ width="1em"
4296
+ height="1em"
4297
+ >
4298
+ <path
4299
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
4300
+ />
4301
+ </svg> 5
3030
4302
  </span>
3031
4303
  </td>
3032
4304
  <td
@@ -3046,7 +4318,19 @@ section: components
3046
4318
  aria-label="Table actions"
3047
4319
  >
3048
4320
  <span class="pf-v6-c-menu-toggle__icon">
3049
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4321
+ <svg
4322
+ class="pf-v6-svg"
4323
+ viewBox="0 0 32 32"
4324
+ fill="currentColor"
4325
+ aria-hidden="true"
4326
+ role="img"
4327
+ width="1em"
4328
+ height="1em"
4329
+ >
4330
+ <path
4331
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4332
+ />
4333
+ </svg>
3050
4334
  </span>
3051
4335
  </button>
3052
4336
  </td>
@@ -3071,9 +4355,9 @@ section: components
3071
4355
  </label>
3072
4356
  </td>
3073
4357
 
3074
- <th
3075
- class="pf-v6-c-table__th"
3076
- role="columnheader"
4358
+ <td
4359
+ class="pf-v6-c-table__td"
4360
+ role="cell"
3077
4361
  data-label="Repository name"
3078
4362
  >
3079
4363
  <div>
@@ -3082,11 +4366,22 @@ section: components
3082
4366
  >Node 2</div>
3083
4367
  <a href="#">siemur/test-space</a>
3084
4368
  </div>
3085
- </th>
3086
-
4369
+ </td>
3087
4370
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3088
4371
  <span>
3089
- <i class="fas fa-code-branch"></i> 8
4372
+ <svg
4373
+ class="pf-v6-svg"
4374
+ viewBox="0 0 384 512"
4375
+ fill="currentColor"
4376
+ aria-hidden="true"
4377
+ role="img"
4378
+ width="1em"
4379
+ height="1em"
4380
+ >
4381
+ <path
4382
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
4383
+ />
4384
+ </svg> 8
3090
4385
  </span>
3091
4386
  </td>
3092
4387
  <td
@@ -3095,7 +4390,19 @@ section: components
3095
4390
  data-label="Pull requests"
3096
4391
  >
3097
4392
  <span>
3098
- <i class="fas fa-code"></i> 30
4393
+ <svg
4394
+ class="pf-v6-svg"
4395
+ viewBox="0 0 640 512"
4396
+ fill="currentColor"
4397
+ aria-hidden="true"
4398
+ role="img"
4399
+ width="1em"
4400
+ height="1em"
4401
+ >
4402
+ <path
4403
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
4404
+ />
4405
+ </svg> 30
3099
4406
  </span>
3100
4407
  </td>
3101
4408
  <td
@@ -3104,7 +4411,19 @@ section: components
3104
4411
  data-label="Workspaces"
3105
4412
  >
3106
4413
  <span>
3107
- <i class="fas fa-cube"></i> 2
4414
+ <svg
4415
+ class="pf-v6-svg"
4416
+ viewBox="0 0 576 512"
4417
+ fill="currentColor"
4418
+ aria-hidden="true"
4419
+ role="img"
4420
+ width="1em"
4421
+ height="1em"
4422
+ >
4423
+ <path
4424
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
4425
+ />
4426
+ </svg> 2
3108
4427
  </span>
3109
4428
  </td>
3110
4429
  <td
@@ -3124,7 +4443,19 @@ section: components
3124
4443
  aria-label="Table actions"
3125
4444
  >
3126
4445
  <span class="pf-v6-c-menu-toggle__icon">
3127
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4446
+ <svg
4447
+ class="pf-v6-svg"
4448
+ viewBox="0 0 32 32"
4449
+ fill="currentColor"
4450
+ aria-hidden="true"
4451
+ role="img"
4452
+ width="1em"
4453
+ height="1em"
4454
+ >
4455
+ <path
4456
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4457
+ />
4458
+ </svg>
3128
4459
  </span>
3129
4460
  </button>
3130
4461
  </td>
@@ -3149,9 +4480,9 @@ section: components
3149
4480
  </label>
3150
4481
  </td>
3151
4482
 
3152
- <th
3153
- class="pf-v6-c-table__th"
3154
- role="columnheader"
4483
+ <td
4484
+ class="pf-v6-c-table__td"
4485
+ role="cell"
3155
4486
  data-label="Repository name"
3156
4487
  >
3157
4488
  <div>
@@ -3160,11 +4491,22 @@ section: components
3160
4491
  >Node 3</div>
3161
4492
  <a href="#">siemur/test-space</a>
3162
4493
  </div>
3163
- </th>
3164
-
4494
+ </td>
3165
4495
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3166
4496
  <span>
3167
- <i class="fas fa-code-branch"></i> 12
4497
+ <svg
4498
+ class="pf-v6-svg"
4499
+ viewBox="0 0 384 512"
4500
+ fill="currentColor"
4501
+ aria-hidden="true"
4502
+ role="img"
4503
+ width="1em"
4504
+ height="1em"
4505
+ >
4506
+ <path
4507
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
4508
+ />
4509
+ </svg> 12
3168
4510
  </span>
3169
4511
  </td>
3170
4512
  <td
@@ -3173,7 +4515,19 @@ section: components
3173
4515
  data-label="Pull requests"
3174
4516
  >
3175
4517
  <span>
3176
- <i class="fas fa-code"></i> 48
4518
+ <svg
4519
+ class="pf-v6-svg"
4520
+ viewBox="0 0 640 512"
4521
+ fill="currentColor"
4522
+ aria-hidden="true"
4523
+ role="img"
4524
+ width="1em"
4525
+ height="1em"
4526
+ >
4527
+ <path
4528
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
4529
+ />
4530
+ </svg> 48
3177
4531
  </span>
3178
4532
  </td>
3179
4533
  <td
@@ -3182,7 +4536,19 @@ section: components
3182
4536
  data-label="Workspaces"
3183
4537
  >
3184
4538
  <span>
3185
- <i class="fas fa-cube"></i> 13
4539
+ <svg
4540
+ class="pf-v6-svg"
4541
+ viewBox="0 0 576 512"
4542
+ fill="currentColor"
4543
+ aria-hidden="true"
4544
+ role="img"
4545
+ width="1em"
4546
+ height="1em"
4547
+ >
4548
+ <path
4549
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
4550
+ />
4551
+ </svg> 13
3186
4552
  </span>
3187
4553
  </td>
3188
4554
  <td
@@ -3202,7 +4568,19 @@ section: components
3202
4568
  aria-label="Table actions"
3203
4569
  >
3204
4570
  <span class="pf-v6-c-menu-toggle__icon">
3205
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4571
+ <svg
4572
+ class="pf-v6-svg"
4573
+ viewBox="0 0 32 32"
4574
+ fill="currentColor"
4575
+ aria-hidden="true"
4576
+ role="img"
4577
+ width="1em"
4578
+ height="1em"
4579
+ >
4580
+ <path
4581
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4582
+ />
4583
+ </svg>
3206
4584
  </span>
3207
4585
  </button>
3208
4586
  </td>
@@ -3227,9 +4605,9 @@ section: components
3227
4605
  </label>
3228
4606
  </td>
3229
4607
 
3230
- <th
3231
- class="pf-v6-c-table__th"
3232
- role="columnheader"
4608
+ <td
4609
+ class="pf-v6-c-table__td"
4610
+ role="cell"
3233
4611
  data-label="Repository name"
3234
4612
  >
3235
4613
  <div>
@@ -3238,11 +4616,22 @@ section: components
3238
4616
  >Node 4</div>
3239
4617
  <a href="#">siemur/test-space</a>
3240
4618
  </div>
3241
- </th>
3242
-
4619
+ </td>
3243
4620
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3244
4621
  <span>
3245
- <i class="fas fa-code-branch"></i> 3
4622
+ <svg
4623
+ class="pf-v6-svg"
4624
+ viewBox="0 0 384 512"
4625
+ fill="currentColor"
4626
+ aria-hidden="true"
4627
+ role="img"
4628
+ width="1em"
4629
+ height="1em"
4630
+ >
4631
+ <path
4632
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
4633
+ />
4634
+ </svg> 3
3246
4635
  </span>
3247
4636
  </td>
3248
4637
  <td
@@ -3251,7 +4640,19 @@ section: components
3251
4640
  data-label="Pull requests"
3252
4641
  >
3253
4642
  <span>
3254
- <i class="fas fa-code"></i> 8
4643
+ <svg
4644
+ class="pf-v6-svg"
4645
+ viewBox="0 0 640 512"
4646
+ fill="currentColor"
4647
+ aria-hidden="true"
4648
+ role="img"
4649
+ width="1em"
4650
+ height="1em"
4651
+ >
4652
+ <path
4653
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
4654
+ />
4655
+ </svg> 8
3255
4656
  </span>
3256
4657
  </td>
3257
4658
  <td
@@ -3260,7 +4661,19 @@ section: components
3260
4661
  data-label="Workspaces"
3261
4662
  >
3262
4663
  <span>
3263
- <i class="fas fa-cube"></i> 20
4664
+ <svg
4665
+ class="pf-v6-svg"
4666
+ viewBox="0 0 576 512"
4667
+ fill="currentColor"
4668
+ aria-hidden="true"
4669
+ role="img"
4670
+ width="1em"
4671
+ height="1em"
4672
+ >
4673
+ <path
4674
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
4675
+ />
4676
+ </svg> 20
3264
4677
  </span>
3265
4678
  </td>
3266
4679
  <td
@@ -3280,7 +4693,19 @@ section: components
3280
4693
  aria-label="Table actions"
3281
4694
  >
3282
4695
  <span class="pf-v6-c-menu-toggle__icon">
3283
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4696
+ <svg
4697
+ class="pf-v6-svg"
4698
+ viewBox="0 0 32 32"
4699
+ fill="currentColor"
4700
+ aria-hidden="true"
4701
+ role="img"
4702
+ width="1em"
4703
+ height="1em"
4704
+ >
4705
+ <path
4706
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4707
+ />
4708
+ </svg>
3284
4709
  </span>
3285
4710
  </button>
3286
4711
  </td>
@@ -3319,7 +4744,19 @@ section: components
3319
4744
  </td>
3320
4745
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3321
4746
  <span>
3322
- <i class="fas fa-code-branch"></i> 34
4747
+ <svg
4748
+ class="pf-v6-svg"
4749
+ viewBox="0 0 384 512"
4750
+ fill="currentColor"
4751
+ aria-hidden="true"
4752
+ role="img"
4753
+ width="1em"
4754
+ height="1em"
4755
+ >
4756
+ <path
4757
+ d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"
4758
+ />
4759
+ </svg> 34
3323
4760
  </span>
3324
4761
  </td>
3325
4762
  <td
@@ -3328,7 +4765,19 @@ section: components
3328
4765
  data-label="Pull requests"
3329
4766
  >
3330
4767
  <span>
3331
- <i class="fas fa-code"></i> 21
4768
+ <svg
4769
+ class="pf-v6-svg"
4770
+ viewBox="0 0 640 512"
4771
+ fill="currentColor"
4772
+ aria-hidden="true"
4773
+ role="img"
4774
+ width="1em"
4775
+ height="1em"
4776
+ >
4777
+ <path
4778
+ d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"
4779
+ />
4780
+ </svg> 21
3332
4781
  </span>
3333
4782
  </td>
3334
4783
  <td
@@ -3337,7 +4786,19 @@ section: components
3337
4786
  data-label="Workspaces"
3338
4787
  >
3339
4788
  <span>
3340
- <i class="fas fa-cube"></i> 26
4789
+ <svg
4790
+ class="pf-v6-svg"
4791
+ viewBox="0 0 576 512"
4792
+ fill="currentColor"
4793
+ aria-hidden="true"
4794
+ role="img"
4795
+ width="1em"
4796
+ height="1em"
4797
+ >
4798
+ <path
4799
+ d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"
4800
+ />
4801
+ </svg> 26
3341
4802
  </span>
3342
4803
  </td>
3343
4804
  <td
@@ -3357,7 +4818,19 @@ section: components
3357
4818
  aria-label="Table actions"
3358
4819
  >
3359
4820
  <span class="pf-v6-c-menu-toggle__icon">
3360
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4821
+ <svg
4822
+ class="pf-v6-svg"
4823
+ viewBox="0 0 32 32"
4824
+ fill="currentColor"
4825
+ aria-hidden="true"
4826
+ role="img"
4827
+ width="1em"
4828
+ height="1em"
4829
+ >
4830
+ <path
4831
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
4832
+ />
4833
+ </svg>
3361
4834
  </span>
3362
4835
  </button>
3363
4836
  </td>
@@ -3370,7 +4843,6 @@ section: components
3370
4843
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
3371
4844
  type="button"
3372
4845
  aria-expanded="false"
3373
- aria-label="Menu toggle"
3374
4846
  id="pagination-menu-toggle-bottom-collapsed-example"
3375
4847
  >
3376
4848
  <span class="pf-v6-c-menu-toggle__text">
@@ -3379,7 +4851,19 @@ section: components
3379
4851
  </span>
3380
4852
  <span class="pf-v6-c-menu-toggle__controls">
3381
4853
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3382
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4854
+ <svg
4855
+ class="pf-v6-svg"
4856
+ viewBox="0 0 20 20"
4857
+ fill="currentColor"
4858
+ aria-hidden="true"
4859
+ role="img"
4860
+ width="1em"
4861
+ height="1em"
4862
+ >
4863
+ <path
4864
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
4865
+ />
4866
+ </svg>
3383
4867
  </span>
3384
4868
  </span>
3385
4869
  </button>
@@ -3393,7 +4877,19 @@ section: components
3393
4877
  aria-label="Go to first page"
3394
4878
  >
3395
4879
  <span class="pf-v6-c-button__icon">
3396
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
4880
+ <svg
4881
+ class="pf-v6-svg"
4882
+ viewBox="0 0 448 512"
4883
+ fill="currentColor"
4884
+ aria-hidden="true"
4885
+ role="img"
4886
+ width="1em"
4887
+ height="1em"
4888
+ >
4889
+ <path
4890
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
4891
+ />
4892
+ </svg>
3397
4893
  </span>
3398
4894
  </button>
3399
4895
  </div>
@@ -3405,7 +4901,19 @@ section: components
3405
4901
  aria-label="Go to previous page"
3406
4902
  >
3407
4903
  <span class="pf-v6-c-button__icon">
3408
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4904
+ <svg
4905
+ class="pf-v6-svg"
4906
+ viewBox="0 0 256 512"
4907
+ fill="currentColor"
4908
+ aria-hidden="true"
4909
+ role="img"
4910
+ width="1em"
4911
+ height="1em"
4912
+ >
4913
+ <path
4914
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4915
+ />
4916
+ </svg>
3409
4917
  </span>
3410
4918
  </button>
3411
4919
  </div>
@@ -3428,7 +4936,19 @@ section: components
3428
4936
  aria-label="Go to next page"
3429
4937
  >
3430
4938
  <span class="pf-v6-c-button__icon">
3431
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4939
+ <svg
4940
+ class="pf-v6-svg"
4941
+ viewBox="0 0 256 512"
4942
+ fill="currentColor"
4943
+ aria-hidden="true"
4944
+ role="img"
4945
+ width="1em"
4946
+ height="1em"
4947
+ >
4948
+ <path
4949
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4950
+ />
4951
+ </svg>
3432
4952
  </span>
3433
4953
  </button>
3434
4954
  </div>
@@ -3440,7 +4960,19 @@ section: components
3440
4960
  aria-label="Go to last page"
3441
4961
  >
3442
4962
  <span class="pf-v6-c-button__icon">
3443
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4963
+ <svg
4964
+ class="pf-v6-svg"
4965
+ viewBox="0 0 448 512"
4966
+ fill="currentColor"
4967
+ aria-hidden="true"
4968
+ role="img"
4969
+ width="1em"
4970
+ height="1em"
4971
+ >
4972
+ <path
4973
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
4974
+ />
4975
+ </svg>
3444
4976
  </span>
3445
4977
  </button>
3446
4978
  </div>