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

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 +6 -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 +169 -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 +94 -80
  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 +23396 -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-tree-view.css CHANGED
@@ -1,59 +1,58 @@
1
- :where(:root),
2
- :where(.pf-v6-c-table) {
1
+ :where(:root, .pf-v6-c-table) {
3
2
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
4
3
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
5
- --pf-v6-c-table__tree-view-main--c-button--MarginRight: var(--pf-t--global--spacer--sm);
6
- --pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
7
- --pf-v6-c-table__tree-view-main--MarginLeft: calc(var(--pf-v6-c-table--cell--PaddingLeft) * -1);
8
- --pf-v6-c-table__tree-view-main--c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
9
- --pf-v6-c-table__tree-view-main--c-table__check--MarginRight: var(--pf-t--global--spacer--sm);
4
+ --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
6
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: calc(var(--pf-v6-c-table--cell--PaddingInlineStart) * -1);
7
+ --pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8
+ --pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10
9
  --pf-v6-c-table__tree-view-icon--MinWidth: var(--pf-t--global--spacer--md);
11
- --pf-v6-c-table__tree-view-icon--MarginRight: var(--pf-t--global--spacer--sm);
10
+ --pf-v6-c-table__tree-view-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
12
11
  --pf-v6-c-table--m-tree-view__toggle--Position: absolute;
13
- --pf-v6-c-table--m-tree-view__toggle--Left: var(--pf-v6-c-table__tree-view-main--PaddingLeft);
12
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
14
13
  --pf-v6-c-table--m-tree-view__toggle--TranslateX: -100%;
15
14
  --pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth: var(--pf-t--global--spacer--md);
16
- --pf-v6-c-table--m-no-inset__tree-view-main--PaddingLeft: 0;
17
- --pf-v6-c-table--m-no-inset__tree-view-main--MarginLeft: 0;
15
+ --pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart: 0;
16
+ --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
18
17
  }
19
18
 
20
19
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
21
- --pf-v6-c-table--m-tree-view__toggle--Left: var(--pf-v6-c-table__tree-view-main--PaddingLeft);
20
+ --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
22
21
  }
23
22
  .pf-v6-c-table.pf-m-tree-view > tbody > tr.pf-m-no-inset {
24
- --pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingLeft);
25
- --pf-v6-c-table__tree-view-main--MarginLeft: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginLeft);
23
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
24
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
26
25
  }
27
26
  .pf-v6-c-table.pf-m-tree-view.pf-m-no-inset {
28
- --pf-v6-c-table__tree-view-main--PaddingLeft: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingLeft);
29
- --pf-v6-c-table__tree-view-main--MarginLeft: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginLeft);
27
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--PaddingInlineStart);
28
+ --pf-v6-c-table__tree-view-main--MarginInlineStart: var(--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart);
30
29
  }
31
30
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
32
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
31
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
33
32
  }
34
33
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
35
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
34
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
36
35
  }
37
36
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
38
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
37
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
39
38
  }
40
39
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
41
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
40
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
42
41
  }
43
42
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
44
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
43
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
45
44
  }
46
45
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
47
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
46
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
48
47
  }
49
48
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
50
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
49
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
51
50
  }
52
51
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
53
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
52
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
54
53
  }
55
54
  .pf-v6-c-table.pf-m-tree-view tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
56
- --pf-v6-c-table__tree-view-main--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
55
+ --pf-v6-c-table__tree-view-main--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
57
56
  }
58
57
 
59
58
  .pf-v6-c-table__tree-view-main {
@@ -61,15 +60,15 @@
61
60
  display: flex;
62
61
  align-items: baseline;
63
62
  min-width: 0;
64
- padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingLeft);
65
- margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginLeft);
63
+ padding-inline-start: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
64
+ margin-inline-start: var(--pf-v6-c-table__tree-view-main--MarginInlineStart);
66
65
  text-align: start;
67
66
  cursor: pointer;
68
67
  }
