@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

package/css/layouts/Flex/flex.css

@@ -1,27 +1,31 @@
-.pf-v6-l-flex {
+:where(:root),
+:where(.pf-v6-l-flex) {
   --pf-v6-l-flex--Display: flex;
   --pf-v6-l-flex--FlexWrap: wrap;
   --pf-v6-l-flex--AlignItems: baseline;
   --pf-v6-l-flex--m-row--AlignItems: baseline;
   --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
   --pf-v6-l-flex--item--Order: 0;
-  --pf-v6-l-flex--spacer--column--base: var(--pf-v6-global--spacer--lg);
-  --pf-v6-l-flex--spacer--row--base: var(--pf-v6-global--spacer--sm);
+  --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
   --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--ColumnGap: 0;
   --pf-v6-l-flex--m-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--m-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
   --pf-v6-l-flex--m-row-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
   --pf-v6-l-flex--m-column-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
+}
+
+.pf-v6-l-flex {
   --pf-v6-l-flex--spacer--none: 0;
-  --pf-v6-l-flex--spacer--xs: var(--pf-v6-global--spacer--xs);
-  --pf-v6-l-flex--spacer--sm: var(--pf-v6-global--spacer--sm);
-  --pf-v6-l-flex--spacer--md: var(--pf-v6-global--spacer--md);
-  --pf-v6-l-flex--spacer--lg: var(--pf-v6-global--spacer--lg);
-  --pf-v6-l-flex--spacer--xl: var(--pf-v6-global--spacer--xl);
-  --pf-v6-l-flex--spacer--2xl: var(--pf-v6-global--spacer--2xl);
-  --pf-v6-l-flex--spacer--3xl: var(--pf-v6-global--spacer--3xl);
-  --pf-v6-l-flex--spacer--4xl: var(--pf-v6-global--spacer--4xl);
+  --pf-v6-l-flex--spacer--xs: var(--pf-t--global--spacer--xs);
+  --pf-v6-l-flex--spacer--sm: var(--pf-t--global--spacer--sm);
+  --pf-v6-l-flex--spacer--md: var(--pf-t--global--spacer--md);
+  --pf-v6-l-flex--spacer--lg: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--spacer--xl: var(--pf-t--global--spacer--xl);
+  --pf-v6-l-flex--spacer--2xl: var(--pf-t--global--spacer--2xl);
+  --pf-v6-l-flex--spacer--3xl: var(--pf-t--global--spacer--3xl);
+  --pf-v6-l-flex--spacer--4xl: var(--pf-t--global--spacer--4xl);
   display: var(--pf-v6-l-flex--Display);
   flex-wrap: var(--pf-v6-l-flex--FlexWrap);
   gap: var(--pf-v6-l-flex--RowGap) var(--pf-v6-l-flex--ColumnGap);
@@ -1694,36 +1698,36 @@
   --pf-v6-l-flex--ColumnGap: 0;
 }
 .pf-v6-l-flex.pf-m-gap-xs {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
 }
 .pf-v6-l-flex.pf-m-gap-sm {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-l-flex.pf-m-gap-md {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
 }
 .pf-v6-l-flex.pf-m-gap-lg {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-l-flex.pf-m-gap-xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-l-flex.pf-m-gap-2xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
 }
 .pf-v6-l-flex.pf-m-gap-3xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
 }
 .pf-v6-l-flex.pf-m-gap-4xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
 }
 .pf-v6-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
   --pf-v6-l-flex--spacer--row: 0;
@@ -1739,36 +1743,36 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-gap-xs-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-gap-sm-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-gap-md-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-gap-lg-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-gap-xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-gap-2xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-gap-3xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-gap-4xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -1785,36 +1789,36 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-gap-xs-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-gap-sm-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-gap-md-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-gap-lg-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-gap-xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-gap-2xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-gap-3xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-gap-4xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -1831,36 +1835,36 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-gap-xs-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-gap-sm-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-gap-md-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-gap-lg-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-gap-xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-gap-2xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-gap-3xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-gap-4xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -1877,36 +1881,36 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-gap-xs-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-gap-sm-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-gap-md-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-gap-lg-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-gap-xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-gap-2xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-gap-3xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-gap-4xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -1923,36 +1927,36 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-gap-xs-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-gap-sm-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-gap-md-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-gap-lg-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-gap-xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-gap-2xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-gap-3xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-gap-4xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -1966,28 +1970,28 @@
   --pf-v6-l-flex--RowGap: 0;
 }
 .pf-v6-l-flex.pf-m-row-gap-xs {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
 }
 .pf-v6-l-flex.pf-m-row-gap-sm {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-l-flex.pf-m-row-gap-md {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
 }
 .pf-v6-l-flex.pf-m-row-gap-lg {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-l-flex.pf-m-row-gap-xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-l-flex.pf-m-row-gap-2xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
 }
 .pf-v6-l-flex.pf-m-row-gap-3xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
 }
 .pf-v6-l-flex.pf-m-row-gap-4xl {
-  --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+  --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
 }
 .pf-v6-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
   --pf-v6-l-flex--spacer--row: 0;
