@patternfly/patternfly 6.0.0-alpha.120 → 6.0.0-alpha.122

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 (162) hide show
  1. package/components/AboutModalBox/about-modal-box.css +54 -54
  2. package/components/AboutModalBox/about-modal-box.scss +54 -54
  3. package/components/Accordion/accordion.css +39 -39
  4. package/components/Accordion/accordion.scss +39 -39
  5. package/components/Alert/alert-group.css +15 -15
  6. package/components/Alert/alert-group.scss +15 -15
  7. package/components/Alert/alert.css +46 -46
  8. package/components/Alert/alert.scss +46 -46
  9. package/components/AppLauncher/app-launcher.css +58 -58
  10. package/components/AppLauncher/app-launcher.scss +58 -58
  11. package/components/BackToTop/back-to-top.css +14 -14
  12. package/components/BackToTop/back-to-top.scss +14 -14
  13. package/components/Badge/badge.css +6 -6
  14. package/components/Badge/badge.scss +6 -6
  15. package/components/Banner/banner.css +12 -12
  16. package/components/Banner/banner.scss +12 -12
  17. package/components/Breadcrumb/breadcrumb.css +12 -12
  18. package/components/Breadcrumb/breadcrumb.scss +12 -12
  19. package/components/Button/button.css +93 -93
  20. package/components/Button/button.scss +93 -93
  21. package/components/CalendarMonth/calendar-month.css +42 -42
  22. package/components/CalendarMonth/calendar-month.scss +42 -42
  23. package/components/Card/card.css +59 -59
  24. package/components/Card/card.scss +59 -59
  25. package/components/Check/check.css +2 -2
  26. package/components/Check/check.scss +2 -2
  27. package/components/Chip/chip-group.css +20 -20
  28. package/components/Chip/chip-group.scss +20 -20
  29. package/components/Chip/chip.css +26 -26
  30. package/components/Chip/chip.scss +26 -26
  31. package/components/ClipboardCopy/clipboard-copy.css +36 -36
  32. package/components/ClipboardCopy/clipboard-copy.scss +36 -36
  33. package/components/CodeBlock/code-block.css +19 -19
  34. package/components/CodeBlock/code-block.scss +19 -19
  35. package/components/CodeEditor/code-editor.css +33 -33
  36. package/components/CodeEditor/code-editor.scss +33 -33
  37. package/components/Content/content.css +65 -65
  38. package/components/Content/content.scss +65 -65
  39. package/components/ContextSelector/context-selector.css +145 -145
  40. package/components/ContextSelector/context-selector.scss +145 -145
  41. package/components/DataList/data-list-grid.css +98 -98
  42. package/components/DataList/data-list-grid.scss +14 -14
  43. package/components/DataList/data-list.css +233 -233
  44. package/components/DataList/data-list.scss +135 -135
  45. package/components/DatePicker/date-picker.css +14 -14
  46. package/components/DatePicker/date-picker.scss +14 -14
  47. package/components/DescriptionList/description-list.css +6 -6
  48. package/components/DescriptionList/description-list.scss +6 -6
  49. package/components/Drawer/drawer.css +84 -84
  50. package/components/Drawer/drawer.scss +84 -84
  51. package/components/Dropdown/dropdown.css +126 -126
  52. package/components/Dropdown/dropdown.scss +126 -126
  53. package/components/DualListSelector/dual-list-selector.css +59 -58
  54. package/components/DualListSelector/dual-list-selector.scss +41 -40
  55. package/components/EmptyState/empty-state.css +32 -32
  56. package/components/EmptyState/empty-state.scss +32 -32
  57. package/components/ExpandableSection/expandable-section.css +48 -48
  58. package/components/ExpandableSection/expandable-section.scss +48 -48
  59. package/components/Form/form.css +106 -106
  60. package/components/Form/form.scss +88 -88
  61. package/components/FormControl/form-control.css +44 -44
  62. package/components/FormControl/form-control.scss +44 -44
  63. package/components/HelperText/helper-text.css +2 -2
  64. package/components/HelperText/helper-text.scss +2 -2
  65. package/components/Hint/hint.css +16 -16
  66. package/components/Hint/hint.scss +16 -16
  67. package/components/InlineEdit/inline-edit.css +10 -10
  68. package/components/InlineEdit/inline-edit.scss +10 -10
  69. package/components/InputGroup/input-group.css +16 -16
  70. package/components/InputGroup/input-group.scss +16 -16
  71. package/components/JumpLinks/jump-links.css +75 -75
  72. package/components/JumpLinks/jump-links.scss +75 -75
  73. package/components/Label/label-group.css +26 -26
  74. package/components/Label/label-group.scss +26 -26
  75. package/components/Label/label.css +30 -30
  76. package/components/Label/label.scss +30 -30
  77. package/components/List/list.css +27 -27
  78. package/components/List/list.scss +27 -27
  79. package/components/LogViewer/log-viewer.css +53 -53
  80. package/components/LogViewer/log-viewer.scss +55 -55
  81. package/components/Login/login.css +88 -88
  82. package/components/Login/login.scss +88 -88
  83. package/components/Menu/menu.css +20 -20
  84. package/components/Menu/menu.scss +20 -20
  85. package/components/MenuToggle/menu-toggle.css +58 -58
  86. package/components/MenuToggle/menu-toggle.scss +58 -58
  87. package/components/ModalBox/modal-box.css +39 -39
  88. package/components/ModalBox/modal-box.scss +39 -39
  89. package/components/MultipleFileUpload/multiple-file-upload.css +32 -32
  90. package/components/MultipleFileUpload/multiple-file-upload.scss +32 -32
  91. package/components/NotificationBadge/notification-badge.css +16 -16
  92. package/components/NotificationBadge/notification-badge.scss +16 -16
  93. package/components/NotificationDrawer/notification-drawer.css +41 -41
  94. package/components/NotificationDrawer/notification-drawer.scss +41 -41
  95. package/components/NumberInput/number-input.css +2 -2
  96. package/components/NumberInput/number-input.scss +2 -2
  97. package/components/OptionsMenu/options-menu.css +79 -79
  98. package/components/OptionsMenu/options-menu.scss +79 -79
  99. package/components/Page/page.css +181 -181
  100. package/components/Page/page.scss +131 -131
  101. package/components/Pagination/pagination.css +24 -24
  102. package/components/Pagination/pagination.scss +24 -24
  103. package/components/Panel/panel.css +24 -24
  104. package/components/Panel/panel.scss +24 -24
  105. package/components/Popover/popover.css +48 -48
  106. package/components/Popover/popover.scss +48 -48
  107. package/components/Progress/progress.css +4 -4
  108. package/components/Progress/progress.scss +4 -4
  109. package/components/ProgressStepper/progress-stepper.css +225 -225
  110. package/components/ProgressStepper/progress-stepper.scss +93 -93
  111. package/components/Radio/radio.css +6 -6
  112. package/components/Radio/radio.scss +6 -6
  113. package/components/Select/select.css +171 -171
  114. package/components/Select/select.scss +171 -171
  115. package/components/Sidebar/sidebar.css +44 -44
  116. package/components/Sidebar/sidebar.scss +44 -44
  117. package/components/SimpleList/simple-list.css +18 -18
  118. package/components/SimpleList/simple-list.scss +18 -18
  119. package/components/Skeleton/skeleton.css +4 -4
  120. package/components/Skeleton/skeleton.scss +4 -4
  121. package/components/SkipToContent/skip-to-content.css +4 -4
  122. package/components/SkipToContent/skip-to-content.scss +4 -4
  123. package/components/Slider/slider.css +25 -25
  124. package/components/Slider/slider.scss +25 -25
  125. package/components/Switch/switch.css +4 -4
  126. package/components/Switch/switch.scss +4 -4
  127. package/components/TabContent/tab-content.css +24 -24
  128. package/components/TabContent/tab-content.scss +24 -24
  129. package/components/Table/table-grid.css +404 -404
  130. package/components/Table/table-grid.scss +116 -116
  131. package/components/Table/table-scrollable.css +16 -16
  132. package/components/Table/table-scrollable.scss +16 -16
  133. package/components/Table/table-tree-view.css +251 -251
  134. package/components/Table/table-tree-view.scss +59 -59
  135. package/components/Table/table.css +122 -122
  136. package/components/Table/table.scss +122 -122
  137. package/components/Tabs/tabs.css +118 -118
  138. package/components/Tabs/tabs.scss +118 -118
  139. package/components/TextInputGroup/text-input-group.css +26 -26
  140. package/components/TextInputGroup/text-input-group.scss +26 -26
  141. package/components/Tile/tile.css +13 -13
  142. package/components/Tile/tile.scss +13 -13
  143. package/components/ToggleGroup/toggle-group.css +28 -28
  144. package/components/ToggleGroup/toggle-group.scss +28 -28
  145. package/components/Tooltip/tooltip.css +26 -26
  146. package/components/Tooltip/tooltip.scss +26 -26
  147. package/components/TreeView/tree-view.css +181 -181
  148. package/components/TreeView/tree-view.scss +122 -122
  149. package/components/Wizard/wizard.css +88 -88
  150. package/components/Wizard/wizard.scss +88 -88
  151. package/components/_index.css +4257 -4256
  152. package/docs/components/Drawer/examples/Drawer.md +1 -1
  153. package/docs/components/Slider/examples/Slider.md +39 -39
  154. package/docs/components/Table/examples/Table.md +20 -20
  155. package/docs/demos/Card/examples/Card.css +2 -2
  156. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -44
  157. package/docs/demos/Table/examples/Table.md +20 -20
  158. package/package.json +1 -1
  159. package/patternfly-no-globals.css +4257 -4256
  160. package/patternfly.css +4257 -4256
  161. package/patternfly.min.css +1 -1
  162. package/patternfly.min.css.map +1 -1
