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

package/css/components/TreeView/tree-view.css

@@ -1,12 +1,11 @@
-:where(:root),
-:where(.pf-v6-c-tree-view) {
+:where(:root, .pf-v6-c-tree-view) {
   --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
   --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
   --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-tree-view__node--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node--PaddingLeft: var(--pf-v6-c-tree-view__node--indent--base);
+  --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
   --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-tree-view__node--BackgroundColor: transparent;
   --pf-v6-c-tree-view__node--m-current--Color: var(--pf-t--global--text--color--regular);
@@ -15,8 +14,8 @@
   --pf-v6-c-tree-view__node-container--Display: contents;
   --pf-v6-c-tree-view__node-content--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-tree-view__node-content--Overflow: visible;
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v6-c-tree-view__node--PaddingTop);
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
   --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
   --pf-v6-c-tree-view__node-toggle--Position: absolute;
   --pf-v6-c-tree-view__node-toggle--Color--base: var(--pf-t--global--icon--color--subtle);
@@ -24,19 +23,19 @@
   --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
   --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
-  --pf-v6-c-tree-view__node-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node-toggle--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view__node-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node-toggle--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view__node-toggle--MarginTop: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingTop) * -1);
-  --pf-v6-c-tree-view__node-toggle--MarginBottom: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingTop) * -1);
-  --pf-v6-c-tree-view__node-check--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node-count--MarginLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__search--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__search--PaddingRight: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__search--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__search--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view__node-icon--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
+  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
+  --pf-v6-c-tree-view__node-check--MarginInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__search--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__search--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__search--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__search--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view__node-icon--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
   --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
@@ -44,66 +43,66 @@
   --pf-v6-c-tree-view__node-text--max-lines: 1;
   --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view--m-guides--guide--Left: var(--pf-v6-c-tree-view--m-guides--guide-left--base);
+  --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart: var(--pf-v6-c-tree-view--m-guides--guide-left--base);
   --pf-v6-c-tree-view--m-guides--guide-color--base: var(--pf-t--global--border--color--default);
   --pf-v6-c-tree-view--m-guides--guide-width--base: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides__list-node--guide-width--base));
-  --pf-v6-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--Left) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth) / 2);
+  --pf-v6-c-tree-view--m-guides--guide-left--base: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides__list-node--guide-width--base));
+  --pf-v6-c-tree-view--m-guides--guide-left--base--offset: calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth) / 2);
   --pf-v6-c-tree-view--m-guides__list-node--guide-width--base: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-guides__list-item--before--Top: 0;
+  --pf-v6-c-tree-view--m-guides__list-item--before--InsetBlockStart: 0;
   --pf-v6-c-tree-view--m-guides__list-item--before--Width: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
   --pf-v6-c-tree-view--m-guides__list-item--before--Height: 100%;
   --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
-  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
-  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top);
+  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--InsetBlockStart: var(--pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart);
+  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--InsetBlockStart);
   --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-v6-c-tree-view--m-guides__node--before--Height: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
-  --pf-v6-c-tree-view--m-guides__node--before--Top: 1.125rem;
+  --pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart: 1.125rem;
   --pf-v6-c-tree-view--m-guides__node--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
-  --pf-v6-c-tree-view--m-compact--base-border--Left--offset: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view--m-compact--base-border--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
+  --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
   --pf-v6-c-tree-view--m-compact__node--indent--base: var(--pf-v6-c-tree-view__node--indent--base);
   --pf-v6-c-tree-view--m-compact__node--nested-indent--base: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-compact--border--Left: var(--pf-v6-c-tree-view--m-compact--base-border--Left);
+  --pf-v6-c-tree-view--m-compact--border--InsetInlineStart: var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart);
   --pf-v6-c-tree-view--m-compact__node--Color: var(--pf-t--global--text--color--regular);