@@ -2000,28 +2004,28 @@
     --pf-v6-l-flex--RowGap: 0;
   }
   .pf-v6-l-flex.pf-m-row-gap-xs-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-row-gap-sm-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-row-gap-md-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-row-gap-lg-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-row-gap-xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-2xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-3xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-4xl-on-sm {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -2035,28 +2039,28 @@
     --pf-v6-l-flex--RowGap: 0;
   }
   .pf-v6-l-flex.pf-m-row-gap-xs-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-row-gap-sm-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-row-gap-md-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-row-gap-lg-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-row-gap-xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-2xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-3xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-4xl-on-md {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -2070,28 +2074,28 @@
     --pf-v6-l-flex--RowGap: 0;
   }
   .pf-v6-l-flex.pf-m-row-gap-xs-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-row-gap-sm-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-row-gap-md-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-row-gap-lg-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-row-gap-xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-2xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-3xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-4xl-on-lg {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -2105,28 +2109,28 @@
     --pf-v6-l-flex--RowGap: 0;
   }
   .pf-v6-l-flex.pf-m-row-gap-xs-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-row-gap-sm-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-row-gap-md-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-row-gap-lg-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-row-gap-xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-2xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-3xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-4xl-on-xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -2140,28 +2144,28 @@
     --pf-v6-l-flex--RowGap: 0;
   }
   .pf-v6-l-flex.pf-m-row-gap-xs-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-row-gap-sm-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-row-gap-md-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-row-gap-lg-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-row-gap-xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-2xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-3xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-row-gap-4xl-on-2xl {
-    --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
     --pf-v6-l-flex--spacer--row: 0;
@@ -2174,28 +2178,28 @@
   --pf-v6-l-flex--ColumnGap: 0;
 }
 .pf-v6-l-flex.pf-m-column-gap-xs {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
 }
 .pf-v6-l-flex.pf-m-column-gap-sm {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
 }
 .pf-v6-l-flex.pf-m-column-gap-md {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
 }
 .pf-v6-l-flex.pf-m-column-gap-lg {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
 }
 .pf-v6-l-flex.pf-m-column-gap-xl {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
 }
 .pf-v6-l-flex.pf-m-column-gap-2xl {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
 }
 .pf-v6-l-flex.pf-m-column-gap-3xl {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
 }
 .pf-v6-l-flex.pf-m-column-gap-4xl {
-  --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+  --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
 }
 .pf-v6-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
   --pf-v6-l-flex--spacer--column: 0;
@@ -2208,28 +2212,28 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-column-gap-xs-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-column-gap-sm-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-column-gap-md-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-column-gap-lg-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-column-gap-xl-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-2xl-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-3xl-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-4xl-on-sm {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
     --pf-v6-l-flex--spacer--column: 0;
@@ -2243,28 +2247,28 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-column-gap-xs-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-column-gap-sm-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-column-gap-md-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-column-gap-lg-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-column-gap-xl-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-2xl-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-3xl-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-4xl-on-md {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
     --pf-v6-l-flex--spacer--column: 0;
@@ -2278,28 +2282,28 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-column-gap-xs-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-column-gap-sm-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-column-gap-md-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-column-gap-lg-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-column-gap-xl-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-2xl-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-3xl-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-4xl-on-lg {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
     --pf-v6-l-flex--spacer--column: 0;
@@ -2313,28 +2317,28 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-column-gap-xs-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-column-gap-sm-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-column-gap-md-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-column-gap-lg-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-column-gap-xl-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-2xl-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-3xl-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-4xl-on-xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
     --pf-v6-l-flex--spacer--column: 0;
@@ -2348,28 +2352,28 @@
     --pf-v6-l-flex--ColumnGap: 0;
   }
   .pf-v6-l-flex.pf-m-column-gap-xs-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
   }
   .pf-v6-l-flex.pf-m-column-gap-sm-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
   }
   .pf-v6-l-flex.pf-m-column-gap-md-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
   }
   .pf-v6-l-flex.pf-m-column-gap-lg-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
   }
   .pf-v6-l-flex.pf-m-column-gap-xl-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-2xl-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-3xl-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
   }
   .pf-v6-l-flex.pf-m-column-gap-4xl-on-2xl {
-    --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
+    --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
   }
   .pf-v6-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
     --pf-v6-l-flex--spacer--column: 0;