@patternfly/react-styles 6.0.0-alpha.20 → 6.0.0-alpha.22

Sign up to get free protection for your applications and to get access to all the features.
Files changed (205) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +64 -64
  3. package/css/components/Accordion/accordion.css +40 -40
  4. package/css/components/ActionList/action-list.css +1 -1
  5. package/css/components/Alert/alert-group.css +15 -15
  6. package/css/components/Alert/alert.css +47 -47
  7. package/css/components/Avatar/avatar.css +1 -1
  8. package/css/components/BackToTop/back-to-top.css +16 -16
  9. package/css/components/Backdrop/backdrop.css +1 -2
  10. package/css/components/BackgroundImage/background-image.css +1 -2
  11. package/css/components/Badge/badge.css +7 -7
  12. package/css/components/Banner/banner.css +14 -14
  13. package/css/components/Breadcrumb/breadcrumb.css +16 -17
  14. package/css/components/Breadcrumb/breadcrumb.d.ts +1 -1
  15. package/css/components/Breadcrumb/breadcrumb.js +1 -1
  16. package/css/components/Breadcrumb/breadcrumb.mjs +1 -1
  17. package/css/components/Button/button.css +94 -95
  18. package/css/components/CalendarMonth/calendar-month.css +43 -44
  19. package/css/components/Card/card.css +60 -61
  20. package/css/components/Check/check.css +3 -4
  21. package/css/components/ClipboardCopy/clipboard-copy.css +37 -38
  22. package/css/components/CodeBlock/code-block.css +20 -20
  23. package/css/components/CodeEditor/code-editor.css +34 -34
  24. package/css/components/Content/content.css +155 -130
  25. package/css/components/Content/content.d.ts +19 -0
  26. package/css/components/Content/content.js +19 -0
  27. package/css/components/Content/content.mjs +19 -0
  28. package/css/components/DataList/data-list-grid.css +98 -98
  29. package/css/components/DataList/data-list.css +282 -285
  30. package/css/components/DataList/data-list.d.ts +11 -11
  31. package/css/components/DataList/data-list.js +11 -11
  32. package/css/components/DataList/data-list.mjs +11 -11
  33. package/css/components/DatePicker/date-picker.css +15 -16
  34. package/css/components/DescriptionList/description-list.css +13 -13
  35. package/css/components/Divider/divider.css +27 -31
  36. package/css/components/DragDrop/drag-drop.css +2 -2
  37. package/css/components/Drawer/drawer.css +87 -90
  38. package/css/components/DualListSelector/dual-list-selector.css +60 -59
  39. package/css/components/EmptyState/empty-state.css +33 -33
  40. package/css/components/ExpandableSection/expandable-section.css +49 -49
  41. package/css/components/FileUpload/file-upload.css +1 -2
  42. package/css/components/Form/form.css +107 -108
  43. package/css/components/FormControl/form-control.css +45 -46
  44. package/css/components/HelperText/helper-text.css +3 -3
  45. package/css/components/Hint/hint.css +19 -18
  46. package/css/components/Hint/hint.d.ts +1 -2
  47. package/css/components/Hint/hint.js +1 -2
  48. package/css/components/Hint/hint.mjs +1 -2
  49. package/css/components/Icon/icon.css +1 -2
  50. package/css/components/InlineEdit/inline-edit.css +11 -12
  51. package/css/components/InputGroup/input-group.css +17 -18
  52. package/css/components/JumpLinks/jump-links.css +76 -77
  53. package/css/components/Label/label-group.css +27 -28
  54. package/css/components/Label/label.css +31 -32
  55. package/css/components/List/list.css +27 -27
  56. package/css/components/LogViewer/log-viewer.css +53 -77
  57. package/css/components/LogViewer/log-viewer.d.ts +0 -2
  58. package/css/components/LogViewer/log-viewer.js +0 -2
  59. package/css/components/LogViewer/log-viewer.mjs +0 -2
  60. package/css/components/Login/login.css +99 -104
  61. package/css/components/Login/login.d.ts +1 -1
  62. package/css/components/Login/login.js +1 -1
  63. package/css/components/Login/login.mjs +1 -1
  64. package/css/components/Masthead/masthead.css +1 -2
  65. package/css/components/Menu/menu.css +128 -84
  66. package/css/components/MenuToggle/menu-toggle.css +59 -60
  67. package/css/components/ModalBox/modal-box.css +41 -41
  68. package/css/components/MultipleFileUpload/multiple-file-upload.css +33 -34
  69. package/css/components/Nav/nav.css +1 -2
  70. package/css/components/NotificationBadge/notification-badge.css +17 -17
  71. package/css/components/NotificationDrawer/notification-drawer.css +42 -43
  72. package/css/components/NumberInput/number-input.css +8 -12
  73. package/css/components/OverflowMenu/overflow-menu.css +1 -1
  74. package/css/components/Page/page.css +146 -365
  75. package/css/components/Page/page.d.ts +0 -25
  76. package/css/components/Page/page.js +0 -25
  77. package/css/components/Page/page.mjs +0 -25
  78. package/css/components/Pagination/pagination.css +35 -38
  79. package/css/components/Panel/panel.css +25 -26
  80. package/css/components/Popover/popover.css +48 -48
  81. package/css/components/Progress/progress.css +5 -6
  82. package/css/components/ProgressStepper/progress-stepper.css +227 -229
  83. package/css/components/Radio/radio.css +7 -8
  84. package/css/components/Sidebar/sidebar.css +45 -46
  85. package/css/components/SimpleList/simple-list.css +19 -19
  86. package/css/components/Skeleton/skeleton.css +5 -6
  87. package/css/components/SkipToContent/skip-to-content.css +5 -5
  88. package/css/components/Slider/slider.css +26 -27
  89. package/css/components/Spinner/spinner.css +1 -2
  90. package/css/components/Switch/switch.css +5 -6
  91. package/css/components/TabContent/tab-content.css +25 -26
  92. package/css/components/Table/table-grid.css +404 -404
  93. package/css/components/Table/table-scrollable.css +17 -18
  94. package/css/components/Table/table-tree-view.css +257 -258
  95. package/css/components/Table/table-tree-view.d.ts +1 -1
  96. package/css/components/Table/table-tree-view.js +1 -1
  97. package/css/components/Table/table-tree-view.mjs +1 -1
  98. package/css/components/Table/table.css +174 -173
  99. package/css/components/Table/table.d.ts +7 -7
  100. package/css/components/Table/table.js +7 -7
  101. package/css/components/Table/table.mjs +7 -7
  102. package/css/components/Tabs/tabs.css +119 -120
  103. package/css/components/TextInputGroup/text-input-group.css +28 -29
  104. package/css/components/TextInputGroup/text-input-group.d.ts +1 -1
  105. package/css/components/TextInputGroup/text-input-group.js +1 -1
  106. package/css/components/TextInputGroup/text-input-group.mjs +1 -1
  107. package/css/components/Tile/tile.css +14 -15
  108. package/css/components/Timestamp/timestamp.css +1 -1
  109. package/css/components/Title/title.css +1 -1
  110. package/css/components/ToggleGroup/toggle-group.css +29 -30
  111. package/css/components/Toolbar/toolbar.css +250 -132
  112. package/css/components/Toolbar/toolbar.d.ts +2 -2
  113. package/css/components/Toolbar/toolbar.js +2 -2
  114. package/css/components/Toolbar/toolbar.mjs +2 -2
  115. package/css/components/Tooltip/tooltip.css +27 -27
  116. package/css/components/TreeView/tree-view.css +182 -183
  117. package/css/components/Truncate/truncate.css +1 -2
  118. package/css/components/Wizard/wizard.css +158 -140
  119. package/css/components/Wizard/wizard.d.ts +5 -2
  120. package/css/components/Wizard/wizard.js +5 -2
  121. package/css/components/Wizard/wizard.mjs +5 -2
  122. package/css/components/_index.css +23505 -0
  123. package/css/components/_index.d.ts +1497 -0
  124. package/css/components/_index.js +1498 -0
  125. package/css/components/_index.mjs +1496 -0
  126. package/css/docs/components/LogViewer/examples/LogViewer.css +9 -2
  127. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +2 -0
  128. package/css/docs/components/LogViewer/examples/LogViewer.js +2 -0
  129. package/css/docs/components/LogViewer/examples/LogViewer.mjs +2 -0
  130. package/css/docs/components/Nav/examples/Navigation.css +0 -5
  131. package/css/docs/components/Nav/examples/Navigation.d.ts +0 -1
  132. package/css/docs/components/Nav/examples/Navigation.js +0 -1
  133. package/css/docs/components/Nav/examples/Navigation.mjs +0 -1
  134. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  135. package/css/docs/components/Table/examples/Table.css +7 -0
  136. package/css/docs/components/Table/examples/Table.d.ts +2 -0
  137. package/css/docs/components/Table/examples/Table.js +2 -0
  138. package/css/docs/components/Table/examples/Table.mjs +2 -0
  139. package/css/docs/demos/Card/examples/Card.css +2 -2
  140. package/css/docs/demos/Toolbar/examples/Toolbar.css +1 -17
  141. package/css/docs/utilities/Alignment/examples/Alignment.css +2 -2
  142. package/css/docs/utilities/Display/examples/Display.css +3 -10
  143. package/css/docs/utilities/Display/examples/Display.d.ts +0 -8
  144. package/css/docs/utilities/Display/examples/Display.js +0 -8
  145. package/css/docs/utilities/Display/examples/Display.mjs +0 -8
  146. package/css/docs/utilities/Flex/examples/Flex.css +2 -2
  147. package/css/docs/utilities/Float/examples/Float.css +3 -3
  148. package/css/docs/utilities/Sizing/examples/Sizing.css +2 -2
  149. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  150. package/css/layouts/Bullseye/bullseye.css +1 -2
  151. package/css/layouts/Flex/flex.css +1 -2
  152. package/css/layouts/Gallery/gallery.css +1 -2
  153. package/css/layouts/Grid/grid.css +1 -2
  154. package/css/layouts/Level/level.css +1 -2
  155. package/css/layouts/Split/split.css +1 -2
  156. package/css/layouts/Stack/stack.css +1 -2
  157. package/css/layouts/_index.css +3454 -0
  158. package/css/layouts/_index.d.ts +846 -0
  159. package/css/layouts/_index.js +847 -0
  160. package/css/layouts/_index.mjs +845 -0
  161. package/css/utilities/BackgroundColor/{BackgroundColor.d.ts → background-color.d.ts} +1 -1
  162. package/css/utilities/BackgroundColor/{BackgroundColor.js → background-color.js} +1 -1
  163. package/css/utilities/BackgroundColor/{BackgroundColor.mjs → background-color.mjs} +1 -1
  164. package/css/utilities/Display/display.css +38 -0
  165. package/css/utilities/Display/display.d.ts +12 -0
  166. package/css/utilities/Display/display.js +12 -0
  167. package/css/utilities/Display/display.mjs +12 -0
  168. package/css/utilities/_index.css +7815 -0
  169. package/css/utilities/_index.d.ts +1671 -0
  170. package/css/utilities/_index.js +1672 -0
  171. package/css/utilities/_index.mjs +1670 -0
  172. package/package.json +3 -3
  173. package/css/components/AppLauncher/app-launcher.css +0 -244
  174. package/css/components/AppLauncher/app-launcher.d.ts +0 -29
  175. package/css/components/AppLauncher/app-launcher.js +0 -30
  176. package/css/components/AppLauncher/app-launcher.mjs +0 -28
  177. package/css/components/Chip/chip-group.css +0 -93
  178. package/css/components/Chip/chip-group.d.ts +0 -13
  179. package/css/components/Chip/chip-group.js +0 -14
  180. package/css/components/Chip/chip-group.mjs +0 -12
  181. package/css/components/Chip/chip.css +0 -122
  182. package/css/components/Chip/chip.d.ts +0 -16
  183. package/css/components/Chip/chip.js +0 -17
  184. package/css/components/Chip/chip.mjs +0 -15
  185. package/css/components/ContextSelector/context-selector.css +0 -336
  186. package/css/components/ContextSelector/context-selector.d.ts +0 -25
  187. package/css/components/ContextSelector/context-selector.js +0 -26
  188. package/css/components/ContextSelector/context-selector.mjs +0 -24
  189. package/css/components/Dropdown/dropdown.css +0 -686
  190. package/css/components/Dropdown/dropdown.d.ts +0 -55
  191. package/css/components/Dropdown/dropdown.js +0 -56
  192. package/css/components/Dropdown/dropdown.mjs +0 -54
  193. package/css/components/OptionsMenu/options-menu.css +0 -279
  194. package/css/components/OptionsMenu/options-menu.d.ts +0 -27
  195. package/css/components/OptionsMenu/options-menu.js +0 -28
  196. package/css/components/OptionsMenu/options-menu.mjs +0 -26
  197. package/css/components/Select/select.css +0 -599
  198. package/css/components/Select/select.d.ts +0 -61
  199. package/css/components/Select/select.js +0 -62
  200. package/css/components/Select/select.mjs +0 -60
  201. package/css/docs/components/Page/deprecated/PageHeader.css +0 -17
  202. package/css/docs/components/Page/deprecated/PageHeader.d.ts +0 -12
  203. package/css/docs/components/Page/deprecated/PageHeader.js +0 -13
  204. package/css/docs/components/Page/deprecated/PageHeader.mjs +0 -11
  205. /package/css/utilities/BackgroundColor/{BackgroundColor.css → background-color.css} +0 -0