-  --pf-v6-c-tree-view--m-compact__node--PaddingTop: 0;
-  --pf-v6-c-tree-view--m-compact__node--PaddingBottom: 0;
-  --pf-v6-c-tree-view--m-compact__node--nested--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view--m-compact__node--nested--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--Top: calc(var(--pf-v6-c-tree-view--m-compact__node-container--PaddingTop));
-  --pf-v6-c-tree-view--m-compact__list-item--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
-  --pf-v6-c-tree-view--m-compact__list-item--BorderBottomColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-tree-view--m-compact__list-item--before--Top: 0;
-  --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-compact__node--before--Top);
-  --pf-v6-c-tree-view--m-compact__list-item--nested--before--Top: calc(var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingTop) * -1);
-  --pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v6-c-tree-view--m-compact__node--before--Top) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingTop));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: var(--pf-v6-c-tree-view--m-compact__node--indent--base);
-  --pf-v6-c-tree-view--m-compact__node--before--Top: calc(var(--pf-v6-c-tree-view--m-compact__node-container--PaddingTop) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
-  --pf-v6-c-tree-view--m-compact__node--level-2--PaddingLeft: var(--pf-v6-c-tree-view--m-compact__node--indent--base);
-  --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginRight: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingLeft) * -.5);
-  --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginLeft: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingLeft) * -1.5);
+  --pf-v6-c-tree-view--m-compact__node--PaddingBlockStart: 0;
+  --pf-v6-c-tree-view--m-compact__node--PaddingBlockEnd: 0;
+  --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart));
+  --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
+  --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart: 0;
+  --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart);
+  --pf-v6-c-tree-view--m-compact__list-item--nested--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) * -1);
+  --pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height: calc(var(--pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: var(--pf-v6-c-tree-view--m-compact__node--indent--base);
+  --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
+  --pf-v6-c-tree-view--m-compact__node--level-2--PaddingInlineStart: var(--pf-v6-c-tree-view--m-compact__node--indent--base);
+  --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) * -.5);
+  --pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) * -1.5);
   --pf-v6-c-tree-view--m-compact__node-container--Display: flex;
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingBottom--base: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingTop: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingRight: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBottom--base);
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingLeft: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingInlineStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-tree-view--m-compact__node-container--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingRight: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom: 0;
+  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
   --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
-  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
   --pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base: var(--pf-v6-c-tree-view__node--indent--base);
   --pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base: var(--pf-t--global--spacer--2xl);
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop: 0;
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom: 0;
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--Top: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingTop) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingTop) + 0.25rem);
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockStart: 0;
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
 }
 
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
@@ -113,18 +112,18 @@
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item::before,
 .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before {
   position: absolute;
-  inset-inline-start: var(--pf-v6-c-tree-view--m-guides--guide--Left);
+  inset-inline-start: var(--pf-v6-c-tree-view--m-guides--guide--InsetInlineStart);
   content: "";
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item::before, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item::before {
-  inset-block-start: var(--pf-v6-c-tree-view--m-guides__list-item--before--Top);
+  inset-block-start: var(--pf-v6-c-tree-view--m-guides__list-item--before--InsetBlockStart);
   z-index: var(--pf-v6-c-tree-view--m-guides__list-item--ZIndex);
   width: var(--pf-v6-c-tree-view--m-guides__list-item--before--Width);
   height: var(--pf-v6-c-tree-view--m-guides__list-item--before--Height);
   background-color: var(--pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before {
-  inset-block-start: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
+  inset-block-start: var(--pf-v6-c-tree-view--m-guides__node--before--InsetBlockStart);
   width: var(--pf-v6-c-tree-view--m-guides__node--before--Width);
   height: var(--pf-v6-c-tree-view--m-guides__node--before--Height);
   background-color: var(--pf-v6-c-tree-view--m-guides__node--before--BackgroundColor);
@@ -133,84 +132,84 @@
   height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view--m-guides--guide--Left: var(--pf-v6-c-tree-view--m-guides--border--nested--Left);
+  --pf-v6-c-tree-view--m-guides--guide--InsetInlineStart: var(--pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item:last-child, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item:last-child {
-  --pf-v6-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
+  --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth: 0;
 }
 .pf-v6-c-tree-view.pf-m-compact {
   --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view--m-compact__node--Color);
-  --pf-v6-c-tree-view__node--PaddingTop: var(--pf-v6-c-tree-view--m-compact__node--PaddingTop);
-  --pf-v6-c-tree-view__node--PaddingBottom: var(--pf-v6-c-tree-view--m-compact__node--PaddingBottom);
+  --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-v6-c-tree-view--m-compact__node--PaddingBlockStart);
+  --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact__node--PaddingBlockEnd);
   --pf-v6-c-tree-view__node-container--Display: var(--pf-v6-c-tree-view--m-compact__node-container--Display);
   --pf-v6-c-tree-view__node--hover--BackgroundColor: transparent;
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Top: var(--pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--Top);
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view--m-compact__list-item__list-item__node-toggle--InsetBlockStart);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item {
-  border-block-end: var(--pf-v6-c-tree-view--m-compact__list-item--BorderBottomWidth) solid var(--pf-v6-c-tree-view--m-compact__list-item--BorderBottomColor);
+  border-block-end: var(--pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth) solid var(--pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndColor);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item.pf-m-expanded {
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBottom);
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__node--PaddingTop: var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingTop);
-  --pf-v6-c-tree-view__node--PaddingBottom: var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBottom);
+  --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart);
+  --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockEnd);
   --pf-v6-c-tree-view__node-toggle--Position: static;
