@patternfly/patternfly 6.0.0-alpha.90 → 6.0.0-alpha.92

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 (259) hide show
  1. package/base/patternfly-common.css +10 -10
  2. package/base/patternfly-globals.css +3 -3
  3. package/base/patternfly-icons.css +1 -1
  4. package/base/patternfly-themes.css +53 -53
  5. package/base/patternfly-variables.css +236 -245
  6. package/base/tokens/_tokens-font.scss +0 -11
  7. package/components/AboutModalBox/about-modal-box.css +102 -102
  8. package/components/Accordion/accordion.css +118 -118
  9. package/components/ActionList/action-list.css +16 -16
  10. package/components/Alert/alert-group.css +50 -50
  11. package/components/Alert/alert.css +161 -161
  12. package/components/AppLauncher/app-launcher.css +167 -167
  13. package/components/Avatar/avatar.css +116 -116
  14. package/components/BackToTop/back-to-top.css +21 -21
  15. package/components/Backdrop/backdrop.css +9 -9
  16. package/components/BackgroundImage/background-image.css +15 -15
  17. package/components/Badge/badge.css +35 -35
  18. package/components/Banner/banner.css +114 -114
  19. package/components/Brand/brand.css +28 -28
  20. package/components/Breadcrumb/breadcrumb.css +62 -62
  21. package/components/Button/button.css +514 -514
  22. package/components/CalendarMonth/calendar-month.css +144 -144
  23. package/components/Card/card.css +230 -230
  24. package/components/Check/check.css +43 -43
  25. package/components/Chip/chip-group.css +60 -60
  26. package/components/Chip/chip.css +83 -83
  27. package/components/ClipboardCopy/clipboard-copy.css +71 -71
  28. package/components/CodeBlock/code-block.css +35 -35
  29. package/components/CodeEditor/code-editor.css +121 -121
  30. package/components/Content/content.css +216 -216
  31. package/components/ContextSelector/context-selector.css +251 -251
  32. package/components/DataList/data-list-grid.css +182 -182
  33. package/components/DataList/data-list.css +468 -468
  34. package/components/DatePicker/date-picker.css +35 -35
  35. package/components/DescriptionList/description-list-order.css +90 -90
  36. package/components/DescriptionList/description-list.css +193 -193
  37. package/components/Divider/divider.css +143 -143
  38. package/components/DragDrop/drag-drop.css +46 -46
  39. package/components/Drawer/drawer.css +474 -474
  40. package/components/Dropdown/dropdown.css +457 -457
  41. package/components/DualListSelector/dual-list-selector.css +199 -199
  42. package/components/EmptyState/empty-state.css +104 -104
  43. package/components/ExpandableSection/expandable-section.css +113 -113
  44. package/components/FileUpload/file-upload.css +32 -32
  45. package/components/Form/form.css +281 -281
  46. package/components/FormControl/form-control.css +197 -197
  47. package/components/HelperText/helper-text.css +51 -51
  48. package/components/Hint/hint.css +46 -46
  49. package/components/Icon/icon.css +218 -218
  50. package/components/InlineEdit/inline-edit.css +43 -43
  51. package/components/InputGroup/input-group.css +52 -52
  52. package/components/JumpLinks/jump-links.css +183 -183
  53. package/components/Label/label-group.css +86 -86
  54. package/components/Label/label.css +438 -438
  55. package/components/List/list.css +53 -53
  56. package/components/LogViewer/log-viewer.css +138 -138
  57. package/components/Login/login.css +139 -139
  58. package/components/Masthead/masthead.css +319 -319
  59. package/components/Menu/menu.css +415 -415
  60. package/components/MenuToggle/menu-toggle.css +275 -275
  61. package/components/ModalBox/modal-box.css +121 -121
  62. package/components/MultipleFileUpload/multiple-file-upload.css +163 -163
  63. package/components/Nav/nav.css +225 -225
  64. package/components/NotificationBadge/notification-badge.css +66 -66
  65. package/components/NotificationDrawer/notification-drawer.css +179 -179
  66. package/components/NumberInput/number-input.css +20 -20
  67. package/components/OptionsMenu/options-menu.css +190 -190
  68. package/components/OverflowMenu/overflow-menu.css +19 -19
  69. package/components/Page/page.css +598 -598
  70. package/components/Pagination/pagination.css +220 -220
  71. package/components/Panel/panel.css +72 -72
  72. package/components/Popover/popover.css +148 -148
  73. package/components/Progress/progress.css +80 -80
  74. package/components/ProgressStepper/progress-stepper.css +514 -514
  75. package/components/Radio/radio.css +44 -44
  76. package/components/Select/select.css +423 -423
  77. package/components/Sidebar/sidebar.css +166 -166
  78. package/components/SimpleList/simple-list.css +53 -53
  79. package/components/Skeleton/skeleton.css +112 -112
  80. package/components/SkipToContent/skip-to-content.css +8 -8
  81. package/components/Slider/slider.css +144 -144
  82. package/components/Spinner/spinner.css +36 -36
  83. package/components/Switch/switch.css +89 -89
  84. package/components/TabContent/tab-content.css +34 -34
  85. package/components/Table/table-grid.css +911 -911
  86. package/components/Table/table-scrollable.css +38 -38
  87. package/components/Table/table-tree-view.css +497 -497
  88. package/components/Table/table.css +660 -660
  89. package/components/Tabs/tabs.css +616 -616
  90. package/components/TextInputGroup/text-input-group.css +88 -88
  91. package/components/Tile/tile.css +68 -68
  92. package/components/Timestamp/timestamp.css +29 -29
  93. package/components/Title/title.css +87 -87
  94. package/components/ToggleGroup/toggle-group.css +86 -86
  95. package/components/Toolbar/toolbar.css +2279 -2279
  96. package/components/Tooltip/tooltip.css +85 -85
  97. package/components/TreeView/tree-view.css +363 -363
  98. package/components/Truncate/truncate.css +15 -15
  99. package/components/Wizard/wizard.css +272 -272
  100. package/docs/components/AboutModalBox/examples/AboutModalBox.md +11 -11
  101. package/docs/components/Accordion/examples/Accordion.md +188 -188
  102. package/docs/components/ActionList/examples/ActionList.md +55 -55
  103. package/docs/components/Alert/examples/Alert.md +222 -222
  104. package/docs/components/AppLauncher/deprecated/application-launcher.md +146 -146
  105. package/docs/components/Avatar/examples/Avatar.md +6 -6
  106. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  107. package/docs/components/Backdrop/examples/Backdrop.md +1 -1
  108. package/docs/components/BackgroundImage/examples/BackgroundImage.md +2 -2
  109. package/docs/components/Badge/examples/Badge.md +17 -17
  110. package/docs/components/Banner/examples/Banner.md +42 -42
  111. package/docs/components/Brand/examples/Brand.md +4 -4
  112. package/docs/components/Breadcrumb/examples/Breadcrumb.md +90 -90
  113. package/docs/components/Button/examples/Button.md +364 -364
  114. package/docs/components/CalendarMonth/examples/CalendarMonth.md +436 -436
  115. package/docs/components/Card/examples/Card.md +515 -515
  116. package/docs/components/Check/examples/Check.md +37 -37
  117. package/docs/components/Chip/examples/Chip.md +216 -216
  118. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +82 -82
  119. package/docs/components/CodeBlock/examples/CodeBlock.md +39 -39
  120. package/docs/components/CodeEditor/examples/CodeEditor.md +85 -85
  121. package/docs/components/Content/examples/Content.md +1 -1
  122. package/docs/components/ContextSelector/deprecated/context-selector.md +160 -160
  123. package/docs/components/DataList/examples/DataList.md +666 -666
  124. package/docs/components/DatePicker/examples/DatePicker.md +54 -54
  125. package/docs/components/DescriptionList/examples/DescriptionList.md +737 -737
  126. package/docs/components/Divider/examples/Divider.md +18 -18
  127. package/docs/components/DragDrop/examples/DragDrop.md +27 -27
  128. package/docs/components/Drawer/examples/Drawer.md +225 -225
  129. package/docs/components/Dropdown/deprecated/Dropdown.md +541 -541
  130. package/docs/components/DualListSelector/examples/DualListSelector.md +1012 -1012
  131. package/docs/components/EmptyState/examples/EmptyState.md +100 -100
  132. package/docs/components/ExpandableSection/examples/ExpandableSection.md +47 -47
  133. package/docs/components/FileUpload/examples/FileUpload.md +94 -94
  134. package/docs/components/Form/examples/Form.md +226 -226
  135. package/docs/components/FormControl/examples/FormControl.md +65 -65
  136. package/docs/components/HelperText/examples/HelperText.md +72 -72
  137. package/docs/components/Hint/examples/Hint.md +44 -44
  138. package/docs/components/Icon/examples/Icon.md +85 -85
  139. package/docs/components/InlineEdit/examples/InlineEdit.md +209 -209
  140. package/docs/components/InputGroup/examples/InputGroup.md +73 -73
  141. package/docs/components/JumpLinks/examples/JumpLinks.md +285 -285
  142. package/docs/components/Label/examples/Label.md +1717 -1717
  143. package/docs/components/List/examples/List.md +30 -30
  144. package/docs/components/LogViewer/examples/LogViewer.md +1785 -1785
  145. package/docs/components/Login/examples/Login.md +287 -287
  146. package/docs/components/Masthead/examples/masthead.md +39 -39
  147. package/docs/components/Menu/examples/Menu.md +2377 -2377
  148. package/docs/components/MenuToggle/examples/MenuToggle.md +242 -242
  149. package/docs/components/ModalBox/examples/ModalBox.md +119 -119
  150. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +192 -192
  151. package/docs/components/Nav/examples/Navigation.md +856 -856
  152. package/docs/components/NotificationBadge/examples/NotificationBadge.md +42 -42
  153. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +659 -659
  154. package/docs/components/NumberInput/examples/NumberInput.md +127 -127
  155. package/docs/components/OptionsMenu/deprecated/options-menu.md +178 -178
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +97 -97
  157. package/docs/components/Page/deprecated/PageHeader.md +85 -85
  158. package/docs/components/Page/examples/Page.md +90 -90
  159. package/docs/components/Pagination/examples/Pagination.md +285 -285
  160. package/docs/components/Panel/examples/Panel.md +38 -38
  161. package/docs/components/Popover/examples/Popover.md +169 -169
  162. package/docs/components/Progress/examples/Progress.md +145 -145
  163. package/docs/components/ProgressStepper/examples/ProgressStepper.md +295 -295
  164. package/docs/components/Radio/examples/Radio.md +33 -33
  165. package/docs/components/Select/deprecated/Select.md +736 -736
  166. package/docs/components/Sidebar/examples/Sidebar.md +65 -65
  167. package/docs/components/SimpleList/examples/SimpleList.md +39 -39
  168. package/docs/components/Skeleton/examples/Skeleton.md +29 -29
  169. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -3
  170. package/docs/components/Slider/examples/Slider.md +213 -213
  171. package/docs/components/Spinner/examples/Spinner.md +14 -14
  172. package/docs/components/Switch/examples/Switch.md +58 -58
  173. package/docs/components/TabContent/examples/TabContent.md +24 -24
  174. package/docs/components/Table/examples/Table.md +6982 -6982
  175. package/docs/components/Tabs/examples/Tabs.md +2114 -2114
  176. package/docs/components/TextInputGroup/examples/TextInputGroup.md +373 -373
  177. package/docs/components/Tile/examples/Tile.md +131 -131
  178. package/docs/components/Timestamp/examples/Timestamp.md +10 -10
  179. package/docs/components/Title/examples/Title.md +12 -12
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +116 -116
  181. package/docs/components/Toolbar/examples/Toolbar.md +611 -611
  182. package/docs/components/Tooltip/examples/Tooltip.md +27 -27
  183. package/docs/components/TreeView/examples/TreeView.md +1166 -1166
  184. package/docs/components/Truncate/examples/Truncate.md +7 -7
  185. package/docs/components/Wizard/examples/Wizard.md +522 -522
  186. package/docs/demos/AboutModal/examples/AboutModal.md +106 -106
  187. package/docs/demos/Alert/examples/Alert.md +391 -391
  188. package/docs/demos/BackToTop/examples/BackToTop.md +175 -175
  189. package/docs/demos/Banner/examples/Banner.md +364 -364
  190. package/docs/demos/Button/examples/Button.md +50 -50
  191. package/docs/demos/Card/examples/Card.md +1054 -1054
  192. package/docs/demos/CardView/examples/CardView.md +378 -378
  193. package/docs/demos/ContextSelector/examples/ContextSelector.md +449 -449
  194. package/docs/demos/Dashboard/examples/Dashboard.md +541 -541
  195. package/docs/demos/DataList/examples/DataList.md +1148 -1148
  196. package/docs/demos/DescriptionList/examples/DescriptionList.md +544 -544
  197. package/docs/demos/Drawer/examples/Drawer.md +531 -531
  198. package/docs/demos/Form/examples/BasicForms.md +444 -444
  199. package/docs/demos/HelperText/examples/HelperText.md +51 -51
  200. package/docs/demos/JumpLinks/examples/JumpLinks.md +596 -596
  201. package/docs/demos/Masthead/examples/Masthead.md +763 -763
  202. package/docs/demos/Modal/examples/Modal.md +645 -645
  203. package/docs/demos/Nav/examples/Nav.md +649 -649
  204. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1570 -1570
  205. package/docs/demos/Page/examples/Page.md +1330 -1330
  206. package/docs/demos/Page/examples/Penta.md +217 -217
  207. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +23 -23
  208. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +108 -108
  209. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1890 -1890
  210. package/docs/demos/Skeleton/examples/Skeleton.md +176 -176
  211. package/docs/demos/Table/examples/Table.md +4580 -4580
  212. package/docs/demos/Tabs/examples/Tabs.md +1040 -1040
  213. package/docs/demos/Toolbar/examples/Toolbar.md +961 -961
  214. package/docs/demos/Wizard/examples/Wizard.md +1574 -1574
  215. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -2
  216. package/docs/layouts/Flex/examples/Flex.md +290 -290
  217. package/docs/layouts/Gallery/examples/Gallery.md +48 -48
  218. package/docs/layouts/Grid/examples/Grid.md +121 -121
  219. package/docs/layouts/Level/examples/Level.md +11 -11
  220. package/docs/layouts/Split/examples/Split.md +23 -23
  221. package/docs/layouts/Stack/examples/Stack.md +8 -8
  222. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -3
  223. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  224. package/docs/utilities/Display/examples/Display.md +16 -16
  225. package/docs/utilities/Flex/examples/Flex.md +53 -53
  226. package/docs/utilities/Float/examples/Float.md +2 -2
  227. package/docs/utilities/Spacing/examples/Spacing.md +16 -16
  228. package/layouts/Bullseye/bullseye.css +3 -3
  229. package/layouts/Flex/flex.css +1276 -1276
  230. package/layouts/Gallery/gallery.css +34 -34
  231. package/layouts/Grid/grid.css +531 -531
  232. package/layouts/Level/level.css +4 -4
  233. package/layouts/Split/split.css +6 -6
  234. package/layouts/Stack/stack.css +5 -5
  235. package/package.json +5 -5
  236. package/patternfly-addons.css +2989 -2989
  237. package/patternfly-base-no-globals-theme-dark-unversioned.css +269 -278
  238. package/patternfly-base-no-globals.css +284 -293
  239. package/patternfly-base-theme-dark-unversioned.css +271 -280
  240. package/patternfly-base.css +286 -295
  241. package/patternfly-charts-theme-dark-unversioned.css +66 -66
  242. package/patternfly-charts-theme-dark.css +66 -66
  243. package/patternfly-charts.css +320 -320
  244. package/patternfly-no-globals.css +20217 -20226
  245. package/patternfly-theme-dark-unversioned.css +20209 -20218
  246. package/patternfly.css +20219 -20228
  247. package/patternfly.min.css +1 -1
  248. package/patternfly.min.css.map +1 -1
  249. package/sass-utilities/_init.scss +1 -1
  250. package/utilities/Accessibility/accessibility.css +18 -18
  251. package/utilities/Alignment/alignment.css +24 -24
  252. package/utilities/BackgroundColor/BackgroundColor.css +252 -252
  253. package/utilities/BoxShadow/box-shadow.css +42 -42
  254. package/utilities/Display/display.css +54 -54
  255. package/utilities/Flex/flex.css +228 -228
  256. package/utilities/Float/float.css +12 -12
  257. package/utilities/Sizing/sizing.css +216 -216
  258. package/utilities/Spacing/spacing.css +1512 -1512
  259. package/utilities/Text/text.css +631 -631