69
68
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
70
69
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
71
70
  position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
72
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--Left);
71
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
73
72
  }
74
73
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
75
74
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
@@ -80,17 +79,17 @@
80
79
  }
81
80
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-button {
82
81
  margin-block-start: -50%;
83
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginRight);
82
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd);
84
83
  }
85
84
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
86
- margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginRight);
85
+ margin-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd);
87
86
  }
88
87
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check label {
89
- padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingRight);
88
+ padding-inline-end: var(--pf-v6-c-table__tree-view-main--c-table__check--PaddingInlineEnd);
90
89
  margin-block-start: 0;
91
90
  margin-block-end: 0;
92
91
  margin-inline-start: 0;
93
- margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginRight) * -1);
92
+ margin-inline-end: calc(var(--pf-v6-c-table__tree-view-main--c-table__check--MarginInlineEnd) * -1);
94
93
  }
95
94
 
96
95
  .pf-v6-c-table__tree-view-text {
@@ -99,7 +98,7 @@
99
98
 
100
99
  .pf-v6-c-table__tree-view-icon {
101
100
  min-width: var(--pf-v6-c-table__tree-view-icon--MinWidth);
102
- margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginRight);
101
+ margin-inline-end: var(--pf-v6-c-table__tree-view-icon--MarginInlineEnd);
103
102
  }
104
103
 
105
104
  .pf-v6-c-table__tree-view-details-toggle {
@@ -108,28 +107,28 @@
108
107
 
109
108
  .pf-m-tree-view-grid.pf-v6-c-table {
110
109
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
111
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
112
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
113
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
110
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
111
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
112
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
114
113
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
115
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
116
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
117
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
118
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
119
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
120
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
114
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
115
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
116
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
117
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
118
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
119
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
121
120
  --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
122
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
123
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
124
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
121
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
122
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
123
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
125
124
  --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
126
- --pf-v6-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
127
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
128
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
129
- --pf-v6-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
130
- --pf-v6-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
131
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
132
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
125
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
126
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
127
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
128
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
129
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
130
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
131
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
133
132
  }
134
133
  .pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
135
134
  position: relative;
@@ -140,7 +139,7 @@
140
139
  position: absolute;
141
140
  inset-block-start: 0;
142
141
  inset-block-end: 0;
143
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
142
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
144
143
  inset-inline-end: 0;
145
144
  content: "";
146
145
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -150,18 +149,18 @@
150
149
  grid-template-columns: 1fr max-content;
151
150
  }
152
151
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
153
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
152
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
154
153
  }
155
154
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
156
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
155
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
157
156
  }
158
157
  .pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
159
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
160
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
161
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
158
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
159
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
160
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
162
161
  }
163
162
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-text {
164
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingRight);
163
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
165
164
  }
166
165
  .pf-m-tree-view-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
167
166
  display: none;
@@ -184,7 +183,7 @@
184
183
  content: attr(data-label);
185
184
  }
186
185
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
187
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
186
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
188
187
  }
189
188
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
190
189
  display: grid;
@@ -198,78 +197,78 @@
198
197
  }
199
198
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action {
200
199
  --pf-v6-c-table--cell--Width: auto;
201
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
202
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop);
203
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
200
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
201
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
202
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
204
203
  grid-row: 1;
205
204
  grid-column: 2;
206
205
  }
207
- .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
208
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop);
209
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
206
+ .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
207
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
208
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
210
209
  }
211
210
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
212
211
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
213
212
  margin-inline-start: auto;
214
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
213
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
215
214
  }
216
215
  .pf-m-tree-view-grid.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
217
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginTop);
218
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBottom);
216
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
217
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
219
218
  }
220
219
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
221
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
220
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
222
221
  }
223
222
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
224
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
223
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
225
224
  }
226
225
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
227
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
226
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
228
227
  }
229
228
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
230
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
229
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
231
230
  }
232
231
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
233
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
232
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
234
233
  }