package/components/Tabs/tabs.css CHANGED
@@ -3,22 +3,22 @@
3
3
  --pf-v6-c-tabs--Width: auto;
4
4
  --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
5
5
  --pf-v6-c-tabs--before--border-width--base: var(--pf-t--global--border--width--regular);
6
- --pf-v6-c-tabs--before--BorderTopWidth: 0;
7
- --pf-v6-c-tabs--before--BorderRightWidth: 0;
8
- --pf-v6-c-tabs--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
9
- --pf-v6-c-tabs--before--BorderLeftWidth: 0;
6
+ --pf-v6-c-tabs--before--BorderBlockStartWidth: 0;
7
+ --pf-v6-c-tabs--before--BorderInlineEndWidth: 0;
8
+ --pf-v6-c-tabs--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
9
+ --pf-v6-c-tabs--before--BorderInlineStartWidth: 0;
10
10
  --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
11
11
  --pf-v6-c-tabs--m-page-insets--inset: var(--pf-t--global--spacer--md);
12
12
  --pf-v6-c-tabs--m-vertical--Width: 100%;
13
13
  --pf-v6-c-tabs--m-vertical--MaxWidth: 15.625rem;
14
14
  --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
15
15
  --pf-v6-c-tabs--m-vertical__list--before--BorderColor: var(--pf-v6-c-tabs--before--BorderColor);