package/css/components/Table/table-grid.css CHANGED
@@ -2,69 +2,69 @@
2
2
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
3
3
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
4
4
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
5
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
5
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
6
6
  --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
7
7
  --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
8
- --pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
8
+ --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
9
9
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
10
- --pf-v6-c-table__tr--responsive--MarginTop: var(--pf-v6-c-table__tbody--responsive--border-width--base);
11
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-t--global--spacer--md);
12
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
13
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--md);
14
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
15
- --pf-v6-c-table__tr--responsive--nested-table--PaddingTop: var(--pf-t--global--spacer--xl);
16
- --pf-v6-c-table__tr--responsive--nested-table--PaddingRight: var(--pf-t--global--spacer--lg);
17
- --pf-v6-c-table__tr--responsive--nested-table--PaddingBottom: var(--pf-t--global--spacer--xl);
18
- --pf-v6-c-table__tr--responsive--nested-table--PaddingLeft: var(--pf-t--global--spacer--lg);
19
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: 0;
20
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: transparent;
21
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
22
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
23
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
24
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor: var(--pf-t--global--border--color--clicked);
10
+ --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
11
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
12
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
13
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
15
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
16
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
17
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
19
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
20
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
21
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
22
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
23
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
24
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
25
25
  --pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
26
- --pf-v6-c-table--m-grid--cell--PaddingTop: 0;
27
- --pf-v6-c-table--m-grid--cell--PaddingRight: 0;
28
- --pf-v6-c-table--m-grid--cell--PaddingBottom: 0;
29
- --pf-v6-c-table--m-grid--cell--PaddingLeft: 0;
26
+ --pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
27
+ --pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
28
+ --pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
29
+ --pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
30
30
  --pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