@@ -1,490 +1,490 @@
1
1
  :where(:root),
2
- :where(.pf-v5-c-tabs) {
3
- --pf-v5-c-tabs--inset: 0;
4
- --pf-v5-c-tabs--Width: auto;
5
- --pf-v5-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
6
- --pf-v5-c-tabs--before--border-width--base: var(--pf-t--global--border--width--regular);
7
- --pf-v5-c-tabs--before--BorderTopWidth: 0;
8
- --pf-v5-c-tabs--before--BorderRightWidth: 0;
9
- --pf-v5-c-tabs--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
10
- --pf-v5-c-tabs--before--BorderLeftWidth: 0;
11
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
12
- --pf-v5-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
13
- --pf-v5-c-tabs--m-vertical--Width: 100%;
14
- --pf-v5-c-tabs--m-vertical--MaxWidth: 15.625rem;
15
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
16
- --pf-v5-c-tabs--m-vertical__list--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
17
- --pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
18
- --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
19
- --pf-v5-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
20
- --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
21
- --pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
22
- --pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
23
- --pf-v5-c-tabs__list--Display: flex;
24
- --pf-v5-c-tabs__item--BackgroundColor: transparent;
25
- --pf-v5-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26
- --pf-v5-c-tabs__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27
- --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28
- --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29
- --pf-v5-c-tabs__item--ColumnGap: var(--pf-t--global--spacer--xs);
30
- --pf-v5-c-tabs--m-vertical__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
- --pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
32
- --pf-v5-c-tabs__item--m-current--BackgroundColor: transparent;
33
- --pf-v5-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
34
- --pf-v5-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35
- --pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
- --pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
37
- --pf-v5-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
38
- --pf-v5-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
39
- --pf-v5-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
40
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
41
- --pf-v5-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
42
- --pf-v5-c-tabs__link--PaddingTop: var(--pf-t--global--spacer--xs);
43
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-t--global--spacer--sm);
44
- --pf-v5-c-tabs__link--PaddingBottom: var(--pf-t--global--spacer--xs);
45
- --pf-v5-c-tabs__link--PaddingLeft: var(--pf-t--global--spacer--sm);
46
- --pf-v5-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
47
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
48
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
49
- --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
50
- --pf-v5-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
51
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
52
- --pf-v5-c-tabs--m-vertical__link--PaddingLeft: var(--pf-t--global--spacer--sm);
53
- --pf-v5-c-tabs--m-vertical__link--PaddingRight: var(--pf-t--global--spacer--sm);
54
- --pf-v5-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
55
- --pf-v5-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
56
- --pf-v5-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
57
- --pf-v5-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
58
- --pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
59
- --pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
60
- --pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
61
- --pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
62
- --pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
63
- --pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
64
- --pf-v5-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
65
- --pf-v5-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
66
- --pf-v5-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
67
- --pf-v5-c-tabs__link--before--BorderTopColor: var(--pf-v5-c-tabs__link--before--border-color--base);
68
- --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__link--before--border-color--base);
69
- --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
70
- --pf-v5-c-tabs__link--before--BorderLeftColor: var(--pf-v5-c-tabs__link--before--border-color--base);
71
- --pf-v5-c-tabs__link--before--BorderTopWidth: 0;
72
- --pf-v5-c-tabs__link--before--BorderRightWidth: 0;
73
- --pf-v5-c-tabs__link--before--BorderBottomWidth: 0;
74
- --pf-v5-c-tabs__link--before--BorderLeftWidth: 0;
75
- --pf-v5-c-tabs__link--before--Left: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
76
- --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: 0;
77
- --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
78
- --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: 0;
79
- --pf-v5-c-tabs__link--after--Top: auto;
80
- --pf-v5-c-tabs__link--after--Right: 0;
81
- --pf-v5-c-tabs__link--after--Bottom: 0;
82
- --pf-v5-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
83
- --pf-v5-c-tabs__link--after--BorderWidth: 0;
84
- --pf-v5-c-tabs__link--after--BorderTopWidth: 0;
85
- --pf-v5-c-tabs__link--after--BorderRightWidth: 0;
86
- --pf-v5-c-tabs__link--after--BorderLeftWidth: 0;
87
- --pf-v5-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
88
- --pf-v5-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
89
- --pf-v5-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
90
- --pf-v5-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
91
- --pf-v5-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
92
- --pf-v5-c-tabs__scroll-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
93
- --pf-v5-c-tabs__scroll-button--Width: var(--pf-t--global--spacer--2xl);
94
- --pf-v5-c-tabs__scroll-button--TransitionDuration--margin: .125s;
95
- --pf-v5-c-tabs__scroll-button--TransitionDuration--transform: .125s;
96
- --pf-v5-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
97
- --pf-v5-c-tabs__scroll-button--before--BorderColor: var(--pf-v5-c-tabs--before--BorderColor);
98
- --pf-v5-c-tabs__scroll-button--before--border-width--base: var(--pf-t--global--border--width--regular);
99
- --pf-v5-c-tabs__scroll-button--before--BorderRightWidth: 0;
100
- --pf-v5-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
101
- --pf-v5-c-tabs__scroll-button--before--BorderLeftWidth: 0;
102
- --pf-v5-c-tabs__list--ScrollSnapTypeAxis: x;
103
- --pf-v5-c-tabs__list--ScrollSnapTypeStrictness: proximity;
104
- --pf-v5-c-tabs__list--ScrollSnapType: var(--pf-v5-c-tabs__list--ScrollSnapTypeAxis) var(--pf-v5-c-tabs__list--ScrollSnapTypeStrictness);
105
- --pf-v5-c-tabs__item--ScrollSnapAlign: end;
106
- --pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
107
- --pf-v5-c-tabs__toggle--Display: flex;
108
- --pf-v5-c-tabs__toggle-icon--Color: currentcolor;
109
- --pf-v5-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
110
- --pf-v5-c-tabs__toggle-icon--Rotate: 0;
111
- --pf-v5-c-tabs__toggle-text--MarginLeft: 0;
112
- --pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
113
- --pf-v5-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
114
- --pf-v5-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
115
- --pf-v5-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
116
- --pf-v5-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
117
- --pf-v5-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
118
- --pf-v5-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
119
- --pf-v5-c-tabs--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
120
- --pf-v5-c-tabs--m-expandable--PaddingInlineEnd: var(--pf-t--global--spacer--md);
121
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-t--global--font--size--sm);
122
- --pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize: var(--pf-t--global--font--size--xs);
123
- --pf-v5-c-tabs__item-action-icon--MarginTop: 0.125rem;
124
- --pf-v5-c-tabs__add--before--BorderColor: var(--pf-v5-c-tabs__link--before--border-color--base);
125
- --pf-v5-c-tabs__add--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
126
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-t--global--font--size--sm);
127
- --pf-v5-c-tabs--m-subtab__add--c-button--FontSize: var(--pf-t--global--font--size--xs);
128
- --pf-v5-c-tabs__add--PaddingBlockStart: var(--pf-t--global--spacer--sm);
129
- --pf-v5-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
130
- --pf-v5-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
131
- --pf-v5-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
132
- --pf-v5-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
133
- --pf-v5-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
134
- --pf-v5-c-tabs__link-toggle-icon--Rotate: 0;
135
- --pf-v5-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
136
- --pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
2
+ :where(.pf-v6-c-tabs) {
3
+ --pf-v6-c-tabs--inset: 0;
4
+ --pf-v6-c-tabs--Width: auto;
5
+ --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
6
+ --pf-v6-c-tabs--before--border-width--base: var(--pf-t--global--border--width--regular);
7
+ --pf-v6-c-tabs--before--BorderTopWidth: 0;
8
+ --pf-v6-c-tabs--before--BorderRightWidth: 0;
9
+ --pf-v6-c-tabs--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
10
+ --pf-v6-c-tabs--before--BorderLeftWidth: 0;
11
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
12
+ --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
13
+ --pf-v6-c-tabs--m-vertical--Width: 100%;
14
+ --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
15
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
16
+ --pf-v6-c-tabs--m-vertical__list--before--BorderColor: var(--pf-v6-c-tabs--before--BorderColor);
17
+ --pf-v6-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
18
+ --pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
19
+ --pf-v6-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
20
+ --pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-v6-c-tabs--before--border-width--base);
21
+ --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
22
+ --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
23
+ --pf-v6-c-tabs__list--Display: flex;
24
+ --pf-v6-c-tabs__item--BackgroundColor: transparent;
25
+ --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
26
+ --pf-v6-c-tabs__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27
+ --pf-v6-c-tabs__item--PaddingInlineStart: var(--pf-t--global--spacer--sm);
28
+ --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
29
+ --pf-v6-c-tabs__item--ColumnGap: var(--pf-t--global--spacer--xs);
30
+ --pf-v6-c-tabs--m-vertical__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
31
+ --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
32
+ --pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
33
+ --pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
34
+ --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35
+ --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
+ --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
37
+ --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
38
+ --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
39
+ --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
40
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
41
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
42
+ --pf-v6-c-tabs__link--PaddingTop: var(--pf-t--global--spacer--xs);
43
+ --pf-v6-c-tabs__link--PaddingRight: var(--pf-t--global--spacer--sm);
44
+ --pf-v6-c-tabs__link--PaddingBottom: var(--pf-t--global--spacer--xs);
45
+ --pf-v6-c-tabs__link--PaddingLeft: var(--pf-t--global--spacer--sm);
46
+ --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
47
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
48
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
49
+ --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
50
+ --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
51
+ --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
52
+ --pf-v6-c-tabs--m-vertical__link--PaddingLeft: var(--pf-t--global--spacer--sm);
53
+ --pf-v6-c-tabs--m-vertical__link--PaddingRight: var(--pf-t--global--spacer--sm);
54
+ --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
55
+ --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
56
+ --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
57
+ --pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
58
+ --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
59
+ --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
60
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
61
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
62
+ --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
63
+ --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
64
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
65
+ --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
66
+ --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
67
+ --pf-v6-c-tabs__link--before--BorderTopColor: var(--pf-v6-c-tabs__link--before--border-color--base);
68
+ --pf-v6-c-tabs__link--before--BorderRightColor: var(--pf-v6-c-tabs__link--before--border-color--base);
69
+ --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--before--border-color--base);
70
+ --pf-v6-c-tabs__link--before--BorderLeftColor: var(--pf-v6-c-tabs__link--before--border-color--base);
71
+ --pf-v6-c-tabs__link--before--BorderTopWidth: 0;
72
+ --pf-v6-c-tabs__link--before--BorderRightWidth: 0;
73
+ --pf-v6-c-tabs__link--before--BorderBottomWidth: 0;
74
+ --pf-v6-c-tabs__link--before--BorderLeftWidth: 0;
75
+ --pf-v6-c-tabs__link--before--Left: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
76
+ --pf-v6-c-tabs__link--disabled--before--BorderRightWidth: 0;
77
+ --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
78
+ --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: 0;
79
+ --pf-v6-c-tabs__link--after--Top: auto;
80
+ --pf-v6-c-tabs__link--after--Right: 0;
81
+ --pf-v6-c-tabs__link--after--Bottom: 0;
82
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
83
+ --pf-v6-c-tabs__link--after--BorderWidth: 0;
84
+ --pf-v6-c-tabs__link--after--BorderTopWidth: 0;
85
+ --pf-v6-c-tabs__link--after--BorderRightWidth: 0;
86
+ --pf-v6-c-tabs__link--after--BorderLeftWidth: 0;
87
+ --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
88
+ --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
89
+ --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
90
+ --pf-v6-c-tabs__scroll-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
91
+ --pf-v6-c-tabs__scroll-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
92
+ --pf-v6-c-tabs__scroll-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
93
+ --pf-v6-c-tabs__scroll-button--Width: var(--pf-t--global--spacer--2xl);
94
+ --pf-v6-c-tabs__scroll-button--TransitionDuration--margin: .125s;
95
+ --pf-v6-c-tabs__scroll-button--TransitionDuration--transform: .125s;
96
+ --pf-v6-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
97
+ --pf-v6-c-tabs__scroll-button--before--BorderColor: var(--pf-v6-c-tabs--before--BorderColor);
98
+ --pf-v6-c-tabs__scroll-button--before--border-width--base: var(--pf-t--global--border--width--regular);
99
+ --pf-v6-c-tabs__scroll-button--before--BorderRightWidth: 0;
100
+ --pf-v6-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
101
+ --pf-v6-c-tabs__scroll-button--before--BorderLeftWidth: 0;
102
+ --pf-v6-c-tabs__list--ScrollSnapTypeAxis: x;
103
+ --pf-v6-c-tabs__list--ScrollSnapTypeStrictness: proximity;
104
+ --pf-v6-c-tabs__list--ScrollSnapType: var(--pf-v6-c-tabs__list--ScrollSnapTypeAxis) var(--pf-v6-c-tabs__list--ScrollSnapTypeStrictness);
105
+ --pf-v6-c-tabs__item--ScrollSnapAlign: end;
106
+ --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
107
+ --pf-v6-c-tabs__toggle--Display: flex;
108
+ --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
109
+ --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
110
+ --pf-v6-c-tabs__toggle-icon--Rotate: 0;
111
+ --pf-v6-c-tabs__toggle-text--MarginLeft: 0;
112
+ --pf-v6-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
113
+ --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
114
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
115
+ --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
116
+ --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
117
+ --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
118
+ --pf-v6-c-tabs--m-expandable--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
119
+ --pf-v6-c-tabs--m-expandable--PaddingInlineStart: var(--pf-t--global--spacer--md);
120
+ --pf-v6-c-tabs--m-expandable--PaddingInlineEnd: var(--pf-t--global--spacer--md);
121
+ --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-t--global--font--size--sm);
122
+ --pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize: var(--pf-t--global--font--size--xs);
123
+ --pf-v6-c-tabs__item-action-icon--MarginTop: 0.125rem;
124
+ --pf-v6-c-tabs__add--before--BorderColor: var(--pf-v6-c-tabs__link--before--border-color--base);
125
+ --pf-v6-c-tabs__add--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
126
+ --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-t--global--font--size--sm);
127
+ --pf-v6-c-tabs--m-subtab__add--c-button--FontSize: var(--pf-t--global--font--size--xs);
128
+ --pf-v6-c-tabs__add--PaddingBlockStart: var(--pf-t--global--spacer--sm);
129
+ --pf-v6-c-tabs__add--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
130
+ --pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
131
+ --pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
132
+ --pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
133
+ --pf-v6-c-tabs__link-toggle-icon--Transition: .2s ease-in 0s;
134
+ --pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
135
+ --pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
136
+ --pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
137
137
  }