16
- --pf-v6-c-tabs--m-vertical__list--before--BorderTopWidth: 0;
17
- --pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth: 0;
18
- --pf-v6-c-tabs--m-vertical__list--before--BorderBottomWidth: 0;
19
- --pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth: var(--pf-v6-c-tabs--before--border-width--base);
20
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
16
+ --pf-v6-c-tabs--m-vertical__list--before--BorderBlockStartWidth: 0;
17
+ --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: 0;
18
+ --pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth: 0;
19
+ --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
20
+ --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21
+ --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
22
22
  --pf-v6-c-tabs__list--Display: flex;
23
23
  --pf-v6-c-tabs__item--BackgroundColor: transparent;
24
24
  --pf-v6-c-tabs__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -38,18 +38,18 @@
38
38
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
39
39
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
40
40
  --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
41
- --pf-v6-c-tabs__link--PaddingTop: var(--pf-t--global--spacer--xs);
42
- --pf-v6-c-tabs__link--PaddingRight: var(--pf-t--global--spacer--sm);
43
- --pf-v6-c-tabs__link--PaddingBottom: var(--pf-t--global--spacer--xs);
44
- --pf-v6-c-tabs__link--PaddingLeft: var(--pf-t--global--spacer--sm);
41
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
42
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
43
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
44
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
45
45
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
46
46
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
47
47
  --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