31
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-t--global--spacer--md);
32
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
33
- --pf-v6-c-table--cell--first-child--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
34
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
35
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
36
- --pf-v6-c-table--m-compact__tr--responsive--PaddingTop: var(--pf-t--global--spacer--sm);
37
- --pf-v6-c-table--m-compact__tr--responsive--PaddingBottom: var(--pf-t--global--spacer--sm);
38
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop: var(--pf-t--global--spacer--xs);
39
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom: var(--pf-t--global--spacer--xs);
40
- --pf-v6-c-table--m-compact__check--responsive--MarginTop: 0.4375rem;
41
- --pf-v6-c-table--m-compact__action--responsive--MarginTop: calc(var(--pf-t--global--spacer--xs) * -1);
42
- --pf-v6-c-table--m-compact__action--responsive--MarginBottom: calc(var(--pf-t--global--spacer--xs) * -1);
43
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom: calc(0.375rem * -1);
44
- --pf-v6-c-table__expandable-row-content--responsive--PaddingRight: var(--pf-t--global--spacer--lg);
45
- --pf-v6-c-table__expandable-row-content--responsive--PaddingLeft: var(--pf-t--global--spacer--lg);
31
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
32
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
33
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
35
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
36
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
37
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
38
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
39
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
40
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
41
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
42
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
43
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(0.375rem * -1);
44
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
45
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--lg);
46
46
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
47
- --pf-v6-c-table__check--responsive--MarginLeft: var(--pf-v6-c-table__tbody--responsive--border-width--base);
48
- --pf-v6-c-table__check--responsive--MarginTop: 0.875rem;
49
- --pf-v6-c-table--m-grid__favorite--MarginTop: 0.5rem;
50
- --pf-v6-c-table--m-grid__check--favorite--MarginLeft: var(--pf-t--global--spacer--xl);
51
- --pf-v6-c-table--m-grid__action--MarginTop: 0.375rem;
52
- --pf-v6-c-table__action--responsive--MarginLeft: var(--pf-t--global--spacer--xl);
53
- --pf-v6-c-table--m-grid__favorite--action--MarginLeft: var(--pf-t--global--spacer--2xl);
54
- --pf-v6-c-table--m-grid__check--favorite--action--MarginLeft: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft) + var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft));
47
+ --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
48
+ --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
49
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
50
+ --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
51
+ --pf-v6-c-table--m-grid__action--MarginBlockStart: 0.375rem;
52
+ --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
53
+ --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
54
+ --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
55
55
  --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
56
56
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
57
57
  }
58
58
 
59
59
  .pf-m-grid.pf-v6-c-table {
60
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
61
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
62
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
63
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
64
- --pf-v6-c-table__favorite--c-button--MarginTop: auto;
65
- --pf-v6-c-table__favorite--c-button--MarginRight: auto;
66
- --pf-v6-c-table__favorite--c-button--MarginBottom: auto;
67
- --pf-v6-c-table__favorite--c-button--MarginLeft: auto;
60
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
61
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
62
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
63
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
64
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
65
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
66
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
67
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
68
68
  display: grid;
69
69
  border: none;
70
70
  }
@@ -102,7 +102,7 @@
102
102
  }
103
103
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
104
104
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
105
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth);
105
+ border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
106
106
  }
107
107
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
108
108
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -114,7 +114,7 @@
114
114
  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
115
115
  }
116
116
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
117
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
117
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
118
118
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
119
119
  }
120
120
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -123,34 +123,34 @@
123
123
  height: auto;
124
124
  grid-auto-columns: max-content;
125
125
  grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
126
- padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingTop);
127
- padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingRight);
128
- padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
129
- padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
126
+ padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
127
+ padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
128
+ padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
129
+ padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
130
130
  }
131
131
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
132
- padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
133
- padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
134
- padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
135
- padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
132
+ padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
133
+ padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
134
+ padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
135
+ padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
136
136
  }
137
137
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
138
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
138
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
139
139
  }
140
140
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
141
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingTop);
142
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBottom);
143
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop);
144
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom);
145
- --pf-v6-c-table__check--responsive--MarginTop: var(--pf-v6-c-table--m-compact__check--responsive--MarginTop);
146
- --pf-v6-c-table__check--input--MarginTop: 0;
141
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
142
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
143
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
144
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
145
+ --pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
146
+ --pf-v6-c-table__check--input--MarginBlockStart: 0;
147
147
  }
148
148
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
149
- margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
150
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
149
+ margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
150
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
151
151
  }
152
152
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
153
- margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom);
153
+ margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
154
154
  }
155
155
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__icon > * {
156
156
  text-align: start;
@@ -171,25 +171,25 @@
171
171
  content: attr(data-label);
172
172
  }
173
173
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
174
- --pf-v6-c-table--cell--PaddingLeft: 0;
174
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
175
175
  }
176
176
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
177
- --pf-v6-c-table--cell--PaddingRight: 0;
177
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
178
178
  }
179
179
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table {
180
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingTop);
181
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingRight);
182
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBottom);
183
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingLeft);
180
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
181
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
182
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
183
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
184
184
  border: 0;
185
185
  }
186
186
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
187
- --pf-v6-c-table__tr--responsive--PaddingTop: 0;
187
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
188
188
  }
189
189
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
190
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
191
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
192
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: 100%;
190
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
191
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
192
+ --pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
193
193
  }
194
194
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
195
195
  position: relative;
@@ -201,27 +201,27 @@
201
201
  inset-inline-start: 0;
202
202
  content: "";
203
203
  border: 0;
204
- border-inline-start: var(--pf-v6-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
204
+ border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
205
205
  }