138
138
 
139
- .pf-v5-c-tabs {
139
+ .pf-v6-c-tabs {
140
140
  position: relative;
141
141
  display: flex;
142
- width: var(--pf-v5-c-tabs--Width);
143
- padding-inline-start: var(--pf-v5-c-tabs--inset);
144
- padding-inline-end: var(--pf-v5-c-tabs--inset);
142
+ width: var(--pf-v6-c-tabs--Width);
143
+ padding-inline-start: var(--pf-v6-c-tabs--inset);
144
+ padding-inline-end: var(--pf-v6-c-tabs--inset);
145
145
  overflow: hidden;
146
146
  }
147
- .pf-v5-c-tabs::before {
147
+ .pf-v6-c-tabs::before {
148
148
  position: absolute;
149
149
  inset-block-end: 0;
150
150
  inset-inline-start: 0;
151
151
  inset-inline-end: 0;
152
- border: solid var(--pf-v5-c-tabs--before--BorderColor);
153
- border-block-start-width: var(--pf-v5-c-tabs--before--BorderTopWidth);
154
- border-block-end-width: var(--pf-v5-c-tabs--before--BorderBottomWidth);
155
- border-inline-start-width: var(--pf-v5-c-tabs--before--BorderLeftWidth);
156
- border-inline-end-width: var(--pf-v5-c-tabs--before--BorderRightWidth);
152
+ border: solid var(--pf-v6-c-tabs--before--BorderColor);
153
+ border-block-start-width: var(--pf-v6-c-tabs--before--BorderTopWidth);
154
+ border-block-end-width: var(--pf-v6-c-tabs--before--BorderBottomWidth);
155
+ border-inline-start-width: var(--pf-v6-c-tabs--before--BorderLeftWidth);
156
+ border-inline-end-width: var(--pf-v6-c-tabs--before--BorderRightWidth);
157
157
  }
158
- .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__list {
158
+ .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__list {
159
159
  flex-basis: 100%;
160
160
  }
161
- .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item {
161
+ .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item {
162
162
  flex-grow: 1;
163
163
  }
164
- .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item:first-child {
165
- --pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
164
+ .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:first-child {
165
+ --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
166
166
  }
167
- .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__item:last-child {
168
- --pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
167
+ .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:last-child {
168
+ --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
169
169
  }
170
- .pf-v5-c-tabs.pf-m-fill .pf-v5-c-tabs__link {
170
+ .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__link {
171
171
  flex-basis: 100%;
172
172
  justify-content: center;
173
173
  }
174
- .pf-v5-c-tabs.pf-m-scrollable .pf-v5-c-tabs__scroll-button {
174
+ .pf-v6-c-tabs.pf-m-scrollable .pf-v6-c-tabs__scroll-button {
175
175
  opacity: 1;
176
176
  }
177
- .pf-v5-c-tabs.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(1) {
177
+ .pf-v6-c-tabs.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(1) {
178
178
  margin-inline-end: 0;
179
179
  transform: translateX(0);
180
180
  }
181
- .pf-v5-c-tabs.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(2) {
181
+ .pf-v6-c-tabs.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2) {
182
182
  margin-inline-start: 0;
183
183
  transform: translateX(0);
184
184
  }
185
- .pf-v5-c-tabs.pf-m-no-border-bottom {
186
- --pf-v5-c-tabs--before--BorderBottomWidth: 0;
187
- --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: 0;
188
- }
189
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link, .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link {
190
- --pf-v5-c-tabs__link--after--BorderBottomWidth: 0;
191
- }
192
- .pf-v5-c-tabs.pf-m-box {
193
- --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--BackgroundColor);
194
- --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current--BackgroundColor);
195
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--BackgroundColor);
196
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box__link--disabled--Color);
197
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--disabled--BackgroundColor);
198
- --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box__link--hover--BackgroundColor);
199
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box__item--m-current__link--BackgroundColor);
200
- --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
201
- --pf-v5-c-tabs__link--after--Top: 0;
202
- --pf-v5-c-tabs__link--after--Bottom: auto;
203
- }
204
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__link {
205
- --pf-v5-c-tabs__link--after--BorderTopWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
206
- }
207
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item:last-child {
208
- --pf-v5-c-tabs__link--before--BorderRightWidth: 0;
209
- }
210
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current {
211
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__item--m-current__link--BackgroundColor);
212
- --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--BackgroundColor);
213
- }
214
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current:first-child .pf-v5-c-tabs__link::before {
215
- border-inline-start-width: var(--pf-v5-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
216
- }
217
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current:last-child .pf-v5-c-tabs__link::before {
218
- border-inline-end-width: var(--pf-v5-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
219
- }
220
- .pf-v5-c-tabs.pf-m-box.pf-m-scrollable .pf-v5-c-tabs__item.pf-m-current:first-child .pf-v5-c-tabs__link::before {
221
- inset-inline-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
222
- }
223
- .pf-v5-c-tabs.pf-m-box.pf-m-scrollable .pf-v5-c-tabs__scroll-button:nth-of-type(2)::before {
224
- inset-inline-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
225
- }
226
- .pf-v5-c-tabs.pf-m-box .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item {
227
- --pf-v5-c-tabs__link--before--Left: 0;
228
- }
229
- .pf-v5-c-tabs.pf-m-box.pf-m-secondary {
230
- --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--BackgroundColor);
231
- --pf-v5-c-tabs__item--m-current--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
232
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--BackgroundColor);
233
- --pf-v5-c-tabs__link--disabled--Color: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--Color);
234
- --pf-v5-c-tabs__link--disabled--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor);
235
- --pf-v5-c-tabs__link--hover--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__link--hover--BackgroundColor);
236
- --pf-v5-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v5-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor);
237
- }
238
- .pf-v5-c-tabs.pf-m-vertical {
239
- --pf-v5-c-tabs--Width: var(--pf-v5-c-tabs--m-vertical--Width);
240
- --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--inset);
241
- --pf-v5-c-tabs--before--BorderBottomWidth: 0;
242
- --pf-v5-c-tabs__item--PaddingInlineStart: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineStart);
243
- --pf-v5-c-tabs__item--PaddingInlineEnd: var(--pf-v5-c-tabs--m-vertical__item--PaddingInlineEnd);
244
- --pf-v5-c-tabs__link--PaddingLeft: var(--pf-v5-c-tabs--m-vertical__link--PaddingLeft);
245
- --pf-v5-c-tabs__link--PaddingRight: var(--pf-v5-c-tabs--m-vertical__link--PaddingRight);
246
- --pf-v5-c-tabs__link--before--Left: 0;
247
- --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: 0;
248
- --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-v5-c-tabs--before--border-width--base);
249
- --pf-v5-c-tabs__link--after--Top: 0;
250
- --pf-v5-c-tabs__link--after--Bottom: 0;
251
- --pf-v5-c-tabs__link--after--Right: auto;
252
- --pf-v5-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v5-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
185
+ .pf-v6-c-tabs.pf-m-no-border-bottom {
186
+ --pf-v6-c-tabs--before--BorderBottomWidth: 0;
187
+ --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: 0;
188
+ }
189
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link, .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link {
190
+ --pf-v6-c-tabs__link--after--BorderBottomWidth: 0;
191
+ }
192
+ .pf-v6-c-tabs.pf-m-box {
193
+ --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box__item--BackgroundColor);
194
+ --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box__item--m-current--BackgroundColor);
195
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs--m-box__link--BackgroundColor);
196
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-box__link--disabled--Color);
197
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor);
198
+ --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-v6-c-tabs--m-box__link--hover--BackgroundColor);
199
+ --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor);
200
+ --pf-v6-c-tabs__link--before--BorderBottomWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
201
+ --pf-v6-c-tabs__link--after--Top: 0;
202
+ --pf-v6-c-tabs__link--after--Bottom: auto;
203
+ }
204
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
205
+ --pf-v6-c-tabs__link--after--BorderTopWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
206
+ }
207
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item:last-child {
208
+ --pf-v6-c-tabs__link--before--BorderRightWidth: 0;
209
+ }
210
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
211
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
212
+ --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--BackgroundColor);
213
+ }
214
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
215
+ border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
216
+ }
217
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
218
+ border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
219
+ }
220
+ .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
221
+ inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
222
+ }
223
+ .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
224
+ inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
225
+ }
226
+ .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
227
+ --pf-v6-c-tabs__link--before--Left: 0;
228
+ }
229
+ .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
230
+ --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
231
+ --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
232
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor);
233
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color);
234
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor);
235
+ --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor);
236
+ --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor);
237
+ }
238
+ .pf-v6-c-tabs.pf-m-vertical {
239
+ --pf-v6-c-tabs--Width: var(--pf-v6-c-tabs--m-vertical--Width);
240
+ --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-vertical--inset);
241
+ --pf-v6-c-tabs--before--BorderBottomWidth: 0;
242
+ --pf-v6-c-tabs__item--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineStart);
243
+ --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
244
+ --pf-v6-c-tabs__link--PaddingLeft: var(--pf-v6-c-tabs--m-vertical__link--PaddingLeft);
245
+ --pf-v6-c-tabs__link--PaddingRight: var(--pf-v6-c-tabs--m-vertical__link--PaddingRight);
246
+ --pf-v6-c-tabs__link--before--Left: 0;
247
+ --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: 0;
248
+ --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-v6-c-tabs--before--border-width--base);
249
+ --pf-v6-c-tabs__link--after--Top: 0;
250
+ --pf-v6-c-tabs__link--after--Bottom: 0;
251
+ --pf-v6-c-tabs__link--after--Right: auto;
252
+ --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
253
253
  display: inline-flex;