-  --pf-v6-c-tree-view__node--PaddingLeft: var(--pf-v6-c-tree-view--m-compact__node--level-2--PaddingLeft);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view--m-compact__node--level-2--PaddingInlineStart);
   --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: 0;
-  --pf-v6-c-tree-view--m-compact__list-item--BorderBottomWidth: 0;
-  --pf-v6-c-tree-view--m-compact__node-container--PaddingBottom: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBottom--base);
+  --pf-v6-c-tree-view--m-compact__list-item--BorderBlockEndWidth: 0;
+  --pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd--base);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item::before,
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before {
-  inset-inline-start: var(--pf-v6-c-tree-view--m-compact--border--Left);
+  inset-inline-start: var(--pf-v6-c-tree-view--m-compact--border--InsetInlineStart);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item::before {
-  inset-block-start: var(--pf-v6-c-tree-view--m-compact__list-item--before--Top);
+  inset-block-start: var(--pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node::before {
-  inset-block-start: var(--pf-v6-c-tree-view--m-compact__node--before--Top);
+  inset-block-start: var(--pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item:last-child::before {
   height: var(--pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__node--PaddingLeft: var(--pf-v6-c-tree-view--m-compact__node--PaddingLeft);
-  --pf-v6-c-tree-view--m-compact--border--Left: var(--pf-v6-c-tree-view--m-compact--border--nested--Left);
-  --pf-v6-c-tree-view--m-compact__list-item--before--Top: var(--pf-v6-c-tree-view--m-compact__list-item--nested--before--Top);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view--m-compact__node--PaddingInlineStart);
+  --pf-v6-c-tree-view--m-compact--border--InsetInlineStart: var(--pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart);
+  --pf-v6-c-tree-view--m-compact__list-item--before--InsetBlockStart: var(--pf-v6-c-tree-view--m-compact__list-item--nested--before--InsetBlockStart);
   --pf-v6-c-tree-view--m-compact__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-compact__list-item--nested--last-child--before--Height);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-container {
-  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingTop);
-  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingRight);
+  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
   background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
-  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginLeft);
-  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginRight);
+  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
-  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingTop);
-  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingRight);
+  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingInlineEnd);
 }
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item:not([aria-expanded]) > .pf-v6-c-tree-view__content > .pf-v6-c-tree-view__node,
 .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item:not([aria-expanded]) > .pf-v6-c-tree-view__content > .pf-v6-c-tree-view__node > .pf-v6-c-tree-view__node-container {
   cursor: default;
 }
 .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background {
-  --pf-v6-c-tree-view--m-compact__node--before--Top: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--before--Top);
+  --pf-v6-c-tree-view--m-compact__node--before--InsetBlockStart: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart);
 }
 .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__node--PaddingTop: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingTop);
-  --pf-v6-c-tree-view__node--PaddingBottom: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBottom);
+  --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockStart);
+  --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd);
 }
 .pf-v6-c-tree-view.pf-m-compact.pf-m-no-background .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view--m-compact--border--Left: var(--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left);
-  --pf-v6-c-tree-view__node--PaddingLeft: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft);
+  --pf-v6-c-tree-view--m-compact--border--InsetInlineStart: var(--pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart);
 }
 .pf-v6-c-tree-view.pf-m-no-background {
   --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
@@ -248,10 +247,10 @@
 .pf-v6-c-tree-view__node {
   position: relative;
   display: flex;
-  padding-block-start: var(--pf-v6-c-tree-view__node--PaddingTop);
-  padding-block-end: var(--pf-v6-c-tree-view__node--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-tree-view__node--PaddingRight);
+  padding-block-start: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tree-view__node--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tree-view__node--PaddingInlineEnd);
   color: var(--pf-v6-c-tree-view__node--Color);
   background-color: var(--pf-v6-c-tree-view__node--BackgroundColor);
 }