206
206
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
207
- --pf-v6-c-table__tbody--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
207
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
208
208
  }
209
209
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
210
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
210
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
211
211
  }
212
212
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
213
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
213
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
214
214
  position: static;
215
215
  width: auto;
216
216
  background-color: transparent;
217
217
  }
218
218
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row {
219
- --pf-v6-c-table--cell--responsive--PaddingTop: 0;
220
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
221
- --pf-v6-c-table--cell--responsive--PaddingBottom: 0;
222
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
223
- --pf-v6-c-table--cell--PaddingRight: 0;
224
- --pf-v6-c-table--cell--PaddingLeft: 0;
219
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
220
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
221
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
222
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
223
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
224
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
225
225
  display: block;
226
226
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
227
227
  overflow-y: auto;
@@ -245,12 +245,12 @@
245
245
  display: none;
246
246
  }
247
247
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
248
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingRight);
249
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingLeft);
248
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
249
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
250
250
  }
251
251
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
252
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
253
- --pf-v6-c-table__tbody--after--BorderLeftColor: transparent;
252
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
253
+ --pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
254
254
  }
255
255
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
256
256
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
@@ -262,16 +262,16 @@
262
262
  inset-block-start: 0;
263
263
  inset-block-end: 0;
264
264
  inset-inline-start: 0;
265
- width: var(--pf-v6-c-table__tbody--after__tr--BorderLeftWidth);
266
- background-color: var(--pf-v6-c-table__tbody--after__tr--BorderLeftColor);
265
+ width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
266
+ background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
267
267
  }
268
268
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
269
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
270
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
269
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
270
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
271
271
  }
272
272
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
273
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
274
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor);
273
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
274
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
275
275
  }
276
276
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
277
277
  content: "";
@@ -279,8 +279,8 @@
279
279
  inset-block-start: 0;
280
280
  inset-block-end: 0;
281
281
  inset-inline-start: 0;
282
- width: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
283
- background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
282
+ width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
283
+ background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
284
284
  }
285
285
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
286
286
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
@@ -299,10 +299,10 @@
299
299
  content: none;
300
300
  }
301
301
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__button {
302
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
303
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
304
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
305
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
302
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
303
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
304
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
305
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
306
306
  }
307
307
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check,
308
308
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite,
@@ -311,31 +311,31 @@
311
311
  grid-column-start: 2;
312
312
  }
313
313
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check {
314
- margin-block-start: var(--pf-v6-c-table__check--responsive--MarginTop);
315
- margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginLeft);
314
+ margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
315
+ margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
316
316
  line-height: 1;
317
317
  }
318
318
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
319
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft);
319
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
320
320
  }
321
321
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
322
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginLeft);
322
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
323
323
  }
324
324
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
325
- margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginLeft);
325
+ margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
326
326
  }
327
327
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__check label {
328
328
  display: inline-block;
329
329
  margin: 0;
330
330
  }
331
331
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite {
332
- margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginTop);
332
+ margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
333
333
  }
334
334
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
335
- margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft);
335
+ margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
336
336
  }
337
337
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
338
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginTop);
338
+ margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
339
339
  text-align: end;
340
340
  }
341
341
  @media screen and (max-width: 576px) {
@@ -371,14 +371,14 @@
371
371
 
372
372
  @media screen and (max-width: 768px) {
373
373
  .pf-m-grid-md.pf-v6-c-table {
374
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
375
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
376
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
377
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
378
- --pf-v6-c-table__favorite--c-button--MarginTop: auto;
379
- --pf-v6-c-table__favorite--c-button--MarginRight: auto;
380
- --pf-v6-c-table__favorite--c-button--MarginBottom: auto;
381
- --pf-v6-c-table__favorite--c-button--MarginLeft: auto;
374
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
375
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
376
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
377
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
378
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
379
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
380
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
381
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
382
382
  display: grid;
383
383
  border: none;
384
384
  }
@@ -416,7 +416,7 @@
416
416
  }
417
417
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
418
418
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
419
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth);
419
+ border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
420
420
  }
421
421
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
422
422
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -428,7 +428,7 @@
428
428
  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
429
429
  }
430
430
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
431
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
431
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
432
432
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
433
433
  }
434
434
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -437,34 +437,34 @@
437
437
  height: auto;
438
438
  grid-auto-columns: max-content;
439
439
  grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
440
- padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingTop);
441
- padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingRight);
442
- padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
443
- padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
440
+ padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
441
+ padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
442
+ padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
443
+ padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
444
444
  }
445
445
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
446
- padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
447
- padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
448
- padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
449
- padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
446
+ padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
447
+ padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
448
+ padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
449
+ padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
450
450
  }
451
451
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
452
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
452
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
453
453
  }
454
454
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
455
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingTop);
456
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBottom);
457
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop);
458
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom);
459
- --pf-v6-c-table__check--responsive--MarginTop: var(--pf-v6-c-table--m-compact__check--responsive--MarginTop);
460
- --pf-v6-c-table__check--input--MarginTop: 0;
455
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
456
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
457
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
458
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
459
+ --pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
460
+ --pf-v6-c-table__check--input--MarginBlockStart: 0;
461
461
  }
462
462
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
463
- margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
464
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
463
+ margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
464
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
465
465
  }
466
466
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
467
- margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom);
467
+ margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
468
468
  }
469
469
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__icon > * {
470
470
  text-align: start;
@@ -485,25 +485,25 @@
485
485
  content: attr(data-label);
486
486
  }
487
487
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
488
- --pf-v6-c-table--cell--PaddingLeft: 0;
488
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
489
489
  }
490
490
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
491
- --pf-v6-c-table--cell--PaddingRight: 0;
491
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
492
492
  }
493
493
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table {
494
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingTop);
495
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingRight);
496
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBottom);
497
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingLeft);
494
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
495
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
496
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
497
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
498
498
  border: 0;
499
499
  }
500
500
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
501
- --pf-v6-c-table__tr--responsive--PaddingTop: 0;
501
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
502
502
  }
503
503
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
504
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
505
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
506
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: 100%;
504
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
505
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
506
+ --pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
507
507
  }
508
508
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
509
509
  position: relative;
@@ -515,27 +515,27 @@
515
515
  inset-inline-start: 0;
516
516
  content: "";
517
517
  border: 0;
518
- border-inline-start: var(--pf-v6-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
518
+ border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
519
519
  }
520
520
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
521
- --pf-v6-c-table__tbody--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
521
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
522
522
  }
523
523
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
524
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
524
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
525
525
  }
526
526
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
527
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
527
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
528
528
  position: static;
529
529
  width: auto;
530
530
  background-color: transparent;
531
531
  }