254
254
  flex-direction: column;
255
255
  height: 100%;
256
256
  padding: 0;
257
257
  overflow: visible;
258
258
  }
259
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__list {
259
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
260
260
  position: relative;
261
261
  flex-direction: column;
262
262
  flex-grow: 1;
263
- max-width: var(--pf-v5-c-tabs--m-vertical--MaxWidth);
263
+ max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
264
264
  }
265
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__list::before {
265
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
266
266
  position: absolute;
267
267
  inset-inline-end: auto;
268
- border: solid var(--pf-v5-c-tabs--m-vertical__list--before--BorderColor);
269
- border-block-start-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderTopWidth);
270
- border-block-end-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderBottomWidth);
271
- border-inline-start-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth);
272
- border-inline-end-width: var(--pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth);
268
+ border: solid var(--pf-v6-c-tabs--m-vertical__list--before--BorderColor);
269
+ border-block-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderTopWidth);
270
+ border-block-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderBottomWidth);
271
+ border-inline-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth);
272
+ border-inline-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth);
273
273
  }
274
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item:first-child {
275
- margin-block-start: var(--pf-v5-c-tabs--inset);
274
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__item:first-child {
275
+ margin-block-start: var(--pf-v6-c-tabs--inset);
276
276
  }
277
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item:last-child {
278
- margin-block-end: var(--pf-v5-c-tabs--inset);
277
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__item:last-child {
278
+ margin-block-end: var(--pf-v6-c-tabs--inset);
279
279
  }
280
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__link {
281
- --pf-v5-c-tabs__link--after--BorderTopWidth: 0;
282
- --pf-v5-c-tabs__link--after--BorderLeftWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
280
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link {
281
+ --pf-v6-c-tabs__link--after--BorderTopWidth: 0;
282
+ --pf-v6-c-tabs__link--after--BorderLeftWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
283
283
  max-width: 100%;
284
284
  text-align: start;
285
285
  }
286
- .pf-v5-c-tabs.pf-m-vertical .pf-v5-c-tabs__item-text {
286
+ .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__item-text {
287
287
  max-width: 100%;
288
288
  overflow-wrap: break-word;
289
289
  }
290
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable {
291
- --pf-v5-c-tabs__list--Display: none;
292
- --pf-v5-c-tabs__toggle--Display: flex;
290
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable {
291
+ --pf-v6-c-tabs__list--Display: none;
292
+ --pf-v6-c-tabs__toggle--Display: flex;
293
293
  }
294
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable {
295
- --pf-v5-c-tabs__list--Display: flex;
296
- --pf-v5-c-tabs__toggle--Display: none;
294
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable {
295
+ --pf-v6-c-tabs__list--Display: flex;
296
+ --pf-v6-c-tabs__toggle--Display: none;
297
297
  }
298
298
  @media (min-width: 576px) {
299
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
300
- --pf-v5-c-tabs__list--Display: none;
301
- --pf-v5-c-tabs__toggle--Display: flex;
299
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-sm {
300
+ --pf-v6-c-tabs__list--Display: none;
301
+ --pf-v6-c-tabs__toggle--Display: flex;
302
302
  }
303
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
304
- --pf-v5-c-tabs__list--Display: flex;
305
- --pf-v5-c-tabs__toggle--Display: none;
303
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable-on-sm {
304
+ --pf-v6-c-tabs__list--Display: flex;
305
+ --pf-v6-c-tabs__toggle--Display: none;
306
306
  }
307
307
  }
308
308
  @media (min-width: 768px) {
309
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
310
- --pf-v5-c-tabs__list--Display: none;
311
- --pf-v5-c-tabs__toggle--Display: flex;
309
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-md {
310
+ --pf-v6-c-tabs__list--Display: none;
311
+ --pf-v6-c-tabs__toggle--Display: flex;
312
312
  }
313
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
314
- --pf-v5-c-tabs__list--Display: flex;
315
- --pf-v5-c-tabs__toggle--Display: none;
313
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable-on-md {
314
+ --pf-v6-c-tabs__list--Display: flex;
315
+ --pf-v6-c-tabs__toggle--Display: none;
316
316
  }
317
317
  }
318
318
  @media (min-width: 992px) {
319
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
320
- --pf-v5-c-tabs__list--Display: none;
321
- --pf-v5-c-tabs__toggle--Display: flex;
319
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-lg {
320
+ --pf-v6-c-tabs__list--Display: none;
321
+ --pf-v6-c-tabs__toggle--Display: flex;
322
322
  }
323
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
324
- --pf-v5-c-tabs__list--Display: flex;
325
- --pf-v5-c-tabs__toggle--Display: none;
323
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable-on-lg {
324
+ --pf-v6-c-tabs__list--Display: flex;
325
+ --pf-v6-c-tabs__toggle--Display: none;
326
326
  }
327
327
  }
328
328
  @media (min-width: 1200px) {
329
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
330
- --pf-v5-c-tabs__list--Display: none;
331
- --pf-v5-c-tabs__toggle--Display: flex;
329
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-xl {
330
+ --pf-v6-c-tabs__list--Display: none;
331
+ --pf-v6-c-tabs__toggle--Display: flex;
332
332
  }
333
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
334
- --pf-v5-c-tabs__list--Display: flex;
335
- --pf-v5-c-tabs__toggle--Display: none;
333
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable-on-xl {
334
+ --pf-v6-c-tabs__list--Display: flex;
335
+ --pf-v6-c-tabs__toggle--Display: none;
336
336
  }
337
337
  }
338
338
  @media (min-width: 1450px) {
339
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
340
- --pf-v5-c-tabs__list--Display: none;
341
- --pf-v5-c-tabs__toggle--Display: flex;
342
- }
343
- .pf-v5-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
344
- --pf-v5-c-tabs__list--Display: flex;
345
- --pf-v5-c-tabs__toggle--Display: none;
346
- }
347
- }
348
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expandable {
349
- row-gap: var(--pf-v5-c-tabs--m-expandable--RowGap);
350
- padding-block-start: var(--pf-v5-c-tabs--m-expandable--PaddingBlockStart);
351
- padding-block-end: var(--pf-v5-c-tabs--m-expandable--PaddingBlockEnd);
352
- padding-inline-start: var(--pf-v5-c-tabs--m-expandable--PaddingInlineStart);
353
- padding-inline-end: var(--pf-v5-c-tabs--m-expandable--PaddingInlineEnd);
354
- }
355
- .pf-v5-c-tabs.pf-m-vertical.pf-m-expanded {
356
- --pf-v5-c-tabs__list--Display: flex;
357
- --pf-v5-c-tabs__toggle-icon--Color: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Color);
358
- --pf-v5-c-tabs__toggle-icon--Rotate: var(--pf-v5-c-tabs--m-expanded__toggle-icon--Rotate);
359
- }
360
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical {
361
- --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-vertical--m-box--inset);
362
- --pf-v5-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
363
- --pf-v5-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
364
- --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
365
- --pf-v5-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v5-c-tabs--before--border-width--base);
366
- --pf-v5-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v5-c-tabs--before--border-width--base);
367
- --pf-v5-c-tabs__link--disabled--before--BorderLeftWidth: 0;
368
- }
369
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__list::before {
339
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable-on-2xl {
340
+ --pf-v6-c-tabs__list--Display: none;
341
+ --pf-v6-c-tabs__toggle--Display: flex;
342
+ }
343
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-non-expandable-on-2xl {
344
+ --pf-v6-c-tabs__list--Display: flex;
345
+ --pf-v6-c-tabs__toggle--Display: none;
346
+ }
347
+ }
348
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expandable {
349
+ row-gap: var(--pf-v6-c-tabs--m-expandable--RowGap);
350
+ padding-block-start: var(--pf-v6-c-tabs--m-expandable--PaddingBlockStart);
351
+ padding-block-end: var(--pf-v6-c-tabs--m-expandable--PaddingBlockEnd);
352
+ padding-inline-start: var(--pf-v6-c-tabs--m-expandable--PaddingInlineStart);
353
+ padding-inline-end: var(--pf-v6-c-tabs--m-expandable--PaddingInlineEnd);
354
+ }
355
+ .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
356
+ --pf-v6-c-tabs__list--Display: flex;
357
+ --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
358
+ --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
359
+ }
360
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
361
+ --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-vertical--m-box--inset);
362
+ --pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
363
+ --pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
364
+ --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
365
+ --pf-v6-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
366
+ --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
367
+ --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: 0;
368
+ }
369
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__list::before {
370
370
  inset-inline-start: auto;
371
371
  inset-inline-end: 0;
372
372
  }
