@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/docs/components/Tabs/examples/Tabs.md CHANGED
@@ -2,9 +2,7 @@
2
2
  id: Tabs
3
3
  section: components
4
4
  cssPrefix: pf-v6-c-tabs
5
- ---import './Tabs.css'
6
-
7
- # Examples
5
+ ---# Examples
8
6
 
9
7
  ## Default
10
8
 
@@ -19,7 +17,9 @@ cssPrefix: pf-v6-c-tabs
19
17
  aria-label="Scroll left"
20
18
  disabled
21
19
  >
22
- <i class="fas fa-angle-left" aria-hidden="true"></i>
20
+ <span class="pf-v6-c-button__icon">
21
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
22
+ </span>
23
23
  </button>
24
24
  </div>
25
25
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -95,7 +95,9 @@ cssPrefix: pf-v6-c-tabs
95
95
  aria-label="Scroll right"
96
96
  disabled
97
97
  >
98
- <i class="fas fa-angle-right" aria-hidden="true"></i>
98
+ <span class="pf-v6-c-button__icon">
99
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
100
+ </span>
99
101
  </button>
100
102
  </div>
101
103
  </div>
@@ -126,7 +128,9 @@ cssPrefix: pf-v6-c-tabs
126
128
  aria-label="Scroll left"
127
129
  disabled
128
130
  >
129
- <i class="fas fa-angle-left" aria-hidden="true"></i>
131
+ <span class="pf-v6-c-button__icon">
132
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
133
+ </span>
130
134
  </button>
131
135
  </div>
132
136
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -229,7 +233,9 @@ cssPrefix: pf-v6-c-tabs
229
233
  type="button"
230
234
  aria-label="Scroll right"
231
235
  >
232
- <i class="fas fa-angle-right" aria-hidden="true"></i>
236
+ <span class="pf-v6-c-button__icon">
237
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
238
+ </span>
233
239
  </button>
234
240
  </div>
235
241
  </div>
@@ -596,17 +602,21 @@ cssPrefix: pf-v6-c-tabs
596
602
  class="pf-v6-c-button pf-m-plain"
597
603
  type="button"
598
604
  aria-label="Details"
599
- aria-expanded="false"
605
+ aria-expanded="true"
600
606
  id="vertical-expandable-toggle-button"
601
607
  aria-labelledby="vertical-expandable-toggle-text vertical-expandable-toggle-button"
602
608
  >
603
- <span class="pf-v6-c-tabs__toggle-icon">
604
- <i class="fas fa-angle-right" aria-hidden="true"></i>
609
+ <span class="pf-v6-c-button__icon pf-m-start">
610
+ <span class="pf-v6-c-tabs__toggle-icon">
611
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
612
+ </span>
613
+ </span>
614
+ <span class="pf-v6-c-button__text">
615
+ <span
616
+ class="pf-v6-c-tabs__toggle-text"
617
+ id="vertical-expandable-toggle-text"
618
+ >Containers</span>
605
619
  </span>
606
- <span
607
- class="pf-v6-c-tabs__toggle-text"
608
- id="vertical-expandable-toggle-text"
609
- >Containers</span>
610
620
  </button>
611
621
  </div>
612
622
  </div>
@@ -691,18 +701,22 @@ cssPrefix: pf-v6-c-tabs
691
701
  <button
692
702
  class="pf-v6-c-button pf-m-plain"
693
703
  type="button"
694
- aria-label="Details"
695
704
  aria-expanded="true"
705
+ aria-label="Details"
696
706
  id="vertical-expanded-toggle-button"
697
707
  aria-labelledby="vertical-expanded-toggle-text vertical-expanded-toggle-button"
698
708
  >
699
- <span class="pf-v6-c-tabs__toggle-icon">
700
- <i class="fas fa-angle-right" aria-hidden="true"></i>
709
+ <span class="pf-v6-c-button__icon pf-m-start">
710
+ <span class="pf-v6-c-tabs__toggle-icon">
711
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
712
+ </span>
713
+ </span>
714
+ <span class="pf-v6-c-button__text">
715
+ <span
716
+ class="pf-v6-c-tabs__toggle-text"
717
+ id="vertical-expanded-toggle-text"
718
+ >Containers</span>
701
719
  </span>
702
- <span
703
- class="pf-v6-c-tabs__toggle-text"
704
- id="vertical-expanded-toggle-text"
705
- >Containers</span>
706
720
  </button>
707
721
  </div>
708
722
  </div>
@@ -788,17 +802,21 @@ cssPrefix: pf-v6-c-tabs
788
802
  class="pf-v6-c-button pf-m-plain"
789
803
  type="button"
790
804
  aria-label="Details"
791
- aria-expanded="false"
805
+ aria-expanded="true"
792
806
  id="vertical-expandable-responsive-toggle-button"
793
807
  aria-labelledby="vertical-expandable-responsive-toggle-text vertical-expandable-responsive-toggle-button"
794
808
  >
795
- <span class="pf-v6-c-tabs__toggle-icon">
796
- <i class="fas fa-angle-right" aria-hidden="true"></i>
809
+ <span class="pf-v6-c-button__icon pf-m-start">
810
+ <span class="pf-v6-c-tabs__toggle-icon">
811
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
812
+ </span>
813
+ </span>
814
+ <span class="pf-v6-c-button__text">
815
+ <span
816
+ class="pf-v6-c-tabs__toggle-text"
817
+ id="vertical-expandable-responsive-toggle-text"
818
+ >Containers</span>
797
819
  </span>
798
- <span
799
- class="pf-v6-c-tabs__toggle-text"
800
- id="vertical-expandable-responsive-toggle-text"
801
- >Containers</span>
802
820
  </button>
803
821
  </div>
804
822
  </div>
@@ -884,12 +902,14 @@ cssPrefix: pf-v6-c-tabs
884
902
  class="pf-v6-c-button pf-m-plain"
885
903
  type="button"
886
904
  aria-label="Details"
887
- aria-expanded="false"
905
+ aria-expanded="true"
888
906
  id="vertical-expandable-legacy-toggle-button"
889
907
  aria-labelledby="vertical-expandable-legacy-toggle-text vertical-expandable-legacy-toggle-button"
890
908
  >
891
- <span class="pf-v6-c-tabs__toggle-icon">
892
- <i class="fas fa-angle-right" aria-hidden="true"></i>
909
+ <span class="pf-v6-c-button__icon">
910
+ <span class="pf-v6-c-tabs__toggle-icon">
911
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
912
+ </span>
893
913
  </span>
894
914
  </button>
895
915
  </div>
@@ -979,13 +999,15 @@ cssPrefix: pf-v6-c-tabs
979
999
  <button
980
1000
  class="pf-v6-c-button pf-m-plain"
981
1001
  type="button"
982
- aria-label="Details"
983
1002
  aria-expanded="true"
1003
+ aria-label="Details"
984
1004
  id="vertical-expanded-legacy-toggle-button"
985
1005
  aria-labelledby="vertical-expanded-legacy-toggle-text vertical-expanded-legacy-toggle-button"
986
1006
  >
987
- <span class="pf-v6-c-tabs__toggle-icon">
988
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1007
+ <span class="pf-v6-c-button__icon">
1008
+ <span class="pf-v6-c-tabs__toggle-icon">
1009
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1010
+ </span>
989
1011
  </span>
990
1012
  </button>
991
1013
  </div>
@@ -1076,12 +1098,14 @@ cssPrefix: pf-v6-c-tabs
1076
1098
  class="pf-v6-c-button pf-m-plain"
1077
1099
  type="button"
1078
1100
  aria-label="Details"
1079
- aria-expanded="false"
1101
+ aria-expanded="true"
1080
1102
  id="vertical-expandable-responsive-legacy-toggle-button"
1081
1103
  aria-labelledby="vertical-expandable-responsive-legacy-toggle-text vertical-expandable-responsive-legacy-toggle-button"
1082
1104
  >
1083
- <span class="pf-v6-c-tabs__toggle-icon">
1084
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1105
+ <span class="pf-v6-c-button__icon">
1106
+ <span class="pf-v6-c-tabs__toggle-icon">
1107
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1108
+ </span>
1085
1109
  </span>
1086
1110
  </button>
1087
1111
  </div>
@@ -1171,7 +1195,9 @@ cssPrefix: pf-v6-c-tabs
1171
1195
  aria-label="Scroll left"
1172
1196
  disabled
1173
1197
  >
1174
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1198
+ <span class="pf-v6-c-button__icon">
1199
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1200
+ </span>
1175
1201
  </button>
1176
1202
  </div>
1177
1203
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1247,7 +1273,9 @@ cssPrefix: pf-v6-c-tabs
1247
1273
  aria-label="Scroll right"
1248
1274
  disabled
1249
1275
  >
1250
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1276
+ <span class="pf-v6-c-button__icon">
1277
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1278
+ </span>
1251
1279
  </button>
1252
1280
  </div>
1253
1281
  </div>
@@ -1269,7 +1297,9 @@ cssPrefix: pf-v6-c-tabs
1269
1297
  aria-label="Scroll left"
1270
1298
  disabled
1271
1299
  >
1272
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1300
+ <span class="pf-v6-c-button__icon">
1301
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1302
+ </span>
1273
1303
  </button>
1274
1304
  </div>
1275
1305
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1372,7 +1402,9 @@ cssPrefix: pf-v6-c-tabs
1372
1402
  type="button"
1373
1403
  aria-label="Scroll right"
1374
1404
  >
1375
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1405
+ <span class="pf-v6-c-button__icon">
1406
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1407
+ </span>
1376
1408
  </button>
1377
1409
  </div>
1378
1410
  </div>
@@ -1471,7 +1503,9 @@ cssPrefix: pf-v6-c-tabs
1471
1503
  aria-label="Scroll left"
1472
1504
  disabled
1473
1505
  >
1474
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1506
+ <span class="pf-v6-c-button__icon">
1507
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1508
+ </span>
1475
1509
  </button>
1476
1510
  </div>
1477
1511
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1547,7 +1581,9 @@ cssPrefix: pf-v6-c-tabs
1547
1581
  aria-label="Scroll right"
1548
1582
  disabled
1549
1583
  >
1550
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1584
+ <span class="pf-v6-c-button__icon">
1585
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1586
+ </span>
1551
1587
  </button>
1552
1588
  </div>
1553
1589
  </div>
@@ -1572,7 +1608,9 @@ cssPrefix: pf-v6-c-tabs
1572
1608
  aria-label="Scroll left"
1573
1609
  disabled
1574
1610
  >
1575
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1611
+ <span class="pf-v6-c-button__icon">
1612
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1613
+ </span>
1576
1614
  </button>
1577
1615
  </div>
1578
1616
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1646,7 +1684,9 @@ cssPrefix: pf-v6-c-tabs
1646
1684
  aria-label="Scroll right"
1647
1685
  disabled
1648
1686
  >
1649
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1687
+ <span class="pf-v6-c-button__icon">
1688
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1689
+ </span>
1650
1690
  </button>
1651
1691
  </div>
1652
1692
  </div>
@@ -1668,7 +1708,9 @@ cssPrefix: pf-v6-c-tabs
1668
1708
  aria-label="Scroll left"
1669
1709
  disabled
1670
1710
  >
1671
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1711
+ <span class="pf-v6-c-button__icon">
1712
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1713
+ </span>
1672
1714
  </button>
1673
1715
  </div>
1674
1716
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1742,7 +1784,9 @@ cssPrefix: pf-v6-c-tabs
1742
1784
  aria-label="Scroll right"
1743
1785
  disabled
1744
1786
  >
1745
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1787
+ <span class="pf-v6-c-button__icon">
1788
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1789
+ </span>
1746
1790
  </button>
1747
1791
  </div>
1748
1792
  </div>
@@ -1760,7 +1804,9 @@ cssPrefix: pf-v6-c-tabs
1760
1804
  aria-label="Scroll left"
1761
1805
  disabled
1762
1806
  >
1763
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1807
+ <span class="pf-v6-c-button__icon">
1808
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1809
+ </span>
1764
1810
  </button>
1765
1811
  </div>
1766
1812
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1834,7 +1880,9 @@ cssPrefix: pf-v6-c-tabs
1834
1880
  aria-label="Scroll right"
1835
1881
  disabled
1836
1882
  >
1837
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1883
+ <span class="pf-v6-c-button__icon">
1884
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1885
+ </span>
1838
1886
  </button>
1839
1887
  </div>
1840
1888
  </div>
@@ -1861,7 +1909,9 @@ cssPrefix: pf-v6-c-tabs
1861
1909
  aria-label="Scroll left"
1862
1910
  disabled
1863
1911
  >
1864
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1912
+ <span class="pf-v6-c-button__icon">
1913
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1914
+ </span>
1865
1915
  </button>
1866
1916
  </div>
1867
1917
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -1953,7 +2003,9 @@ cssPrefix: pf-v6-c-tabs
1953
2003
  aria-label="Scroll right"
1954
2004
  disabled
1955
2005
  >
1956
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2006
+ <span class="pf-v6-c-button__icon">
2007
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2008
+ </span>
1957
2009
  </button>
1958
2010
  </div>
1959
2011
  </div>
@@ -1972,7 +2024,9 @@ cssPrefix: pf-v6-c-tabs
1972
2024
  type="button"
1973
2025
  aria-label="Scroll left"
1974
2026
  >
1975
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2027
+ <span class="pf-v6-c-button__icon">
2028
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2029
+ </span>
1976
2030
  </button>
1977
2031
  </div>
1978
2032
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2045,7 +2099,9 @@ cssPrefix: pf-v6-c-tabs
2045
2099
  type="button"
2046
2100
  aria-label="Scroll right"
2047
2101
  >
2048
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2102
+ <span class="pf-v6-c-button__icon">
2103
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2104
+ </span>
2049
2105
  </button>
2050
2106
  </div>
2051
2107
  </div>
@@ -2061,7 +2117,9 @@ cssPrefix: pf-v6-c-tabs
2061
2117
  type="button"
2062
2118
  aria-label="Scroll left"
2063
2119
  >
2064
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2120
+ <span class="pf-v6-c-button__icon">
2121
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2122
+ </span>
2065
2123
  </button>
2066
2124
  </div>
2067
2125
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2134,7 +2192,9 @@ cssPrefix: pf-v6-c-tabs
2134
2192
  type="button"
2135
2193
  aria-label="Scroll right"
2136
2194
  >
2137
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2195
+ <span class="pf-v6-c-button__icon">
2196
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2197
+ </span>
2138
2198
  </button>
2139
2199
  </div>
2140
2200
  </div>
@@ -2155,7 +2215,9 @@ cssPrefix: pf-v6-c-tabs
2155
2215
  type="button"
2156
2216
  aria-label="Scroll left"
2157
2217
  >
2158
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2218
+ <span class="pf-v6-c-button__icon">
2219
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2220
+ </span>
2159
2221
  </button>
2160
2222
  </div>
2161
2223
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2228,7 +2290,9 @@ cssPrefix: pf-v6-c-tabs
2228
2290
  type="button"
2229
2291
  aria-label="Scroll right"
2230
2292
  >
2231
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2293
+ <span class="pf-v6-c-button__icon">
2294
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2295
+ </span>
2232
2296
  </button>
2233
2297
  </div>
2234
2298
  </div>
@@ -2244,7 +2308,9 @@ cssPrefix: pf-v6-c-tabs
2244
2308
  type="button"
2245
2309
  aria-label="Scroll left"
2246
2310
  >
2247
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2311
+ <span class="pf-v6-c-button__icon">
2312
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2313
+ </span>
2248
2314
  </button>
2249
2315
  </div>
2250
2316
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2317,7 +2383,9 @@ cssPrefix: pf-v6-c-tabs
2317
2383
  type="button"
2318
2384
  aria-label="Scroll right"
2319
2385
  >
2320
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2386
+ <span class="pf-v6-c-button__icon">
2387
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2388
+ </span>
2321
2389
  </button>
2322
2390
  </div>
2323
2391
  </div>
@@ -2337,7 +2405,9 @@ cssPrefix: pf-v6-c-tabs
2337
2405
  aria-label="Scroll left"
2338
2406
  disabled
2339
2407
  >
2340
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2408
+ <span class="pf-v6-c-button__icon">
2409
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2410
+ </span>
2341
2411
  </button>
2342
2412
  </div>
2343
2413
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2380,7 +2450,9 @@ cssPrefix: pf-v6-c-tabs
2380
2450
  aria-label="Scroll right"
2381
2451
  disabled
2382
2452
  >
2383
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2453
+ <span class="pf-v6-c-button__icon">
2454
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2455
+ </span>
2384
2456
  </button>
2385
2457
  </div>
2386
2458
  </div>
@@ -2398,7 +2470,9 @@ cssPrefix: pf-v6-c-tabs
2398
2470
  aria-label="Scroll left"
2399
2471
  disabled
2400
2472
  >
2401
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2473
+ <span class="pf-v6-c-button__icon">
2474
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2475
+ </span>
2402
2476
  </button>
2403
2477
  </div>
2404
2478
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2450,7 +2524,9 @@ cssPrefix: pf-v6-c-tabs
2450
2524
  aria-label="Scroll right"
2451
2525
  disabled
2452
2526
  >
2453
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2527
+ <span class="pf-v6-c-button__icon">
2528
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2529
+ </span>
2454
2530
  </button>
2455
2531
  </div>
2456
2532
  </div>
@@ -2468,7 +2544,9 @@ cssPrefix: pf-v6-c-tabs
2468
2544
  aria-label="Scroll left"
2469
2545
  disabled
2470
2546
  >
2471
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2547
+ <span class="pf-v6-c-button__icon">
2548
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2549
+ </span>
2472
2550
  </button>
2473
2551
  </div>
2474
2552
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2511,7 +2589,9 @@ cssPrefix: pf-v6-c-tabs
2511
2589
  aria-label="Scroll right"
2512
2590
  disabled
2513
2591
  >
2514
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2592
+ <span class="pf-v6-c-button__icon">
2593
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2594
+ </span>
2515
2595
  </button>
2516
2596
  </div>
2517
2597
  </div>
@@ -2533,7 +2613,9 @@ cssPrefix: pf-v6-c-tabs
2533
2613
  aria-label="Scroll left"
2534
2614
  disabled
2535
2615
  >
2536
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2616
+ <span class="pf-v6-c-button__icon">
2617
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2618
+ </span>
2537
2619
  </button>
2538
2620
  </div>
2539
2621
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2585,7 +2667,9 @@ cssPrefix: pf-v6-c-tabs
2585
2667
  aria-label="Scroll right"
2586
2668
  disabled
2587
2669
  >
2588
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2670
+ <span class="pf-v6-c-button__icon">
2671
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2672
+ </span>
2589
2673
  </button>
2590
2674
  </div>
2591
2675
  </div>
@@ -2615,7 +2699,9 @@ cssPrefix: pf-v6-c-tabs
2615
2699
  type="button"
2616
2700
  aria-label="Scroll left"
2617
2701
  >
2618
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2702
+ <span class="pf-v6-c-button__icon">
2703
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2704
+ </span>
2619
2705
  </button>
2620
2706
  </div>
2621
2707
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2691,7 +2777,9 @@ cssPrefix: pf-v6-c-tabs
2691
2777
  type="button"
2692
2778
  aria-label="Scroll right"
2693
2779
  >
2694
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2780
+ <span class="pf-v6-c-button__icon">
2781
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2782
+ </span>
2695
2783
  </button>
2696
2784
  </div>
2697
2785
  </nav>
@@ -2714,7 +2802,9 @@ cssPrefix: pf-v6-c-tabs
2714
2802
  aria-label="Scroll left"
2715
2803
  disabled
2716
2804
  >
2717
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2805
+ <span class="pf-v6-c-button__icon">
2806
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2807
+ </span>
2718
2808
  </button>
2719
2809
  </div>
2720
2810
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2788,7 +2878,9 @@ cssPrefix: pf-v6-c-tabs
2788
2878
  aria-label="Scroll right"
2789
2879
  disabled
2790
2880
  >
2791
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2881
+ <span class="pf-v6-c-button__icon">
2882
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2883
+ </span>
2792
2884
  </button>
2793
2885
  </div>
2794
2886
  </nav>
@@ -2806,7 +2898,9 @@ cssPrefix: pf-v6-c-tabs
2806
2898
  aria-label="Scroll left"
2807
2899
  disabled
2808
2900
  >
2809
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2901
+ <span class="pf-v6-c-button__icon">
2902
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2903
+ </span>
2810
2904
  </button>
2811
2905
  </div>
2812
2906
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2883,7 +2977,9 @@ cssPrefix: pf-v6-c-tabs
2883
2977
  aria-label="Scroll right"
2884
2978
  disabled
2885
2979
  >
2886
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2980
+ <span class="pf-v6-c-button__icon">
2981
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2982
+ </span>
2887
2983
  </button>
2888
2984
  </div>
2889
2985
  </nav>
@@ -2907,7 +3003,9 @@ cssPrefix: pf-v6-c-tabs
2907
3003
  aria-label="Scroll left"
2908
3004
  disabled
2909
3005
  >
2910
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3006
+ <span class="pf-v6-c-button__icon">
3007
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3008
+ </span>
2911
3009
  </button>
2912
3010
  </div>
2913
3011
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -2926,8 +3024,10 @@ cssPrefix: pf-v6-c-tabs
2926
3024
  type="button"
2927
3025
  aria-label="More info for Users label"
2928
3026
  >
2929
- <span class="pf-v6-c-tabs__item-action-icon">
2930
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3027
+ <span class="pf-v6-c-button__icon">
3028
+ <span class="pf-v6-c-tabs__item-action-icon">
3029
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3030
+ </span>
2931
3031
  </span>
2932
3032
  </button>
2933
3033
  </span>
@@ -2947,8 +3047,10 @@ cssPrefix: pf-v6-c-tabs
2947
3047
  type="button"
2948
3048
  aria-label="More info for Containers label"
2949
3049
  >
2950
- <span class="pf-v6-c-tabs__item-action-icon">
2951
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3050
+ <span class="pf-v6-c-button__icon">
3051
+ <span class="pf-v6-c-tabs__item-action-icon">
3052
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3053
+ </span>
2952
3054
  </span>