532
532
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row {
533
- --pf-v6-c-table--cell--responsive--PaddingTop: 0;
534
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
535
- --pf-v6-c-table--cell--responsive--PaddingBottom: 0;
536
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
537
- --pf-v6-c-table--cell--PaddingRight: 0;
538
- --pf-v6-c-table--cell--PaddingLeft: 0;
533
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
534
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
535
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
536
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
537
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
538
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
539
539
  display: block;
540
540
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
541
541
  overflow-y: auto;
@@ -559,12 +559,12 @@
559
559
  display: none;
560
560
  }
561
561
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
562
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingRight);
563
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingLeft);
562
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
563
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
564
564
  }
565
565
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
566
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
567
- --pf-v6-c-table__tbody--after--BorderLeftColor: transparent;
566
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
567
+ --pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
568
568
  }
569
569
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
570
570
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
@@ -576,16 +576,16 @@
576
576
  inset-block-start: 0;
577
577
  inset-block-end: 0;
578
578
  inset-inline-start: 0;
579
- width: var(--pf-v6-c-table__tbody--after__tr--BorderLeftWidth);
580
- background-color: var(--pf-v6-c-table__tbody--after__tr--BorderLeftColor);
579
+ width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
580
+ background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
581
581
  }
582
582
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
583
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
584
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
583
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
584
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
585
585
  }
586
586
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
587
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
588
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor);
587
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
588
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
589
589
  }
590
590
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
591
591
  content: "";
@@ -593,8 +593,8 @@
593
593
  inset-block-start: 0;
594
594
  inset-block-end: 0;
595
595
  inset-inline-start: 0;
596
- width: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
597
- background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
596
+ width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
597
+ background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
598
598
  }
599
599
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
600
600
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
@@ -613,10 +613,10 @@
613
613
  content: none;
614
614
  }
615
615
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__button {
616
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
617
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
618
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
619
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
616
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
617
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
618
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
619
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
620
620
  }
621
621
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check,
622
622
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite,
@@ -625,31 +625,31 @@
625
625
  grid-column-start: 2;
626
626
  }
627
627
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check {
628
- margin-block-start: var(--pf-v6-c-table__check--responsive--MarginTop);
629
- margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginLeft);
628
+ margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
629
+ margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
630
630
  line-height: 1;
631
631
  }
632
632
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
633
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft);
633
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
634
634
  }
635
635
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
636
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginLeft);
636
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
637
637
  }
638
638
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
639
- margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginLeft);
639
+ margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
640
640
  }
641
641
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__check label {
642
642
  display: inline-block;
643
643
  margin: 0;
644
644
  }
645
645
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite {
646
- margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginTop);
646
+ margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
647
647
  }
648
648
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
649
- margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft);
649
+ margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
650
650
  }
651
651
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
652
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginTop);
652
+ margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
653
653
  text-align: end;
654
654
  }
655
655
  }
@@ -688,14 +688,14 @@
688
688
 
689
689
  @media screen and (max-width: 992px) {
690
690
  .pf-m-grid-lg.pf-v6-c-table {
691
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
692
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
693
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
694
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
695
- --pf-v6-c-table__favorite--c-button--MarginTop: auto;
696
- --pf-v6-c-table__favorite--c-button--MarginRight: auto;
697
- --pf-v6-c-table__favorite--c-button--MarginBottom: auto;
698
- --pf-v6-c-table__favorite--c-button--MarginLeft: auto;
691
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
692
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
693
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
694
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
695
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
696
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
697
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
698
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
699
699
  display: grid;
700
700
  border: none;
701
701
  }
@@ -733,7 +733,7 @@
733
733
  }
734
734
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
735
735
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
736
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth);
736
+ border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
737
737
  }
738
738
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
739
739
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -745,7 +745,7 @@
745
745
  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
746
746
  }
747
747
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
748
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
748
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
749
749
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
750
750
  }
751
751
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -754,34 +754,34 @@
754
754
  height: auto;
755
755
  grid-auto-columns: max-content;
756
756
  grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
757
- padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingTop);
758
- padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingRight);
759
- padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
760
- padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
757
+ padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
758
+ padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
759
+ padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
760
+ padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
761
761
  }
762
762
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
763
- padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
764
- padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
765
- padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
766
- padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
763
+ padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
764
+ padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
765
+ padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
766
+ padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
767
767
  }
768
768
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
769
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
769
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
770
770
  }
771
771
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
772
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingTop);
773
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBottom);
774
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop);
775
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom);
776
- --pf-v6-c-table__check--responsive--MarginTop: var(--pf-v6-c-table--m-compact__check--responsive--MarginTop);
777
- --pf-v6-c-table__check--input--MarginTop: 0;
772
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
773
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
774
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
775
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
776
+ --pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
777
+ --pf-v6-c-table__check--input--MarginBlockStart: 0;
778
778
  }
779
779
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
780
- margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
781
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
780
+ margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
781
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
782
782
  }
783
783
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
784
- margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom);
784
+ margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
785
785
  }
786
786
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__icon > * {
787
787
  text-align: start;
@@ -802,25 +802,25 @@
802
802
  content: attr(data-label);
803
803
  }
804
804
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
805
- --pf-v6-c-table--cell--PaddingLeft: 0;
805
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
806
806
  }
807
807
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
808
- --pf-v6-c-table--cell--PaddingRight: 0;
808
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
809
809
  }
810
810
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table {
811
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingTop);
812
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingRight);
813
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBottom);
814
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingLeft);
811
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
812
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
813
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
814
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
815
815
  border: 0;
816
816
  }
817
817
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
818
- --pf-v6-c-table__tr--responsive--PaddingTop: 0;
818
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
819
819
  }
820
820
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
821
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
822
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
823
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: 100%;
821
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
822
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
823
+ --pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
824
824
  }
825
825
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
826
826
  position: relative;
@@ -832,27 +832,27 @@
832
832
  inset-inline-start: 0;
833
833
  content: "";
834
834
  border: 0;
835
- border-inline-start: var(--pf-v6-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
835
+ border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
836
836
  }
837
837
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
838
- --pf-v6-c-table__tbody--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
838
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
839
839
  }
840
840
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
841
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
841
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
842
842
  }
843
843
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
844
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
844
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
845
845
  position: static;
846
846
  width: auto;
847
847
  background-color: transparent;
848
848
  }
849
849
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row {
850
- --pf-v6-c-table--cell--responsive--PaddingTop: 0;
851
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
852
- --pf-v6-c-table--cell--responsive--PaddingBottom: 0;
853
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
854
- --pf-v6-c-table--cell--PaddingRight: 0;
855
- --pf-v6-c-table--cell--PaddingLeft: 0;
850
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
851
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
852
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
853
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
854
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
855
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
856
856
  display: block;
857
857
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
858
858
  overflow-y: auto;
@@ -876,12 +876,12 @@
876
876
  display: none;
877
877
  }
878
878
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
879
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingRight);
880
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingLeft);
879
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
880
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
881
881
  }
882
882
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
883
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
884
- --pf-v6-c-table__tbody--after--BorderLeftColor: transparent;
883
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
884
+ --pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
885
885
  }