373
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:last-child {
374
- --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
373
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:last-child {
374
+ --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
375
375
  }
376
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child {
377
- --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
376
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child {
377
+ --pf-v6-c-tabs__link--before--BorderTopWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
378
378
  }
379
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current {
380
- --pf-v5-c-tabs__link--before--BorderRightColor: var(--pf-v5-c-tabs__item--m-current__link--BackgroundColor);
381
- --pf-v5-c-tabs__link--before--BorderBottomColor: var(--pf-v5-c-tabs__link--before--border-color--base);
379
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
380
+ --pf-v6-c-tabs__link--before--BorderRightColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
381
+ --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--before--border-color--base);
382
382
  }
383
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child.pf-m-current {
384
- --pf-v5-c-tabs__link--before--BorderTopWidth: var(--pf-v5-c-tabs__link--before--border-width--base);
383
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
384
+ --pf-v6-c-tabs__link--before--BorderTopWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
385
385
  }
386
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__link::after {
387
- inset-block-start: calc(var(--pf-v5-c-tabs__link--before--border-width--base) * -1);
386
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__link::after {
387
+ inset-block-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
388
388
  }
389
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item:first-child .pf-v5-c-tabs__link::after,
390
- .pf-v5-c-tabs.pf-m-box.pf-m-vertical .pf-v5-c-tabs__item.pf-m-current + .pf-v5-c-tabs__item .pf-v5-c-tabs__link::after {
389
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child .pf-v6-c-tabs__link::after,
390
+ .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item .pf-v6-c-tabs__link::after {
391
391
  inset-block-start: 0;
392
392
  }
393
- .pf-v5-c-tabs.pf-m-subtab {
394
- --pf-v5-c-tabs__link--FontSize: var(--pf-v5-c-tabs--m-subtab__link--FontSize);
395
- --pf-v5-c-tabs__item-action--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__item-action--c-button--FontSize);
396
- --pf-v5-c-tabs__add--c-button--FontSize: var(--pf-v5-c-tabs--m-subtab__add--c-button--FontSize);
393
+ .pf-v6-c-tabs.pf-m-subtab {
394
+ --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
395
+ --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
396
+ --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
397
397
  }
398
- .pf-v5-c-tabs.pf-m-page-insets {
399
- --pf-v5-c-tabs--inset: var(--pf-v5-c-tabs--m-page-insets--inset);
398
+ .pf-v6-c-tabs.pf-m-page-insets {
399
+ --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
400
400
  }
401
- .pf-v5-c-tabs.pf-m-overflow,
402
- .pf-v5-c-tabs.pf-m-overflow .pf-v5-c-tabs__list {
401
+ .pf-v6-c-tabs.pf-m-overflow,
402
+ .pf-v6-c-tabs.pf-m-overflow .pf-v6-c-tabs__list {
403
403
  overflow: visible;
404
404
  }
405
405
 
406
- .pf-v5-c-tabs__toggle {
407
- display: var(--pf-v5-c-tabs__toggle--Display);
406
+ .pf-v6-c-tabs__toggle {
407
+ display: var(--pf-v6-c-tabs__toggle--Display);
408
408
  align-items: center;
409
409
  }
410
410
 
411
- .pf-v5-c-tabs__toggle-button {
412
- --pf-v5-c-tabs__toggle-text--MarginLeft: var(--pf-v5-c-tabs__toggle-button__toggle-text--MarginLeft);
413
- --pf-v5-c-tabs__toggle-text--Color: var(--pf-v5-c-tabs__toggle-button__toggle-text--Color);
411
+ .pf-v6-c-tabs__toggle-button {
412
+ --pf-v6-c-tabs__toggle-text--MarginLeft: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginLeft);
413
+ --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
414
414
  }
415
- .pf-v5-c-tabs__toggle-button .pf-v5-c-button {
415
+ .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
416
416
  display: flex;
417
417
  text-align: start;
418
418
  white-space: normal;
419
419
  }
420
420
 
421
- .pf-v5-c-tabs__toggle-icon {
421
+ .pf-v6-c-tabs__toggle-icon {
422
422
  display: inline-block;
423
- color: var(--pf-v5-c-tabs__toggle-icon--Color);
424
- transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
425
- transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
423
+ color: var(--pf-v6-c-tabs__toggle-icon--Color);
424
+ transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
425
+ transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
426
426
  }
427
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
427
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
428
428
  scale: -1 1;
429
429
  }
430
430
 
431
- .pf-v5-c-tabs__toggle-text {
432
- margin-inline-start: var(--pf-v5-c-tabs__toggle-text--MarginLeft);
433
- color: var(--pf-v5-c-tabs__toggle-text--Color, inherit);
431
+ .pf-v6-c-tabs__toggle-text {
432
+ margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginLeft);
433
+ color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
434
434
  }
435
435
 
436
- .pf-v5-c-tabs__list {
436
+ .pf-v6-c-tabs__list {
437
437
  scrollbar-width: none;
438
438
  -ms-overflow-style: -ms-autohiding-scrollbar;
439
439
  position: relative;
440
- display: var(--pf-v5-c-tabs__list--Display);
440
+ display: var(--pf-v6-c-tabs__list--Display);
441
441
  max-width: 100%;
442
442
  overflow-x: auto;
443
443
  scroll-behavior: smooth;
444
- scroll-snap-type: var(--pf-v5-c-tabs__list--ScrollSnapType);
444
+ scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
445
445
  -webkit-overflow-scrolling: touch;
446
446
  }
447
- .pf-v5-c-tabs__list::-webkit-scrollbar {
447
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
448
448
  display: none;
449
449
  }
450
450
 
451
- .pf-v5-c-tabs__item {
451
+ .pf-v6-c-tabs__item {
452
452
  position: relative;
453
453
  display: flex;
454
454
  flex: none;
455
- column-gap: var(--pf-v5-c-tabs__item--ColumnGap);
456
- scroll-snap-align: var(--pf-v5-c-tabs__item--ScrollSnapAlign);
457
- padding-block-start: var(--pf-v5-c-tabs__item--PaddingBlockStart);
458
- padding-block-end: var(--pf-v5-c-tabs__item--PaddingBlockEnd);
459
- padding-inline-start: var(--pf-v5-c-tabs__item--PaddingInlineStart);
460
- padding-inline-end: var(--pf-v5-c-tabs__item--PaddingInlineEnd);
461
- background-color: var(--pf-v5-c-tabs__item--BackgroundColor);
462
- }
463
- .pf-v5-c-tabs__item.pf-m-current {
464
- --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__item--m-current__link--Color);
465
- --pf-v5-c-tabs__link--after--BorderColor: var(--pf-v5-c-tabs__item--m-current__link--after--BorderColor);
466
- --pf-v5-c-tabs__link--after--BorderWidth: var(--pf-v5-c-tabs__item--m-current__link--after--BorderWidth);
467
- --pf-v5-c-tabs__item--BackgroundColor: var(--pf-v5-c-tabs__item--m-current--BackgroundColor);
468
- }
469
- .pf-v5-c-tabs__item.pf-m-action {
455
+ column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
456
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
457
+ padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
458
+ padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
459
+ padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
460
+ padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
461
+ background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
462
+ }
463
+ .pf-v6-c-tabs__item.pf-m-current {
464
+ --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__item--m-current__link--Color);
465
+ --pf-v6-c-tabs__link--after--BorderColor: var(--pf-v6-c-tabs__item--m-current__link--after--BorderColor);
466
+ --pf-v6-c-tabs__link--after--BorderWidth: var(--pf-v6-c-tabs__item--m-current__link--after--BorderWidth);
467
+ --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs__item--m-current--BackgroundColor);
468
+ }
469
+ .pf-v6-c-tabs__item.pf-m-action {
470
470
  position: relative;
471
471
  }
472
- .pf-v5-c-tabs__item.pf-m-action::before {
473
- z-index: var(--pf-v5-c-tabs__item--m-action--before--ZIndex);
472
+ .pf-v6-c-tabs__item.pf-m-action::before {
473
+ z-index: var(--pf-v6-c-tabs__item--m-action--before--ZIndex);
474
474
  }
475
- .pf-v5-c-tabs__item.pf-m-action .pf-v5-c-tabs__link::before,
476
- .pf-v5-c-tabs__item.pf-m-action .pf-v5-c-tabs__link::after {
475
+ .pf-v6-c-tabs__item.pf-m-action .pf-v6-c-tabs__link::before,
476
+ .pf-v6-c-tabs__item.pf-m-action .pf-v6-c-tabs__link::after {
477
477
  content: revert;
478
478
  }
479
479
 
480
- .pf-v5-c-tabs::before,
481
- .pf-v5-c-tabs__list::before,
482
- .pf-v5-c-tabs__link::before,
483
- .pf-v5-c-tabs__link::after,
484
- .pf-v5-c-tabs__item.pf-m-action::before,
485
- .pf-v5-c-tabs__item.pf-m-action::after,
486
- .pf-v5-c-tabs__scroll-button::before,
487
- .pf-v5-c-tabs__add::before {
480
+ .pf-v6-c-tabs::before,
481
+ .pf-v6-c-tabs__list::before,
482
+ .pf-v6-c-tabs__link::before,
483
+ .pf-v6-c-tabs__link::after,
484
+ .pf-v6-c-tabs__item.pf-m-action::before,
485
+ .pf-v6-c-tabs__item.pf-m-action::after,
486
+ .pf-v6-c-tabs__scroll-button::before,
487
+ .pf-v6-c-tabs__add::before {
488
488
  position: absolute;
489
489
  inset-block-end: 0;
490
490
  inset-inline-start: 0;
@@ -493,345 +493,345 @@
493
493
  border-style: solid;
494
494
  }
495
495
 
496
- .pf-v5-c-tabs__list::before,
497
- .pf-v5-c-tabs__link::before,
498
- .pf-v5-c-tabs__link::after,
499
- .pf-v5-c-tabs__item.pf-m-action::before,
500
- .pf-v5-c-tabs__item.pf-m-action::after,
501
- .pf-v5-c-tabs__scroll-button::before,
502
- .pf-v5-c-tabs__add::before {
496
+ .pf-v6-c-tabs__list::before,
497
+ .pf-v6-c-tabs__link::before,
498
+ .pf-v6-c-tabs__link::after,
499
+ .pf-v6-c-tabs__item.pf-m-action::before,
500
+ .pf-v6-c-tabs__item.pf-m-action::after,
501
+ .pf-v6-c-tabs__scroll-button::before,
502
+ .pf-v6-c-tabs__add::before {
503
503
  inset-block-start: 0;
504
504
  }
505
505
 
506
- .pf-v5-c-tabs__link,
507
- .pf-v5-c-tabs__scroll-button,
508
- .pf-v5-c-tabs__list::before,
509
- .pf-v5-c-tabs__add::before {
506
+ .pf-v6-c-tabs__link,
507
+ .pf-v6-c-tabs__scroll-button,
508
+ .pf-v6-c-tabs__list::before,
509
+ .pf-v6-c-tabs__add::before {
510
510
  border: 0;
511
511
  }
512
512
 
513
- .pf-v5-c-tabs__link {
513
+ .pf-v6-c-tabs__link {
514
514
  display: flex;
515
515
  flex: 1;
516
- column-gap: var(--pf-v5-c-tabs__link--ColumnGap);
516
+ column-gap: var(--pf-v6-c-tabs__link--ColumnGap);
517
517
  align-items: center;
518
- padding-block-start: var(--pf-v5-c-tabs__link--PaddingTop);
519
- padding-block-end: var(--pf-v5-c-tabs__link--PaddingBottom);
520
- padding-inline-start: var(--pf-v5-c-tabs__link--PaddingLeft);
521
- padding-inline-end: var(--pf-v5-c-tabs__link--PaddingRight);
522
- font-size: var(--pf-v5-c-tabs__link--FontSize);
523
- color: var(--pf-v5-c-tabs__link--Color);
518
+ padding-block-start: var(--pf-v6-c-tabs__link--PaddingTop);
519
+ padding-block-end: var(--pf-v6-c-tabs__link--PaddingBottom);
520
+ padding-inline-start: var(--pf-v6-c-tabs__link--PaddingLeft);
521
+ padding-inline-end: var(--pf-v6-c-tabs__link--PaddingRight);
522
+ font-size: var(--pf-v6-c-tabs__link--FontSize);
523
+ color: var(--pf-v6-c-tabs__link--Color);
524
524
  text-decoration: none;
525
- background-color: var(--pf-v5-c-tabs__link--BackgroundColor);
526
- border-radius: var(--pf-v5-c-tabs__link--BorderRadius);
525
+ background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
526
+ border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
527
527
  }
528
- .pf-v5-c-tabs__item.pf-m-action, .pf-v5-c-tabs__link {
529
- --pf-v5-c-tabs__link--after--BorderBottomWidth: var(--pf-v5-c-tabs__link--after--BorderWidth);
528
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
529
+ --pf-v6-c-tabs__link--after--BorderBottomWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
530
530
  }
531
531
 
532
- .pf-v5-c-tabs__item.pf-m-action::before, .pf-v5-c-tabs__link::before {
532
+ .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
533
533
  pointer-events: none;
534
- border-block-start-color: var(--pf-v5-c-tabs__link--before--BorderTopColor);
535
- border-block-start-width: var(--pf-v5-c-tabs__link--before--BorderTopWidth);
536
- border-block-end-color: var(--pf-v5-c-tabs__link--before--BorderBottomColor);
537
- border-block-end-width: var(--pf-v5-c-tabs__link--before--BorderBottomWidth);
538
- border-inline-start-color: var(--pf-v5-c-tabs__link--before--BorderLeftColor);
539
- border-inline-start-width: var(--pf-v5-c-tabs__link--before--BorderLeftWidth);
540
- border-inline-end-color: var(--pf-v5-c-tabs__link--before--BorderRightColor);
541
- border-inline-end-width: var(--pf-v5-c-tabs__link--before--BorderRightWidth);
534
+ border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderTopColor);
535
+ border-block-start-width: var(--pf-v6-c-tabs__link--before--BorderTopWidth);
536
+ border-block-end-color: var(--pf-v6-c-tabs__link--before--BorderBottomColor);
537
+ border-block-end-width: var(--pf-v6-c-tabs__link--before--BorderBottomWidth);
538
+ border-inline-start-color: var(--pf-v6-c-tabs__link--before--BorderLeftColor);
539
+ border-inline-start-width: var(--pf-v6-c-tabs__link--before--BorderLeftWidth);
540
+ border-inline-end-color: var(--pf-v6-c-tabs__link--before--BorderRightColor);
541
+ border-inline-end-width: var(--pf-v6-c-tabs__link--before--BorderRightWidth);
542
542
  }
543
543
 
544
- .pf-v5-c-tabs__item.pf-m-action::after, .pf-v5-c-tabs__link::after {
545
- inset-block-start: var(--pf-v5-c-tabs__link--after--Top);
546
- inset-block-end: var(--pf-v5-c-tabs__link--after--Bottom);
547
- inset-inline-start: var(--pf-v5-c-tabs__link--before--Left);
548
- inset-inline-end: var(--pf-v5-c-tabs__link--after--Right);
549
- border-color: var(--pf-v5-c-tabs__link--after--BorderColor);
550
- border-block-start-width: var(--pf-v5-c-tabs__link--after--BorderTopWidth);
551
- border-block-end-width: var(--pf-v5-c-tabs__link--after--BorderBottomWidth);
552
- border-inline-start-width: var(--pf-v5-c-tabs__link--after--BorderLeftWidth);
553
- border-inline-end-width: var(--pf-v5-c-tabs__link--after--BorderRightWidth);
544
+ .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
545
+ inset-block-start: var(--pf-v6-c-tabs__link--after--Top);
546
+ inset-block-end: var(--pf-v6-c-tabs__link--after--Bottom);
547
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--Left);
548
+ inset-inline-end: var(--pf-v6-c-tabs__link--after--Right);
549
+ border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
550
+ border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderTopWidth);
551
+ border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBottomWidth);
552
+ border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderLeftWidth);
553
+ border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderRightWidth);
554
554
  }
555
555
 
556
- .pf-v5-c-tabs__link:where(:hover, :focus) {
557
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--hover--BackgroundColor);
556
+ .pf-v6-c-tabs__link:where(:hover, :focus) {
557
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--hover--BackgroundColor);
558
558
  }
559
- .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled {
559
+ .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled {
560
560
  pointer-events: none;
561
561
  }
562
- .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled, .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
563
- --pf-v5-c-tabs__link--Color: var(--pf-v5-c-tabs__link--disabled--Color);
564
- --pf-v5-c-tabs__link--before--BorderRightWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderRightWidth);
565
- --pf-v5-c-tabs__link--before--BorderBottomWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderBottomWidth);
566
- --pf-v5-c-tabs__link--before--BorderLeftWidth: var(--pf-v5-c-tabs__link--disabled--before--BorderLeftWidth);
567
- --pf-v5-c-tabs__link--after--BorderWidth: 0;
562
+ .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled, .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
563
+ --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__link--disabled--Color);
564
+ --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderRightWidth);
565
+ --pf-v6-c-tabs__link--before--BorderBottomWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderBottomWidth);
566
+ --pf-v6-c-tabs__link--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderLeftWidth);
567
+ --pf-v6-c-tabs__link--after--BorderWidth: 0;
568
568
  }