2953
3055
  </button>
2954
3056
  </span>
@@ -2968,8 +3070,10 @@ cssPrefix: pf-v6-c-tabs
2968
3070
  type="button"
2969
3071
  aria-label="More info for Database label"
2970
3072
  >
2971
- <span class="pf-v6-c-tabs__item-action-icon">
2972
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3073
+ <span class="pf-v6-c-button__icon">
3074
+ <span class="pf-v6-c-tabs__item-action-icon">
3075
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3076
+ </span>
2973
3077
  </span>
2974
3078
  </button>
2975
3079
  </span>
@@ -2995,8 +3099,10 @@ cssPrefix: pf-v6-c-tabs
2995
3099
  aria-label="More info for Disabled label"
2996
3100
  disabled
2997
3101
  >
2998
- <span class="pf-v6-c-tabs__item-action-icon">
2999
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3102
+ <span class="pf-v6-c-button__icon">
3103
+ <span class="pf-v6-c-tabs__item-action-icon">
3104
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3105
+ </span>
3000
3106
  </span>
3001
3107
  </button>
3002
3108
  </span>
@@ -3016,13 +3122,15 @@ cssPrefix: pf-v6-c-tabs
3016
3122
  </button>
3017
3123
  <span class="pf-v6-c-tabs__item-action">
3018
3124
  <button
3019
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
3125
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
3020
3126
  type="button"
3021
3127
  aria-label="More info for ARIA disabled label"
3022
3128
  aria-disabled="true"
3023
3129
  >
3024
- <span class="pf-v6-c-tabs__item-action-icon">
3025
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3130
+ <span class="pf-v6-c-button__icon">
3131
+ <span class="pf-v6-c-tabs__item-action-icon">
3132
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3133
+ </span>
3026
3134
  </span>
3027
3135
  </button>
3028
3136
  </span>
@@ -3047,8 +3155,10 @@ cssPrefix: pf-v6-c-tabs
3047
3155
  aria-label="More info for Help disabled label"
3048
3156
  disabled
3049
3157
  >
3050
- <span class="pf-v6-c-tabs__item-action-icon">
3051
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3158
+ <span class="pf-v6-c-button__icon">
3159
+ <span class="pf-v6-c-tabs__item-action-icon">
3160
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3161
+ </span>
3052
3162
  </span>
3053
3163
  </button>
3054
3164
  </span>
@@ -3068,8 +3178,10 @@ cssPrefix: pf-v6-c-tabs
3068
3178
  type="button"
3069
3179
  aria-label="More info for Network label"
3070
3180
  >
3071
- <span class="pf-v6-c-tabs__item-action-icon">
3072
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3181
+ <span class="pf-v6-c-button__icon">
3182
+ <span class="pf-v6-c-tabs__item-action-icon">
3183
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3184
+ </span>
3073
3185
  </span>
3074
3186
  </button>
3075
3187
  </span>
@@ -3082,7 +3194,9 @@ cssPrefix: pf-v6-c-tabs
3082
3194
  type="button"
3083
3195
  aria-label="Scroll right"
3084
3196
  >
3085
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3197
+ <span class="pf-v6-c-button__icon">
3198
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3199
+ </span>
3086
3200
  </button>
3087
3201
  </div>
3088
3202
  </div>
@@ -3102,7 +3216,9 @@ cssPrefix: pf-v6-c-tabs
3102
3216
  aria-label="Scroll left"
3103
3217
  disabled
3104
3218
  >
3105
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3219
+ <span class="pf-v6-c-button__icon">
3220
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3221
+ </span>
3106
3222
  </button>
3107
3223
  </div>
3108
3224
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -3121,8 +3237,10 @@ cssPrefix: pf-v6-c-tabs
3121
3237
  type="button"
3122
3238
  aria-label="More info for Users label"
3123
3239
  >
3124
- <span class="pf-v6-c-tabs__item-action-icon">
3125
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3240
+ <span class="pf-v6-c-button__icon">
3241
+ <span class="pf-v6-c-tabs__item-action-icon">
3242
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3243
+ </span>
3126
3244
  </span>
3127
3245
  </button>
3128
3246
  </span>
@@ -3142,8 +3260,10 @@ cssPrefix: pf-v6-c-tabs
3142
3260
  type="button"
3143
3261
  aria-label="More info for Containers label"
3144
3262
  >
3145
- <span class="pf-v6-c-tabs__item-action-icon">
3146
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3263
+ <span class="pf-v6-c-button__icon">
3264
+ <span class="pf-v6-c-tabs__item-action-icon">
3265
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3266
+ </span>
3147
3267
  </span>
3148
3268
  </button>
3149
3269
  </span>
@@ -3163,8 +3283,10 @@ cssPrefix: pf-v6-c-tabs
3163
3283
  type="button"
3164
3284
  aria-label="More info for Database label"
3165
3285
  >
3166
- <span class="pf-v6-c-tabs__item-action-icon">
3167
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3286
+ <span class="pf-v6-c-button__icon">
3287
+ <span class="pf-v6-c-tabs__item-action-icon">
3288
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3289
+ </span>
3168
3290
  </span>
3169
3291
  </button>
3170
3292
  </span>
@@ -3190,8 +3312,10 @@ cssPrefix: pf-v6-c-tabs
3190
3312
  aria-label="More info for Disabled label"
3191
3313
  disabled
3192
3314
  >
3193
- <span class="pf-v6-c-tabs__item-action-icon">
3194
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3315
+ <span class="pf-v6-c-button__icon">
3316
+ <span class="pf-v6-c-tabs__item-action-icon">
3317
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3318
+ </span>
3195
3319
  </span>
3196
3320
  </button>
3197
3321
  </span>
@@ -3211,13 +3335,15 @@ cssPrefix: pf-v6-c-tabs
3211
3335
  </button>
3212
3336
  <span class="pf-v6-c-tabs__item-action">
3213
3337
  <button
3214
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
3338
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
3215
3339
  type="button"
3216
3340
  aria-label="More info for ARIA disabled label"
3217
3341
  aria-disabled="true"
3218
3342
  >
3219
- <span class="pf-v6-c-tabs__item-action-icon">
3220
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3343
+ <span class="pf-v6-c-button__icon">
3344
+ <span class="pf-v6-c-tabs__item-action-icon">
3345
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3346
+ </span>
3221
3347
  </span>
3222
3348
  </button>
3223
3349
  </span>
@@ -3242,8 +3368,10 @@ cssPrefix: pf-v6-c-tabs
3242
3368
  aria-label="More info for Help disabled label"
3243
3369
  disabled
3244
3370
  >
3245
- <span class="pf-v6-c-tabs__item-action-icon">
3246
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3371
+ <span class="pf-v6-c-button__icon">
3372
+ <span class="pf-v6-c-tabs__item-action-icon">
3373
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3374
+ </span>
3247
3375
  </span>
3248
3376
  </button>
3249
3377
  </span>
@@ -3263,8 +3391,10 @@ cssPrefix: pf-v6-c-tabs
3263
3391
  type="button"
3264
3392
  aria-label="More info for Network label"
3265
3393
  >
3266
- <span class="pf-v6-c-tabs__item-action-icon">
3267
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3394
+ <span class="pf-v6-c-button__icon">
3395
+ <span class="pf-v6-c-tabs__item-action-icon">
3396
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3397
+ </span>
3268
3398
  </span>
3269
3399
  </button>
3270
3400
  </span>
@@ -3277,7 +3407,9 @@ cssPrefix: pf-v6-c-tabs
3277
3407
  type="button"
3278
3408
  aria-label="Scroll right"
3279
3409
  >
3280
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3410
+ <span class="pf-v6-c-button__icon">
3411
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3412
+ </span>
3281
3413
  </button>
3282
3414
  </div>
3283
3415
  </div>
@@ -3297,7 +3429,9 @@ cssPrefix: pf-v6-c-tabs
3297
3429
  aria-label="Scroll left"
3298
3430
  disabled
3299
3431
  >
3300
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3432
+ <span class="pf-v6-c-button__icon">
3433
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3434
+ </span>
3301
3435
  </button>
3302
3436
  </div>
3303
3437
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -3316,8 +3450,10 @@ cssPrefix: pf-v6-c-tabs
3316
3450
  type="button"
3317
3451
  aria-label="More info for Users label"
3318
3452
  >
3319
- <span class="pf-v6-c-tabs__item-action-icon">
3320
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3453
+ <span class="pf-v6-c-button__icon">
3454
+ <span class="pf-v6-c-tabs__item-action-icon">
3455
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3456
+ </span>
3321
3457
  </span>
3322
3458
  </button>
3323
3459
  </span>
@@ -3337,8 +3473,10 @@ cssPrefix: pf-v6-c-tabs
3337
3473
  type="button"
3338
3474
  aria-label="More info for Containers label"
3339
3475
  >
3340
- <span class="pf-v6-c-tabs__item-action-icon">
3341
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3476
+ <span class="pf-v6-c-button__icon">
3477
+ <span class="pf-v6-c-tabs__item-action-icon">
3478
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3479
+ </span>
3342
3480
  </span>
3343
3481
  </button>
3344
3482
  </span>
@@ -3358,8 +3496,10 @@ cssPrefix: pf-v6-c-tabs
3358
3496
  type="button"
3359
3497
  aria-label="More info for Database label"
3360
3498
  >
3361
- <span class="pf-v6-c-tabs__item-action-icon">
3362
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3499
+ <span class="pf-v6-c-button__icon">
3500
+ <span class="pf-v6-c-tabs__item-action-icon">
3501
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3502
+ </span>
3363
3503
  </span>
3364
3504
  </button>
3365
3505
  </span>
@@ -3385,8 +3525,10 @@ cssPrefix: pf-v6-c-tabs
3385
3525
  aria-label="More info for Disabled label"
3386
3526
  disabled
3387
3527
  >
3388
- <span class="pf-v6-c-tabs__item-action-icon">
3389
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3528
+ <span class="pf-v6-c-button__icon">
3529
+ <span class="pf-v6-c-tabs__item-action-icon">
3530
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3531
+ </span>
3390
3532
  </span>
3391
3533
  </button>
3392
3534
  </span>
@@ -3406,13 +3548,15 @@ cssPrefix: pf-v6-c-tabs
3406
3548
  </button>
3407
3549
  <span class="pf-v6-c-tabs__item-action">
3408
3550
  <button
3409
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
3551
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
3410
3552
  type="button"
3411
3553
  aria-label="More info for ARIA disabled label"
3412
3554
  aria-disabled="true"
3413
3555
  >
3414
- <span class="pf-v6-c-tabs__item-action-icon">
3415
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3556
+ <span class="pf-v6-c-button__icon">
3557
+ <span class="pf-v6-c-tabs__item-action-icon">
3558
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3559
+ </span>
3416
3560
  </span>
3417
3561
  </button>
3418
3562
  </span>
@@ -3437,8 +3581,10 @@ cssPrefix: pf-v6-c-tabs
3437
3581
  aria-label="More info for Help disabled label"
3438
3582
  disabled
3439
3583
  >
3440
- <span class="pf-v6-c-tabs__item-action-icon">
3441
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3584
+ <span class="pf-v6-c-button__icon">
3585
+ <span class="pf-v6-c-tabs__item-action-icon">
3586
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3587
+ </span>
3442
3588
  </span>
3443
3589
  </button>
3444
3590
  </span>
@@ -3458,8 +3604,10 @@ cssPrefix: pf-v6-c-tabs
3458
3604
  type="button"
3459
3605
  aria-label="More info for Network label"
3460
3606
  >
3461
- <span class="pf-v6-c-tabs__item-action-icon">
3462
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3607
+ <span class="pf-v6-c-button__icon">
3608
+ <span class="pf-v6-c-tabs__item-action-icon">
3609
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3610
+ </span>
3463
3611
  </span>
3464
3612
  </button>
3465
3613
  </span>
@@ -3472,7 +3620,9 @@ cssPrefix: pf-v6-c-tabs
3472
3620
  type="button"
3473
3621
  aria-label="Scroll right"
3474
3622
  >
3475
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3623
+ <span class="pf-v6-c-button__icon">
3624
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3625
+ </span>
3476
3626
  </button>
3477
3627
  </div>
3478
3628
  </div>
@@ -3492,7 +3642,9 @@ cssPrefix: pf-v6-c-tabs
3492
3642
  aria-label="Scroll left"
3493
3643
  disabled
3494
3644
  >
3495
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3645
+ <span class="pf-v6-c-button__icon">
3646
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3647
+ </span>
3496
3648
  </button>
3497
3649
  </div>
3498
3650
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -3514,8 +3666,10 @@ cssPrefix: pf-v6-c-tabs
3514
3666
  type="button"
3515
3667
  aria-label="More info for Users label"
3516
3668
  >
3517
- <span class="pf-v6-c-tabs__item-action-icon">
3518
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3669
+ <span class="pf-v6-c-button__icon">
3670
+ <span class="pf-v6-c-tabs__item-action-icon">
3671
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3672
+ </span>
3519
3673
  </span>
3520
3674
  </button>
3521
3675
  </span>
@@ -3538,8 +3692,10 @@ cssPrefix: pf-v6-c-tabs
3538
3692
  type="button"
3539
3693
  aria-label="More info for Containers label"
3540
3694
  >
3541
- <span class="pf-v6-c-tabs__item-action-icon">
3542
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3695
+ <span class="pf-v6-c-button__icon">
3696
+ <span class="pf-v6-c-tabs__item-action-icon">
3697
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3698
+ </span>
3543
3699
  </span>
3544
3700
  </button>
3545
3701
  </span>
@@ -3562,8 +3718,10 @@ cssPrefix: pf-v6-c-tabs
3562
3718
  type="button"
3563
3719
  aria-label="More info for Database label"
3564
3720
  >
3565
- <span class="pf-v6-c-tabs__item-action-icon">
3566
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3721
+ <span class="pf-v6-c-button__icon">
3722
+ <span class="pf-v6-c-tabs__item-action-icon">
3723
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3724
+ </span>
3567
3725
  </span>
3568
3726
  </button>
3569
3727
  </span>
@@ -3592,8 +3750,10 @@ cssPrefix: pf-v6-c-tabs
3592
3750
  aria-label="More info for Disabled label"
3593
3751
  disabled
3594
3752
  >
3595
- <span class="pf-v6-c-tabs__item-action-icon">
3596
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3753
+ <span class="pf-v6-c-button__icon">
3754
+ <span class="pf-v6-c-tabs__item-action-icon">
3755
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3756
+ </span>
3597
3757
  </span>
3598
3758
  </button>
3599
3759
  </span>
@@ -3616,13 +3776,15 @@ cssPrefix: pf-v6-c-tabs
3616
3776
  </button>
3617
3777
  <span class="pf-v6-c-tabs__item-action">
3618
3778
  <button
3619
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
3779
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
3620
3780
  type="button"
3621
3781
  aria-label="More info for ARIA disabled label"
3622
3782
  aria-disabled="true"
3623
3783
  >
3624
- <span class="pf-v6-c-tabs__item-action-icon">
3625
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3784
+ <span class="pf-v6-c-button__icon">
3785
+ <span class="pf-v6-c-tabs__item-action-icon">
3786
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3787
+ </span>
3626
3788
  </span>
3627
3789
  </button>
3628
3790
  </span>
@@ -3650,8 +3812,10 @@ cssPrefix: pf-v6-c-tabs
3650
3812
  aria-label="More info for Help disabled label"
3651
3813
  disabled
3652
3814
  >
3653
- <span class="pf-v6-c-tabs__item-action-icon">
3654
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3815
+ <span class="pf-v6-c-button__icon">
3816
+ <span class="pf-v6-c-tabs__item-action-icon">
3817
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3818
+ </span>
3655
3819
  </span>
3656
3820
  </button>
3657
3821
  </span>
@@ -3674,8 +3838,10 @@ cssPrefix: pf-v6-c-tabs
3674
3838
  type="button"
3675
3839
  aria-label="More info for Network label"
3676
3840
  >
3677
- <span class="pf-v6-c-tabs__item-action-icon">
3678
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3841
+ <span class="pf-v6-c-button__icon">
3842
+ <span class="pf-v6-c-tabs__item-action-icon">
3843
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3844
+ </span>
3679
3845
  </span>
3680
3846
  </button>
3681
3847
  </span>
@@ -3688,7 +3854,9 @@ cssPrefix: pf-v6-c-tabs
3688
3854
  type="button"
3689
3855
  aria-label="Scroll right"
3690
3856
  >
3691
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3857
+ <span class="pf-v6-c-button__icon">
3858
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3859
+ </span>
3692
3860
  </button>
3693
3861
  </div>
3694
3862
  </div>
@@ -3708,7 +3876,9 @@ cssPrefix: pf-v6-c-tabs
3708
3876
  aria-label="Scroll left"
3709
3877
  disabled
3710
3878
  >
3711
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3879
+ <span class="pf-v6-c-button__icon">
3880
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3881
+ </span>
3712
3882
  </button>
3713
3883
  </div>
3714
3884
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -3727,8 +3897,10 @@ cssPrefix: pf-v6-c-tabs
3727
3897
  type="button"
3728
3898
  aria-label="More info for Users label"
3729
3899
  >
3730
- <span class="pf-v6-c-tabs__item-action-icon">
3731
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3900
+ <span class="pf-v6-c-button__icon">
3901
+ <span class="pf-v6-c-tabs__item-action-icon">
3902
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3903
+ </span>
3732
3904
  </span>
3733
3905
  </button>
3734
3906
  </span>
@@ -3748,8 +3920,10 @@ cssPrefix: pf-v6-c-tabs
3748
3920
  type="button"
3749
3921
  aria-label="More info for Containers label"
3750
3922
  >
3751
- <span class="pf-v6-c-tabs__item-action-icon">
3752
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3923
+ <span class="pf-v6-c-button__icon">
3924
+ <span class="pf-v6-c-tabs__item-action-icon">
3925
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3926
+ </span>
3753
3927
  </span>
3754
3928
  </button>
3755
3929
  </span>
@@ -3769,8 +3943,10 @@ cssPrefix: pf-v6-c-tabs
3769
3943
  type="button"
3770
3944
  aria-label="More info for Database label"
3771
3945
  >
3772
- <span class="pf-v6-c-tabs__item-action-icon">
3773
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
3946
+ <span class="pf-v6-c-button__icon">
3947
+ <span class="pf-v6-c-tabs__item-action-icon">
3948
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
3949
+ </span>
3774
3950
  </span>
3775
3951
  </button>
3776
3952
  </span>
@@ -3784,7 +3960,9 @@ cssPrefix: pf-v6-c-tabs
3784
3960
  aria-label="Scroll right"
3785
3961
  disabled
3786
3962
  >
3787
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3963
+ <span class="pf-v6-c-button__icon">
3964
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
3965
+ </span>
3788
3966
  </button>
3789
3967
  </div>
3790
3968
  </div>
@@ -3804,7 +3982,9 @@ cssPrefix: pf-v6-c-tabs
3804
3982
  aria-label="Scroll left"
3805
3983
  disabled
3806
3984
  >
3807
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3985
+ <span class="pf-v6-c-button__icon">
3986
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
3987
+ </span>
3808
3988
  </button>
3809
3989
  </div>
3810
3990
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -3823,8 +4003,10 @@ cssPrefix: pf-v6-c-tabs
3823
4003
  type="button"
3824
4004
  aria-label="More info for Users label"
3825
4005
  >
3826
- <span class="pf-v6-c-tabs__item-action-icon">
3827
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4006
+ <span class="pf-v6-c-button__icon">
4007
+ <span class="pf-v6-c-tabs__item-action-icon">
4008
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4009
+ </span>
3828
4010
  </span>
3829
4011
  </button>
3830
4012
  </span>
@@ -3844,8 +4026,10 @@ cssPrefix: pf-v6-c-tabs
3844
4026
  type="button"
3845
4027
  aria-label="More info for Containers label"
3846
4028
  >
3847
- <span class="pf-v6-c-tabs__item-action-icon">
3848
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4029
+ <span class="pf-v6-c-button__icon">
4030
+ <span class="pf-v6-c-tabs__item-action-icon">
4031
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4032
+ </span>
3849
4033
  </span>
3850
4034
  </button>
3851
4035
  </span>
@@ -3865,8 +4049,10 @@ cssPrefix: pf-v6-c-tabs
3865
4049
  type="button"
3866
4050
  aria-label="More info for Database label"
3867
4051
  >
3868
- <span class="pf-v6-c-tabs__item-action-icon">
3869
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4052
+ <span class="pf-v6-c-button__icon">
4053
+ <span class="pf-v6-c-tabs__item-action-icon">
4054
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4055
+ </span>
3870
4056
  </span>
3871
4057
  </button>
3872
4058
  </span>
@@ -3892,8 +4078,10 @@ cssPrefix: pf-v6-c-tabs
3892
4078
  aria-label="More info for Disabled label"
3893
4079
  disabled
3894
4080
  >
3895
- <span class="pf-v6-c-tabs__item-action-icon">
3896
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4081
+ <span class="pf-v6-c-button__icon">
4082
+ <span class="pf-v6-c-tabs__item-action-icon">
4083
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4084
+ </span>
3897
4085
  </span>
3898
4086
  </button>
3899
4087
  </span>
@@ -3913,13 +4101,15 @@ cssPrefix: pf-v6-c-tabs
3913
4101
  </button>
3914
4102
  <span class="pf-v6-c-tabs__item-action">
3915
4103
  <button
3916
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
4104
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
3917
4105
  type="button"
3918
4106
  aria-label="More info for ARIA disabled label"
3919
4107
  aria-disabled="true"
3920
4108
  >
3921
- <span class="pf-v6-c-tabs__item-action-icon">
3922
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4109
+ <span class="pf-v6-c-button__icon">
4110
+ <span class="pf-v6-c-tabs__item-action-icon">
4111
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4112
+ </span>
3923
4113
  </span>
3924
4114
  </button>
3925
4115
  </span>
@@ -3944,8 +4134,10 @@ cssPrefix: pf-v6-c-tabs
3944
4134
  aria-label="More info for Help disabled label"