886
886
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
887
887
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
@@ -893,16 +893,16 @@
893
893
  inset-block-start: 0;
894
894
  inset-block-end: 0;
895
895
  inset-inline-start: 0;
896
- width: var(--pf-v6-c-table__tbody--after__tr--BorderLeftWidth);
897
- background-color: var(--pf-v6-c-table__tbody--after__tr--BorderLeftColor);
896
+ width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
897
+ background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
898
898
  }
899
899
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
900
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
901
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
900
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
901
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
902
902
  }
903
903
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
904
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
905
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor);
904
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
905
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
906
906
  }
907
907
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
908
908
  content: "";
@@ -910,8 +910,8 @@
910
910
  inset-block-start: 0;
911
911
  inset-block-end: 0;
912
912
  inset-inline-start: 0;
913
- width: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
914
- background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
913
+ width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
914
+ background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
915
915
  }
916
916
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
917
917
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
@@ -930,10 +930,10 @@
930
930
  content: none;
931
931
  }
932
932
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__button {
933
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
934
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
935
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
936
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
933
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
934
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
935
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
936
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
937
937
  }
938
938
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check,
939
939
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite,
@@ -942,31 +942,31 @@
942
942
  grid-column-start: 2;
943
943
  }
944
944
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check {
945
- margin-block-start: var(--pf-v6-c-table__check--responsive--MarginTop);
946
- margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginLeft);
945
+ margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
946
+ margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
947
947
  line-height: 1;
948
948
  }
949
949
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
950
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft);
950
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
951
951
  }
952
952
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
953
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginLeft);
953
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
954
954
  }
955
955
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
956
- margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginLeft);
956
+ margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
957
957
  }
958
958
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__check label {
959
959
  display: inline-block;
960
960
  margin: 0;
961
961
  }
962
962
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite {
963
- margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginTop);
963
+ margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
964
964
  }
965
965
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
966
- margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft);
966
+ margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
967
967
  }
968
968
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
969
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginTop);
969
+ margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
970
970
  text-align: end;
971
971
  }
972
972
  }
@@ -1005,14 +1005,14 @@
1005
1005
 
1006
1006
  @media screen and (max-width: 1200px) {
1007
1007
  .pf-m-grid-xl.pf-v6-c-table {
1008
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
1009
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
1010
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
1011
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
1012
- --pf-v6-c-table__favorite--c-button--MarginTop: auto;
1013
- --pf-v6-c-table__favorite--c-button--MarginRight: auto;
1014
- --pf-v6-c-table__favorite--c-button--MarginBottom: auto;
1015
- --pf-v6-c-table__favorite--c-button--MarginLeft: auto;
1008
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1009
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
1010
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
1011
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
1012
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
1013
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
1014
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
1015
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
1016
1016
  display: grid;
1017
1017
  border: none;
1018
1018
  }
@@ -1050,7 +1050,7 @@
1050
1050
  }
1051
1051
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
1052
1052
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
1053
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth);
1053
+ border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
1054
1054
  }
1055
1055
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1056
1056
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -1062,7 +1062,7 @@
1062
1062
  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1063
1063
  }
1064
1064
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
1065
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
1065
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1066
1066
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
1067
1067
  }
1068
1068
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -1071,34 +1071,34 @@
1071
1071
  height: auto;
1072
1072
  grid-auto-columns: max-content;
1073
1073
  grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
1074
- padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingTop);
1075
- padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingRight);
1076
- padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
1077
- padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
1074
+ padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
1075
+ padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
1076
+ padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
1077
+ padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
1078
1078
  }
1079
1079
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
1080
- padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
1081
- padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
1082
- padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
1083
- padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
1080
+ padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
1081
+ padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
1082
+ padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1083
+ padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1084
1084
  }
1085
1085
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
1086
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
1086
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1087
1087
  }
1088
1088
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
1089
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingTop);
1090
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBottom);
1091
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop);
1092
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom);
1093
- --pf-v6-c-table__check--responsive--MarginTop: var(--pf-v6-c-table--m-compact__check--responsive--MarginTop);
1094
- --pf-v6-c-table__check--input--MarginTop: 0;
1089
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1090
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1091
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
1092
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
1093
+ --pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
1094
+ --pf-v6-c-table__check--input--MarginBlockStart: 0;
1095
1095
  }
1096
1096
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1097
- margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
1098
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
1097
+ margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1098
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1099
1099
  }
1100
1100
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
1101
- margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom);
1101
+ margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
1102
1102
  }
1103
1103
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__icon > * {
1104
1104
  text-align: start;
@@ -1119,25 +1119,25 @@
1119
1119
  content: attr(data-label);
1120
1120
  }
1121
1121
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
1122
- --pf-v6-c-table--cell--PaddingLeft: 0;
1122
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
1123
1123
  }
1124
1124
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
1125
- --pf-v6-c-table--cell--PaddingRight: 0;
1125
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
1126
1126
  }
1127
1127
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table {
1128
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingTop);
1129
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingRight);
1130
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBottom);
1131
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingLeft);
1128
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
1129
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
1130
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
1131
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
1132
1132
  border: 0;
1133
1133
  }
1134
1134
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1135
- --pf-v6-c-table__tr--responsive--PaddingTop: 0;
1135
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
1136
1136
  }
1137
1137
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
1138
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
1139
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
1140
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: 100%;
1138
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
1139
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
1140
+ --pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
1141
1141
  }
1142
1142
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
1143
1143
  position: relative;
@@ -1149,27 +1149,27 @@
1149
1149
  inset-inline-start: 0;
1150
1150
  content: "";
1151
1151
  border: 0;
1152
- border-inline-start: var(--pf-v6-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
1152
+ border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
1153
1153
  }
1154
1154
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1155
- --pf-v6-c-table__tbody--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
1155
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
1156
1156
  }
1157
1157
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
1158
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
1158
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
1159
1159
  }
1160
1160
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
1161
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
1161
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1162
1162
  position: static;
1163
1163
  width: auto;
1164
1164
  background-color: transparent;
1165
1165
  }
1166
1166
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
1167
- --pf-v6-c-table--cell--responsive--PaddingTop: 0;
1168
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
1169
- --pf-v6-c-table--cell--responsive--PaddingBottom: 0;
1170
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
1171
- --pf-v6-c-table--cell--PaddingRight: 0;
1172
- --pf-v6-c-table--cell--PaddingLeft: 0;
1167
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
1168
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1169
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
1170
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
1171
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
1172
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
1173
1173
  display: block;
1174
1174
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
1175
1175
  overflow-y: auto;
@@ -1193,12 +1193,12 @@
1193
1193
  display: none;
1194
1194
  }
1195
1195
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
1196
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingRight);
1197
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingLeft);
1196
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
1197
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
1198
1198
  }