235
234
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
236
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
235
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
237
236
  }
238
237
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
239
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
238
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
240
239
  }
241
240
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
242
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
241
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
243
242
  }
244
243
  .pf-m-tree-view-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
245
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
244
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
246
245
  }
247
246
 
248
247
  @media screen and (max-width: 768px) {
249
248
  .pf-m-tree-view-grid-md.pf-v6-c-table {
250
249
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
251
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
252
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
253
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
250
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
251
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
252
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
254
253
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
255
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
256
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
257
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
258
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
259
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
260
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
254
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
255
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
256
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
257
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
258
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
259
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
261
260
  --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
262
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
263
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
264
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
261
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
262
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
263
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
265
264
  --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
266
- --pf-v6-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
267
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
268
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
269
- --pf-v6-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
270
- --pf-v6-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
271
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
272
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
265
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
266
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
267
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
268
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
269
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
270
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
271
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
273
272
  }
274
273
  .pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
275
274
  position: relative;
@@ -280,7 +279,7 @@
280
279
  position: absolute;
281
280
  inset-block-start: 0;
282
281
  inset-block-end: 0;
283
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
282
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
284
283
  inset-inline-end: 0;
285
284
  content: "";
286
285
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -290,18 +289,18 @@
290
289
  grid-template-columns: 1fr max-content;
291
290
  }
292
291
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
293
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
292
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
294
293
  }
295
294
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
296
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
295
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
297
296
  }
298
297
  .pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
299
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
300
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
301
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
298
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
299
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
300
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
302
301
  }
303
302
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-text {
304
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingRight);
303
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
305
304
  }
306
305
  .pf-m-tree-view-grid-md.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
307
306
  display: none;
@@ -324,7 +323,7 @@
324
323
  content: attr(data-label);
325
324
  }
326
325
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
327
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
326
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
328
327
  }
329
328
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
330
329
  display: grid;
@@ -338,79 +337,79 @@
338
337
  }
339
338
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action {
340
339
  --pf-v6-c-table--cell--Width: auto;
341
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
342
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop);
343
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
340
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
341
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
342
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
344
343
  grid-row: 1;
345
344
  grid-column: 2;
346
345
  }
347
- .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
348
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop);
349
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
346
+ .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
347
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
348
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
350
349
  }
351
350
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
352
351
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
353
352
  margin-inline-start: auto;
354
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
353
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
355
354
  }
356
355
  .pf-m-tree-view-grid-md.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
357
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginTop);
358
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBottom);
356
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
357
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
359
358
  }
360
359
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
361
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
360
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
362
361
  }
363
362
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
364
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
363
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
365
364
  }
366
365
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
367
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
366
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
368
367
  }
369
368
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
370
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
369
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
371
370
  }
372
371
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
373
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
372
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
374
373
  }
375
374
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
376
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
375
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
377
376
  }
378
377
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
379
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
378
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
380
379
  }
381
380
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
382
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
381
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
383
382
  }
384
383
  .pf-m-tree-view-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
385
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
384
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
386
385
  }
387
386
  }
388
387
 
389
388
  @media screen and (max-width: 992px) {
390
389
  .pf-m-tree-view-grid-lg.pf-v6-c-table {
391
390
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
392
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
393
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
394
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
391
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
392
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
393
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
395
394
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
396
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
397
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
398
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
399
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
400
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
401
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
395
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
396
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
397
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
398
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
399
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
400
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
402
401
  --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
403
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
404
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
405
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
402
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
403
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
404
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
406
405
  --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
407
- --pf-v6-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
408
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
409
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
410
- --pf-v6-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
411
- --pf-v6-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
412
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
413
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
406
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
407
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
408
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
409
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
410
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
411
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
412
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
414
413
  }
415
414
  .pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
416
415
  position: relative;
@@ -421,7 +420,7 @@
421
420
  position: absolute;
422
421
  inset-block-start: 0;
423
422
  inset-block-end: 0;
424
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
423
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
425
424
  inset-inline-end: 0;
426
425
  content: "";
427
426
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -431,18 +430,18 @@
431
430
  grid-template-columns: 1fr max-content;
432
431
  }