48
48
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
49
49
  --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
50
50
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
51
- --pf-v6-c-tabs--m-vertical__link--PaddingLeft: var(--pf-t--global--spacer--sm);
52
- --pf-v6-c-tabs--m-vertical__link--PaddingRight: var(--pf-t--global--spacer--sm);
51
+ --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
52
+ --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
53
53
  --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
54
54
  --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
55
55
  --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
@@ -63,26 +63,26 @@
63
63
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
64
64
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
65
65
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
66
- --pf-v6-c-tabs__link--before--BorderTopColor: var(--pf-v6-c-tabs__link--before--border-color--base);
67
- --pf-v6-c-tabs__link--before--BorderRightColor: var(--pf-v6-c-tabs__link--before--border-color--base);
68
- --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--before--border-color--base);
69
- --pf-v6-c-tabs__link--before--BorderLeftColor: var(--pf-v6-c-tabs__link--before--border-color--base);
70
- --pf-v6-c-tabs__link--before--BorderTopWidth: 0;
71
- --pf-v6-c-tabs__link--before--BorderRightWidth: 0;
72
- --pf-v6-c-tabs__link--before--BorderBottomWidth: 0;
73
- --pf-v6-c-tabs__link--before--BorderLeftWidth: 0;
74
- --pf-v6-c-tabs__link--before--Left: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
75
- --pf-v6-c-tabs__link--disabled--before--BorderRightWidth: 0;
76
- --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
77
- --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: 0;
78
- --pf-v6-c-tabs__link--after--Top: auto;
79
- --pf-v6-c-tabs__link--after--Right: 0;
80
- --pf-v6-c-tabs__link--after--Bottom: 0;
66
+ --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
67
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
68
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
69
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
70
+ --pf-v6-c-tabs__link--before--BorderBlockStartWidth: 0;
71
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
72
+ --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
73
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
74
+ --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
75
+ --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
76
+ --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
77
+ --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
78
+ --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
79
+ --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
80
+ --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
81
81
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
82
82
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
83
- --pf-v6-c-tabs__link--after--BorderTopWidth: 0;
84
- --pf-v6-c-tabs__link--after--BorderRightWidth: 0;
85
- --pf-v6-c-tabs__link--after--BorderLeftWidth: 0;
83
+ --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
84
+ --pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
85
+ --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
86
86
  --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
87
87
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
88
88
  --pf-v6-c-tabs__scroll-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -95,9 +95,9 @@
95
95
  --pf-v6-c-tabs__scroll-button--TransitionDuration--opacity: .125s;
96
96
  --pf-v6-c-tabs__scroll-button--before--BorderColor: var(--pf-v6-c-tabs--before--BorderColor);
97
97
  --pf-v6-c-tabs__scroll-button--before--border-width--base: var(--pf-t--global--border--width--regular);
98
- --pf-v6-c-tabs__scroll-button--before--BorderRightWidth: 0;
99
- --pf-v6-c-tabs__scroll-button--before--BorderBottomWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
100
- --pf-v6-c-tabs__scroll-button--before--BorderLeftWidth: 0;
98
+ --pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth: 0;
99
+ --pf-v6-c-tabs__scroll-button--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
100
+ --pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth: 0;
101
101
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: x;
102
102
  --pf-v6-c-tabs__list--ScrollSnapTypeStrictness: proximity;
103
103
  --pf-v6-c-tabs__list--ScrollSnapType: var(--pf-v6-c-tabs__list--ScrollSnapTypeAxis) var(--pf-v6-c-tabs__list--ScrollSnapTypeStrictness);
@@ -107,8 +107,8 @@
107
107
  --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
108
108
  --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
109
109
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
110
- --pf-v6-c-tabs__toggle-text--MarginLeft: 0;
111
- --pf-v6-c-tabs__toggle-button__toggle-text--MarginLeft: var(--pf-t--global--spacer--md);
110
+ --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
111
+ --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
112
112
  --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
113
113
  --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
114
114
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
@@ -119,9 +119,9 @@
119
119
  --pf-v6-c-tabs--m-expandable--PaddingInlineEnd: var(--pf-t--global--spacer--md);