3945
4135
  disabled
3946
4136
  >
3947
- <span class="pf-v6-c-tabs__item-action-icon">
3948
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4137
+ <span class="pf-v6-c-button__icon">
4138
+ <span class="pf-v6-c-tabs__item-action-icon">
4139
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4140
+ </span>
3949
4141
  </span>
3950
4142
  </button>
3951
4143
  </span>
@@ -3965,8 +4157,10 @@ cssPrefix: pf-v6-c-tabs
3965
4157
  type="button"
3966
4158
  aria-label="More info for Network label"
3967
4159
  >
3968
- <span class="pf-v6-c-tabs__item-action-icon">
3969
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4160
+ <span class="pf-v6-c-button__icon">
4161
+ <span class="pf-v6-c-tabs__item-action-icon">
4162
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4163
+ </span>
3970
4164
  </span>
3971
4165
  </button>
3972
4166
  </span>
@@ -3979,7 +4173,9 @@ cssPrefix: pf-v6-c-tabs
3979
4173
  type="button"
3980
4174
  aria-label="Scroll right"
3981
4175
  >
3982
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4176
+ <span class="pf-v6-c-button__icon">
4177
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4178
+ </span>
3983
4179
  </button>
3984
4180
  </div>
3985
4181
  </div>
@@ -3995,7 +4191,9 @@ cssPrefix: pf-v6-c-tabs
3995
4191
  aria-label="Scroll left"
3996
4192
  disabled
3997
4193
  >
3998
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4194
+ <span class="pf-v6-c-button__icon">
4195
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4196
+ </span>
3999
4197
  </button>
4000
4198
  </div>
4001
4199
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -4014,8 +4212,10 @@ cssPrefix: pf-v6-c-tabs
4014
4212
  type="button"
4015
4213
  aria-label="More info for Users label"
4016
4214
  >
4017
- <span class="pf-v6-c-tabs__item-action-icon">
4018
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4215
+ <span class="pf-v6-c-button__icon">
4216
+ <span class="pf-v6-c-tabs__item-action-icon">
4217
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4218
+ </span>
4019
4219
  </span>
4020
4220
  </button>
4021
4221
  </span>
@@ -4035,8 +4235,10 @@ cssPrefix: pf-v6-c-tabs
4035
4235
  type="button"
4036
4236
  aria-label="More info for Containers label"
4037
4237
  >
4038
- <span class="pf-v6-c-tabs__item-action-icon">
4039
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4238
+ <span class="pf-v6-c-button__icon">
4239
+ <span class="pf-v6-c-tabs__item-action-icon">
4240
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4241
+ </span>
4040
4242
  </span>
4041
4243
  </button>
4042
4244
  </span>
@@ -4056,8 +4258,10 @@ cssPrefix: pf-v6-c-tabs
4056
4258
  type="button"
4057
4259
  aria-label="More info for Database label"
4058
4260
  >
4059
- <span class="pf-v6-c-tabs__item-action-icon">
4060
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4261
+ <span class="pf-v6-c-button__icon">
4262
+ <span class="pf-v6-c-tabs__item-action-icon">
4263
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4264
+ </span>
4061
4265
  </span>
4062
4266
  </button>
4063
4267
  </span>
@@ -4083,8 +4287,10 @@ cssPrefix: pf-v6-c-tabs
4083
4287
  aria-label="More info for Disabled label"
4084
4288
  disabled
4085
4289
  >
4086
- <span class="pf-v6-c-tabs__item-action-icon">
4087
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4290
+ <span class="pf-v6-c-button__icon">
4291
+ <span class="pf-v6-c-tabs__item-action-icon">
4292
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4293
+ </span>
4088
4294
  </span>
4089
4295
  </button>
4090
4296
  </span>
@@ -4104,13 +4310,15 @@ cssPrefix: pf-v6-c-tabs
4104
4310
  </button>
4105
4311
  <span class="pf-v6-c-tabs__item-action">
4106
4312
  <button
4107
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
4313
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
4108
4314
  type="button"
4109
4315
  aria-label="More info for ARIA disabled label"
4110
4316
  aria-disabled="true"
4111
4317
  >
4112
- <span class="pf-v6-c-tabs__item-action-icon">
4113
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4318
+ <span class="pf-v6-c-button__icon">
4319
+ <span class="pf-v6-c-tabs__item-action-icon">
4320
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4321
+ </span>
4114
4322
  </span>
4115
4323
  </button>
4116
4324
  </span>
@@ -4135,8 +4343,10 @@ cssPrefix: pf-v6-c-tabs
4135
4343
  aria-label="More info for Help disabled label"
4136
4344
  disabled
4137
4345
  >
4138
- <span class="pf-v6-c-tabs__item-action-icon">
4139
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4346
+ <span class="pf-v6-c-button__icon">
4347
+ <span class="pf-v6-c-tabs__item-action-icon">
4348
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4349
+ </span>
4140
4350
  </span>
4141
4351
  </button>
4142
4352
  </span>
@@ -4156,8 +4366,10 @@ cssPrefix: pf-v6-c-tabs
4156
4366
  type="button"
4157
4367
  aria-label="More info for Network label"
4158
4368
  >
4159
- <span class="pf-v6-c-tabs__item-action-icon">
4160
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
4369
+ <span class="pf-v6-c-button__icon">
4370
+ <span class="pf-v6-c-tabs__item-action-icon">
4371
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
4372
+ </span>
4161
4373
  </span>
4162
4374
  </button>
4163
4375
  </span>
@@ -4170,7 +4382,9 @@ cssPrefix: pf-v6-c-tabs
4170
4382
  type="button"
4171
4383
  aria-label="Scroll right"
4172
4384
  >
4173
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4385
+ <span class="pf-v6-c-button__icon">
4386
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4387
+ </span>
4174
4388
  </button>
4175
4389
  </div>
4176
4390
  </div>
@@ -4192,7 +4406,9 @@ cssPrefix: pf-v6-c-tabs
4192
4406
  aria-label="Scroll left"
4193
4407
  disabled
4194
4408
  >
4195
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4409
+ <span class="pf-v6-c-button__icon">
4410
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4411
+ </span>
4196
4412
  </button>
4197
4413
  </div>
4198
4414
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -4211,8 +4427,10 @@ cssPrefix: pf-v6-c-tabs
4211
4427
  type="button"
4212
4428
  aria-label="Close Users"
4213
4429
  >
4214
- <span class="pf-v6-c-tabs__item-action-icon">
4215
- <i class="fas fa-times" aria-hidden="true"></i>
4430
+ <span class="pf-v6-c-button__icon">
4431
+ <span class="pf-v6-c-tabs__item-action-icon">
4432
+ <i class="fas fa-times" aria-hidden="true"></i>
4433
+ </span>
4216
4434
  </span>
4217
4435
  </button>
4218
4436
  </span>
@@ -4232,8 +4450,10 @@ cssPrefix: pf-v6-c-tabs
4232
4450
  type="button"
4233
4451
  aria-label="Close Containers"
4234
4452
  >
4235
- <span class="pf-v6-c-tabs__item-action-icon">
4236
- <i class="fas fa-times" aria-hidden="true"></i>
4453
+ <span class="pf-v6-c-button__icon">
4454
+ <span class="pf-v6-c-tabs__item-action-icon">
4455
+ <i class="fas fa-times" aria-hidden="true"></i>
4456
+ </span>
4237
4457
  </span>
4238
4458
  </button>
4239
4459
  </span>
@@ -4253,8 +4473,10 @@ cssPrefix: pf-v6-c-tabs
4253
4473
  type="button"
4254
4474
  aria-label="Close Database"
4255
4475
  >
4256
- <span class="pf-v6-c-tabs__item-action-icon">
4257
- <i class="fas fa-times" aria-hidden="true"></i>
4476
+ <span class="pf-v6-c-button__icon">
4477
+ <span class="pf-v6-c-tabs__item-action-icon">
4478
+ <i class="fas fa-times" aria-hidden="true"></i>
4479
+ </span>
4258
4480
  </span>
4259
4481
  </button>
4260
4482
  </span>
@@ -4280,8 +4502,10 @@ cssPrefix: pf-v6-c-tabs
4280
4502
  aria-label="Close Disabled"
4281
4503
  disabled
4282
4504
  >
4283
- <span class="pf-v6-c-tabs__item-action-icon">
4284
- <i class="fas fa-times" aria-hidden="true"></i>
4505
+ <span class="pf-v6-c-button__icon">
4506
+ <span class="pf-v6-c-tabs__item-action-icon">
4507
+ <i class="fas fa-times" aria-hidden="true"></i>
4508
+ </span>
4285
4509
  </span>
4286
4510
  </button>
4287
4511
  </span>
@@ -4301,13 +4525,15 @@ cssPrefix: pf-v6-c-tabs
4301
4525
  </button>
4302
4526
  <span class="pf-v6-c-tabs__item-action">
4303
4527
  <button
4304
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
4528
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
4305
4529
  type="button"
4306
4530
  aria-label="Close ARIA disabled"
4307
4531
  aria-disabled="true"
4308
4532
  >
4309
- <span class="pf-v6-c-tabs__item-action-icon">
4310
- <i class="fas fa-times" aria-hidden="true"></i>
4533
+ <span class="pf-v6-c-button__icon">
4534
+ <span class="pf-v6-c-tabs__item-action-icon">
4535
+ <i class="fas fa-times" aria-hidden="true"></i>
4536
+ </span>
4311
4537
  </span>
4312
4538
  </button>
4313
4539
  </span>
@@ -4332,8 +4558,10 @@ cssPrefix: pf-v6-c-tabs
4332
4558
  aria-label="Close Close disabled"
4333
4559
  disabled
4334
4560
  >
4335
- <span class="pf-v6-c-tabs__item-action-icon">
4336
- <i class="fas fa-times" aria-hidden="true"></i>
4561
+ <span class="pf-v6-c-button__icon">
4562
+ <span class="pf-v6-c-tabs__item-action-icon">
4563
+ <i class="fas fa-times" aria-hidden="true"></i>
4564
+ </span>
4337
4565
  </span>
4338
4566
  </button>
4339
4567
  </span>
@@ -4353,8 +4581,10 @@ cssPrefix: pf-v6-c-tabs
4353
4581
  type="button"
4354
4582
  aria-label="Close Network"
4355
4583
  >
4356
- <span class="pf-v6-c-tabs__item-action-icon">
4357
- <i class="fas fa-times" aria-hidden="true"></i>
4584
+ <span class="pf-v6-c-button__icon">
4585
+ <span class="pf-v6-c-tabs__item-action-icon">
4586
+ <i class="fas fa-times" aria-hidden="true"></i>
4587
+ </span>
4358
4588
  </span>
4359
4589
  </button>
4360
4590
  </span>
@@ -4367,7 +4597,9 @@ cssPrefix: pf-v6-c-tabs
4367
4597
  type="button"
4368
4598
  aria-label="Scroll right"
4369
4599
  >
4370
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4600
+ <span class="pf-v6-c-button__icon">
4601
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4602
+ </span>
4371
4603
  </button>
4372
4604
  </div>
4373
4605
  </div>
@@ -4387,7 +4619,9 @@ cssPrefix: pf-v6-c-tabs
4387
4619
  aria-label="Scroll left"
4388
4620
  disabled
4389
4621
  >
4390
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4622
+ <span class="pf-v6-c-button__icon">
4623
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4624
+ </span>
4391
4625
  </button>
4392
4626
  </div>
4393
4627
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -4406,8 +4640,10 @@ cssPrefix: pf-v6-c-tabs
4406
4640
  type="button"
4407
4641
  aria-label="Close Users"
4408
4642
  >
4409
- <span class="pf-v6-c-tabs__item-action-icon">
4410
- <i class="fas fa-times" aria-hidden="true"></i>
4643
+ <span class="pf-v6-c-button__icon">
4644
+ <span class="pf-v6-c-tabs__item-action-icon">
4645
+ <i class="fas fa-times" aria-hidden="true"></i>
4646
+ </span>
4411
4647
  </span>
4412
4648
  </button>
4413
4649
  </span>
@@ -4427,8 +4663,10 @@ cssPrefix: pf-v6-c-tabs
4427
4663
  type="button"
4428
4664
  aria-label="Close Containers"
4429
4665
  >
4430
- <span class="pf-v6-c-tabs__item-action-icon">
4431
- <i class="fas fa-times" aria-hidden="true"></i>
4666
+ <span class="pf-v6-c-button__icon">
4667
+ <span class="pf-v6-c-tabs__item-action-icon">
4668
+ <i class="fas fa-times" aria-hidden="true"></i>
4669
+ </span>
4432
4670
  </span>
4433
4671
  </button>
4434
4672
  </span>
@@ -4448,8 +4686,10 @@ cssPrefix: pf-v6-c-tabs
4448
4686
  type="button"
4449
4687
  aria-label="Close Database"
4450
4688
  >
4451
- <span class="pf-v6-c-tabs__item-action-icon">
4452
- <i class="fas fa-times" aria-hidden="true"></i>
4689
+ <span class="pf-v6-c-button__icon">
4690
+ <span class="pf-v6-c-tabs__item-action-icon">
4691
+ <i class="fas fa-times" aria-hidden="true"></i>
4692
+ </span>
4453
4693
  </span>
4454
4694
  </button>
4455
4695
  </span>
@@ -4475,8 +4715,10 @@ cssPrefix: pf-v6-c-tabs
4475
4715
  aria-label="Close Disabled"
4476
4716
  disabled
4477
4717
  >
4478
- <span class="pf-v6-c-tabs__item-action-icon">
4479
- <i class="fas fa-times" aria-hidden="true"></i>
4718
+ <span class="pf-v6-c-button__icon">
4719
+ <span class="pf-v6-c-tabs__item-action-icon">
4720
+ <i class="fas fa-times" aria-hidden="true"></i>
4721
+ </span>
4480
4722
  </span>
4481
4723
  </button>
4482
4724
  </span>
@@ -4496,13 +4738,15 @@ cssPrefix: pf-v6-c-tabs
4496
4738
  </button>
4497
4739
  <span class="pf-v6-c-tabs__item-action">
4498
4740
  <button
4499
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
4741
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
4500
4742
  type="button"
4501
4743
  aria-label="Close ARIA disabled"
4502
4744
  aria-disabled="true"
4503
4745
  >
4504
- <span class="pf-v6-c-tabs__item-action-icon">
4505
- <i class="fas fa-times" aria-hidden="true"></i>
4746
+ <span class="pf-v6-c-button__icon">
4747
+ <span class="pf-v6-c-tabs__item-action-icon">
4748
+ <i class="fas fa-times" aria-hidden="true"></i>
4749
+ </span>
4506
4750
  </span>
4507
4751
  </button>
4508
4752
  </span>
@@ -4527,8 +4771,10 @@ cssPrefix: pf-v6-c-tabs
4527
4771
  aria-label="Close Close disabled"
4528
4772
  disabled
4529
4773
  >
4530
- <span class="pf-v6-c-tabs__item-action-icon">
4531
- <i class="fas fa-times" aria-hidden="true"></i>
4774
+ <span class="pf-v6-c-button__icon">
4775
+ <span class="pf-v6-c-tabs__item-action-icon">
4776
+ <i class="fas fa-times" aria-hidden="true"></i>
4777
+ </span>
4532
4778
  </span>
4533
4779
  </button>
4534
4780
  </span>
@@ -4548,8 +4794,10 @@ cssPrefix: pf-v6-c-tabs
4548
4794
  type="button"
4549
4795
  aria-label="Close Network"
4550
4796
  >
4551
- <span class="pf-v6-c-tabs__item-action-icon">
4552
- <i class="fas fa-times" aria-hidden="true"></i>
4797
+ <span class="pf-v6-c-button__icon">
4798
+ <span class="pf-v6-c-tabs__item-action-icon">
4799
+ <i class="fas fa-times" aria-hidden="true"></i>
4800
+ </span>
4553
4801
  </span>
4554
4802
  </button>
4555
4803
  </span>
@@ -4562,7 +4810,9 @@ cssPrefix: pf-v6-c-tabs
4562
4810
  type="button"
4563
4811
  aria-label="Scroll right"
4564
4812
  >
4565
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4813
+ <span class="pf-v6-c-button__icon">
4814
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
4815
+ </span>
4566
4816
  </button>
4567
4817
  </div>
4568
4818
  </div>
@@ -4582,7 +4832,9 @@ cssPrefix: pf-v6-c-tabs
4582
4832
  aria-label="Scroll left"
4583
4833
  disabled
4584
4834
  >
4585
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4835
+ <span class="pf-v6-c-button__icon">
4836
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4837
+ </span>
4586
4838
  </button>
4587
4839
  </div>
4588
4840
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -4601,8 +4853,10 @@ cssPrefix: pf-v6-c-tabs
4601
4853
  type="button"
4602
4854
  aria-label="Close Users"
4603
4855
  >
4604
- <span class="pf-v6-c-tabs__item-action-icon">
4605
- <i class="fas fa-times" aria-hidden="true"></i>
4856
+ <span class="pf-v6-c-button__icon">
4857
+ <span class="pf-v6-c-tabs__item-action-icon">
4858
+ <i class="fas fa-times" aria-hidden="true"></i>
4859
+ </span>
4606
4860
  </span>
4607
4861
  </button>
4608
4862
  </span>
@@ -4622,8 +4876,10 @@ cssPrefix: pf-v6-c-tabs
4622
4876
  type="button"
4623
4877
  aria-label="Close Containers"
4624
4878
  >
4625
- <span class="pf-v6-c-tabs__item-action-icon">
4626
- <i class="fas fa-times" aria-hidden="true"></i>
4879
+ <span class="pf-v6-c-button__icon">
4880
+ <span class="pf-v6-c-tabs__item-action-icon">
4881
+ <i class="fas fa-times" aria-hidden="true"></i>
4882
+ </span>
4627
4883
  </span>
4628
4884
  </button>
4629
4885
  </span>
@@ -4643,8 +4899,10 @@ cssPrefix: pf-v6-c-tabs
4643
4899
  type="button"
4644
4900
  aria-label="Close Database"
4645
4901
  >
4646
- <span class="pf-v6-c-tabs__item-action-icon">
4647
- <i class="fas fa-times" aria-hidden="true"></i>
4902
+ <span class="pf-v6-c-button__icon">
4903
+ <span class="pf-v6-c-tabs__item-action-icon">
4904
+ <i class="fas fa-times" aria-hidden="true"></i>
4905
+ </span>
4648
4906
  </span>
4649
4907
  </button>
4650
4908
  </span>
@@ -4670,8 +4928,10 @@ cssPrefix: pf-v6-c-tabs
4670
4928
  aria-label="Close Disabled"
4671
4929
  disabled
4672
4930
  >
4673
- <span class="pf-v6-c-tabs__item-action-icon">
4674
- <i class="fas fa-times" aria-hidden="true"></i>
4931
+ <span class="pf-v6-c-button__icon">
4932
+ <span class="pf-v6-c-tabs__item-action-icon">
4933
+ <i class="fas fa-times" aria-hidden="true"></i>
4934
+ </span>
4675
4935
  </span>
4676
4936
  </button>
4677
4937
  </span>
@@ -4691,13 +4951,15 @@ cssPrefix: pf-v6-c-tabs
4691
4951
  </button>
4692
4952
  <span class="pf-v6-c-tabs__item-action">
4693
4953
  <button
4694
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
4954
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
4695
4955
  type="button"
4696
4956
  aria-label="Close ARIA disabled"
4697
4957
  aria-disabled="true"
4698
4958
  >
4699
- <span class="pf-v6-c-tabs__item-action-icon">
4700
- <i class="fas fa-times" aria-hidden="true"></i>
4959
+ <span class="pf-v6-c-button__icon">
4960
+ <span class="pf-v6-c-tabs__item-action-icon">
4961
+ <i class="fas fa-times" aria-hidden="true"></i>
4962
+ </span>
4701
4963
  </span>
4702
4964
  </button>
4703
4965
  </span>
@@ -4722,8 +4984,10 @@ cssPrefix: pf-v6-c-tabs
4722
4984
  aria-label="Close Close disabled"
4723
4985
  disabled
4724
4986
  >
4725
- <span class="pf-v6-c-tabs__item-action-icon">
4726
- <i class="fas fa-times" aria-hidden="true"></i>
4987
+ <span class="pf-v6-c-button__icon">
4988
+ <span class="pf-v6-c-tabs__item-action-icon">
4989
+ <i class="fas fa-times" aria-hidden="true"></i>
4990
+ </span>
4727
4991
  </span>
4728
4992
  </button>
4729
4993
  </span>
@@ -4743,8 +5007,10 @@ cssPrefix: pf-v6-c-tabs
4743
5007
  type="button"
4744
5008
  aria-label="Close Network"
4745
5009
  >
4746
- <span class="pf-v6-c-tabs__item-action-icon">
4747
- <i class="fas fa-times" aria-hidden="true"></i>
5010
+ <span class="pf-v6-c-button__icon">
5011
+ <span class="pf-v6-c-tabs__item-action-icon">
5012
+ <i class="fas fa-times" aria-hidden="true"></i>
5013
+ </span>
4748
5014
  </span>
4749
5015
  </button>
4750
5016
  </span>
@@ -4757,7 +5023,9 @@ cssPrefix: pf-v6-c-tabs
4757
5023
  type="button"
4758
5024
  aria-label="Scroll right"
4759
5025
  >
4760
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5026
+ <span class="pf-v6-c-button__icon">
5027
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5028
+ </span>
4761
5029
  </button>
4762
5030
  </div>
4763
5031
  </div>
@@ -4777,7 +5045,9 @@ cssPrefix: pf-v6-c-tabs
4777
5045
  aria-label="Scroll left"
4778
5046
  disabled
4779
5047
  >
4780
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5048
+ <span class="pf-v6-c-button__icon">
5049
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5050
+ </span>
4781
5051
  </button>
4782
5052
  </div>
4783
5053
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -4799,8 +5069,10 @@ cssPrefix: pf-v6-c-tabs
4799
5069
  type="button"