1199
1199
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
1200
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
1201
- --pf-v6-c-table__tbody--after--BorderLeftColor: transparent;
1200
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
1201
+ --pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
1202
1202
  }
1203
1203
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
1204
1204
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
@@ -1210,16 +1210,16 @@
1210
1210
  inset-block-start: 0;
1211
1211
  inset-block-end: 0;
1212
1212
  inset-inline-start: 0;
1213
- width: var(--pf-v6-c-table__tbody--after__tr--BorderLeftWidth);
1214
- background-color: var(--pf-v6-c-table__tbody--after__tr--BorderLeftColor);
1213
+ width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
1214
+ background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
1215
1215
  }
1216
1216
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
1217
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
1218
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
1217
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
1218
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
1219
1219
  }
1220
1220
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
1221
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
1222
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor);
1221
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
1222
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
1223
1223
  }
1224
1224
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
1225
1225
  content: "";
@@ -1227,8 +1227,8 @@
1227
1227
  inset-block-start: 0;
1228
1228
  inset-block-end: 0;
1229
1229
  inset-inline-start: 0;
1230
- width: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
1231
- background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
1230
+ width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
1231
+ background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
1232
1232
  }
1233
1233
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
1234
1234
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
@@ -1247,10 +1247,10 @@
1247
1247
  content: none;
1248
1248
  }
1249
1249
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__button {
1250
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
1251
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
1252
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
1253
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
1250
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1251
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
1252
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
1253
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
1254
1254
  }
1255
1255
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check,
1256
1256
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite,
@@ -1259,31 +1259,31 @@
1259
1259
  grid-column-start: 2;
1260
1260
  }
1261
1261
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check {
1262
- margin-block-start: var(--pf-v6-c-table__check--responsive--MarginTop);
1263
- margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginLeft);
1262
+ margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
1263
+ margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
1264
1264
  line-height: 1;
1265
1265
  }
1266
1266
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
1267
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft);
1267
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
1268
1268
  }
1269
1269
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
1270
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginLeft);
1270
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
1271
1271
  }
1272
1272
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
1273
- margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginLeft);
1273
+ margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
1274
1274
  }
1275
1275
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__check label {
1276
1276
  display: inline-block;
1277
1277
  margin: 0;
1278
1278
  }
1279
1279
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite {
1280
- margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginTop);
1280
+ margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
1281
1281
  }
1282
1282
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
1283
- margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft);
1283
+ margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
1284
1284
  }
1285
1285
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1286
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginTop);
1286
+ margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
1287
1287
  text-align: end;
1288
1288
  }
1289
1289
  }
@@ -1322,14 +1322,14 @@
1322
1322
 
1323
1323
  @media screen and (max-width: 1450px) {
1324
1324
  .pf-m-grid-2xl.pf-v6-c-table {
1325
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
1326
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
1327
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
1328
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
1329
- --pf-v6-c-table__favorite--c-button--MarginTop: auto;
1330
- --pf-v6-c-table__favorite--c-button--MarginRight: auto;
1331
- --pf-v6-c-table__favorite--c-button--MarginBottom: auto;
1332
- --pf-v6-c-table__favorite--c-button--MarginLeft: auto;
1325
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1326
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
1327
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
1328
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
1329
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
1330
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
1331
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
1332
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
1333
1333
  display: grid;
1334
1334
  border: none;
1335
1335
  }
@@ -1367,7 +1367,7 @@
1367
1367
  }
1368
1368
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
1369
1369
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
1370
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBottomWidth);
1370
+ border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
1371
1371
  }
1372
1372
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1373
1373
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -1379,7 +1379,7 @@
1379
1379
  border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1380
1380
  }
1381
1381
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
1382
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
1382
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1383
1383
  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
1384
1384
  }
1385
1385
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -1388,34 +1388,34 @@
1388
1388
  height: auto;
1389
1389
  grid-auto-columns: max-content;
1390
1390
  grid-column-gap: var(--pf-v6-c-table__tr--responsive--GridColumnGap);
1391
- padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingTop);
1392
- padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingRight);
1393
- padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBottom);
1394
- padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingLeft);
1391
+ padding-block-start: var(--pf-v6-c-table__tr--responsive--PaddingBlockStart);
1392
+ padding-inline-end: var(--pf-v6-c-table__tr--responsive--PaddingInlineEnd);
1393
+ padding-block-end: var(--pf-v6-c-table__tr--responsive--PaddingBlockEnd);
1394
+ padding-inline-start: var(--pf-v6-c-table__tr--responsive--PaddingInlineStart);
1395
1395
  }
1396
1396
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td) {
1397
- padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingTop);
1398
- padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingRight);
1399
- padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBottom);
1400
- padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingLeft);
1397
+ padding-block-start: var(--pf-v6-c-table--cell--responsive--PaddingBlockStart);
1398
+ padding-inline-end: var(--pf-v6-c-table--cell--responsive--PaddingInlineEnd);
1399
+ padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1400
+ padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1401
1401
  }
1402
1402
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
1403
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--cell--first-child--responsive--PaddingTop);
1403
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1404
1404
  }
1405
1405
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
1406
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingTop);
1407
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBottom);
1408
- --pf-v6-c-table--cell--responsive--PaddingTop: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingTop);
1409
- --pf-v6-c-table--cell--responsive--PaddingBottom: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBottom);
1410
- --pf-v6-c-table__check--responsive--MarginTop: var(--pf-v6-c-table--m-compact__check--responsive--MarginTop);
1411
- --pf-v6-c-table__check--input--MarginTop: 0;
1406
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1407
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1408
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
1409
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd);
1410
+ --pf-v6-c-table__check--responsive--MarginBlockStart: var(--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart);
1411
+ --pf-v6-c-table__check--input--MarginBlockStart: 0;
1412
1412
  }
1413
1413
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1414
- margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
1415
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginTop);
1414
+ margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1415
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1416
1416
  }
1417
1417
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
1418
- margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBottom);
1418
+ margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
1419
1419
  }
1420
1420
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__icon > * {
1421
1421
  text-align: start;
@@ -1436,25 +1436,25 @@
1436
1436
  content: attr(data-label);
1437
1437
  }
1438
1438
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
1439
- --pf-v6-c-table--cell--PaddingLeft: 0;
1439
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
1440
1440
  }
1441
1441
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):last-child {
1442
- --pf-v6-c-table--cell--PaddingRight: 0;
1442
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
1443
1443
  }
1444
1444
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table {
1445
- --pf-v6-c-table__tr--responsive--PaddingTop: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingTop);
1446
- --pf-v6-c-table__tr--responsive--PaddingRight: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingRight);
1447
- --pf-v6-c-table__tr--responsive--PaddingBottom: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBottom);
1448
- --pf-v6-c-table__tr--responsive--PaddingLeft: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingLeft);
1445
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart);
1446
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd);
1447
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd);
1448
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
1449
1449
  border: 0;
1450
1450
  }