120
120
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-t--global--font--size--sm);
121
121
  --pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize: var(--pf-t--global--font--size--xs);
122
- --pf-v6-c-tabs__item-action-icon--MarginTop: 0.125rem;
122
+ --pf-v6-c-tabs__item-action-icon--MarginBlockStart: 0.125rem;
123
123
  --pf-v6-c-tabs__add--before--BorderColor: var(--pf-v6-c-tabs__link--before--border-color--base);
124
- --pf-v6-c-tabs__add--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
124
+ --pf-v6-c-tabs__add--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
125
125
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-t--global--font--size--sm);
126
126
  --pf-v6-c-tabs--m-subtab__add--c-button--FontSize: var(--pf-t--global--font--size--xs);
127
127
  --pf-v6-c-tabs__add--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -149,10 +149,10 @@
149
149
  inset-inline-start: 0;
150
150
  inset-inline-end: 0;
151
151
  border: solid var(--pf-v6-c-tabs--before--BorderColor);
152
- border-block-start-width: var(--pf-v6-c-tabs--before--BorderTopWidth);
153
- border-block-end-width: var(--pf-v6-c-tabs--before--BorderBottomWidth);
154
- border-inline-start-width: var(--pf-v6-c-tabs--before--BorderLeftWidth);
155
- border-inline-end-width: var(--pf-v6-c-tabs--before--BorderRightWidth);
152
+ border-block-start-width: var(--pf-v6-c-tabs--before--BorderBlockStartWidth);
153
+ border-block-end-width: var(--pf-v6-c-tabs--before--BorderBlockEndWidth);
154
+ border-inline-start-width: var(--pf-v6-c-tabs--before--BorderInlineStartWidth);
155
+ border-inline-end-width: var(--pf-v6-c-tabs--before--BorderInlineEndWidth);
156
156
  }
157
157
  .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__list {
158
158
  flex-basis: 100%;
@@ -161,10 +161,10 @@
161
161
  flex-grow: 1;
162
162
  }
163
163
  .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:first-child {
164
- --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth: 0;
164
+ --pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth: 0;
165
165
  }
166
166
  .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__item:last-child {
167
- --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth: 0;
167
+ --pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth: 0;
168
168
  }
169
169
  .pf-v6-c-tabs.pf-m-fill .pf-v6-c-tabs__link {
170
170
  flex-basis: 100%;
@@ -182,11 +182,11 @@
182
182
  transform: translateX(0);
183
183
  }
184
184
  .pf-v6-c-tabs.pf-m-no-border-bottom {
185
- --pf-v6-c-tabs--before--BorderBottomWidth: 0;
186
- --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: 0;
185
+ --pf-v6-c-tabs--before--BorderBlockEndWidth: 0;
186
+ --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
187
187
  }
188
188
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link, .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link {
189
- --pf-v6-c-tabs__link--after--BorderBottomWidth: 0;
189
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: 0;
190
190
  }
191
191
  .pf-v6-c-tabs.pf-m-box {
192
192
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box__item--BackgroundColor);
@@ -196,25 +196,25 @@
196
196
  --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-v6-c-tabs--m-box__link--disabled--BackgroundColor);
197
197
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-v6-c-tabs--m-box__link--hover--BackgroundColor);
198
198
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor);
199
- --pf-v6-c-tabs__link--before--BorderBottomWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
200
- --pf-v6-c-tabs__link--after--Top: 0;
201
- --pf-v6-c-tabs__link--after--Bottom: auto;
199
+ --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
200
+ --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
201
+ --pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
202
202
  }
203
203
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
204
- --pf-v6-c-tabs__link--after--BorderTopWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
204
+ --pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
205
205
  }
206
206
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item:last-child {
207
- --pf-v6-c-tabs__link--before--BorderRightWidth: 0;
207
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
208
208
  }
209
209
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
210
210
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
211
- --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--BackgroundColor);
211
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
212
212
  }
213
213
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
214
- border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderLeftWidth);
214
+ border-inline-start-width: var(--pf-v6-c-tabs--m-box__item--m-current--first-child__link--before--BorderInlineStartWidth);
215
215
  }