4800
5070
  aria-label="Close Users"
4801
5071
  >
4802
- <span class="pf-v6-c-tabs__item-action-icon">
4803
- <i class="fas fa-times" aria-hidden="true"></i>
5072
+ <span class="pf-v6-c-button__icon">
5073
+ <span class="pf-v6-c-tabs__item-action-icon">
5074
+ <i class="fas fa-times" aria-hidden="true"></i>
5075
+ </span>
4804
5076
  </span>
4805
5077
  </button>
4806
5078
  </span>
@@ -4823,8 +5095,10 @@ cssPrefix: pf-v6-c-tabs
4823
5095
  type="button"
4824
5096
  aria-label="Close Containers"
4825
5097
  >
4826
- <span class="pf-v6-c-tabs__item-action-icon">
4827
- <i class="fas fa-times" aria-hidden="true"></i>
5098
+ <span class="pf-v6-c-button__icon">
5099
+ <span class="pf-v6-c-tabs__item-action-icon">
5100
+ <i class="fas fa-times" aria-hidden="true"></i>
5101
+ </span>
4828
5102
  </span>
4829
5103
  </button>
4830
5104
  </span>
@@ -4847,8 +5121,10 @@ cssPrefix: pf-v6-c-tabs
4847
5121
  type="button"
4848
5122
  aria-label="Close Database"
4849
5123
  >
4850
- <span class="pf-v6-c-tabs__item-action-icon">
4851
- <i class="fas fa-times" aria-hidden="true"></i>
5124
+ <span class="pf-v6-c-button__icon">
5125
+ <span class="pf-v6-c-tabs__item-action-icon">
5126
+ <i class="fas fa-times" aria-hidden="true"></i>
5127
+ </span>
4852
5128
  </span>
4853
5129
  </button>
4854
5130
  </span>
@@ -4877,8 +5153,10 @@ cssPrefix: pf-v6-c-tabs
4877
5153
  aria-label="Close Disabled"
4878
5154
  disabled
4879
5155
  >
4880
- <span class="pf-v6-c-tabs__item-action-icon">
4881
- <i class="fas fa-times" aria-hidden="true"></i>
5156
+ <span class="pf-v6-c-button__icon">
5157
+ <span class="pf-v6-c-tabs__item-action-icon">
5158
+ <i class="fas fa-times" aria-hidden="true"></i>
5159
+ </span>
4882
5160
  </span>
4883
5161
  </button>
4884
5162
  </span>
@@ -4901,13 +5179,15 @@ cssPrefix: pf-v6-c-tabs
4901
5179
  </button>
4902
5180
  <span class="pf-v6-c-tabs__item-action">
4903
5181
  <button
4904
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
5182
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
4905
5183
  type="button"
4906
5184
  aria-label="Close ARIA disabled"
4907
5185
  aria-disabled="true"
4908
5186
  >
4909
- <span class="pf-v6-c-tabs__item-action-icon">
4910
- <i class="fas fa-times" aria-hidden="true"></i>
5187
+ <span class="pf-v6-c-button__icon">
5188
+ <span class="pf-v6-c-tabs__item-action-icon">
5189
+ <i class="fas fa-times" aria-hidden="true"></i>
5190
+ </span>
4911
5191
  </span>
4912
5192
  </button>
4913
5193
  </span>
@@ -4935,8 +5215,10 @@ cssPrefix: pf-v6-c-tabs
4935
5215
  aria-label="Close Close disabled"
4936
5216
  disabled
4937
5217
  >
4938
- <span class="pf-v6-c-tabs__item-action-icon">
4939
- <i class="fas fa-times" aria-hidden="true"></i>
5218
+ <span class="pf-v6-c-button__icon">
5219
+ <span class="pf-v6-c-tabs__item-action-icon">
5220
+ <i class="fas fa-times" aria-hidden="true"></i>
5221
+ </span>
4940
5222
  </span>
4941
5223
  </button>
4942
5224
  </span>
@@ -4959,8 +5241,10 @@ cssPrefix: pf-v6-c-tabs
4959
5241
  type="button"
4960
5242
  aria-label="Close Network"
4961
5243
  >
4962
- <span class="pf-v6-c-tabs__item-action-icon">
4963
- <i class="fas fa-times" aria-hidden="true"></i>
5244
+ <span class="pf-v6-c-button__icon">
5245
+ <span class="pf-v6-c-tabs__item-action-icon">
5246
+ <i class="fas fa-times" aria-hidden="true"></i>
5247
+ </span>
4964
5248
  </span>
4965
5249
  </button>
4966
5250
  </span>
@@ -4973,7 +5257,9 @@ cssPrefix: pf-v6-c-tabs
4973
5257
  type="button"
4974
5258
  aria-label="Scroll right"
4975
5259
  >
4976
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5260
+ <span class="pf-v6-c-button__icon">
5261
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5262
+ </span>
4977
5263
  </button>
4978
5264
  </div>
4979
5265
  </div>
@@ -4993,7 +5279,9 @@ cssPrefix: pf-v6-c-tabs
4993
5279
  aria-label="Scroll left"
4994
5280
  disabled
4995
5281
  >
4996
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5282
+ <span class="pf-v6-c-button__icon">
5283
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5284
+ </span>
4997
5285
  </button>
4998
5286
  </div>
4999
5287
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -5012,8 +5300,10 @@ cssPrefix: pf-v6-c-tabs
5012
5300
  type="button"
5013
5301
  aria-label="Close Users"
5014
5302
  >
5015
- <span class="pf-v6-c-tabs__item-action-icon">
5016
- <i class="fas fa-times" aria-hidden="true"></i>
5303
+ <span class="pf-v6-c-button__icon">
5304
+ <span class="pf-v6-c-tabs__item-action-icon">
5305
+ <i class="fas fa-times" aria-hidden="true"></i>
5306
+ </span>
5017
5307
  </span>
5018
5308
  </button>
5019
5309
  </span>
@@ -5033,8 +5323,10 @@ cssPrefix: pf-v6-c-tabs
5033
5323
  type="button"
5034
5324
  aria-label="Close Containers"
5035
5325
  >
5036
- <span class="pf-v6-c-tabs__item-action-icon">
5037
- <i class="fas fa-times" aria-hidden="true"></i>
5326
+ <span class="pf-v6-c-button__icon">
5327
+ <span class="pf-v6-c-tabs__item-action-icon">
5328
+ <i class="fas fa-times" aria-hidden="true"></i>
5329
+ </span>
5038
5330
  </span>
5039
5331
  </button>
5040
5332
  </span>
@@ -5054,8 +5346,10 @@ cssPrefix: pf-v6-c-tabs
5054
5346
  type="button"
5055
5347
  aria-label="Close Database"
5056
5348
  >
5057
- <span class="pf-v6-c-tabs__item-action-icon">
5058
- <i class="fas fa-times" aria-hidden="true"></i>
5349
+ <span class="pf-v6-c-button__icon">
5350
+ <span class="pf-v6-c-tabs__item-action-icon">
5351
+ <i class="fas fa-times" aria-hidden="true"></i>
5352
+ </span>
5059
5353
  </span>
5060
5354
  </button>
5061
5355
  </span>
@@ -5069,7 +5363,9 @@ cssPrefix: pf-v6-c-tabs
5069
5363
  aria-label="Scroll right"
5070
5364
  disabled
5071
5365
  >
5072
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5366
+ <span class="pf-v6-c-button__icon">
5367
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5368
+ </span>
5073
5369
  </button>
5074
5370
  </div>
5075
5371
  </div>
@@ -5089,7 +5385,9 @@ cssPrefix: pf-v6-c-tabs
5089
5385
  aria-label="Scroll left"
5090
5386
  disabled
5091
5387
  >
5092
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5388
+ <span class="pf-v6-c-button__icon">
5389
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5390
+ </span>
5093
5391
  </button>
5094
5392
  </div>
5095
5393
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -5108,8 +5406,10 @@ cssPrefix: pf-v6-c-tabs
5108
5406
  type="button"
5109
5407
  aria-label="Close Users"
5110
5408
  >
5111
- <span class="pf-v6-c-tabs__item-action-icon">
5112
- <i class="fas fa-times" aria-hidden="true"></i>
5409
+ <span class="pf-v6-c-button__icon">
5410
+ <span class="pf-v6-c-tabs__item-action-icon">
5411
+ <i class="fas fa-times" aria-hidden="true"></i>
5412
+ </span>
5113
5413
  </span>
5114
5414
  </button>
5115
5415
  </span>
@@ -5129,8 +5429,10 @@ cssPrefix: pf-v6-c-tabs
5129
5429
  type="button"
5130
5430
  aria-label="Close Containers"
5131
5431
  >
5132
- <span class="pf-v6-c-tabs__item-action-icon">
5133
- <i class="fas fa-times" aria-hidden="true"></i>
5432
+ <span class="pf-v6-c-button__icon">
5433
+ <span class="pf-v6-c-tabs__item-action-icon">
5434
+ <i class="fas fa-times" aria-hidden="true"></i>
5435
+ </span>
5134
5436
  </span>
5135
5437
  </button>
5136
5438
  </span>
@@ -5150,8 +5452,10 @@ cssPrefix: pf-v6-c-tabs
5150
5452
  type="button"
5151
5453
  aria-label="Close Database"
5152
5454
  >
5153
- <span class="pf-v6-c-tabs__item-action-icon">
5154
- <i class="fas fa-times" aria-hidden="true"></i>
5455
+ <span class="pf-v6-c-button__icon">
5456
+ <span class="pf-v6-c-tabs__item-action-icon">
5457
+ <i class="fas fa-times" aria-hidden="true"></i>
5458
+ </span>
5155
5459
  </span>
5156
5460
  </button>
5157
5461
  </span>
@@ -5177,8 +5481,10 @@ cssPrefix: pf-v6-c-tabs
5177
5481
  aria-label="Close Disabled"
5178
5482
  disabled
5179
5483
  >
5180
- <span class="pf-v6-c-tabs__item-action-icon">
5181
- <i class="fas fa-times" aria-hidden="true"></i>
5484
+ <span class="pf-v6-c-button__icon">
5485
+ <span class="pf-v6-c-tabs__item-action-icon">
5486
+ <i class="fas fa-times" aria-hidden="true"></i>
5487
+ </span>
5182
5488
  </span>
5183
5489
  </button>
5184
5490
  </span>
@@ -5198,13 +5504,15 @@ cssPrefix: pf-v6-c-tabs
5198
5504
  </button>
5199
5505
  <span class="pf-v6-c-tabs__item-action">
5200
5506
  <button
5201
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
5507
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
5202
5508
  type="button"
5203
5509
  aria-label="Close ARIA disabled"
5204
5510
  aria-disabled="true"
5205
5511
  >
5206
- <span class="pf-v6-c-tabs__item-action-icon">
5207
- <i class="fas fa-times" aria-hidden="true"></i>
5512
+ <span class="pf-v6-c-button__icon">
5513
+ <span class="pf-v6-c-tabs__item-action-icon">
5514
+ <i class="fas fa-times" aria-hidden="true"></i>
5515
+ </span>
5208
5516
  </span>
5209
5517
  </button>
5210
5518
  </span>
@@ -5229,8 +5537,10 @@ cssPrefix: pf-v6-c-tabs
5229
5537
  aria-label="Close Close disabled"
5230
5538
  disabled
5231
5539
  >
5232
- <span class="pf-v6-c-tabs__item-action-icon">
5233
- <i class="fas fa-times" aria-hidden="true"></i>
5540
+ <span class="pf-v6-c-button__icon">
5541
+ <span class="pf-v6-c-tabs__item-action-icon">
5542
+ <i class="fas fa-times" aria-hidden="true"></i>
5543
+ </span>
5234
5544
  </span>
5235
5545
  </button>
5236
5546
  </span>
@@ -5250,8 +5560,10 @@ cssPrefix: pf-v6-c-tabs
5250
5560
  type="button"
5251
5561
  aria-label="Close Network"
5252
5562
  >
5253
- <span class="pf-v6-c-tabs__item-action-icon">
5254
- <i class="fas fa-times" aria-hidden="true"></i>
5563
+ <span class="pf-v6-c-button__icon">
5564
+ <span class="pf-v6-c-tabs__item-action-icon">
5565
+ <i class="fas fa-times" aria-hidden="true"></i>
5566
+ </span>
5255
5567
  </span>
5256
5568
  </button>
5257
5569
  </span>
@@ -5264,7 +5576,9 @@ cssPrefix: pf-v6-c-tabs
5264
5576
  type="button"
5265
5577
  aria-label="Scroll right"
5266
5578
  >
5267
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5579
+ <span class="pf-v6-c-button__icon">
5580
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5581
+ </span>
5268
5582
  </button>
5269
5583
  </div>
5270
5584
  </div>
@@ -5280,7 +5594,9 @@ cssPrefix: pf-v6-c-tabs
5280
5594
  aria-label="Scroll left"
5281
5595
  disabled
5282
5596
  >
5283
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5597
+ <span class="pf-v6-c-button__icon">
5598
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5599
+ </span>
5284
5600
  </button>
5285
5601
  </div>
5286
5602
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -5299,8 +5615,10 @@ cssPrefix: pf-v6-c-tabs
5299
5615
  type="button"
5300
5616
  aria-label="Close Users"
5301
5617
  >
5302
- <span class="pf-v6-c-tabs__item-action-icon">
5303
- <i class="fas fa-times" aria-hidden="true"></i>
5618
+ <span class="pf-v6-c-button__icon">
5619
+ <span class="pf-v6-c-tabs__item-action-icon">
5620
+ <i class="fas fa-times" aria-hidden="true"></i>
5621
+ </span>
5304
5622
  </span>
5305
5623
  </button>
5306
5624
  </span>
@@ -5320,8 +5638,10 @@ cssPrefix: pf-v6-c-tabs
5320
5638
  type="button"
5321
5639
  aria-label="Close Containers"
5322
5640
  >
5323
- <span class="pf-v6-c-tabs__item-action-icon">
5324
- <i class="fas fa-times" aria-hidden="true"></i>
5641
+ <span class="pf-v6-c-button__icon">
5642
+ <span class="pf-v6-c-tabs__item-action-icon">
5643
+ <i class="fas fa-times" aria-hidden="true"></i>
5644
+ </span>
5325
5645
  </span>
5326
5646
  </button>
5327
5647
  </span>
@@ -5341,8 +5661,10 @@ cssPrefix: pf-v6-c-tabs
5341
5661
  type="button"
5342
5662
  aria-label="Close Database"
5343
5663
  >
5344
- <span class="pf-v6-c-tabs__item-action-icon">
5345
- <i class="fas fa-times" aria-hidden="true"></i>
5664
+ <span class="pf-v6-c-button__icon">
5665
+ <span class="pf-v6-c-tabs__item-action-icon">
5666
+ <i class="fas fa-times" aria-hidden="true"></i>
5667
+ </span>
5346
5668
  </span>
5347
5669
  </button>
5348
5670
  </span>
@@ -5368,8 +5690,10 @@ cssPrefix: pf-v6-c-tabs
5368
5690
  aria-label="Close Disabled"
5369
5691
  disabled
5370
5692
  >
5371
- <span class="pf-v6-c-tabs__item-action-icon">
5372
- <i class="fas fa-times" aria-hidden="true"></i>
5693
+ <span class="pf-v6-c-button__icon">
5694
+ <span class="pf-v6-c-tabs__item-action-icon">
5695
+ <i class="fas fa-times" aria-hidden="true"></i>
5696
+ </span>
5373
5697
  </span>
5374
5698
  </button>
5375
5699
  </span>
@@ -5389,13 +5713,15 @@ cssPrefix: pf-v6-c-tabs
5389
5713
  </button>
5390
5714
  <span class="pf-v6-c-tabs__item-action">
5391
5715
  <button
5392
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
5716
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
5393
5717
  type="button"
5394
5718
  aria-label="Close ARIA disabled"
5395
5719
  aria-disabled="true"
5396
5720
  >
5397
- <span class="pf-v6-c-tabs__item-action-icon">
5398
- <i class="fas fa-times" aria-hidden="true"></i>
5721
+ <span class="pf-v6-c-button__icon">
5722
+ <span class="pf-v6-c-tabs__item-action-icon">
5723
+ <i class="fas fa-times" aria-hidden="true"></i>
5724
+ </span>
5399
5725
  </span>
5400
5726
  </button>
5401
5727
  </span>
@@ -5420,8 +5746,10 @@ cssPrefix: pf-v6-c-tabs
5420
5746
  aria-label="Close Close disabled"
5421
5747
  disabled
5422
5748
  >
5423
- <span class="pf-v6-c-tabs__item-action-icon">
5424
- <i class="fas fa-times" aria-hidden="true"></i>
5749
+ <span class="pf-v6-c-button__icon">
5750
+ <span class="pf-v6-c-tabs__item-action-icon">
5751
+ <i class="fas fa-times" aria-hidden="true"></i>
5752
+ </span>
5425
5753
  </span>
5426
5754
  </button>
5427
5755
  </span>
@@ -5441,8 +5769,10 @@ cssPrefix: pf-v6-c-tabs
5441
5769
  type="button"
5442
5770
  aria-label="Close Network"
5443
5771
  >
5444
- <span class="pf-v6-c-tabs__item-action-icon">
5445
- <i class="fas fa-times" aria-hidden="true"></i>
5772
+ <span class="pf-v6-c-button__icon">
5773
+ <span class="pf-v6-c-tabs__item-action-icon">
5774
+ <i class="fas fa-times" aria-hidden="true"></i>
5775
+ </span>
5446
5776
  </span>
5447
5777
  </button>
5448
5778
  </span>
@@ -5455,7 +5785,9 @@ cssPrefix: pf-v6-c-tabs
5455
5785
  type="button"
5456
5786
  aria-label="Scroll right"
5457
5787
  >
5458
- <i class="fas fa-angle-right" aria-hidden="true"></i>
5788
+ <span class="pf-v6-c-button__icon">
5789
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
5790
+ </span>
5459
5791
  </button>
5460
5792
  </div>
5461
5793
  </div>
@@ -5477,7 +5809,9 @@ cssPrefix: pf-v6-c-tabs
5477
5809
  aria-label="Scroll left"
5478
5810
  disabled
5479
5811
  >
5480
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5812
+ <span class="pf-v6-c-button__icon">
5813
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5814
+ </span>
5481
5815
  </button>
5482
5816
  </div>
5483
5817
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -5496,8 +5830,10 @@ cssPrefix: pf-v6-c-tabs
5496
5830
  type="button"
5497
5831
  aria-label="More info for Users label"
5498
5832
  >
5499
- <span class="pf-v6-c-tabs__item-action-icon">
5500
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
5833
+ <span class="pf-v6-c-button__icon">
5834
+ <span class="pf-v6-c-tabs__item-action-icon">
5835
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
5836
+ </span>
5501
5837
  </span>
5502
5838
  </button>
5503
5839
  </span>
@@ -5508,8 +5844,10 @@ cssPrefix: pf-v6-c-tabs
5508
5844
  type="button"
5509
5845
  aria-label="Close Users"
5510
5846
  >
5511
- <span class="pf-v6-c-tabs__item-action-icon">
5512
- <i class="fas fa-times" aria-hidden="true"></i>
5847
+ <span class="pf-v6-c-button__icon">
5848
+ <span class="pf-v6-c-tabs__item-action-icon">
5849
+ <i class="fas fa-times" aria-hidden="true"></i>
5850
+ </span>
5513
5851
  </span>
5514
5852
  </button>
5515
5853
  </span>
@@ -5529,8 +5867,10 @@ cssPrefix: pf-v6-c-tabs
5529
5867
  type="button"
5530
5868
  aria-label="More info for Containers label"
5531
5869
  >
5532
- <span class="pf-v6-c-tabs__item-action-icon">
5533
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
5870
+ <span class="pf-v6-c-button__icon">
5871
+ <span class="pf-v6-c-tabs__item-action-icon">
5872
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
5873
+ </span>
5534
5874
  </span>
5535
5875
  </button>
5536
5876
  </span>
@@ -5541,8 +5881,10 @@ cssPrefix: pf-v6-c-tabs
5541
5881
  type="button"
5542
5882
  aria-label="Close Containers"
5543
5883
  >
5544
- <span class="pf-v6-c-tabs__item-action-icon">
5545
- <i class="fas fa-times" aria-hidden="true"></i>
5884
+ <span class="pf-v6-c-button__icon">
5885
+ <span class="pf-v6-c-tabs__item-action-icon">
5886
+ <i class="fas fa-times" aria-hidden="true"></i>
5887
+ </span>
5546
5888
  </span>
5547
5889
  </button>
5548
5890
  </span>
@@ -5562,8 +5904,10 @@ cssPrefix: pf-v6-c-tabs
5562
5904
  type="button"
5563
5905
  aria-label="More info for Database label"
5564
5906
  >
5565
- <span class="pf-v6-c-tabs__item-action-icon">
5566
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
5907
+ <span class="pf-v6-c-button__icon">
5908
+ <span class="pf-v6-c-tabs__item-action-icon">
5909
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
5910
+ </span>
5567
5911
  </span>
5568
5912
  </button>
5569
5913
  </span>
@@ -5574,8 +5918,10 @@ cssPrefix: pf-v6-c-tabs
5574
5918
  type="button"
5575
5919
  aria-label="Close Database"
5576
5920
  >
5577
- <span class="pf-v6-c-tabs__item-action-icon">
5578
- <i class="fas fa-times" aria-hidden="true"></i>
5921
+ <span class="pf-v6-c-button__icon">
5922
+ <span class="pf-v6-c-tabs__item-action-icon">
5923
+ <i class="fas fa-times" aria-hidden="true"></i>
5924
+ </span>
5579
5925
  </span>
5580
5926
  </button>
5581
5927
  </span>
@@ -5601,8 +5947,10 @@ cssPrefix: pf-v6-c-tabs
5601
5947
  aria-label="More info for Disabled label"
5602
5948
  disabled
5603
5949
  >
5604
- <span class="pf-v6-c-tabs__item-action-icon">
5605
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
5950
+ <span class="pf-v6-c-button__icon">
5951
+ <span class="pf-v6-c-tabs__item-action-icon">
5952
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
5953
+ </span>
5606
5954
  </span>