433
432
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
434
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
433
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
435
434
  }
436
435
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
437
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
436
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
438
437
  }
439
438
  .pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
440
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
441
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
442
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
439
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
440
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
441
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
443
442
  }
444
443
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-text {
445
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingRight);
444
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
446
445
  }
447
446
  .pf-m-tree-view-grid-lg.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
448
447
  display: none;
@@ -465,7 +464,7 @@
465
464
  content: attr(data-label);
466
465
  }
467
466
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
468
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
467
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
469
468
  }
470
469
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
471
470
  display: grid;
@@ -479,79 +478,79 @@
479
478
  }
480
479
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
481
480
  --pf-v6-c-table--cell--Width: auto;
482
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
483
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop);
484
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
481
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
482
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
483
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
485
484
  grid-row: 1;
486
485
  grid-column: 2;
487
486
  }
488
- .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
489
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop);
490
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
487
+ .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
488
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
489
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
491
490
  }
492
491
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
493
492
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
494
493
  margin-inline-start: auto;
495
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
494
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
496
495
  }
497
496
  .pf-m-tree-view-grid-lg.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
498
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginTop);
499
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBottom);
497
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
498
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
500
499
  }
501
500
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
502
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
501
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
503
502
  }
504
503
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
505
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
504
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
506
505
  }
507
506
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
508
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
507
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
509
508
  }
510
509
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
511
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
510
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
512
511
  }
513
512
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
514
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
513
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
515
514
  }
516
515
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
517
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
516
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
518
517
  }
519
518
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
520
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
519
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
521
520
  }
522
521
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
523
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
522
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
524
523
  }
525
524
  .pf-m-tree-view-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
526
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
525
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
527
526
  }
528
527
  }
529
528
 
530
529
  @media screen and (max-width: 1200px) {
531
530
  .pf-m-tree-view-grid-xl.pf-v6-c-table {
532
531
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
533
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
534
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
535
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
532
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
533
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
534
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
536
535
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
537
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
538
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
539
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
540
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
541
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
542
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
536
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
537
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
538
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
539
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
540
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
541
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
543
542
  --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
544
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
545
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
546
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
543
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
544
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
545
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
547
546
  --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
548
- --pf-v6-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
549
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
550
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
551
- --pf-v6-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
552
- --pf-v6-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
553
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
554
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
547
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
548
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
549
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
550
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
551
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
552
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
553
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
555
554
  }
556
555
  .pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
557
556
  position: relative;
@@ -562,7 +561,7 @@
562
561
  position: absolute;
563
562
  inset-block-start: 0;
564
563
  inset-block-end: 0;
565
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
564
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
566
565
  inset-inline-end: 0;
567
566
  content: "";
568
567
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -572,18 +571,18 @@
572
571
  grid-template-columns: 1fr max-content;
573
572
  }
574
573
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
575
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
574
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
576
575
  }
577
576
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
578
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
577
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
579
578
  }
580
579
  .pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
581
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
582
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
583
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
580
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
581
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
582
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
584
583
  }
585
584
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
586
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingRight);
585
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
587
586
  }
588
587
  .pf-m-tree-view-grid-xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
589
588
  display: none;
@@ -606,7 +605,7 @@
606
605
  content: attr(data-label);
607
606
  }
608
607
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
609
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
608
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
610
609
  }
611
610
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
612
611
  display: grid;
@@ -620,79 +619,79 @@
620
619
  }
621
620
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
622
621
  --pf-v6-c-table--cell--Width: auto;
623
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
624
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop);
625
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
622
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
623
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
624
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
626
625
  grid-row: 1;
627
626
  grid-column: 2;
628
627
  }
629
- .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
630
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop);
631
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
628
+ .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
629
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
630
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
632
631
  }