216
216
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current:last-child .pf-v6-c-tabs__link::before {
217
- border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderRightWidth);
217
+ border-inline-end-width: var(--pf-v6-c-tabs--m-box__item--m-current--last-child__link--before--BorderInlineEndWidth);
218
218
  }
219
219
  .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 {
220
220
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -223,7 +223,7 @@
223
223
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
224
224
  }
225
225
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
226
- --pf-v6-c-tabs__link--before--Left: 0;
226
+ --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
227
227
  }
228
228
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
229
229
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
@@ -237,17 +237,17 @@
237
237
  .pf-v6-c-tabs.pf-m-vertical {
238
238
  --pf-v6-c-tabs--Width: var(--pf-v6-c-tabs--m-vertical--Width);
239
239
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-vertical--inset);
240
- --pf-v6-c-tabs--before--BorderBottomWidth: 0;
240
+ --pf-v6-c-tabs--before--BorderBlockEndWidth: 0;
241
241
  --pf-v6-c-tabs__item--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineStart);
242
242
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
243
- --pf-v6-c-tabs__link--PaddingLeft: var(--pf-v6-c-tabs--m-vertical__link--PaddingLeft);
244
- --pf-v6-c-tabs__link--PaddingRight: var(--pf-v6-c-tabs--m-vertical__link--PaddingRight);
245
- --pf-v6-c-tabs__link--before--Left: 0;
246
- --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: 0;
247
- --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: var(--pf-v6-c-tabs--before--border-width--base);
248
- --pf-v6-c-tabs__link--after--Top: 0;
249
- --pf-v6-c-tabs__link--after--Bottom: 0;
250
- --pf-v6-c-tabs__link--after--Right: auto;
243
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
244
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
245
+ --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
246
+ --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
247
+ --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
248
+ --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
249
+ --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
250
+ --pf-v6-c-tabs__link--after--InsetInlineEnd: auto;
251
251
  --pf-v6-c-tabs__list--ScrollSnapTypeAxis: var(--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis);
252
252
  display: inline-flex;
253
253
  flex-direction: column;
@@ -265,10 +265,10 @@
265
265
  position: absolute;
266
266
  inset-inline-end: auto;
267
267
  border: solid var(--pf-v6-c-tabs--m-vertical__list--before--BorderColor);
268
- border-block-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderTopWidth);
269
- border-block-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderBottomWidth);
270
- border-inline-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth);
271
- border-inline-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth);
268
+ border-block-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderBlockStartWidth);
269
+ border-block-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderBlockEndWidth);
270
+ border-inline-start-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth);
271
+ border-inline-end-width: var(--pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth);
272
272
  }
273
273
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__item:first-child {
274
274
  margin-block-start: var(--pf-v6-c-tabs--inset);
@@ -277,8 +277,8 @@
277
277
  margin-block-end: var(--pf-v6-c-tabs--inset);
278
278
  }
279
279
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__link {
280
- --pf-v6-c-tabs__link--after--BorderTopWidth: 0;
281
- --pf-v6-c-tabs__link--after--BorderLeftWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
280
+ --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
281
+ --pf-v6-c-tabs__link--after--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
282
282
  max-width: 100%;
283
283
  text-align: start;
284
284
  }
@@ -358,29 +358,29 @@
358
358
  }
359
359
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
360
360
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-vertical--m-box--inset);
361
- --pf-v6-c-tabs--m-vertical__list--before--BorderLeftWidth: 0;
362
- --pf-v6-c-tabs--m-vertical__list--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
363
- --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
364
- --pf-v6-c-tabs__link--disabled--before--BorderRightWidth: var(--pf-v6-c-tabs--before--border-width--base);
365
- --pf-v6-c-tabs__link--disabled--before--BorderBottomWidth: var(--pf-v6-c-tabs--before--border-width--base);
366
- --pf-v6-c-tabs__link--disabled--before--BorderLeftWidth: 0;
361
+ --pf-v6-c-tabs--m-vertical__list--before--BorderInlineStartWidth: 0;
362
+ --pf-v6-c-tabs--m-vertical__list--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
363
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
364
+ --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
365
+ --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
366
+ --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
367
367
  }