5607
5955
  </button>
5608
5956
  </span>
@@ -5614,8 +5962,10 @@ cssPrefix: pf-v6-c-tabs
5614
5962
  aria-label="Close Disabled"
5615
5963
  disabled
5616
5964
  >
5617
- <span class="pf-v6-c-tabs__item-action-icon">
5618
- <i class="fas fa-times" aria-hidden="true"></i>
5965
+ <span class="pf-v6-c-button__icon">
5966
+ <span class="pf-v6-c-tabs__item-action-icon">
5967
+ <i class="fas fa-times" aria-hidden="true"></i>
5968
+ </span>
5619
5969
  </span>
5620
5970
  </button>
5621
5971
  </span>
@@ -5635,26 +5985,30 @@ cssPrefix: pf-v6-c-tabs
5635
5985
  </button>
5636
5986
  <span class="pf-v6-c-tabs__item-action">
5637
5987
  <button
5638
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
5988
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
5639
5989
  type="button"
5640
5990
  aria-label="More info for ARIA disabled label"
5641
5991
  aria-disabled="true"
5642
5992
  >
5643
- <span class="pf-v6-c-tabs__item-action-icon">
5644
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
5993
+ <span class="pf-v6-c-button__icon">
5994
+ <span class="pf-v6-c-tabs__item-action-icon">
5995
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
5996
+ </span>
5645
5997
  </span>
5646
5998
  </button>
5647
5999
  </span>
5648
6000
 
5649
6001
  <span class="pf-v6-c-tabs__item-action">
5650
6002
  <button
5651
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
6003
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
5652
6004
  type="button"
5653
6005
  aria-label="Close ARIA disabled"
5654
6006
  aria-disabled="true"
5655
6007
  >
5656
- <span class="pf-v6-c-tabs__item-action-icon">
5657
- <i class="fas fa-times" aria-hidden="true"></i>
6008
+ <span class="pf-v6-c-button__icon">
6009
+ <span class="pf-v6-c-tabs__item-action-icon">
6010
+ <i class="fas fa-times" aria-hidden="true"></i>
6011
+ </span>
5658
6012
  </span>
5659
6013
  </button>
5660
6014
  </span>
@@ -5679,8 +6033,10 @@ cssPrefix: pf-v6-c-tabs
5679
6033
  aria-label="More info for Help disabled label"
5680
6034
  disabled
5681
6035
  >
5682
- <span class="pf-v6-c-tabs__item-action-icon">
5683
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6036
+ <span class="pf-v6-c-button__icon">
6037
+ <span class="pf-v6-c-tabs__item-action-icon">
6038
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6039
+ </span>
5684
6040
  </span>
5685
6041
  </button>
5686
6042
  </span>
@@ -5691,8 +6047,10 @@ cssPrefix: pf-v6-c-tabs
5691
6047
  type="button"
5692
6048
  aria-label="Close Help disabled"
5693
6049
  >
5694
- <span class="pf-v6-c-tabs__item-action-icon">
5695
- <i class="fas fa-times" aria-hidden="true"></i>
6050
+ <span class="pf-v6-c-button__icon">
6051
+ <span class="pf-v6-c-tabs__item-action-icon">
6052
+ <i class="fas fa-times" aria-hidden="true"></i>
6053
+ </span>
5696
6054
  </span>
5697
6055
  </button>
5698
6056
  </span>
@@ -5716,8 +6074,10 @@ cssPrefix: pf-v6-c-tabs
5716
6074
  type="button"
5717
6075
  aria-label="More info for Close disabled label"
5718
6076
  >
5719
- <span class="pf-v6-c-tabs__item-action-icon">
5720
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6077
+ <span class="pf-v6-c-button__icon">
6078
+ <span class="pf-v6-c-tabs__item-action-icon">
6079
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6080
+ </span>
5721
6081
  </span>
5722
6082
  </button>
5723
6083
  </span>
@@ -5729,8 +6089,10 @@ cssPrefix: pf-v6-c-tabs
5729
6089
  aria-label="Close Close disabled"
5730
6090
  disabled
5731
6091
  >
5732
- <span class="pf-v6-c-tabs__item-action-icon">
5733
- <i class="fas fa-times" aria-hidden="true"></i>
6092
+ <span class="pf-v6-c-button__icon">
6093
+ <span class="pf-v6-c-tabs__item-action-icon">
6094
+ <i class="fas fa-times" aria-hidden="true"></i>
6095
+ </span>
5734
6096
  </span>
5735
6097
  </button>
5736
6098
  </span>
@@ -5755,8 +6117,10 @@ cssPrefix: pf-v6-c-tabs
5755
6117
  aria-label="More info for Help and close disabled label"
5756
6118
  disabled
5757
6119
  >
5758
- <span class="pf-v6-c-tabs__item-action-icon">
5759
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6120
+ <span class="pf-v6-c-button__icon">
6121
+ <span class="pf-v6-c-tabs__item-action-icon">
6122
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6123
+ </span>
5760
6124
  </span>
5761
6125
  </button>
5762
6126
  </span>
@@ -5768,8 +6132,10 @@ cssPrefix: pf-v6-c-tabs
5768
6132
  aria-label="Close Help and close disabled"
5769
6133
  disabled
5770
6134
  >
5771
- <span class="pf-v6-c-tabs__item-action-icon">
5772
- <i class="fas fa-times" aria-hidden="true"></i>
6135
+ <span class="pf-v6-c-button__icon">
6136
+ <span class="pf-v6-c-tabs__item-action-icon">
6137
+ <i class="fas fa-times" aria-hidden="true"></i>
6138
+ </span>
5773
6139
  </span>
5774
6140
  </button>
5775
6141
  </span>
@@ -5789,8 +6155,10 @@ cssPrefix: pf-v6-c-tabs
5789
6155
  type="button"
5790
6156
  aria-label="More info for Network label"
5791
6157
  >
5792
- <span class="pf-v6-c-tabs__item-action-icon">
5793
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6158
+ <span class="pf-v6-c-button__icon">
6159
+ <span class="pf-v6-c-tabs__item-action-icon">
6160
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6161
+ </span>
5794
6162
  </span>
5795
6163
  </button>
5796
6164
  </span>
@@ -5801,8 +6169,10 @@ cssPrefix: pf-v6-c-tabs
5801
6169
  type="button"
5802
6170
  aria-label="Close Network"
5803
6171
  >
5804
- <span class="pf-v6-c-tabs__item-action-icon">
5805
- <i class="fas fa-times" aria-hidden="true"></i>
6172
+ <span class="pf-v6-c-button__icon">
6173
+ <span class="pf-v6-c-tabs__item-action-icon">
6174
+ <i class="fas fa-times" aria-hidden="true"></i>
6175
+ </span>
5806
6176
  </span>
5807
6177
  </button>
5808
6178
  </span>
@@ -5815,7 +6185,9 @@ cssPrefix: pf-v6-c-tabs
5815
6185
  type="button"
5816
6186
  aria-label="Scroll right"
5817
6187
  >
5818
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6188
+ <span class="pf-v6-c-button__icon">
6189
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
6190
+ </span>
5819
6191
  </button>
5820
6192
  </div>
5821
6193
  </div>
@@ -5835,7 +6207,9 @@ cssPrefix: pf-v6-c-tabs
5835
6207
  aria-label="Scroll left"
5836
6208
  disabled
5837
6209
  >
5838
- <i class="fas fa-angle-left" aria-hidden="true"></i>
6210
+ <span class="pf-v6-c-button__icon">
6211
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
6212
+ </span>
5839
6213
  </button>
5840
6214
  </div>
5841
6215
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -5854,8 +6228,10 @@ cssPrefix: pf-v6-c-tabs
5854
6228
  type="button"
5855
6229
  aria-label="More info for Users label"
5856
6230
  >
5857
- <span class="pf-v6-c-tabs__item-action-icon">
5858
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6231
+ <span class="pf-v6-c-button__icon">
6232
+ <span class="pf-v6-c-tabs__item-action-icon">
6233
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6234
+ </span>
5859
6235
  </span>
5860
6236
  </button>
5861
6237
  </span>
@@ -5866,8 +6242,10 @@ cssPrefix: pf-v6-c-tabs
5866
6242
  type="button"
5867
6243
  aria-label="Close Users"
5868
6244
  >
5869
- <span class="pf-v6-c-tabs__item-action-icon">
5870
- <i class="fas fa-times" aria-hidden="true"></i>
6245
+ <span class="pf-v6-c-button__icon">
6246
+ <span class="pf-v6-c-tabs__item-action-icon">
6247
+ <i class="fas fa-times" aria-hidden="true"></i>
6248
+ </span>
5871
6249
  </span>
5872
6250
  </button>
5873
6251
  </span>
@@ -5887,8 +6265,10 @@ cssPrefix: pf-v6-c-tabs
5887
6265
  type="button"
5888
6266
  aria-label="More info for Containers label"
5889
6267
  >
5890
- <span class="pf-v6-c-tabs__item-action-icon">
5891
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6268
+ <span class="pf-v6-c-button__icon">
6269
+ <span class="pf-v6-c-tabs__item-action-icon">
6270
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6271
+ </span>
5892
6272
  </span>
5893
6273
  </button>
5894
6274
  </span>
@@ -5899,8 +6279,10 @@ cssPrefix: pf-v6-c-tabs
5899
6279
  type="button"
5900
6280
  aria-label="Close Containers"
5901
6281
  >
5902
- <span class="pf-v6-c-tabs__item-action-icon">
5903
- <i class="fas fa-times" aria-hidden="true"></i>
6282
+ <span class="pf-v6-c-button__icon">
6283
+ <span class="pf-v6-c-tabs__item-action-icon">
6284
+ <i class="fas fa-times" aria-hidden="true"></i>
6285
+ </span>
5904
6286
  </span>
5905
6287
  </button>
5906
6288
  </span>
@@ -5920,8 +6302,10 @@ cssPrefix: pf-v6-c-tabs
5920
6302
  type="button"
5921
6303
  aria-label="More info for Database label"
5922
6304
  >
5923
- <span class="pf-v6-c-tabs__item-action-icon">
5924
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6305
+ <span class="pf-v6-c-button__icon">
6306
+ <span class="pf-v6-c-tabs__item-action-icon">
6307
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6308
+ </span>
5925
6309
  </span>
5926
6310
  </button>
5927
6311
  </span>
@@ -5932,8 +6316,10 @@ cssPrefix: pf-v6-c-tabs
5932
6316
  type="button"
5933
6317
  aria-label="Close Database"
5934
6318
  >
5935
- <span class="pf-v6-c-tabs__item-action-icon">
5936
- <i class="fas fa-times" aria-hidden="true"></i>
6319
+ <span class="pf-v6-c-button__icon">
6320
+ <span class="pf-v6-c-tabs__item-action-icon">
6321
+ <i class="fas fa-times" aria-hidden="true"></i>
6322
+ </span>
5937
6323
  </span>
5938
6324
  </button>
5939
6325
  </span>
@@ -5959,8 +6345,10 @@ cssPrefix: pf-v6-c-tabs
5959
6345
  aria-label="More info for Disabled label"
5960
6346
  disabled
5961
6347
  >
5962
- <span class="pf-v6-c-tabs__item-action-icon">
5963
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6348
+ <span class="pf-v6-c-button__icon">
6349
+ <span class="pf-v6-c-tabs__item-action-icon">
6350
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6351
+ </span>
5964
6352
  </span>
5965
6353
  </button>
5966
6354
  </span>
@@ -5972,8 +6360,10 @@ cssPrefix: pf-v6-c-tabs
5972
6360
  aria-label="Close Disabled"
5973
6361
  disabled
5974
6362
  >
5975
- <span class="pf-v6-c-tabs__item-action-icon">
5976
- <i class="fas fa-times" aria-hidden="true"></i>
6363
+ <span class="pf-v6-c-button__icon">
6364
+ <span class="pf-v6-c-tabs__item-action-icon">
6365
+ <i class="fas fa-times" aria-hidden="true"></i>
6366
+ </span>
5977
6367
  </span>
5978
6368
  </button>
5979
6369
  </span>
@@ -5993,26 +6383,30 @@ cssPrefix: pf-v6-c-tabs
5993
6383
  </button>
5994
6384
  <span class="pf-v6-c-tabs__item-action">
5995
6385
  <button
5996
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
6386
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
5997
6387
  type="button"
5998
6388
  aria-label="More info for ARIA disabled label"
5999
6389
  aria-disabled="true"
6000
6390
  >
6001
- <span class="pf-v6-c-tabs__item-action-icon">
6002
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6391
+ <span class="pf-v6-c-button__icon">
6392
+ <span class="pf-v6-c-tabs__item-action-icon">
6393
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6394
+ </span>
6003
6395
  </span>
6004
6396
  </button>
6005
6397
  </span>
6006
6398
 
6007
6399
  <span class="pf-v6-c-tabs__item-action">
6008
6400
  <button
6009
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
6401
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
6010
6402
  type="button"
6011
6403
  aria-label="Close ARIA disabled"
6012
6404
  aria-disabled="true"
6013
6405
  >
6014
- <span class="pf-v6-c-tabs__item-action-icon">
6015
- <i class="fas fa-times" aria-hidden="true"></i>
6406
+ <span class="pf-v6-c-button__icon">
6407
+ <span class="pf-v6-c-tabs__item-action-icon">
6408
+ <i class="fas fa-times" aria-hidden="true"></i>
6409
+ </span>
6016
6410
  </span>
6017
6411
  </button>
6018
6412
  </span>
@@ -6037,8 +6431,10 @@ cssPrefix: pf-v6-c-tabs
6037
6431
  aria-label="More info for Help disabled label"
6038
6432
  disabled
6039
6433
  >
6040
- <span class="pf-v6-c-tabs__item-action-icon">
6041
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6434
+ <span class="pf-v6-c-button__icon">
6435
+ <span class="pf-v6-c-tabs__item-action-icon">
6436
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6437
+ </span>
6042
6438
  </span>
6043
6439
  </button>
6044
6440
  </span>
@@ -6049,8 +6445,10 @@ cssPrefix: pf-v6-c-tabs
6049
6445
  type="button"
6050
6446
  aria-label="Close Help disabled"
6051
6447
  >
6052
- <span class="pf-v6-c-tabs__item-action-icon">
6053
- <i class="fas fa-times" aria-hidden="true"></i>
6448
+ <span class="pf-v6-c-button__icon">
6449
+ <span class="pf-v6-c-tabs__item-action-icon">
6450
+ <i class="fas fa-times" aria-hidden="true"></i>
6451
+ </span>
6054
6452
  </span>
6055
6453
  </button>
6056
6454
  </span>
@@ -6074,8 +6472,10 @@ cssPrefix: pf-v6-c-tabs
6074
6472
  type="button"
6075
6473
  aria-label="More info for Close disabled label"
6076
6474
  >
6077
- <span class="pf-v6-c-tabs__item-action-icon">
6078
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6475
+ <span class="pf-v6-c-button__icon">
6476
+ <span class="pf-v6-c-tabs__item-action-icon">
6477
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6478
+ </span>
6079
6479
  </span>
6080
6480
  </button>
6081
6481
  </span>
@@ -6087,8 +6487,10 @@ cssPrefix: pf-v6-c-tabs
6087
6487
  aria-label="Close Close disabled"
6088
6488
  disabled
6089
6489
  >
6090
- <span class="pf-v6-c-tabs__item-action-icon">
6091
- <i class="fas fa-times" aria-hidden="true"></i>
6490
+ <span class="pf-v6-c-button__icon">
6491
+ <span class="pf-v6-c-tabs__item-action-icon">
6492
+ <i class="fas fa-times" aria-hidden="true"></i>
6493
+ </span>
6092
6494
  </span>
6093
6495
  </button>
6094
6496
  </span>
@@ -6113,8 +6515,10 @@ cssPrefix: pf-v6-c-tabs
6113
6515
  aria-label="More info for Help and close disabled label"
6114
6516
  disabled
6115
6517
  >
6116
- <span class="pf-v6-c-tabs__item-action-icon">
6117
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6518
+ <span class="pf-v6-c-button__icon">
6519
+ <span class="pf-v6-c-tabs__item-action-icon">
6520
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6521
+ </span>
6118
6522
  </span>
6119
6523
  </button>
6120
6524
  </span>
@@ -6126,8 +6530,10 @@ cssPrefix: pf-v6-c-tabs
6126
6530
  aria-label="Close Help and close disabled"
6127
6531
  disabled
6128
6532
  >
6129
- <span class="pf-v6-c-tabs__item-action-icon">
6130
- <i class="fas fa-times" aria-hidden="true"></i>
6533
+ <span class="pf-v6-c-button__icon">
6534
+ <span class="pf-v6-c-tabs__item-action-icon">
6535
+ <i class="fas fa-times" aria-hidden="true"></i>
6536
+ </span>
6131
6537
  </span>
6132
6538
  </button>
6133
6539
  </span>
@@ -6147,8 +6553,10 @@ cssPrefix: pf-v6-c-tabs
6147
6553
  type="button"
6148
6554
  aria-label="More info for Network label"
6149
6555
  >
6150
- <span class="pf-v6-c-tabs__item-action-icon">
6151
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6556
+ <span class="pf-v6-c-button__icon">
6557
+ <span class="pf-v6-c-tabs__item-action-icon">
6558
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6559
+ </span>
6152
6560
  </span>
6153
6561
  </button>
6154
6562
  </span>
@@ -6159,8 +6567,10 @@ cssPrefix: pf-v6-c-tabs
6159
6567
  type="button"
6160
6568
  aria-label="Close Network"
6161
6569
  >
6162
- <span class="pf-v6-c-tabs__item-action-icon">
6163
- <i class="fas fa-times" aria-hidden="true"></i>
6570
+ <span class="pf-v6-c-button__icon">
6571
+ <span class="pf-v6-c-tabs__item-action-icon">
6572
+ <i class="fas fa-times" aria-hidden="true"></i>
6573
+ </span>
6164
6574
  </span>
6165
6575
  </button>
6166
6576
  </span>
@@ -6173,7 +6583,9 @@ cssPrefix: pf-v6-c-tabs
6173
6583
  type="button"
6174
6584
  aria-label="Scroll right"
6175
6585
  >
6176
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6586
+ <span class="pf-v6-c-button__icon">
6587
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
6588
+ </span>
6177
6589
  </button>
6178
6590
  </div>
6179
6591
  </div>
@@ -6193,7 +6605,9 @@ cssPrefix: pf-v6-c-tabs
6193
6605
  aria-label="Scroll left"
6194
6606
  disabled
6195
6607
  >
6196
- <i class="fas fa-angle-left" aria-hidden="true"></i>
6608
+ <span class="pf-v6-c-button__icon">
6609
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
6610
+ </span>
6197
6611
  </button>
6198
6612
  </div>
6199
6613
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -6212,8 +6626,10 @@ cssPrefix: pf-v6-c-tabs
6212
6626
  type="button"
6213
6627
  aria-label="More info for Users label"
6214
6628
  >
6215
- <span class="pf-v6-c-tabs__item-action-icon">
6216
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6629
+ <span class="pf-v6-c-button__icon">
6630
+ <span class="pf-v6-c-tabs__item-action-icon">
6631
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6632
+ </span>
6217
6633
  </span>
6218
6634
  </button>
6219
6635
  </span>
@@ -6224,8 +6640,10 @@ cssPrefix: pf-v6-c-tabs
6224
6640
  type="button"
6225
6641
  aria-label="Close Users"
6226
6642
  >
6227
- <span class="pf-v6-c-tabs__item-action-icon">
6228
- <i class="fas fa-times" aria-hidden="true"></i>
6643
+ <span class="pf-v6-c-button__icon">
6644
+ <span class="pf-v6-c-tabs__item-action-icon">
6645
+ <i class="fas fa-times" aria-hidden="true"></i>
6646
+ </span>
6229
6647
  </span>
6230
6648
  </button>
6231
6649
  </span>
@@ -6245,8 +6663,10 @@ cssPrefix: pf-v6-c-tabs
6245
6663
  type="button"
6246
6664
  aria-label="More info for Containers label"
6247
6665
  >
6248
- <span class="pf-v6-c-tabs__item-action-icon">
6249
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6666
+ <span class="pf-v6-c-button__icon">
6667
+ <span class="pf-v6-c-tabs__item-action-icon">
6668
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6669
+ </span>
6250
6670
  </span>
6251
6671
  </button>
6252
6672
  </span>
@@ -6257,8 +6677,10 @@ cssPrefix: pf-v6-c-tabs
6257
6677
  type="button"
6258
6678
  aria-label="Close Containers"
6259
6679
  >
6260
- <span class="pf-v6-c-tabs__item-action-icon">
6261
- <i class="fas fa-times" aria-hidden="true"></i>
6680
+ <span class="pf-v6-c-button__icon">
6681
+ <span class="pf-v6-c-tabs__item-action-icon">
6682
+ <i class="fas fa-times" aria-hidden="true"></i>
6683
+ </span>
6262
6684
  </span>
6263
6685
  </button>
6264
6686
  </span>
@@ -6278,8 +6700,10 @@ cssPrefix: pf-v6-c-tabs
6278
6700
  type="button"
6279
6701
  aria-label="More info for Database label"
6280
6702
  >
6281
- <span class="pf-v6-c-tabs__item-action-icon">
6282
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6703
+ <span class="pf-v6-c-button__icon">
6704
+ <span class="pf-v6-c-tabs__item-action-icon">
6705
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6706
+ </span>
6283
6707
  </span>
6284
6708
  </button>
6285
6709
  </span>
@@ -6290,8 +6714,10 @@ cssPrefix: pf-v6-c-tabs
6290
6714
  type="button"
6291
6715
  aria-label="Close Database"
6292
6716
  >
6293
- <span class="pf-v6-c-tabs__item-action-icon">
6294
- <i class="fas fa-times" aria-hidden="true"></i>
6717
+ <span class="pf-v6-c-button__icon">
6718
+ <span class="pf-v6-c-tabs__item-action-icon">
6719
+ <i class="fas fa-times" aria-hidden="true"></i>
6720
+ </span>
6295
6721
  </span>