@@ -259,7 +258,7 @@
   --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-current--Color);
 }
 .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
-  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginLeft);
+  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
 }
 
 .pf-v6-c-tree-view__node-container {
@@ -278,22 +277,22 @@
 }
 
 .pf-v6-c-tree-view__node-check {
-  margin-inline-end: var(--pf-v6-c-tree-view__node-check--MarginRight);
+  margin-inline-end: var(--pf-v6-c-tree-view__node-check--MarginInlineEnd);
 }
 
 .pf-v6-c-tree-view__node-toggle {
   position: var(--pf-v6-c-tree-view__node-toggle--Position);
-  inset-block-start: var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--Top);
-  inset-inline-start: var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--Left);
+  inset-block-start: var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart);
+  inset-inline-start: var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart);
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding-block-start: var(--pf-v6-c-tree-view__node-toggle--PaddingTop);
-  padding-block-end: var(--pf-v6-c-tree-view__node-toggle--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-tree-view__node-toggle--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-tree-view__node-toggle--PaddingRight);
-  margin-block-start: var(--pf-v6-c-tree-view__node-toggle--MarginTop);
-  margin-block-end: var(--pf-v6-c-tree-view__node-toggle--MarginBottom);
+  padding-block-start: var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd);
+  margin-block-start: var(--pf-v6-c-tree-view__node-toggle--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-tree-view__node-toggle--MarginBlockEnd);
   color: var(--pf-v6-c-tree-view__node-toggle--Color);
   background-color: var(--pf-v6-c-tree-view__node-toggle--BackgroundColor);
   border: 0;
@@ -334,14 +333,14 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 .pf-v6-c-tree-view__search {
-  padding-block-start: var(--pf-v6-c-tree-view__search--PaddingTop);
-  padding-block-end: var(--pf-v6-c-tree-view__search--PaddingBottom);
-  padding-inline-start: var(--pf-v6-c-tree-view__search--PaddingLeft);
-  padding-inline-end: var(--pf-v6-c-tree-view__search--PaddingRight);
+  padding-block-start: var(--pf-v6-c-tree-view__search--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-tree-view__search--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-tree-view__search--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-tree-view__search--PaddingInlineEnd);
 }
 
 .pf-v6-c-tree-view__node-icon {
-  padding-inline-end: var(--pf-v6-c-tree-view__node-icon--PaddingRight);
+  padding-inline-end: var(--pf-v6-c-tree-view__node-icon--PaddingInlineEnd);
   color: var(--pf-v6-c-tree-view__node-icon--Color);
 }
 
@@ -366,88 +365,88 @@ label.pf-v6-c-tree-view__node-text {
 }
 
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 1 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 2 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 3 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 4 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 5 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 6 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 7 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 8 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }
 .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
-  --pf-v6-c-tree-view__list-item__list-item__node-toggle--Left: var(--pf-v6-c-tree-view__node--PaddingLeft);
-  --pf-v6-c-tree-view__node--PaddingLeft: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 10 + var(--pf-v6-c-tree-view__node--indent--base));
-  --pf-v6-c-tree-view--m-guides--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
-  --pf-v6-c-tree-view--m-compact__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--base-border--Left--offset));
-  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingLeft: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
-  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-v6-c-tree-view__node--PaddingLeft) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
+  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
+  --pf-v6-c-tree-view__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view__node--nested-indent--base) * 10 + var(--pf-v6-c-tree-view__node--indent--base));
+  --pf-v6-c-tree-view--m-guides--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-guides--guide-left--base--offset));
+  --pf-v6-c-tree-view--m-compact__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view--m-compact__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--base-border--InsetInlineStart--offset));
+  --pf-v6-c-tree-view--m-compact--m-no-background__node--PaddingInlineStart: calc(var(--pf-v6-c-tree-view--m-compact--m-no-background__node--nested-indent--base) * 9 + var(--pf-v6-c-tree-view--m-compact--m-no-background__node--indent--base));
+  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
 }

package/css/components/Truncate/truncate.css

@@ -1,5 +1,4 @@
-:root,
-.pf-v6-c-truncate {
+:where(:root, .pf-v6-c-truncate) {
   --pf-v6-c-truncate--MinWidth: 12ch;
   --pf-v6-c-truncate__start--MinWidth: 6ch;
 }