368
368
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__list::before {
369
369
  inset-inline-start: auto;
370
370
  inset-inline-end: 0;
371
371
  }
372
372
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:last-child {
373
- --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
373
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
374
374
  }
375
375
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child {
376
- --pf-v6-c-tabs__link--before--BorderTopWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
376
+ --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
377
377
  }
378
378
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
379
- --pf-v6-c-tabs__link--before--BorderRightColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
380
- --pf-v6-c-tabs__link--before--BorderBottomColor: var(--pf-v6-c-tabs__link--before--border-color--base);
379
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
380
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
381
381
  }
382
382
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
383
- --pf-v6-c-tabs__link--before--BorderTopWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
383
+ --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
384
384
  }
385
385
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__link::after {
386
386
  inset-block-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -408,7 +408,7 @@
408
408
  }
409
409
 
410
410
  .pf-v6-c-tabs__toggle-button {
411
- --pf-v6-c-tabs__toggle-text--MarginLeft: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginLeft);
411
+ --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
412
412
  --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
413
413
  }
414
414
  .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
@@ -428,7 +428,7 @@
428
428
  }
429
429
 
430
430
  .pf-v6-c-tabs__toggle-text {
431
- margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginLeft);
431
+ margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
432
432
  color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
433
433
  }
434
434
 
@@ -514,10 +514,10 @@
514
514
  flex: 1;
515
515
  column-gap: var(--pf-v6-c-tabs__link--ColumnGap);
516
516
  align-items: center;
517
- padding-block-start: var(--pf-v6-c-tabs__link--PaddingTop);
518
- padding-block-end: var(--pf-v6-c-tabs__link--PaddingBottom);
519
- padding-inline-start: var(--pf-v6-c-tabs__link--PaddingLeft);
520
- padding-inline-end: var(--pf-v6-c-tabs__link--PaddingRight);
517
+ padding-block-start: var(--pf-v6-c-tabs__link--PaddingBlockStart);
518
+ padding-block-end: var(--pf-v6-c-tabs__link--PaddingBlockEnd);
519
+ padding-inline-start: var(--pf-v6-c-tabs__link--PaddingInlineStart);
520
+ padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
521
521
  font-size: var(--pf-v6-c-tabs__link--FontSize);
522
522
  color: var(--pf-v6-c-tabs__link--Color);
523
523
  text-decoration: none;
@@ -525,31 +525,31 @@
525
525
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
526
526
  }
527
527
  .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
528
- --pf-v6-c-tabs__link--after--BorderBottomWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
528
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
529
529
  }
530
530
 
531
531
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
532
532
  pointer-events: none;
533
- border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderTopColor);
534
- border-block-start-width: var(--pf-v6-c-tabs__link--before--BorderTopWidth);
535
- border-block-end-color: var(--pf-v6-c-tabs__link--before--BorderBottomColor);
536
- border-block-end-width: var(--pf-v6-c-tabs__link--before--BorderBottomWidth);
537
- border-inline-start-color: var(--pf-v6-c-tabs__link--before--BorderLeftColor);
538
- border-inline-start-width: var(--pf-v6-c-tabs__link--before--BorderLeftWidth);
539
- border-inline-end-color: var(--pf-v6-c-tabs__link--before--BorderRightColor);
540
- border-inline-end-width: var(--pf-v6-c-tabs__link--before--BorderRightWidth);
533
+ border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
534
+ border-block-start-width: var(--pf-v6-c-tabs__link--before--BorderBlockStartWidth);
535
+ border-block-end-color: var(--pf-v6-c-tabs__link--before--BorderBlockEndColor);
536
+ border-block-end-width: var(--pf-v6-c-tabs__link--before--BorderBlockEndWidth);
537
+ border-inline-start-color: var(--pf-v6-c-tabs__link--before--BorderInlineStartColor);
538
+ border-inline-start-width: var(--pf-v6-c-tabs__link--before--BorderInlineStartWidth);
539
+ border-inline-end-color: var(--pf-v6-c-tabs__link--before--BorderInlineEndColor);
540
+ border-inline-end-width: var(--pf-v6-c-tabs__link--before--BorderInlineEndWidth);
541
541
  }