6296
6722
  </button>
6297
6723
  </span>
@@ -6317,8 +6743,10 @@ cssPrefix: pf-v6-c-tabs
6317
6743
  aria-label="More info for Disabled label"
6318
6744
  disabled
6319
6745
  >
6320
- <span class="pf-v6-c-tabs__item-action-icon">
6321
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6746
+ <span class="pf-v6-c-button__icon">
6747
+ <span class="pf-v6-c-tabs__item-action-icon">
6748
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6749
+ </span>
6322
6750
  </span>
6323
6751
  </button>
6324
6752
  </span>
@@ -6330,8 +6758,10 @@ cssPrefix: pf-v6-c-tabs
6330
6758
  aria-label="Close Disabled"
6331
6759
  disabled
6332
6760
  >
6333
- <span class="pf-v6-c-tabs__item-action-icon">
6334
- <i class="fas fa-times" aria-hidden="true"></i>
6761
+ <span class="pf-v6-c-button__icon">
6762
+ <span class="pf-v6-c-tabs__item-action-icon">
6763
+ <i class="fas fa-times" aria-hidden="true"></i>
6764
+ </span>
6335
6765
  </span>
6336
6766
  </button>
6337
6767
  </span>
@@ -6351,26 +6781,30 @@ cssPrefix: pf-v6-c-tabs
6351
6781
  </button>
6352
6782
  <span class="pf-v6-c-tabs__item-action">
6353
6783
  <button
6354
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
6784
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
6355
6785
  type="button"
6356
6786
  aria-label="More info for ARIA disabled label"
6357
6787
  aria-disabled="true"
6358
6788
  >
6359
- <span class="pf-v6-c-tabs__item-action-icon">
6360
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6789
+ <span class="pf-v6-c-button__icon">
6790
+ <span class="pf-v6-c-tabs__item-action-icon">
6791
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6792
+ </span>
6361
6793
  </span>
6362
6794
  </button>
6363
6795
  </span>
6364
6796
 
6365
6797
  <span class="pf-v6-c-tabs__item-action">
6366
6798
  <button
6367
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
6799
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
6368
6800
  type="button"
6369
6801
  aria-label="Close ARIA disabled"
6370
6802
  aria-disabled="true"
6371
6803
  >
6372
- <span class="pf-v6-c-tabs__item-action-icon">
6373
- <i class="fas fa-times" aria-hidden="true"></i>
6804
+ <span class="pf-v6-c-button__icon">
6805
+ <span class="pf-v6-c-tabs__item-action-icon">
6806
+ <i class="fas fa-times" aria-hidden="true"></i>
6807
+ </span>
6374
6808
  </span>
6375
6809
  </button>
6376
6810
  </span>
@@ -6395,8 +6829,10 @@ cssPrefix: pf-v6-c-tabs
6395
6829
  aria-label="More info for Help disabled label"
6396
6830
  disabled
6397
6831
  >
6398
- <span class="pf-v6-c-tabs__item-action-icon">
6399
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6832
+ <span class="pf-v6-c-button__icon">
6833
+ <span class="pf-v6-c-tabs__item-action-icon">
6834
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6835
+ </span>
6400
6836
  </span>
6401
6837
  </button>
6402
6838
  </span>
@@ -6407,8 +6843,10 @@ cssPrefix: pf-v6-c-tabs
6407
6843
  type="button"
6408
6844
  aria-label="Close Help disabled"
6409
6845
  >
6410
- <span class="pf-v6-c-tabs__item-action-icon">
6411
- <i class="fas fa-times" aria-hidden="true"></i>
6846
+ <span class="pf-v6-c-button__icon">
6847
+ <span class="pf-v6-c-tabs__item-action-icon">
6848
+ <i class="fas fa-times" aria-hidden="true"></i>
6849
+ </span>
6412
6850
  </span>
6413
6851
  </button>
6414
6852
  </span>
@@ -6432,8 +6870,10 @@ cssPrefix: pf-v6-c-tabs
6432
6870
  type="button"
6433
6871
  aria-label="More info for Close disabled label"
6434
6872
  >
6435
- <span class="pf-v6-c-tabs__item-action-icon">
6436
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6873
+ <span class="pf-v6-c-button__icon">
6874
+ <span class="pf-v6-c-tabs__item-action-icon">
6875
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6876
+ </span>
6437
6877
  </span>
6438
6878
  </button>
6439
6879
  </span>
@@ -6445,8 +6885,10 @@ cssPrefix: pf-v6-c-tabs
6445
6885
  aria-label="Close Close disabled"
6446
6886
  disabled
6447
6887
  >
6448
- <span class="pf-v6-c-tabs__item-action-icon">
6449
- <i class="fas fa-times" aria-hidden="true"></i>
6888
+ <span class="pf-v6-c-button__icon">
6889
+ <span class="pf-v6-c-tabs__item-action-icon">
6890
+ <i class="fas fa-times" aria-hidden="true"></i>
6891
+ </span>
6450
6892
  </span>
6451
6893
  </button>
6452
6894
  </span>
@@ -6471,8 +6913,10 @@ cssPrefix: pf-v6-c-tabs
6471
6913
  aria-label="More info for Help and close disabled label"
6472
6914
  disabled
6473
6915
  >
6474
- <span class="pf-v6-c-tabs__item-action-icon">
6475
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6916
+ <span class="pf-v6-c-button__icon">
6917
+ <span class="pf-v6-c-tabs__item-action-icon">
6918
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6919
+ </span>
6476
6920
  </span>
6477
6921
  </button>
6478
6922
  </span>
@@ -6484,8 +6928,10 @@ cssPrefix: pf-v6-c-tabs
6484
6928
  aria-label="Close Help and close disabled"
6485
6929
  disabled
6486
6930
  >
6487
- <span class="pf-v6-c-tabs__item-action-icon">
6488
- <i class="fas fa-times" aria-hidden="true"></i>
6931
+ <span class="pf-v6-c-button__icon">
6932
+ <span class="pf-v6-c-tabs__item-action-icon">
6933
+ <i class="fas fa-times" aria-hidden="true"></i>
6934
+ </span>
6489
6935
  </span>
6490
6936
  </button>
6491
6937
  </span>
@@ -6505,8 +6951,10 @@ cssPrefix: pf-v6-c-tabs
6505
6951
  type="button"
6506
6952
  aria-label="More info for Network label"
6507
6953
  >
6508
- <span class="pf-v6-c-tabs__item-action-icon">
6509
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
6954
+ <span class="pf-v6-c-button__icon">
6955
+ <span class="pf-v6-c-tabs__item-action-icon">
6956
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
6957
+ </span>
6510
6958
  </span>
6511
6959
  </button>
6512
6960
  </span>
@@ -6517,8 +6965,10 @@ cssPrefix: pf-v6-c-tabs
6517
6965
  type="button"
6518
6966
  aria-label="Close Network"
6519
6967
  >
6520
- <span class="pf-v6-c-tabs__item-action-icon">
6521
- <i class="fas fa-times" aria-hidden="true"></i>
6968
+ <span class="pf-v6-c-button__icon">
6969
+ <span class="pf-v6-c-tabs__item-action-icon">
6970
+ <i class="fas fa-times" aria-hidden="true"></i>
6971
+ </span>
6522
6972
  </span>
6523
6973
  </button>
6524
6974
  </span>
@@ -6531,7 +6981,9 @@ cssPrefix: pf-v6-c-tabs
6531
6981
  type="button"
6532
6982
  aria-label="Scroll right"
6533
6983
  >
6534
- <i class="fas fa-angle-right" aria-hidden="true"></i>
6984
+ <span class="pf-v6-c-button__icon">
6985
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
6986
+ </span>
6535
6987
  </button>
6536
6988
  </div>
6537
6989
  </div>
@@ -6551,7 +7003,9 @@ cssPrefix: pf-v6-c-tabs
6551
7003
  aria-label="Scroll left"
6552
7004
  disabled
6553
7005
  >
6554
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7006
+ <span class="pf-v6-c-button__icon">
7007
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7008
+ </span>
6555
7009
  </button>
6556
7010
  </div>
6557
7011
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -6573,8 +7027,10 @@ cssPrefix: pf-v6-c-tabs
6573
7027
  type="button"
6574
7028
  aria-label="More info for Users label"
6575
7029
  >
6576
- <span class="pf-v6-c-tabs__item-action-icon">
6577
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7030
+ <span class="pf-v6-c-button__icon">
7031
+ <span class="pf-v6-c-tabs__item-action-icon">
7032
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7033
+ </span>
6578
7034
  </span>
6579
7035
  </button>
6580
7036
  </span>
@@ -6585,8 +7041,10 @@ cssPrefix: pf-v6-c-tabs
6585
7041
  type="button"
6586
7042
  aria-label="Close Users"
6587
7043
  >
6588
- <span class="pf-v6-c-tabs__item-action-icon">
6589
- <i class="fas fa-times" aria-hidden="true"></i>
7044
+ <span class="pf-v6-c-button__icon">
7045
+ <span class="pf-v6-c-tabs__item-action-icon">
7046
+ <i class="fas fa-times" aria-hidden="true"></i>
7047
+ </span>
6590
7048
  </span>
6591
7049
  </button>
6592
7050
  </span>
@@ -6609,8 +7067,10 @@ cssPrefix: pf-v6-c-tabs
6609
7067
  type="button"
6610
7068
  aria-label="More info for Containers label"
6611
7069
  >
6612
- <span class="pf-v6-c-tabs__item-action-icon">
6613
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7070
+ <span class="pf-v6-c-button__icon">
7071
+ <span class="pf-v6-c-tabs__item-action-icon">
7072
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7073
+ </span>
6614
7074
  </span>
6615
7075
  </button>
6616
7076
  </span>
@@ -6621,8 +7081,10 @@ cssPrefix: pf-v6-c-tabs
6621
7081
  type="button"
6622
7082
  aria-label="Close Containers"
6623
7083
  >
6624
- <span class="pf-v6-c-tabs__item-action-icon">
6625
- <i class="fas fa-times" aria-hidden="true"></i>
7084
+ <span class="pf-v6-c-button__icon">
7085
+ <span class="pf-v6-c-tabs__item-action-icon">
7086
+ <i class="fas fa-times" aria-hidden="true"></i>
7087
+ </span>
6626
7088
  </span>
6627
7089
  </button>
6628
7090
  </span>
@@ -6645,8 +7107,10 @@ cssPrefix: pf-v6-c-tabs
6645
7107
  type="button"
6646
7108
  aria-label="More info for Database label"
6647
7109
  >
6648
- <span class="pf-v6-c-tabs__item-action-icon">
6649
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7110
+ <span class="pf-v6-c-button__icon">
7111
+ <span class="pf-v6-c-tabs__item-action-icon">
7112
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7113
+ </span>
6650
7114
  </span>
6651
7115
  </button>
6652
7116
  </span>
@@ -6657,8 +7121,10 @@ cssPrefix: pf-v6-c-tabs
6657
7121
  type="button"
6658
7122
  aria-label="Close Database"
6659
7123
  >
6660
- <span class="pf-v6-c-tabs__item-action-icon">
6661
- <i class="fas fa-times" aria-hidden="true"></i>
7124
+ <span class="pf-v6-c-button__icon">
7125
+ <span class="pf-v6-c-tabs__item-action-icon">
7126
+ <i class="fas fa-times" aria-hidden="true"></i>
7127
+ </span>
6662
7128
  </span>
6663
7129
  </button>
6664
7130
  </span>
@@ -6687,8 +7153,10 @@ cssPrefix: pf-v6-c-tabs
6687
7153
  aria-label="More info for Disabled label"
6688
7154
  disabled
6689
7155
  >
6690
- <span class="pf-v6-c-tabs__item-action-icon">
6691
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7156
+ <span class="pf-v6-c-button__icon">
7157
+ <span class="pf-v6-c-tabs__item-action-icon">
7158
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7159
+ </span>
6692
7160
  </span>
6693
7161
  </button>
6694
7162
  </span>
@@ -6700,8 +7168,10 @@ cssPrefix: pf-v6-c-tabs
6700
7168
  aria-label="Close Disabled"
6701
7169
  disabled
6702
7170
  >
6703
- <span class="pf-v6-c-tabs__item-action-icon">
6704
- <i class="fas fa-times" aria-hidden="true"></i>
7171
+ <span class="pf-v6-c-button__icon">
7172
+ <span class="pf-v6-c-tabs__item-action-icon">
7173
+ <i class="fas fa-times" aria-hidden="true"></i>
7174
+ </span>
6705
7175
  </span>
6706
7176
  </button>
6707
7177
  </span>
@@ -6724,26 +7194,30 @@ cssPrefix: pf-v6-c-tabs
6724
7194
  </button>
6725
7195
  <span class="pf-v6-c-tabs__item-action">
6726
7196
  <button
6727
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
7197
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
6728
7198
  type="button"
6729
7199
  aria-label="More info for ARIA disabled label"
6730
7200
  aria-disabled="true"
6731
7201
  >
6732
- <span class="pf-v6-c-tabs__item-action-icon">
6733
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7202
+ <span class="pf-v6-c-button__icon">
7203
+ <span class="pf-v6-c-tabs__item-action-icon">
7204
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7205
+ </span>
6734
7206
  </span>
6735
7207
  </button>
6736
7208
  </span>
6737
7209
 
6738
7210
  <span class="pf-v6-c-tabs__item-action">
6739
7211
  <button
6740
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
7212
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
6741
7213
  type="button"
6742
7214
  aria-label="Close ARIA disabled"
6743
7215
  aria-disabled="true"
6744
7216
  >
6745
- <span class="pf-v6-c-tabs__item-action-icon">
6746
- <i class="fas fa-times" aria-hidden="true"></i>
7217
+ <span class="pf-v6-c-button__icon">
7218
+ <span class="pf-v6-c-tabs__item-action-icon">
7219
+ <i class="fas fa-times" aria-hidden="true"></i>
7220
+ </span>
6747
7221
  </span>
6748
7222
  </button>
6749
7223
  </span>
@@ -6771,8 +7245,10 @@ cssPrefix: pf-v6-c-tabs
6771
7245
  aria-label="More info for Help disabled label"
6772
7246
  disabled
6773
7247
  >
6774
- <span class="pf-v6-c-tabs__item-action-icon">
6775
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7248
+ <span class="pf-v6-c-button__icon">
7249
+ <span class="pf-v6-c-tabs__item-action-icon">
7250
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7251
+ </span>
6776
7252
  </span>
6777
7253
  </button>
6778
7254
  </span>
@@ -6783,8 +7259,10 @@ cssPrefix: pf-v6-c-tabs
6783
7259
  type="button"
6784
7260
  aria-label="Close Help disabled"
6785
7261
  >
6786
- <span class="pf-v6-c-tabs__item-action-icon">
6787
- <i class="fas fa-times" aria-hidden="true"></i>
7262
+ <span class="pf-v6-c-button__icon">
7263
+ <span class="pf-v6-c-tabs__item-action-icon">
7264
+ <i class="fas fa-times" aria-hidden="true"></i>
7265
+ </span>
6788
7266
  </span>
6789
7267
  </button>
6790
7268
  </span>
@@ -6811,8 +7289,10 @@ cssPrefix: pf-v6-c-tabs
6811
7289
  type="button"
6812
7290
  aria-label="More info for Close disabled label"
6813
7291
  >
6814
- <span class="pf-v6-c-tabs__item-action-icon">
6815
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7292
+ <span class="pf-v6-c-button__icon">
7293
+ <span class="pf-v6-c-tabs__item-action-icon">
7294
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7295
+ </span>
6816
7296
  </span>
6817
7297
  </button>
6818
7298
  </span>
@@ -6824,8 +7304,10 @@ cssPrefix: pf-v6-c-tabs
6824
7304
  aria-label="Close Close disabled"
6825
7305
  disabled
6826
7306
  >
6827
- <span class="pf-v6-c-tabs__item-action-icon">
6828
- <i class="fas fa-times" aria-hidden="true"></i>
7307
+ <span class="pf-v6-c-button__icon">
7308
+ <span class="pf-v6-c-tabs__item-action-icon">
7309
+ <i class="fas fa-times" aria-hidden="true"></i>
7310
+ </span>
6829
7311
  </span>
6830
7312
  </button>
6831
7313
  </span>
@@ -6853,8 +7335,10 @@ cssPrefix: pf-v6-c-tabs
6853
7335
  aria-label="More info for Help and close disabled label"
6854
7336
  disabled
6855
7337
  >
6856
- <span class="pf-v6-c-tabs__item-action-icon">
6857
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7338
+ <span class="pf-v6-c-button__icon">
7339
+ <span class="pf-v6-c-tabs__item-action-icon">
7340
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7341
+ </span>
6858
7342
  </span>
6859
7343
  </button>
6860
7344
  </span>
@@ -6866,8 +7350,10 @@ cssPrefix: pf-v6-c-tabs
6866
7350
  aria-label="Close Help and close disabled"
6867
7351
  disabled
6868
7352
  >
6869
- <span class="pf-v6-c-tabs__item-action-icon">
6870
- <i class="fas fa-times" aria-hidden="true"></i>
7353
+ <span class="pf-v6-c-button__icon">
7354
+ <span class="pf-v6-c-tabs__item-action-icon">
7355
+ <i class="fas fa-times" aria-hidden="true"></i>
7356
+ </span>
6871
7357
  </span>
6872
7358
  </button>
6873
7359
  </span>
@@ -6890,8 +7376,10 @@ cssPrefix: pf-v6-c-tabs
6890
7376
  type="button"
6891
7377
  aria-label="More info for Network label"
6892
7378
  >
6893
- <span class="pf-v6-c-tabs__item-action-icon">
6894
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7379
+ <span class="pf-v6-c-button__icon">
7380
+ <span class="pf-v6-c-tabs__item-action-icon">
7381
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7382
+ </span>
6895
7383
  </span>
6896
7384
  </button>
6897
7385
  </span>
@@ -6902,8 +7390,10 @@ cssPrefix: pf-v6-c-tabs
6902
7390
  type="button"
6903
7391
  aria-label="Close Network"
6904
7392
  >
6905
- <span class="pf-v6-c-tabs__item-action-icon">
6906
- <i class="fas fa-times" aria-hidden="true"></i>
7393
+ <span class="pf-v6-c-button__icon">
7394
+ <span class="pf-v6-c-tabs__item-action-icon">
7395
+ <i class="fas fa-times" aria-hidden="true"></i>
7396
+ </span>
6907
7397
  </span>
6908
7398
  </button>
6909
7399
  </span>
@@ -6916,7 +7406,9 @@ cssPrefix: pf-v6-c-tabs
6916
7406
  type="button"
6917
7407
  aria-label="Scroll right"
6918
7408
  >
6919
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7409
+ <span class="pf-v6-c-button__icon">
7410
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7411
+ </span>
6920
7412
  </button>
6921
7413
  </div>
6922
7414
  </div>
@@ -6936,7 +7428,9 @@ cssPrefix: pf-v6-c-tabs
6936
7428
  aria-label="Scroll left"
6937
7429
  disabled
6938
7430
  >
6939
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7431
+ <span class="pf-v6-c-button__icon">
7432
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7433
+ </span>
6940
7434
  </button>
6941
7435
  </div>
6942
7436
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -6955,8 +7449,10 @@ cssPrefix: pf-v6-c-tabs
6955
7449
  type="button"
6956
7450
  aria-label="More info for Users label"
6957
7451
  >
6958
- <span class="pf-v6-c-tabs__item-action-icon">
6959
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7452
+ <span class="pf-v6-c-button__icon">
7453
+ <span class="pf-v6-c-tabs__item-action-icon">
7454
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7455
+ </span>
6960
7456
  </span>
6961
7457
  </button>
6962
7458
  </span>
@@ -6967,8 +7463,10 @@ cssPrefix: pf-v6-c-tabs
6967
7463
  type="button"
6968
7464
  aria-label="Close Users"
6969
7465
  >
6970
- <span class="pf-v6-c-tabs__item-action-icon">
6971
- <i class="fas fa-times" aria-hidden="true"></i>
7466
+ <span class="pf-v6-c-button__icon">
7467
+ <span class="pf-v6-c-tabs__item-action-icon">
7468
+ <i class="fas fa-times" aria-hidden="true"></i>
7469
+ </span>
6972
7470
  </span>
6973
7471
  </button>
6974
7472
  </span>
@@ -6988,8 +7486,10 @@ cssPrefix: pf-v6-c-tabs
6988
7486
  type="button"
6989
7487
  aria-label="More info for Containers label"
6990
7488
  >
6991
- <span class="pf-v6-c-tabs__item-action-icon">
6992
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7489
+ <span class="pf-v6-c-button__icon">
7490
+ <span class="pf-v6-c-tabs__item-action-icon">
7491
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7492
+ </span>
6993
7493
  </span>
6994
7494
  </button>
6995
7495
  </span>
@@ -7000,8 +7500,10 @@ cssPrefix: pf-v6-c-tabs
7000
7500
  type="button"
7001
7501
  aria-label="Close Containers"
7002
7502
  >
7003
- <span class="pf-v6-c-tabs__item-action-icon">
7004
- <i class="fas fa-times" aria-hidden="true"></i>
7503
+ <span class="pf-v6-c-button__icon">
7504
+ <span class="pf-v6-c-tabs__item-action-icon">
7505
+ <i class="fas fa-times" aria-hidden="true"></i>
7506
+ </span>
7005
7507
  </span>
7006
7508
  </button>
7007
7509
  </span>
@@ -7021,8 +7523,10 @@ cssPrefix: pf-v6-c-tabs
7021
7523
  type="button"
7022
7524
  aria-label="More info for Database label"
7023
7525
  >
7024
- <span class="pf-v6-c-tabs__item-action-icon">
7025
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7526
+ <span class="pf-v6-c-button__icon">
7527
+ <span class="pf-v6-c-tabs__item-action-icon">
7528
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7529
+ </span>
7026
7530
  </span>
7027
7531
  </button>