1451
1451
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1452
- --pf-v6-c-table__tr--responsive--PaddingTop: 0;
1452
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
1453
1453
  }
1454
1454
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
1455
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
1456
- --pf-v6-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
1457
- --pf-v6-c-table__compound-expansion-toggle__button--after--Top: 100%;
1455
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
1456
+ --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
1457
+ --pf-v6-c-table__compound-expansion-toggle__button--after--InsetBlockStart: 100%;
1458
1458
  }
1459
1459
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
1460
1460
  position: relative;
@@ -1466,27 +1466,27 @@
1466
1466
  inset-inline-start: 0;
1467
1467
  content: "";
1468
1468
  border: 0;
1469
- border-inline-start: var(--pf-v6-c-table__tbody--after--BorderLeftWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
1469
+ border-inline-start: var(--pf-v6-c-table__tbody--after--BorderInlineStartWidth) solid var(--pf-v6-c-table__tbody--after--BorderColor);
1470
1470
  }
1471
1471
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1472
- --pf-v6-c-table__tbody--after--BorderLeftWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
1472
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--after--border-width--base);
1473
1473
  }
1474
1474
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tbody:where(.pf-v6-c-table__tbody) {
1475
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
1475
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
1476
1476
  }
1477
1477
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :first-child:not(.pf-v6-c-table__check)::after {
1478
- --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
1478
+ --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
1479
1479
  position: static;
1480
1480
  width: auto;
1481
1481
  background-color: transparent;
1482
1482
  }
1483
1483
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row {
1484
- --pf-v6-c-table--cell--responsive--PaddingTop: 0;
1485
- --pf-v6-c-table--cell--responsive--PaddingRight: 0;
1486
- --pf-v6-c-table--cell--responsive--PaddingBottom: 0;
1487
- --pf-v6-c-table--cell--responsive--PaddingLeft: 0;
1488
- --pf-v6-c-table--cell--PaddingRight: 0;
1489
- --pf-v6-c-table--cell--PaddingLeft: 0;
1484
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: 0;
1485
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1486
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: 0;
1487
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
1488
+ --pf-v6-c-table--cell--PaddingInlineEnd: 0;
1489
+ --pf-v6-c-table--cell--PaddingInlineStart: 0;
1490
1490
  display: block;
1491
1491
  max-height: var(--pf-v6-c-table__expandable-row--MaxHeight);
1492
1492
  overflow-y: auto;
@@ -1510,12 +1510,12 @@
1510
1510
  display: none;
1511
1511
  }
1512
1512
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__expandable-row .pf-v6-c-table__expandable-row-content {
1513
- padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingRight);
1514
- padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingLeft);
1513
+ padding-inline-end: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd);
1514
+ padding-inline-start: var(--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart);
1515
1515
  }
1516
1516
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable {
1517
- --pf-v6-c-table__tbody--after--BorderLeftWidth: 0;
1518
- --pf-v6-c-table__tbody--after--BorderLeftColor: transparent;
1517
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
1518
+ --pf-v6-c-table__tbody--after--BorderInlineStartColor: transparent;
1519
1519
  }
1520
1520
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable,
1521
1521
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable > tr:where(.pf-v6-c-table__tr) {
@@ -1527,16 +1527,16 @@
1527
1527
  inset-block-start: 0;
1528
1528
  inset-block-end: 0;
1529
1529
  inset-inline-start: 0;
1530
- width: var(--pf-v6-c-table__tbody--after__tr--BorderLeftWidth);
1531
- background-color: var(--pf-v6-c-table__tbody--after__tr--BorderLeftColor);
1530
+ width: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth);
1531
+ background-color: var(--pf-v6-c-table__tbody--after__tr--BorderInlineStartColor);
1532
1532
  }
1533
1533
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-expanded {
1534
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftWidth);
1535
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderLeftColor);
1534
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth);
1535
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor);
1536
1536
  }
1537
1537
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-hoverable.pf-m-selected {
1538
- --pf-v6-c-table__tbody--after__tr--BorderLeftWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftWidth);
1539
- --pf-v6-c-table__tbody--after__tr--BorderLeftColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderLeftColor);
1538
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth);
1539
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: var(--pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor);
1540
1540
  }
1541
1541
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected::after {
1542
1542
  content: "";
@@ -1544,8 +1544,8 @@
1544
1544
  inset-block-start: 0;
1545
1545
  inset-block-end: 0;
1546
1546
  inset-inline-start: 0;
1547
- width: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftWidth);
1548
- background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderLeftColor);
1547
+ width: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartWidth);
1548
+ background-color: var(--pf-v6-c-table__tr--m-selected--after--BorderInlineStartColor);
1549
1549
  }
1550
1550
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__toggle,
1551
1551
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) .pf-v6-c-table__check,
@@ -1564,10 +1564,10 @@
1564
1564
  content: none;
1565
1565
  }
1566
1566
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__button {
1567
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-grid--cell--PaddingTop);
1568
- --pf-v6-c-table--cell--PaddingRight: var(--pf-v6-c-table--m-grid--cell--PaddingRight);
1569
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-grid--cell--PaddingBottom);
1570
- --pf-v6-c-table--cell--PaddingLeft: var(--pf-v6-c-table--m-grid--cell--PaddingLeft);
1567
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
1568
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
1569
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
1570
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
1571
1571
  }
1572
1572
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check,
1573
1573
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite,
@@ -1576,31 +1576,31 @@
1576
1576
  grid-column-start: 2;
1577
1577
  }
1578
1578
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check {
1579
- margin-block-start: var(--pf-v6-c-table__check--responsive--MarginTop);
1580
- margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginLeft);
1579
+ margin-block-start: var(--pf-v6-c-table__check--responsive--MarginBlockStart);
1580
+ margin-inline-start: var(--pf-v6-c-table__check--responsive--MarginInlineStart);
1581
1581
  line-height: 1;
1582
1582
  }
1583
1583
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite {
1584
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginLeft);
1584
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart);
1585
1585
  }
1586
1586
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
1587
- margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginLeft);
1587
+ margin-inline-start: var(--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart);
1588
1588
  }
1589
1589
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check ~ .pf-v6-c-table__action {
1590
- margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginLeft);
1590
+ margin-inline-start: var(--pf-v6-c-table__action--responsive--MarginInlineStart);
1591
1591
  }
1592
1592
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__check label {
1593
1593
  display: inline-block;
1594
1594
  margin: 0;
1595
1595
  }
1596
1596
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite {
1597
- margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginTop);
1597
+ margin-block-start: var(--pf-v6-c-table--m-grid__favorite--MarginBlockStart);
1598
1598
  }
1599
1599
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__favorite ~ .pf-v6-c-table__action {
1600
- margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginLeft);
1600
+ margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
1601
1601
  }
1602
1602
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1603
- margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginTop);
1603
+ margin-block-start: var(--pf-v6-c-table--m-grid__action--MarginBlockStart);
1604
1604
  text-align: end;
1605
1605
  }
1606
1606
  }