542
542
 
543
543
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
544
- inset-block-start: var(--pf-v6-c-tabs__link--after--Top);
545
- inset-block-end: var(--pf-v6-c-tabs__link--after--Bottom);
546
- inset-inline-start: var(--pf-v6-c-tabs__link--before--Left);
547
- inset-inline-end: var(--pf-v6-c-tabs__link--after--Right);
544
+ inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
545
+ inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
546
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
547
+ inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
548
548
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
549
- border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderTopWidth);
550
- border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBottomWidth);
551
- border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderLeftWidth);
552
- border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderRightWidth);
549
+ border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
550
+ border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
551
+ border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
552
+ border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
553
553
  }
554
554
 
555
555
  .pf-v6-c-tabs__link:where(:hover, :focus) {
@@ -560,9 +560,9 @@
560
560
  }
561
561
  .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 {
562
562
  --pf-v6-c-tabs__link--Color: var(--pf-v6-c-tabs__link--disabled--Color);
563
- --pf-v6-c-tabs__link--before--BorderRightWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderRightWidth);
564
- --pf-v6-c-tabs__link--before--BorderBottomWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderBottomWidth);
565
- --pf-v6-c-tabs__link--before--BorderLeftWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderLeftWidth);
563
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth);
564
+ --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth);
565
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth);
566
566
  --pf-v6-c-tabs__link--after--BorderWidth: 0;
567
567
  }
568
568
 
@@ -600,7 +600,7 @@
600
600
 
601
601
  .pf-v6-c-tabs__item-action-icon {
602
602
  display: inline-block;
603
- margin-block-start: var(--pf-v6-c-tabs__item-action-icon--MarginTop);
603
+ margin-block-start: var(--pf-v6-c-tabs__item-action-icon--MarginBlockStart);
604
604
  }
605
605
 
606
606
  .pf-v6-c-tabs__scroll-button {
@@ -614,17 +614,17 @@
614
614
  .pf-v6-c-tabs__scroll-button::before {
615
615
  border-color: var(--pf-v6-c-tabs__scroll-button--before--BorderColor);
616
616
  border-block-start-width: 0;
617
- border-block-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderBottomWidth);
618
- border-inline-start-width: var(--pf-v6-c-tabs__scroll-button--before--BorderLeftWidth);
619
- border-inline-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderRightWidth);
617
+ border-block-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderBlockEndWidth);
618
+ border-inline-start-width: var(--pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth);
619
+ border-inline-end-width: var(--pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth);
620
620
  }
621
621
  .pf-v6-c-tabs__scroll-button:nth-of-type(1) {
622
- --pf-v6-c-tabs__scroll-button--before--BorderRightWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
622
+ --pf-v6-c-tabs__scroll-button--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
623
623
  margin-inline-end: calc(var(--pf-v6-c-tabs__scroll-button--Width) * -1);
624
624
  transform: translateX(-100%);
625
625
  }
626
626
  .pf-v6-c-tabs__scroll-button:nth-of-type(2) {
627
- --pf-v6-c-tabs__scroll-button--before--BorderLeftWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
627
+ --pf-v6-c-tabs__scroll-button--before--BorderInlineStartWidth: var(--pf-v6-c-tabs__scroll-button--before--border-width--base);
628
628
  margin-inline-start: calc(var(--pf-v6-c-tabs__scroll-button--Width) * -1);
629
629
  transform: translateX(100%);
630
630
  }
@@ -638,7 +638,7 @@
638
638
  padding-inline-end: var(--pf-v6-c-tabs__add--PaddingInlineEnd);
639
639
  }
640
640
  .pf-v6-c-tabs__add::before {
641
- border-inline-start: var(--pf-v6-c-tabs__add--before--BorderLeftWidth) solid var(--pf-v6-c-tabs__add--before--BorderColor);
641
+ border-inline-start: var(--pf-v6-c-tabs__add--before--BorderInlineStartWidth) solid var(--pf-v6-c-tabs__add--before--BorderColor);
642
642
  }
643
643
  .pf-v6-c-tabs__add .pf-v6-c-button {
644
644
  --pf-v6-c-button--FontSize: var(--pf-v6-c-tabs__add--c-button--FontSize);