7028
7532
  </span>
@@ -7033,8 +7537,10 @@ cssPrefix: pf-v6-c-tabs
7033
7537
  type="button"
7034
7538
  aria-label="Close Database"
7035
7539
  >
7036
- <span class="pf-v6-c-tabs__item-action-icon">
7037
- <i class="fas fa-times" aria-hidden="true"></i>
7540
+ <span class="pf-v6-c-button__icon">
7541
+ <span class="pf-v6-c-tabs__item-action-icon">
7542
+ <i class="fas fa-times" aria-hidden="true"></i>
7543
+ </span>
7038
7544
  </span>
7039
7545
  </button>
7040
7546
  </span>
@@ -7048,7 +7554,9 @@ cssPrefix: pf-v6-c-tabs
7048
7554
  aria-label="Scroll right"
7049
7555
  disabled
7050
7556
  >
7051
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7557
+ <span class="pf-v6-c-button__icon">
7558
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7559
+ </span>
7052
7560
  </button>
7053
7561
  </div>
7054
7562
  </div>
@@ -7068,7 +7576,9 @@ cssPrefix: pf-v6-c-tabs
7068
7576
  aria-label="Scroll left"
7069
7577
  disabled
7070
7578
  >
7071
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7579
+ <span class="pf-v6-c-button__icon">
7580
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7581
+ </span>
7072
7582
  </button>
7073
7583
  </div>
7074
7584
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -7087,8 +7597,10 @@ cssPrefix: pf-v6-c-tabs
7087
7597
  type="button"
7088
7598
  aria-label="More info for Users label"
7089
7599
  >
7090
- <span class="pf-v6-c-tabs__item-action-icon">
7091
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7600
+ <span class="pf-v6-c-button__icon">
7601
+ <span class="pf-v6-c-tabs__item-action-icon">
7602
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7603
+ </span>
7092
7604
  </span>
7093
7605
  </button>
7094
7606
  </span>
@@ -7099,8 +7611,10 @@ cssPrefix: pf-v6-c-tabs
7099
7611
  type="button"
7100
7612
  aria-label="Close Users"
7101
7613
  >
7102
- <span class="pf-v6-c-tabs__item-action-icon">
7103
- <i class="fas fa-times" aria-hidden="true"></i>
7614
+ <span class="pf-v6-c-button__icon">
7615
+ <span class="pf-v6-c-tabs__item-action-icon">
7616
+ <i class="fas fa-times" aria-hidden="true"></i>
7617
+ </span>
7104
7618
  </span>
7105
7619
  </button>
7106
7620
  </span>
@@ -7120,8 +7634,10 @@ cssPrefix: pf-v6-c-tabs
7120
7634
  type="button"
7121
7635
  aria-label="More info for Containers label"
7122
7636
  >
7123
- <span class="pf-v6-c-tabs__item-action-icon">
7124
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7637
+ <span class="pf-v6-c-button__icon">
7638
+ <span class="pf-v6-c-tabs__item-action-icon">
7639
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7640
+ </span>
7125
7641
  </span>
7126
7642
  </button>
7127
7643
  </span>
@@ -7132,8 +7648,10 @@ cssPrefix: pf-v6-c-tabs
7132
7648
  type="button"
7133
7649
  aria-label="Close Containers"
7134
7650
  >
7135
- <span class="pf-v6-c-tabs__item-action-icon">
7136
- <i class="fas fa-times" aria-hidden="true"></i>
7651
+ <span class="pf-v6-c-button__icon">
7652
+ <span class="pf-v6-c-tabs__item-action-icon">
7653
+ <i class="fas fa-times" aria-hidden="true"></i>
7654
+ </span>
7137
7655
  </span>
7138
7656
  </button>
7139
7657
  </span>
@@ -7153,8 +7671,10 @@ cssPrefix: pf-v6-c-tabs
7153
7671
  type="button"
7154
7672
  aria-label="More info for Database label"
7155
7673
  >
7156
- <span class="pf-v6-c-tabs__item-action-icon">
7157
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7674
+ <span class="pf-v6-c-button__icon">
7675
+ <span class="pf-v6-c-tabs__item-action-icon">
7676
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7677
+ </span>
7158
7678
  </span>
7159
7679
  </button>
7160
7680
  </span>
@@ -7165,8 +7685,10 @@ cssPrefix: pf-v6-c-tabs
7165
7685
  type="button"
7166
7686
  aria-label="Close Database"
7167
7687
  >
7168
- <span class="pf-v6-c-tabs__item-action-icon">
7169
- <i class="fas fa-times" aria-hidden="true"></i>
7688
+ <span class="pf-v6-c-button__icon">
7689
+ <span class="pf-v6-c-tabs__item-action-icon">
7690
+ <i class="fas fa-times" aria-hidden="true"></i>
7691
+ </span>
7170
7692
  </span>
7171
7693
  </button>
7172
7694
  </span>
@@ -7192,8 +7714,10 @@ cssPrefix: pf-v6-c-tabs
7192
7714
  aria-label="More info for Disabled label"
7193
7715
  disabled
7194
7716
  >
7195
- <span class="pf-v6-c-tabs__item-action-icon">
7196
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7717
+ <span class="pf-v6-c-button__icon">
7718
+ <span class="pf-v6-c-tabs__item-action-icon">
7719
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7720
+ </span>
7197
7721
  </span>
7198
7722
  </button>
7199
7723
  </span>
@@ -7205,8 +7729,10 @@ cssPrefix: pf-v6-c-tabs
7205
7729
  aria-label="Close Disabled"
7206
7730
  disabled
7207
7731
  >
7208
- <span class="pf-v6-c-tabs__item-action-icon">
7209
- <i class="fas fa-times" aria-hidden="true"></i>
7732
+ <span class="pf-v6-c-button__icon">
7733
+ <span class="pf-v6-c-tabs__item-action-icon">
7734
+ <i class="fas fa-times" aria-hidden="true"></i>
7735
+ </span>
7210
7736
  </span>
7211
7737
  </button>
7212
7738
  </span>
@@ -7226,26 +7752,30 @@ cssPrefix: pf-v6-c-tabs
7226
7752
  </button>
7227
7753
  <span class="pf-v6-c-tabs__item-action">
7228
7754
  <button
7229
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
7755
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
7230
7756
  type="button"
7231
7757
  aria-label="More info for ARIA disabled label"
7232
7758
  aria-disabled="true"
7233
7759
  >
7234
- <span class="pf-v6-c-tabs__item-action-icon">
7235
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7760
+ <span class="pf-v6-c-button__icon">
7761
+ <span class="pf-v6-c-tabs__item-action-icon">
7762
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7763
+ </span>
7236
7764
  </span>
7237
7765
  </button>
7238
7766
  </span>
7239
7767
 
7240
7768
  <span class="pf-v6-c-tabs__item-action">
7241
7769
  <button
7242
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
7770
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
7243
7771
  type="button"
7244
7772
  aria-label="Close ARIA disabled"
7245
7773
  aria-disabled="true"
7246
7774
  >
7247
- <span class="pf-v6-c-tabs__item-action-icon">
7248
- <i class="fas fa-times" aria-hidden="true"></i>
7775
+ <span class="pf-v6-c-button__icon">
7776
+ <span class="pf-v6-c-tabs__item-action-icon">
7777
+ <i class="fas fa-times" aria-hidden="true"></i>
7778
+ </span>
7249
7779
  </span>
7250
7780
  </button>
7251
7781
  </span>
@@ -7270,8 +7800,10 @@ cssPrefix: pf-v6-c-tabs
7270
7800
  aria-label="More info for Help disabled label"
7271
7801
  disabled
7272
7802
  >
7273
- <span class="pf-v6-c-tabs__item-action-icon">
7274
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7803
+ <span class="pf-v6-c-button__icon">
7804
+ <span class="pf-v6-c-tabs__item-action-icon">
7805
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7806
+ </span>
7275
7807
  </span>
7276
7808
  </button>
7277
7809
  </span>
@@ -7282,8 +7814,10 @@ cssPrefix: pf-v6-c-tabs
7282
7814
  type="button"
7283
7815
  aria-label="Close Help disabled"
7284
7816
  >
7285
- <span class="pf-v6-c-tabs__item-action-icon">
7286
- <i class="fas fa-times" aria-hidden="true"></i>
7817
+ <span class="pf-v6-c-button__icon">
7818
+ <span class="pf-v6-c-tabs__item-action-icon">
7819
+ <i class="fas fa-times" aria-hidden="true"></i>
7820
+ </span>
7287
7821
  </span>
7288
7822
  </button>
7289
7823
  </span>
@@ -7307,8 +7841,10 @@ cssPrefix: pf-v6-c-tabs
7307
7841
  type="button"
7308
7842
  aria-label="More info for Close disabled label"
7309
7843
  >
7310
- <span class="pf-v6-c-tabs__item-action-icon">
7311
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7844
+ <span class="pf-v6-c-button__icon">
7845
+ <span class="pf-v6-c-tabs__item-action-icon">
7846
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7847
+ </span>
7312
7848
  </span>
7313
7849
  </button>
7314
7850
  </span>
@@ -7320,8 +7856,10 @@ cssPrefix: pf-v6-c-tabs
7320
7856
  aria-label="Close Close disabled"
7321
7857
  disabled
7322
7858
  >
7323
- <span class="pf-v6-c-tabs__item-action-icon">
7324
- <i class="fas fa-times" aria-hidden="true"></i>
7859
+ <span class="pf-v6-c-button__icon">
7860
+ <span class="pf-v6-c-tabs__item-action-icon">
7861
+ <i class="fas fa-times" aria-hidden="true"></i>
7862
+ </span>
7325
7863
  </span>
7326
7864
  </button>
7327
7865
  </span>
@@ -7346,8 +7884,10 @@ cssPrefix: pf-v6-c-tabs
7346
7884
  aria-label="More info for Help and close disabled label"
7347
7885
  disabled
7348
7886
  >
7349
- <span class="pf-v6-c-tabs__item-action-icon">
7350
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7887
+ <span class="pf-v6-c-button__icon">
7888
+ <span class="pf-v6-c-tabs__item-action-icon">
7889
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7890
+ </span>
7351
7891
  </span>
7352
7892
  </button>
7353
7893
  </span>
@@ -7359,8 +7899,10 @@ cssPrefix: pf-v6-c-tabs
7359
7899
  aria-label="Close Help and close disabled"
7360
7900
  disabled
7361
7901
  >
7362
- <span class="pf-v6-c-tabs__item-action-icon">
7363
- <i class="fas fa-times" aria-hidden="true"></i>
7902
+ <span class="pf-v6-c-button__icon">
7903
+ <span class="pf-v6-c-tabs__item-action-icon">
7904
+ <i class="fas fa-times" aria-hidden="true"></i>
7905
+ </span>
7364
7906
  </span>
7365
7907
  </button>
7366
7908
  </span>
@@ -7380,8 +7922,10 @@ cssPrefix: pf-v6-c-tabs
7380
7922
  type="button"
7381
7923
  aria-label="More info for Network label"
7382
7924
  >
7383
- <span class="pf-v6-c-tabs__item-action-icon">
7384
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7925
+ <span class="pf-v6-c-button__icon">
7926
+ <span class="pf-v6-c-tabs__item-action-icon">
7927
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7928
+ </span>
7385
7929
  </span>
7386
7930
  </button>
7387
7931
  </span>
@@ -7392,8 +7936,10 @@ cssPrefix: pf-v6-c-tabs
7392
7936
  type="button"
7393
7937
  aria-label="Close Network"
7394
7938
  >
7395
- <span class="pf-v6-c-tabs__item-action-icon">
7396
- <i class="fas fa-times" aria-hidden="true"></i>
7939
+ <span class="pf-v6-c-button__icon">
7940
+ <span class="pf-v6-c-tabs__item-action-icon">
7941
+ <i class="fas fa-times" aria-hidden="true"></i>
7942
+ </span>
7397
7943
  </span>
7398
7944
  </button>
7399
7945
  </span>
@@ -7406,7 +7952,9 @@ cssPrefix: pf-v6-c-tabs
7406
7952
  type="button"
7407
7953
  aria-label="Scroll right"
7408
7954
  >
7409
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7955
+ <span class="pf-v6-c-button__icon">
7956
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
7957
+ </span>
7410
7958
  </button>
7411
7959
  </div>
7412
7960
  </div>
@@ -7422,7 +7970,9 @@ cssPrefix: pf-v6-c-tabs
7422
7970
  aria-label="Scroll left"
7423
7971
  disabled
7424
7972
  >
7425
- <i class="fas fa-angle-left" aria-hidden="true"></i>
7973
+ <span class="pf-v6-c-button__icon">
7974
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
7975
+ </span>
7426
7976
  </button>
7427
7977
  </div>
7428
7978
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -7441,8 +7991,10 @@ cssPrefix: pf-v6-c-tabs
7441
7991
  type="button"
7442
7992
  aria-label="More info for Users label"
7443
7993
  >
7444
- <span class="pf-v6-c-tabs__item-action-icon">
7445
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
7994
+ <span class="pf-v6-c-button__icon">
7995
+ <span class="pf-v6-c-tabs__item-action-icon">
7996
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
7997
+ </span>
7446
7998
  </span>
7447
7999
  </button>
7448
8000
  </span>
@@ -7453,8 +8005,10 @@ cssPrefix: pf-v6-c-tabs
7453
8005
  type="button"
7454
8006
  aria-label="Close Users"
7455
8007
  >
7456
- <span class="pf-v6-c-tabs__item-action-icon">
7457
- <i class="fas fa-times" aria-hidden="true"></i>
8008
+ <span class="pf-v6-c-button__icon">
8009
+ <span class="pf-v6-c-tabs__item-action-icon">
8010
+ <i class="fas fa-times" aria-hidden="true"></i>
8011
+ </span>
7458
8012
  </span>
7459
8013
  </button>
7460
8014
  </span>
@@ -7474,8 +8028,10 @@ cssPrefix: pf-v6-c-tabs
7474
8028
  type="button"
7475
8029
  aria-label="More info for Containers label"
7476
8030
  >
7477
- <span class="pf-v6-c-tabs__item-action-icon">
7478
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8031
+ <span class="pf-v6-c-button__icon">
8032
+ <span class="pf-v6-c-tabs__item-action-icon">
8033
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8034
+ </span>
7479
8035
  </span>
7480
8036
  </button>
7481
8037
  </span>
@@ -7486,8 +8042,10 @@ cssPrefix: pf-v6-c-tabs
7486
8042
  type="button"
7487
8043
  aria-label="Close Containers"
7488
8044
  >
7489
- <span class="pf-v6-c-tabs__item-action-icon">
7490
- <i class="fas fa-times" aria-hidden="true"></i>
8045
+ <span class="pf-v6-c-button__icon">
8046
+ <span class="pf-v6-c-tabs__item-action-icon">
8047
+ <i class="fas fa-times" aria-hidden="true"></i>
8048
+ </span>
7491
8049
  </span>
7492
8050
  </button>
7493
8051
  </span>
@@ -7507,8 +8065,10 @@ cssPrefix: pf-v6-c-tabs
7507
8065
  type="button"
7508
8066
  aria-label="More info for Database label"
7509
8067
  >
7510
- <span class="pf-v6-c-tabs__item-action-icon">
7511
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8068
+ <span class="pf-v6-c-button__icon">
8069
+ <span class="pf-v6-c-tabs__item-action-icon">
8070
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8071
+ </span>
7512
8072
  </span>
7513
8073
  </button>
7514
8074
  </span>
@@ -7519,8 +8079,10 @@ cssPrefix: pf-v6-c-tabs
7519
8079
  type="button"
7520
8080
  aria-label="Close Database"
7521
8081
  >
7522
- <span class="pf-v6-c-tabs__item-action-icon">
7523
- <i class="fas fa-times" aria-hidden="true"></i>
8082
+ <span class="pf-v6-c-button__icon">
8083
+ <span class="pf-v6-c-tabs__item-action-icon">
8084
+ <i class="fas fa-times" aria-hidden="true"></i>
8085
+ </span>
7524
8086
  </span>
7525
8087
  </button>
7526
8088
  </span>
@@ -7546,8 +8108,10 @@ cssPrefix: pf-v6-c-tabs
7546
8108
  aria-label="More info for Disabled label"
7547
8109
  disabled
7548
8110
  >
7549
- <span class="pf-v6-c-tabs__item-action-icon">
7550
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8111
+ <span class="pf-v6-c-button__icon">
8112
+ <span class="pf-v6-c-tabs__item-action-icon">
8113
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8114
+ </span>
7551
8115
  </span>
7552
8116
  </button>
7553
8117
  </span>
@@ -7559,8 +8123,10 @@ cssPrefix: pf-v6-c-tabs
7559
8123
  aria-label="Close Disabled"
7560
8124
  disabled
7561
8125
  >
7562
- <span class="pf-v6-c-tabs__item-action-icon">
7563
- <i class="fas fa-times" aria-hidden="true"></i>
8126
+ <span class="pf-v6-c-button__icon">
8127
+ <span class="pf-v6-c-tabs__item-action-icon">
8128
+ <i class="fas fa-times" aria-hidden="true"></i>
8129
+ </span>
7564
8130
  </span>
7565
8131
  </button>
7566
8132
  </span>
@@ -7580,26 +8146,30 @@ cssPrefix: pf-v6-c-tabs
7580
8146
  </button>
7581
8147
  <span class="pf-v6-c-tabs__item-action">
7582
8148
  <button
7583
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
8149
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
7584
8150
  type="button"
7585
8151
  aria-label="More info for ARIA disabled label"
7586
8152
  aria-disabled="true"
7587
8153
  >
7588
- <span class="pf-v6-c-tabs__item-action-icon">
7589
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8154
+ <span class="pf-v6-c-button__icon">
8155
+ <span class="pf-v6-c-tabs__item-action-icon">
8156
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8157
+ </span>
7590
8158
  </span>
7591
8159
  </button>
7592
8160
  </span>
7593
8161
 
7594
8162
  <span class="pf-v6-c-tabs__item-action">
7595
8163
  <button
7596
- class="pf-v6-c-button pf-m-plain pf-m-aria-disabled"
8164
+ class="pf-v6-c-button pf-m-aria-disabled pf-m-plain"
7597
8165
  type="button"
7598
8166
  aria-label="Close ARIA disabled"
7599
8167
  aria-disabled="true"
7600
8168
  >
7601
- <span class="pf-v6-c-tabs__item-action-icon">
7602
- <i class="fas fa-times" aria-hidden="true"></i>
8169
+ <span class="pf-v6-c-button__icon">
8170
+ <span class="pf-v6-c-tabs__item-action-icon">
8171
+ <i class="fas fa-times" aria-hidden="true"></i>
8172
+ </span>
7603
8173
  </span>
7604
8174
  </button>
7605
8175
  </span>
@@ -7624,8 +8194,10 @@ cssPrefix: pf-v6-c-tabs
7624
8194
  aria-label="More info for Help disabled label"
7625
8195
  disabled
7626
8196
  >
7627
- <span class="pf-v6-c-tabs__item-action-icon">
7628
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8197
+ <span class="pf-v6-c-button__icon">
8198
+ <span class="pf-v6-c-tabs__item-action-icon">
8199
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8200
+ </span>
7629
8201
  </span>
7630
8202
  </button>
7631
8203
  </span>
@@ -7636,8 +8208,10 @@ cssPrefix: pf-v6-c-tabs
7636
8208
  type="button"
7637
8209
  aria-label="Close Help disabled"
7638
8210
  >
7639
- <span class="pf-v6-c-tabs__item-action-icon">
7640
- <i class="fas fa-times" aria-hidden="true"></i>
8211
+ <span class="pf-v6-c-button__icon">
8212
+ <span class="pf-v6-c-tabs__item-action-icon">
8213
+ <i class="fas fa-times" aria-hidden="true"></i>
8214
+ </span>
7641
8215
  </span>
7642
8216
  </button>
7643
8217
  </span>
@@ -7661,8 +8235,10 @@ cssPrefix: pf-v6-c-tabs
7661
8235
  type="button"
7662
8236
  aria-label="More info for Close disabled label"
7663
8237
  >
7664
- <span class="pf-v6-c-tabs__item-action-icon">
7665
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8238
+ <span class="pf-v6-c-button__icon">
8239
+ <span class="pf-v6-c-tabs__item-action-icon">
8240
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8241
+ </span>
7666
8242
  </span>
7667
8243
  </button>
7668
8244
  </span>
@@ -7674,8 +8250,10 @@ cssPrefix: pf-v6-c-tabs
7674
8250
  aria-label="Close Close disabled"
7675
8251
  disabled
7676
8252
  >
7677
- <span class="pf-v6-c-tabs__item-action-icon">
7678
- <i class="fas fa-times" aria-hidden="true"></i>
8253
+ <span class="pf-v6-c-button__icon">
8254
+ <span class="pf-v6-c-tabs__item-action-icon">
8255
+ <i class="fas fa-times" aria-hidden="true"></i>
8256
+ </span>
7679
8257
  </span>
7680
8258
  </button>
7681
8259
  </span>
@@ -7700,8 +8278,10 @@ cssPrefix: pf-v6-c-tabs
7700
8278
  aria-label="More info for Help and close disabled label"
7701
8279
  disabled
7702
8280
  >
7703
- <span class="pf-v6-c-tabs__item-action-icon">
7704
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8281
+ <span class="pf-v6-c-button__icon">
8282
+ <span class="pf-v6-c-tabs__item-action-icon">
8283
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8284
+ </span>
7705
8285
  </span>
7706
8286
  </button>
7707
8287
  </span>
@@ -7713,8 +8293,10 @@ cssPrefix: pf-v6-c-tabs
7713
8293
  aria-label="Close Help and close disabled"
7714
8294
  disabled
7715
8295
  >
7716
- <span class="pf-v6-c-tabs__item-action-icon">
7717
- <i class="fas fa-times" aria-hidden="true"></i>
8296
+ <span class="pf-v6-c-button__icon">
8297
+ <span class="pf-v6-c-tabs__item-action-icon">
8298
+ <i class="fas fa-times" aria-hidden="true"></i>
8299
+ </span>
7718
8300
  </span>