569
569
 
570
- .pf-v5-c-tabs__link:disabled, .pf-v5-c-tabs__link.pf-m-disabled, .pf-v5-c-tabs__link.pf-m-aria-disabled {
571
- --pf-v5-c-tabs__link--BackgroundColor: var(--pf-v5-c-tabs__link--disabled--BackgroundColor);
570
+ .pf-v6-c-tabs__link:disabled, .pf-v6-c-tabs__link.pf-m-disabled, .pf-v6-c-tabs__link.pf-m-aria-disabled {
571
+ --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
572
572
  }
573
- .pf-v5-c-tabs__item.pf-m-action.pf-m-disabled {
574
- --pf-v5-c-tabs__link--BackgroundColor: transparent;
573
+ .pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
574
+ --pf-v6-c-tabs__link--BackgroundColor: transparent;
575
575
  }
576
576
 
577
- .pf-v5-c-tabs__link.pf-m-aria-disabled {
577
+ .pf-v6-c-tabs__link.pf-m-aria-disabled {
578
578
  cursor: default;
579
579
  }
580
- .pf-v5-c-tabs__link.pf-m-expanded {
581
- --pf-v5-c-tabs__link-toggle-icon--Rotate: var(--pf-v5-c-tabs__link--m-expanded__toggle-icon--Rotate);
580
+ .pf-v6-c-tabs__link.pf-m-expanded {
581
+ --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
582
582
  }
583
583
 
584
- .pf-v5-c-tabs__link-toggle-icon {
584
+ .pf-v6-c-tabs__link-toggle-icon {
585
585
  align-self: end;
586
- font-size: var(--pf-v5-c-tabs__link-toggle-icon--FontSize);
587
- color: var(--pf-v5-c-tabs__link-toggle-icon--Color);
588
- transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
589
- transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
586
+ font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
587
+ color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
588
+ transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
589
+ transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
590
590
  }
591
- :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
591
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
592
592
  scale: -1 1;
593
593
  }
594
594
 
595
- .pf-v5-c-tabs__item-action {
595
+ .pf-v6-c-tabs__item-action {
596
596
  display: flex;
597
597
  }
598
- .pf-v5-c-tabs__item-action .pf-v5-c-button {
599
- --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__item-action--c-button--FontSize);
598
+ .pf-v6-c-tabs__item-action .pf-v6-c-button {
599
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs__item-action--c-button--FontSize);
600
600
  }
601
601
 
602
- .pf-v5-c-tabs__item-action-icon {
602
+ .pf-v6-c-tabs__item-action-icon {
603
603
  display: inline-block;
604
- margin-block-start: var(--pf-v5-c-tabs__item-action-icon--MarginTop);
604
+ margin-block-start: var(--pf-v6-c-tabs__item-action-icon--MarginTop);
605
605
  }
606
606
 
607
- .pf-v5-c-tabs__scroll-button {
608
- padding-block-start: var(--pf-v5-c-tabs__scroll-button--PaddingBlockStart);
609
- padding-block-end: var(--pf-v5-c-tabs__scroll-button--PaddingBlockEnd);
610
- padding-inline-start: var(--pf-v5-c-tabs__scroll-button--PaddingInlineStart);
611
- padding-inline-end: var(--pf-v5-c-tabs__scroll-button--PaddingInlineEnd);
607
+ .pf-v6-c-tabs__scroll-button {
608
+ padding-block-start: var(--pf-v6-c-tabs__scroll-button--PaddingBlockStart);
609
+ padding-block-end: var(--pf-v6-c-tabs__scroll-button--PaddingBlockEnd);
610
+ padding-inline-start: var(--pf-v6-c-tabs__scroll-button--PaddingInlineStart);
611
+ padding-inline-end: var(--pf-v6-c-tabs__scroll-button--PaddingInlineEnd);
612
612
  opacity: 0;
613
- transition: margin var(--pf-v5-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v5-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity);
613
+ transition: margin var(--pf-v6-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v6-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v6-c-tabs__scroll-button--TransitionDuration--opacity);
614
614
  }
615
- .pf-v5-c-tabs__scroll-button::before {
616
- border-color: var(--pf-v5-c-tabs__scroll-button--before--BorderColor);
615
+ .pf-v6-c-tabs__scroll-button::before {
616
+ border-color: var(--pf-v6-c-tabs__scroll-button--before--BorderColor);
617
617
  border-block-start-width: 0;
618
- border-block-end-width: var(--pf-v5-c-tabs__scroll-button--before--BorderBottomWidth);
619
- border-inline-start-width: var(--pf-v5-c-tabs__scroll-button--before--BorderLeftWidth);
620
- border-inline-end-width: var(--pf-v5-c-tabs__scroll-button--before--BorderRightWidth);
618
+ border-block-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderBottomWidth);
619
+ border-inline-start-width: var(--pf-v6-c-tabs__scroll-button--before--BorderLeftWidth);
620
+ border-inline-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderRightWidth);
621
621
  }
622
- .pf-v5-c-tabs__scroll-button:nth-of-type(1) {
623
- --pf-v5-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
624
- margin-inline-end: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
622
+ .pf-v6-c-tabs__scroll-button:nth-of-type(1) {
623
+ --pf-v6-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
624
+ margin-inline-end: calc(var(--pf-v6-c-tabs__scroll-button--Width) * -1);
625
625
  transform: translateX(-100%);
626
626
  }
627
- .pf-v5-c-tabs__scroll-button:nth-of-type(2) {
628
- --pf-v5-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-v5-c-tabs__scroll-button--before--border-width--base);
629
- margin-inline-start: calc(var(--pf-v5-c-tabs__scroll-button--Width) * -1);
627
+ .pf-v6-c-tabs__scroll-button:nth-of-type(2) {
628
+ --pf-v6-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
629
+ margin-inline-start: calc(var(--pf-v6-c-tabs__scroll-button--Width) * -1);
630
630
  transform: translateX(100%);
631
631
  }
632
632
 
633
- .pf-v5-c-tabs__add {
633
+ .pf-v6-c-tabs__add {
634
634
  position: relative;
635
635
  display: flex;
636
- padding-block-start: var(--pf-v5-c-tabs__add--PaddingBlockStart);
637
- padding-block-end: var(--pf-v5-c-tabs__add--PaddingBlockEnd);
638
- padding-inline-start: var(--pf-v5-c-tabs__add--PaddingInlineStart);
639
- padding-inline-end: var(--pf-v5-c-tabs__add--PaddingInlineEnd);
636
+ padding-block-start: var(--pf-v6-c-tabs__add--PaddingBlockStart);
637
+ padding-block-end: var(--pf-v6-c-tabs__add--PaddingBlockEnd);
638
+ padding-inline-start: var(--pf-v6-c-tabs__add--PaddingInlineStart);
639
+ padding-inline-end: var(--pf-v6-c-tabs__add--PaddingInlineEnd);
640
640
  }
641
- .pf-v5-c-tabs__add::before {
642
- border-inline-start: var(--pf-v5-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v5-c-tabs__add--before--BorderColor);
641
+ .pf-v6-c-tabs__add::before {
642
+ border-inline-start: var(--pf-v6-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v6-c-tabs__add--before--BorderColor);
643
643
  }
644
- .pf-v5-c-tabs__add .pf-v5-c-button {
645
- --pf-v5-c-button--FontSize: var(--pf-v5-c-tabs__add--c-button--FontSize);
644
+ .pf-v6-c-tabs__add .pf-v6-c-button {
645
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs__add--c-button--FontSize);
646
646
  }
647
647
 
648
- .pf-v5-c-tabs.pf-m-inset-none {
649
- --pf-v5-c-tabs--inset: 0;
650
- --pf-v5-c-tabs--m-vertical--inset: 0;
651
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
652
- }
653
- .pf-v5-c-tabs.pf-m-inset-sm {
654
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
655
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
656
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
657
- }
658
- .pf-v5-c-tabs.pf-m-inset-md {
659
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
660
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
661
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
662
- }
663
- .pf-v5-c-tabs.pf-m-inset-lg {
664
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
665
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
666
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
667
- }
668
- .pf-v5-c-tabs.pf-m-inset-xl {
669
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
670
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
671
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
672
- }
673
- .pf-v5-c-tabs.pf-m-inset-2xl {
674
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
675
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
676
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
648
+ .pf-v6-c-tabs.pf-m-inset-none {
649
+ --pf-v6-c-tabs--inset: 0;
650
+ --pf-v6-c-tabs--m-vertical--inset: 0;
651
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
652
+ }
653
+ .pf-v6-c-tabs.pf-m-inset-sm {
654
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
655
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
656
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
657
+ }
658
+ .pf-v6-c-tabs.pf-m-inset-md {
659
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
660
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
661
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
662
+ }
663
+ .pf-v6-c-tabs.pf-m-inset-lg {
664
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
665
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
666
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
667
+ }
668
+ .pf-v6-c-tabs.pf-m-inset-xl {
669
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
670
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
671
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
672
+ }
673
+ .pf-v6-c-tabs.pf-m-inset-2xl {
674
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
675
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
676
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
677
677
  }
678
678
  @media (min-width: 576px) {
679
- .pf-v5-c-tabs.pf-m-inset-none-on-sm {
680
- --pf-v5-c-tabs--inset: 0;
681
- --pf-v5-c-tabs--m-vertical--inset: 0;
682
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
679
+ .pf-v6-c-tabs.pf-m-inset-none-on-sm {
680
+ --pf-v6-c-tabs--inset: 0;
681
+ --pf-v6-c-tabs--m-vertical--inset: 0;
682
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
683
683
  }
684
- .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
685
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
686
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
687
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
684
+ .pf-v6-c-tabs.pf-m-inset-sm-on-sm {
685
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
686
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
687
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
688
688
  }
689
- .pf-v5-c-tabs.pf-m-inset-md-on-sm {
690
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
691
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
692
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
689
+ .pf-v6-c-tabs.pf-m-inset-md-on-sm {
690
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
691
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
692
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
693
693
  }
694
- .pf-v5-c-tabs.pf-m-inset-lg-on-sm {
695
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
696
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
697
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
694
+ .pf-v6-c-tabs.pf-m-inset-lg-on-sm {
695
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
696
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
697
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
698
698
  }
699
- .pf-v5-c-tabs.pf-m-inset-xl-on-sm {
700
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
701
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
702
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
699
+ .pf-v6-c-tabs.pf-m-inset-xl-on-sm {
700
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
701
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
702
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
703
703
  }
704
- .pf-v5-c-tabs.pf-m-inset-2xl-on-sm {
705
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
706
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
707
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
704
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-sm {
705
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
706
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
707
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
708
708
  }
709
709
  }
710
710
  @media (min-width: 768px) {
711
- .pf-v5-c-tabs.pf-m-inset-none-on-md {
712
- --pf-v5-c-tabs--inset: 0;
713
- --pf-v5-c-tabs--m-vertical--inset: 0;
714
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
711
+ .pf-v6-c-tabs.pf-m-inset-none-on-md {
712
+ --pf-v6-c-tabs--inset: 0;
713
+ --pf-v6-c-tabs--m-vertical--inset: 0;
714
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
715
715
  }
716
- .pf-v5-c-tabs.pf-m-inset-sm-on-md {
717
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
718
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
719
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
716
+ .pf-v6-c-tabs.pf-m-inset-sm-on-md {
717
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
718
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
719
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
720
720
  }
721
- .pf-v5-c-tabs.pf-m-inset-md-on-md {
722
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
723
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
724
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
721
+ .pf-v6-c-tabs.pf-m-inset-md-on-md {
722
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
723
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
724
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
725
725
  }
726
- .pf-v5-c-tabs.pf-m-inset-lg-on-md {
727
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
728
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
729
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
726
+ .pf-v6-c-tabs.pf-m-inset-lg-on-md {
727
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
728
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
729
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
730
730
  }
731
- .pf-v5-c-tabs.pf-m-inset-xl-on-md {
732
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
733
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
734
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
731
+ .pf-v6-c-tabs.pf-m-inset-xl-on-md {
732
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
733
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
734
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
735
735
  }
736
- .pf-v5-c-tabs.pf-m-inset-2xl-on-md {
737
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
738
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
739
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
736
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-md {
737
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
738
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
739
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
740
740
  }
741
741
  }
742
742
  @media (min-width: 992px) {
743
- .pf-v5-c-tabs.pf-m-inset-none-on-lg {
744
- --pf-v5-c-tabs--inset: 0;
745
- --pf-v5-c-tabs--m-vertical--inset: 0;
746
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
743
+ .pf-v6-c-tabs.pf-m-inset-none-on-lg {
744
+ --pf-v6-c-tabs--inset: 0;
745
+ --pf-v6-c-tabs--m-vertical--inset: 0;
746
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
747
747
  }
748
- .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
749
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
750
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
751
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
748
+ .pf-v6-c-tabs.pf-m-inset-sm-on-lg {
749
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
750
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
751
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
752
752
  }
753
- .pf-v5-c-tabs.pf-m-inset-md-on-lg {
754
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
755
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
756
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
753
+ .pf-v6-c-tabs.pf-m-inset-md-on-lg {
754
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
755
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
756
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
757
757
  }
758
- .pf-v5-c-tabs.pf-m-inset-lg-on-lg {
759
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
760
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
761
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
758
+ .pf-v6-c-tabs.pf-m-inset-lg-on-lg {
759
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
760
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
761
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
762
762
  }
763
- .pf-v5-c-tabs.pf-m-inset-xl-on-lg {
764
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
765
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
766
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
763
+ .pf-v6-c-tabs.pf-m-inset-xl-on-lg {
764
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
765
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
766
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
767
767
  }
768
- .pf-v5-c-tabs.pf-m-inset-2xl-on-lg {
769
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
770
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
771
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
768
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-lg {
769
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
770
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
771
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
772
772
  }
773
773
  }
774
774
  @media (min-width: 1200px) {
775
- .pf-v5-c-tabs.pf-m-inset-none-on-xl {
776
- --pf-v5-c-tabs--inset: 0;
777
- --pf-v5-c-tabs--m-vertical--inset: 0;
778
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
775
+ .pf-v6-c-tabs.pf-m-inset-none-on-xl {
776
+ --pf-v6-c-tabs--inset: 0;
777
+ --pf-v6-c-tabs--m-vertical--inset: 0;
778
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
779
779
  }
780
- .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
781
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
782
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
783
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
780
+ .pf-v6-c-tabs.pf-m-inset-sm-on-xl {
781
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
782
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
783
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
784
784
  }
785
- .pf-v5-c-tabs.pf-m-inset-md-on-xl {
786
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
787
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
788
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
785
+ .pf-v6-c-tabs.pf-m-inset-md-on-xl {
786
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
787
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
788
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
789
789
  }
790
- .pf-v5-c-tabs.pf-m-inset-lg-on-xl {
791
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
792
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
793
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
790
+ .pf-v6-c-tabs.pf-m-inset-lg-on-xl {
791
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
792
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
793
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
794
794
  }
795
- .pf-v5-c-tabs.pf-m-inset-xl-on-xl {
796
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
797
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
798
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
795
+ .pf-v6-c-tabs.pf-m-inset-xl-on-xl {
796
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
797
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
798
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
799
799
  }
800
- .pf-v5-c-tabs.pf-m-inset-2xl-on-xl {
801
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
802
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
803
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
800
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-xl {
801
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
802
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
803
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
804
804
  }
805
805
  }
806
806
  @media (min-width: 1450px) {
807
- .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
808
- --pf-v5-c-tabs--inset: 0;
809
- --pf-v5-c-tabs--m-vertical--inset: 0;
810
- --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
811
- }
812
- .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
813
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
814
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--sm);
815
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--sm);
816
- }
817
- .pf-v5-c-tabs.pf-m-inset-md-on-2xl {
818
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--md);
819
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--md);
820
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--md);
821
- }
822
- .pf-v5-c-tabs.pf-m-inset-lg-on-2xl {
823
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--lg);
824
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--lg);
825
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--lg);
826
- }
827
- .pf-v5-c-tabs.pf-m-inset-xl-on-2xl {
828
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--xl);
829
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--xl);
830
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--xl);
831
- }
832
- .pf-v5-c-tabs.pf-m-inset-2xl-on-2xl {
833
- --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--2xl);
834
- --pf-v5-c-tabs--m-vertical--inset: var(--pf-v5-global--spacer--2xl);
835
- --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
807
+ .pf-v6-c-tabs.pf-m-inset-none-on-2xl {
808
+ --pf-v6-c-tabs--inset: 0;
809
+ --pf-v6-c-tabs--m-vertical--inset: 0;
810
+ --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
811
+ }
812
+ .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
813
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
814
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
815
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
816
+ }
817
+ .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
818
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
819
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
820
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
821
+ }
822
+ .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
823
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
824
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
825
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
826
+ }
827
+ .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
828
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
829
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
830
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
831
+ }
832
+ .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
833
+ --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
834
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
835
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
836
836
  }
837
837
  }