633
632
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
634
633
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
635
634
  margin-inline-start: auto;
636
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
635
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
637
636
  }
638
637
  .pf-m-tree-view-grid-xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
639
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginTop);
640
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBottom);
638
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
639
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
641
640
  }
642
641
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
643
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
642
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
644
643
  }
645
644
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
646
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
645
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
647
646
  }
648
647
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
649
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
648
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
650
649
  }
651
650
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
652
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
651
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
653
652
  }
654
653
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
655
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
654
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
656
655
  }
657
656
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
658
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
657
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
659
658
  }
660
659
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
661
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
660
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
662
661
  }
663
662
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
664
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
663
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
665
664
  }
666
665
  .pf-m-tree-view-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
667
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
666
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
668
667
  }
669
668
  }
670
669
 
671
670
  @media screen and (max-width: 1450px) {
672
671
  .pf-m-tree-view-grid-2xl.pf-v6-c-table {
673
672
  --pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
674
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
675
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
676
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table__tree-view-main--indent--base);
673
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart: var(--pf-t--global--spacer--md);
674
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd: var(--pf-t--global--spacer--md);
675
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table__tree-view-main--indent--base);
677
676
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap: var(--pf-t--global--spacer--sm);
678
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop: var(--pf-t--global--spacer--md);
679
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom: var(--pf-t--global--spacer--md);
680
- --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft: 0;
681
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop: var(--pf-t--global--spacer--xl);
682
- --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom: var(--pf-t--global--spacer--xl);
683
- --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xl);
677
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart: var(--pf-t--global--spacer--md);
678
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd: var(--pf-t--global--spacer--md);
679
+ --pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart: 0;
680
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart: var(--pf-t--global--spacer--xl);
681
+ --pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
682
+ --pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xl);
684
683
  --pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns: repeat(auto-fit, minmax(150px, 1fr));
685
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-t--global--spacer--xs);
686
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-t--global--spacer--xs);
687
- --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight: 0;
684
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-t--global--spacer--xs);
685
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
686
+ --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd: 0;
688
687
  --pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order: 4;
689
- --pf-v6-c-table__tree-view-text--PaddingRight: var(--pf-t--global--spacer--sm);
690
- --pf-v6-c-table__tbody--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingTop);
691
- --pf-v6-c-table__tbody--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBottom);
692
- --pf-v6-c-table__tree-view-details-toggle--MarginTop: calc(0.375rem * -1);
693
- --pf-v6-c-table__tree-view-details-toggle--MarginBottom: calc(0.375rem * -1);
694
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop: calc(0.375rem * -1);
695
- --pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom: calc(0.375rem * -1);
688
+ --pf-v6-c-table__tree-view-text--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
689
+ --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockStart);
690
+ --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingBlockEnd);
691
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockStart: calc(0.375rem * -1);
692
+ --pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd: calc(0.375rem * -1);
693
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart: calc(0.375rem * -1);
694
+ --pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd: calc(0.375rem * -1);
696
695
  }
697
696
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
698
697
  position: relative;
@@ -703,7 +702,7 @@
703
702
  position: absolute;
704
703
  inset-block-start: 0;
705
704
  inset-block-end: 0;
706
- inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
705
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
707
706
  inset-inline-end: 0;
708
707
  content: "";
709
708
  border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
@@ -713,18 +712,18 @@
713
712
  grid-template-columns: 1fr max-content;
714
713
  }
715
714
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell {
716
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingTop);
715
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--PaddingBlockStart);
717
716
  }
718
717
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-expanded] .pf-v6-c-table__tree-view-title-cell ~ .pf-v6-c-table__action {
719
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingTop);
718
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__tr--expanded__tree-view-title-cell--action--PaddingBlockStart);
720
719
  }
721
720
  .pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td):not(.pf-v6-c-table__tree-view-title-cell) {
722
- --pf-v6-c-table--cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop);
723
- --pf-v6-c-table--cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom);
724
- padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft);
721
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart);
722
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd);
723
+ padding-inline-start: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart);
725
724
  }