7719
8301
  </button>
7720
8302
  </span>
@@ -7734,8 +8316,10 @@ cssPrefix: pf-v6-c-tabs
7734
8316
  type="button"
7735
8317
  aria-label="More info for Network label"
7736
8318
  >
7737
- <span class="pf-v6-c-tabs__item-action-icon">
7738
- <i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i>
8319
+ <span class="pf-v6-c-button__icon">
8320
+ <span class="pf-v6-c-tabs__item-action-icon">
8321
+ <i class="pf-v6-pficon pf-v6-pficon-help" aria-hidden="true"></i>
8322
+ </span>
7739
8323
  </span>
7740
8324
  </button>
7741
8325
  </span>
@@ -7746,8 +8330,10 @@ cssPrefix: pf-v6-c-tabs
7746
8330
  type="button"
7747
8331
  aria-label="Close Network"
7748
8332
  >
7749
- <span class="pf-v6-c-tabs__item-action-icon">
7750
- <i class="fas fa-times" aria-hidden="true"></i>
8333
+ <span class="pf-v6-c-button__icon">
8334
+ <span class="pf-v6-c-tabs__item-action-icon">
8335
+ <i class="fas fa-times" aria-hidden="true"></i>
8336
+ </span>
7751
8337
  </span>
7752
8338
  </button>
7753
8339
  </span>
@@ -7760,7 +8346,9 @@ cssPrefix: pf-v6-c-tabs
7760
8346
  type="button"
7761
8347
  aria-label="Scroll right"
7762
8348
  >
7763
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8349
+ <span class="pf-v6-c-button__icon">
8350
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
8351
+ </span>
7764
8352
  </button>
7765
8353
  </div>
7766
8354
  </div>
@@ -7784,7 +8372,9 @@ cssPrefix: pf-v6-c-tabs
7784
8372
  aria-label="Scroll left"
7785
8373
  disabled
7786
8374
  >
7787
- <i class="fas fa-angle-left" aria-hidden="true"></i>
8375
+ <span class="pf-v6-c-button__icon">
8376
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
8377
+ </span>
7788
8378
  </button>
7789
8379
  </div>
7790
8380
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -7803,8 +8393,10 @@ cssPrefix: pf-v6-c-tabs
7803
8393
  type="button"
7804
8394
  aria-label="Close Users"
7805
8395
  >
7806
- <span class="pf-v6-c-tabs__item-action-icon">
7807
- <i class="fas fa-times" aria-hidden="true"></i>
8396
+ <span class="pf-v6-c-button__icon">
8397
+ <span class="pf-v6-c-tabs__item-action-icon">
8398
+ <i class="fas fa-times" aria-hidden="true"></i>
8399
+ </span>
7808
8400
  </span>
7809
8401
  </button>
7810
8402
  </span>
@@ -7824,8 +8416,10 @@ cssPrefix: pf-v6-c-tabs
7824
8416
  type="button"
7825
8417
  aria-label="Close Containers"
7826
8418
  >
7827
- <span class="pf-v6-c-tabs__item-action-icon">
7828
- <i class="fas fa-times" aria-hidden="true"></i>
8419
+ <span class="pf-v6-c-button__icon">
8420
+ <span class="pf-v6-c-tabs__item-action-icon">
8421
+ <i class="fas fa-times" aria-hidden="true"></i>
8422
+ </span>
7829
8423
  </span>
7830
8424
  </button>
7831
8425
  </span>
@@ -7845,8 +8439,10 @@ cssPrefix: pf-v6-c-tabs
7845
8439
  type="button"
7846
8440
  aria-label="Close Database"
7847
8441
  >
7848
- <span class="pf-v6-c-tabs__item-action-icon">
7849
- <i class="fas fa-times" aria-hidden="true"></i>
8442
+ <span class="pf-v6-c-button__icon">
8443
+ <span class="pf-v6-c-tabs__item-action-icon">
8444
+ <i class="fas fa-times" aria-hidden="true"></i>
8445
+ </span>
7850
8446
  </span>
7851
8447
  </button>
7852
8448
  </span>
@@ -7867,8 +8463,10 @@ cssPrefix: pf-v6-c-tabs
7867
8463
  type="button"
7868
8464
  aria-label="Close Server"
7869
8465
  >
7870
- <span class="pf-v6-c-tabs__item-action-icon">
7871
- <i class="fas fa-times" aria-hidden="true"></i>
8466
+ <span class="pf-v6-c-button__icon">
8467
+ <span class="pf-v6-c-tabs__item-action-icon">
8468
+ <i class="fas fa-times" aria-hidden="true"></i>
8469
+ </span>
7872
8470
  </span>
7873
8471
  </button>
7874
8472
  </span>
@@ -7888,8 +8486,10 @@ cssPrefix: pf-v6-c-tabs
7888
8486
  type="button"
7889
8487
  aria-label="Close System"
7890
8488
  >
7891
- <span class="pf-v6-c-tabs__item-action-icon">
7892
- <i class="fas fa-times" aria-hidden="true"></i>
8489
+ <span class="pf-v6-c-button__icon">
8490
+ <span class="pf-v6-c-tabs__item-action-icon">
8491
+ <i class="fas fa-times" aria-hidden="true"></i>
8492
+ </span>
7893
8493
  </span>
7894
8494
  </button>
7895
8495
  </span>
@@ -7909,8 +8509,10 @@ cssPrefix: pf-v6-c-tabs
7909
8509
  type="button"
7910
8510
  aria-label="Close Network"
7911
8511
  >
7912
- <span class="pf-v6-c-tabs__item-action-icon">
7913
- <i class="fas fa-times" aria-hidden="true"></i>
8512
+ <span class="pf-v6-c-button__icon">
8513
+ <span class="pf-v6-c-tabs__item-action-icon">
8514
+ <i class="fas fa-times" aria-hidden="true"></i>
8515
+ </span>
7914
8516
  </span>
7915
8517
  </button>
7916
8518
  </span>
@@ -7923,7 +8525,9 @@ cssPrefix: pf-v6-c-tabs
7923
8525
  type="button"
7924
8526
  aria-label="Scroll right"
7925
8527
  >
7926
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8528
+ <span class="pf-v6-c-button__icon">
8529
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
8530
+ </span>
7927
8531
  </button>
7928
8532
  </div>
7929
8533
  <span class="pf-v6-c-tabs__add">
@@ -7932,7 +8536,9 @@ cssPrefix: pf-v6-c-tabs
7932
8536
  type="button"
7933
8537
  aria-label="Add tab"
7934
8538
  >
7935
- <i class="fas fa-plus" aria-hidden="true"></i>
8539
+ <span class="pf-v6-c-button__icon">
8540
+ <i class="fas fa-plus" aria-hidden="true"></i>
8541
+ </span>
7936
8542
  </button>
7937
8543
  </span>
7938
8544
  </div>
@@ -7948,7 +8554,9 @@ cssPrefix: pf-v6-c-tabs
7948
8554
  aria-label="Scroll left"
7949
8555
  disabled
7950
8556
  >
7951
- <i class="fas fa-angle-left" aria-hidden="true"></i>
8557
+ <span class="pf-v6-c-button__icon">
8558
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
8559
+ </span>
7952
8560
  </button>
7953
8561
  </div>
7954
8562
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -7967,8 +8575,10 @@ cssPrefix: pf-v6-c-tabs
7967
8575
  type="button"
7968
8576
  aria-label="Close Users"
7969
8577
  >
7970
- <span class="pf-v6-c-tabs__item-action-icon">
7971
- <i class="fas fa-times" aria-hidden="true"></i>
8578
+ <span class="pf-v6-c-button__icon">
8579
+ <span class="pf-v6-c-tabs__item-action-icon">
8580
+ <i class="fas fa-times" aria-hidden="true"></i>
8581
+ </span>
7972
8582
  </span>
7973
8583
  </button>
7974
8584
  </span>
@@ -7988,8 +8598,10 @@ cssPrefix: pf-v6-c-tabs
7988
8598
  type="button"
7989
8599
  aria-label="Close Containers"
7990
8600
  >
7991
- <span class="pf-v6-c-tabs__item-action-icon">
7992
- <i class="fas fa-times" aria-hidden="true"></i>
8601
+ <span class="pf-v6-c-button__icon">
8602
+ <span class="pf-v6-c-tabs__item-action-icon">
8603
+ <i class="fas fa-times" aria-hidden="true"></i>
8604
+ </span>
7993
8605
  </span>
7994
8606
  </button>
7995
8607
  </span>
@@ -8009,8 +8621,10 @@ cssPrefix: pf-v6-c-tabs
8009
8621
  type="button"
8010
8622
  aria-label="Close Database"
8011
8623
  >
8012
- <span class="pf-v6-c-tabs__item-action-icon">
8013
- <i class="fas fa-times" aria-hidden="true"></i>
8624
+ <span class="pf-v6-c-button__icon">
8625
+ <span class="pf-v6-c-tabs__item-action-icon">
8626
+ <i class="fas fa-times" aria-hidden="true"></i>
8627
+ </span>
8014
8628
  </span>
8015
8629
  </button>
8016
8630
  </span>
@@ -8031,8 +8645,10 @@ cssPrefix: pf-v6-c-tabs
8031
8645
  type="button"
8032
8646
  aria-label="Close Server"
8033
8647
  >
8034
- <span class="pf-v6-c-tabs__item-action-icon">
8035
- <i class="fas fa-times" aria-hidden="true"></i>
8648
+ <span class="pf-v6-c-button__icon">
8649
+ <span class="pf-v6-c-tabs__item-action-icon">
8650
+ <i class="fas fa-times" aria-hidden="true"></i>
8651
+ </span>
8036
8652
  </span>
8037
8653
  </button>
8038
8654
  </span>
@@ -8052,8 +8668,10 @@ cssPrefix: pf-v6-c-tabs
8052
8668
  type="button"
8053
8669
  aria-label="Close System"
8054
8670
  >
8055
- <span class="pf-v6-c-tabs__item-action-icon">
8056
- <i class="fas fa-times" aria-hidden="true"></i>
8671
+ <span class="pf-v6-c-button__icon">
8672
+ <span class="pf-v6-c-tabs__item-action-icon">
8673
+ <i class="fas fa-times" aria-hidden="true"></i>
8674
+ </span>
8057
8675
  </span>
8058
8676
  </button>
8059
8677
  </span>
@@ -8073,8 +8691,10 @@ cssPrefix: pf-v6-c-tabs
8073
8691
  type="button"
8074
8692
  aria-label="Close Network"
8075
8693
  >
8076
- <span class="pf-v6-c-tabs__item-action-icon">
8077
- <i class="fas fa-times" aria-hidden="true"></i>
8694
+ <span class="pf-v6-c-button__icon">
8695
+ <span class="pf-v6-c-tabs__item-action-icon">
8696
+ <i class="fas fa-times" aria-hidden="true"></i>
8697
+ </span>
8078
8698
  </span>
8079
8699
  </button>
8080
8700
  </span>
@@ -8087,7 +8707,9 @@ cssPrefix: pf-v6-c-tabs
8087
8707
  type="button"
8088
8708
  aria-label="Scroll right"
8089
8709
  >
8090
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8710
+ <span class="pf-v6-c-button__icon">
8711
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
8712
+ </span>
8091
8713
  </button>
8092
8714
  </div>
8093
8715
  <span class="pf-v6-c-tabs__add">
@@ -8096,7 +8718,9 @@ cssPrefix: pf-v6-c-tabs
8096
8718
  type="button"
8097
8719
  aria-label="Add tab"
8098
8720
  >
8099
- <i class="fas fa-plus" aria-hidden="true"></i>
8721
+ <span class="pf-v6-c-button__icon">
8722
+ <i class="fas fa-plus" aria-hidden="true"></i>
8723
+ </span>
8100
8724
  </button>
8101
8725
  </span>
8102
8726
  </div>
@@ -8116,7 +8740,9 @@ cssPrefix: pf-v6-c-tabs
8116
8740
  aria-label="Scroll left"
8117
8741
  disabled
8118
8742
  >
8119
- <i class="fas fa-angle-left" aria-hidden="true"></i>
8743
+ <span class="pf-v6-c-button__icon">
8744
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
8745
+ </span>
8120
8746
  </button>
8121
8747
  </div>
8122
8748
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -8135,8 +8761,10 @@ cssPrefix: pf-v6-c-tabs
8135
8761
  type="button"
8136
8762
  aria-label="Close Users"
8137
8763
  >
8138
- <span class="pf-v6-c-tabs__item-action-icon">
8139
- <i class="fas fa-times" aria-hidden="true"></i>
8764
+ <span class="pf-v6-c-button__icon">
8765
+ <span class="pf-v6-c-tabs__item-action-icon">
8766
+ <i class="fas fa-times" aria-hidden="true"></i>
8767
+ </span>
8140
8768
  </span>
8141
8769
  </button>
8142
8770
  </span>
@@ -8156,8 +8784,10 @@ cssPrefix: pf-v6-c-tabs
8156
8784
  type="button"
8157
8785
  aria-label="Close Containers"
8158
8786
  >
8159
- <span class="pf-v6-c-tabs__item-action-icon">
8160
- <i class="fas fa-times" aria-hidden="true"></i>
8787
+ <span class="pf-v6-c-button__icon">
8788
+ <span class="pf-v6-c-tabs__item-action-icon">
8789
+ <i class="fas fa-times" aria-hidden="true"></i>
8790
+ </span>
8161
8791
  </span>
8162
8792
  </button>
8163
8793
  </span>
@@ -8177,8 +8807,10 @@ cssPrefix: pf-v6-c-tabs
8177
8807
  type="button"
8178
8808
  aria-label="Close Database"
8179
8809
  >
8180
- <span class="pf-v6-c-tabs__item-action-icon">
8181
- <i class="fas fa-times" aria-hidden="true"></i>
8810
+ <span class="pf-v6-c-button__icon">
8811
+ <span class="pf-v6-c-tabs__item-action-icon">
8812
+ <i class="fas fa-times" aria-hidden="true"></i>
8813
+ </span>
8182
8814
  </span>
8183
8815
  </button>
8184
8816
  </span>
@@ -8199,8 +8831,10 @@ cssPrefix: pf-v6-c-tabs
8199
8831
  type="button"
8200
8832
  aria-label="Close Server"
8201
8833
  >
8202
- <span class="pf-v6-c-tabs__item-action-icon">
8203
- <i class="fas fa-times" aria-hidden="true"></i>
8834
+ <span class="pf-v6-c-button__icon">
8835
+ <span class="pf-v6-c-tabs__item-action-icon">
8836
+ <i class="fas fa-times" aria-hidden="true"></i>
8837
+ </span>
8204
8838
  </span>
8205
8839
  </button>
8206
8840
  </span>
@@ -8220,8 +8854,10 @@ cssPrefix: pf-v6-c-tabs
8220
8854
  type="button"
8221
8855
  aria-label="Close System"
8222
8856
  >
8223
- <span class="pf-v6-c-tabs__item-action-icon">
8224
- <i class="fas fa-times" aria-hidden="true"></i>
8857
+ <span class="pf-v6-c-button__icon">
8858
+ <span class="pf-v6-c-tabs__item-action-icon">
8859
+ <i class="fas fa-times" aria-hidden="true"></i>
8860
+ </span>
8225
8861
  </span>
8226
8862
  </button>
8227
8863
  </span>
@@ -8241,8 +8877,10 @@ cssPrefix: pf-v6-c-tabs
8241
8877
  type="button"
8242
8878
  aria-label="Close Network"
8243
8879
  >
8244
- <span class="pf-v6-c-tabs__item-action-icon">
8245
- <i class="fas fa-times" aria-hidden="true"></i>
8880
+ <span class="pf-v6-c-button__icon">
8881
+ <span class="pf-v6-c-tabs__item-action-icon">
8882
+ <i class="fas fa-times" aria-hidden="true"></i>
8883
+ </span>
8246
8884
  </span>
8247
8885
  </button>
8248
8886
  </span>
@@ -8255,7 +8893,9 @@ cssPrefix: pf-v6-c-tabs
8255
8893
  type="button"
8256
8894
  aria-label="Scroll right"
8257
8895
  >
8258
- <i class="fas fa-angle-right" aria-hidden="true"></i>
8896
+ <span class="pf-v6-c-button__icon">
8897
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
8898
+ </span>
8259
8899
  </button>
8260
8900
  </div>
8261
8901
  <span class="pf-v6-c-tabs__add">
@@ -8264,7 +8904,9 @@ cssPrefix: pf-v6-c-tabs
8264
8904
  type="button"
8265
8905
  aria-label="Add tab"
8266
8906
  >
8267
- <i class="fas fa-plus" aria-hidden="true"></i>
8907
+ <span class="pf-v6-c-button__icon">
8908
+ <i class="fas fa-plus" aria-hidden="true"></i>
8909
+ </span>
8268
8910
  </button>
8269
8911
  </span>
8270
8912
  </div>
@@ -8284,7 +8926,9 @@ cssPrefix: pf-v6-c-tabs
8284
8926
  aria-label="Scroll left"
8285
8927
  disabled
8286
8928
  >
8287
- <i class="fas fa-angle-left" aria-hidden="true"></i>
8929
+ <span class="pf-v6-c-button__icon">
8930
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
8931
+ </span>
8288
8932
  </button>
8289
8933
  </div>
8290
8934
  <ul class="pf-v6-c-tabs__list" role="tablist">
@@ -8303,8 +8947,10 @@ cssPrefix: pf-v6-c-tabs
8303
8947
  type="button"
8304
8948
  aria-label="Close Users"
8305
8949
  >
8306
- <span class="pf-v6-c-tabs__item-action-icon">
8307
- <i class="fas fa-times" aria-hidden="true"></i>
8950
+ <span class="pf-v6-c-button__icon">
8951
+ <span class="pf-v6-c-tabs__item-action-icon">
8952
+ <i class="fas fa-times" aria-hidden="true"></i>
8953
+ </span>
8308
8954
  </span>
8309
8955
  </button>
8310
8956
  </span>
@@ -8324,8 +8970,10 @@ cssPrefix: pf-v6-c-tabs
8324
8970
  type="button"
8325
8971
  aria-label="Close Containers"
8326
8972
  >
8327
- <span class="pf-v6-c-tabs__item-action-icon">
8328
- <i class="fas fa-times" aria-hidden="true"></i>
8973
+ <span class="pf-v6-c-button__icon">
8974
+ <span class="pf-v6-c-tabs__item-action-icon">
8975
+ <i class="fas fa-times" aria-hidden="true"></i>
8976
+ </span>
8329
8977
  </span>
8330
8978
  </button>
8331
8979
  </span>
@@ -8345,8 +8993,10 @@ cssPrefix: pf-v6-c-tabs
8345
8993
  type="button"
8346
8994
  aria-label="Close Database"
8347
8995
  >
8348
- <span class="pf-v6-c-tabs__item-action-icon">
8349
- <i class="fas fa-times" aria-hidden="true"></i>
8996
+ <span class="pf-v6-c-button__icon">
8997
+ <span class="pf-v6-c-tabs__item-action-icon">
8998
+ <i class="fas fa-times" aria-hidden="true"></i>
8999
+ </span>
8350
9000
  </span>
8351
9001
  </button>
8352
9002
  </span>
@@ -8367,8 +9017,10 @@ cssPrefix: pf-v6-c-tabs
8367
9017
  type="button"
8368
9018
  aria-label="Close Server"
8369
9019
  >
8370
- <span class="pf-v6-c-tabs__item-action-icon">
8371
- <i class="fas fa-times" aria-hidden="true"></i>
9020
+ <span class="pf-v6-c-button__icon">
9021
+ <span class="pf-v6-c-tabs__item-action-icon">
9022
+ <i class="fas fa-times" aria-hidden="true"></i>
9023
+ </span>
8372
9024
  </span>
8373
9025
  </button>
8374
9026
  </span>
@@ -8388,8 +9040,10 @@ cssPrefix: pf-v6-c-tabs
8388
9040
  type="button"
8389
9041
  aria-label="Close System"
8390
9042
  >
8391
- <span class="pf-v6-c-tabs__item-action-icon">
8392
- <i class="fas fa-times" aria-hidden="true"></i>
9043
+ <span class="pf-v6-c-button__icon">
9044
+ <span class="pf-v6-c-tabs__item-action-icon">
9045
+ <i class="fas fa-times" aria-hidden="true"></i>
9046
+ </span>
8393
9047
  </span>
8394
9048
  </button>
8395
9049
  </span>
@@ -8409,8 +9063,10 @@ cssPrefix: pf-v6-c-tabs
8409
9063
  type="button"
8410
9064
  aria-label="Close Network"
8411
9065
  >
8412
- <span class="pf-v6-c-tabs__item-action-icon">
8413
- <i class="fas fa-times" aria-hidden="true"></i>
9066
+ <span class="pf-v6-c-button__icon">
9067
+ <span class="pf-v6-c-tabs__item-action-icon">
9068
+ <i class="fas fa-times" aria-hidden="true"></i>
9069
+ </span>
8414
9070
  </span>
8415
9071
  </button>
8416
9072
  </span>
@@ -8423,7 +9079,9 @@ cssPrefix: pf-v6-c-tabs
8423
9079
  type="button"
8424
9080
  aria-label="Scroll right"
8425
9081
  >
8426
- <i class="fas fa-angle-right" aria-hidden="true"></i>
9082
+ <span class="pf-v6-c-button__icon">
9083
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
9084
+ </span>
8427
9085
  </button>
8428
9086
  </div>
8429
9087
  <span class="pf-v6-c-tabs__add">
@@ -8432,7 +9090,9 @@ cssPrefix: pf-v6-c-tabs
8432
9090
  type="button"
8433
9091
  aria-label="Add tab"
8434
9092
  >
8435
- <i class="fas fa-plus" aria-hidden="true"></i>
9093
+ <span class="pf-v6-c-button__icon">
9094
+ <i class="fas fa-plus" aria-hidden="true"></i>
9095
+ </span>
8436
9096
  </button>
8437
9097
  </span>
8438
9098
  </div>