726
725
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-text {
727
- padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingRight);
726
+ padding-inline-end: var(--pf-v6-c-table__tree-view-text--PaddingInlineEnd);
728
727
  }
729
728
  .pf-m-tree-view-grid-2xl.pf-v6-c-table thead:where(.pf-v6-c-table__thead) th:where(.pf-v6-c-table__th) {
730
729
  display: none;
@@ -747,7 +746,7 @@
747
746
  content: attr(data-label);
748
747
  }
749
748
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded {
750
- padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBottom);
749
+ padding-block-end: var(--pf-v6-c-table--m-tree-view-grid--m-tree-view-details-expanded--PaddingBlockEnd);
751
750
  }
752
751
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-tree-view-details-expanded td:where(.pf-v6-c-table__td)[data-label] {
753
752
  display: grid;
@@ -761,50 +760,50 @@
761
760
  }
762
761
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
763
762
  --pf-v6-c-table--cell--Width: auto;
764
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingLeft);
765
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingTop: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingTop);
766
- --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBottom: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBottom);
763
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingInlineStart);
764
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockStart: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockStart);
765
+ --pf-v6-c-table--m-tree-view-grid__td--not--c-table__tree-view-title-cell--PaddingBlockEnd: var(--pf-v6-c-table--m-tree-view-grid--c-table__action--PaddingBlockEnd);
767
766
  grid-row: 1;
768
767
  grid-column: 2;
769
768
  }
770
- .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-dropdown {
771
- margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginTop);
772
- margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-dropdown--MarginBottom);
769
+ .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__action > .pf-v6-c-menu-toggle {
770
+ margin-block-start: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockStart);
771
+ margin-block-end: var(--pf-v6-c-table--m-tree-view-grid--c-menu-toggle--MarginBlockEnd);
773
772
  }
774
773
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-main > .pf-v6-c-table__check {
775
774
  order: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--Order);
776
775
  margin-inline-start: auto;
777
- margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginRight);
776
+ margin-inline-end: var(--pf-v6-c-table--m-tree-view-mobile__tree-view-main--c-table__check--MarginInlineEnd);
778
777
  }
779
778
  .pf-m-tree-view-grid-2xl.pf-v6-c-table .pf-v6-c-table__tree-view-details-toggle {
780
- margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginTop);
781
- margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBottom);
779
+ margin-block-start: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockStart);
780
+ margin-block-end: var(--pf-v6-c-table__tree-view-details-toggle--MarginBlockEnd);
782
781
  }
783
782
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="2"] {
784
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
783
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 1 + var(--pf-v6-c-table__tree-view-main--indent--base));
785
784
  }
786
785
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="3"] {
787
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
786
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 2 + var(--pf-v6-c-table__tree-view-main--indent--base));
788
787
  }
789
788
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="4"] {
790
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
789
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 3 + var(--pf-v6-c-table__tree-view-main--indent--base));
791
790
  }
792
791
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="5"] {
793
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
792
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 4 + var(--pf-v6-c-table__tree-view-main--indent--base));
794
793
  }
795
794
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="6"] {
796
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
795
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 5 + var(--pf-v6-c-table__tree-view-main--indent--base));
797
796
  }
798
797
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="7"] {
799
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
798
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 6 + var(--pf-v6-c-table__tree-view-main--indent--base));
800
799
  }
801
800
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="8"] {
802
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
801
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 7 + var(--pf-v6-c-table__tree-view-main--indent--base));
803
802
  }
804
803
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="9"] {
805
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
804
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 8 + var(--pf-v6-c-table__tree-view-main--indent--base));
806
805
  }
807
806
  .pf-m-tree-view-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr)[aria-level="10"] {
808
- --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingLeft: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
807
+ --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
809
808
  }
810
809
  }