@patternfly/react-styles 6.0.0-alpha.16 → 6.0.0-alpha.18

Sign up to get free protection for your applications and to get access to all the features.
Files changed (135) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/components/Check/check.css +2 -2
  3. package/css/components/Divider/divider.css +42 -42
  4. package/css/components/Drawer/drawer.css +5 -4
  5. package/css/components/Drawer/drawer.d.ts +1 -0
  6. package/css/components/Drawer/drawer.js +1 -0
  7. package/css/components/Drawer/drawer.mjs +1 -0
  8. package/css/components/FormControl/form-control.css +2 -1
  9. package/css/components/Label/label.css +14 -0
  10. package/css/components/Label/label.d.ts +2 -1
  11. package/css/components/Label/label.js +2 -1
  12. package/css/components/Label/label.mjs +2 -1
  13. package/css/components/Masthead/masthead.css +70 -70
  14. package/css/components/MenuToggle/menu-toggle.css +24 -0
  15. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  16. package/css/components/MenuToggle/menu-toggle.js +4 -0
  17. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  18. package/css/components/Nav/nav.css +3 -1
  19. package/css/components/Nav/nav.d.ts +1 -0
  20. package/css/components/Nav/nav.js +1 -0
  21. package/css/components/Nav/nav.mjs +1 -0
  22. package/css/components/Page/page.css +24 -23
  23. package/css/components/Page/page.d.ts +1 -0
  24. package/css/components/Page/page.js +1 -0
  25. package/css/components/Page/page.mjs +1 -0
  26. package/css/components/Pagination/pagination.css +30 -30
  27. package/css/components/Table/table-scrollable.css +12 -15
  28. package/css/components/Table/table-tree-view.css +0 -2
  29. package/css/components/Table/table.css +112 -86
  30. package/css/components/Table/table.d.ts +3 -1
  31. package/css/components/Table/table.js +3 -1
  32. package/css/components/Table/table.mjs +3 -1
  33. package/css/components/Tabs/tabs.css +90 -90
  34. package/css/components/TextInputGroup/text-input-group.css +42 -42
  35. package/css/components/Toolbar/toolbar.css +288 -288
  36. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  37. package/css/docs/components/Table/examples/Table.css +6 -8
  38. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  39. package/css/docs/components/Table/examples/Table.js +1 -1
  40. package/css/docs/components/Table/examples/Table.mjs +1 -1
  41. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +4 -3
  42. package/css/docs/components/TextInputGroup/examples/TextInputGroup.d.ts +2 -2
  43. package/css/docs/components/TextInputGroup/examples/TextInputGroup.js +2 -2
  44. package/css/docs/components/TextInputGroup/examples/TextInputGroup.mjs +2 -2
  45. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  46. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  47. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  48. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  49. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  50. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  51. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  52. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  53. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  54. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  55. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  56. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  57. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  58. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  59. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  60. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  61. package/css/docs/layouts/Level/examples/Level.css +5 -5
  62. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  63. package/css/docs/layouts/Level/examples/Level.js +2 -2
  64. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  65. package/css/docs/layouts/Split/examples/Split.css +4 -4
  66. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  67. package/css/docs/layouts/Split/examples/Split.js +2 -2
  68. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  69. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  70. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  71. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  72. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  73. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  74. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  75. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  76. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  77. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  78. package/css/docs/utilities/Display/examples/Display.css +8 -8
  79. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  80. package/css/docs/utilities/Display/examples/Display.js +8 -8
  81. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  82. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  83. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  84. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  85. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  86. package/css/docs/utilities/Float/examples/Float.css +2 -2
  87. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  88. package/css/docs/utilities/Float/examples/Float.js +2 -2
  89. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  90. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  91. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  92. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  93. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  94. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  95. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  96. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  97. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  98. package/css/layouts/Bullseye/bullseye.css +5 -1
  99. package/css/layouts/Flex/flex.css +207 -203
  100. package/css/layouts/Gallery/gallery.css +6 -2
  101. package/css/layouts/Grid/grid.css +6 -2
  102. package/css/layouts/Level/level.css +5 -1
  103. package/css/layouts/Split/split.css +5 -1
  104. package/css/layouts/Stack/stack.css +5 -1
  105. package/css/utilities/Alignment/alignment.css +24 -24
  106. package/css/utilities/Alignment/alignment.d.ts +12 -12
  107. package/css/utilities/Alignment/alignment.js +12 -12
  108. package/css/utilities/Alignment/alignment.mjs +12 -12
  109. package/css/utilities/BackgroundColor/BackgroundColor.css +0 -100
  110. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +1 -2
  111. package/css/utilities/BackgroundColor/BackgroundColor.js +1 -2
  112. package/css/utilities/BackgroundColor/BackgroundColor.mjs +1 -2
  113. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  114. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  115. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  116. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  117. package/css/utilities/Float/float.css +24 -24
  118. package/css/utilities/Float/float.d.ts +12 -12
  119. package/css/utilities/Float/float.js +12 -12
  120. package/css/utilities/Float/float.mjs +12 -12
  121. package/css/utilities/Sizing/sizing.css +28 -28
  122. package/css/utilities/Spacing/spacing.css +672 -672
  123. package/css/utilities/Text/text.css +0 -155
  124. package/css/utilities/Text/text.d.ts +0 -1
  125. package/css/utilities/Text/text.js +0 -1
  126. package/css/utilities/Text/text.mjs +0 -1
  127. package/package.json +3 -3
  128. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  129. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  130. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  131. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  132. package/css/utilities/Text/themes/dark/text.css +0 -0
  133. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  134. package/css/utilities/Text/themes/dark/text.js +0 -4
  135. package/css/utilities/Text/themes/dark/text.mjs +0 -2
package/css/layouts/Flex/flex.css CHANGED
@@ -1,27 +1,31 @@
1
- .pf-v6-l-flex {
1
+ :where(:root),
2
+ :where(.pf-v6-l-flex) {
2
3
  --pf-v6-l-flex--Display: flex;
3
4
  --pf-v6-l-flex--FlexWrap: wrap;
4
5
  --pf-v6-l-flex--AlignItems: baseline;
5
6
  --pf-v6-l-flex--m-row--AlignItems: baseline;
6
7
  --pf-v6-l-flex--m-row-reverse--AlignItems: baseline;
7
8
  --pf-v6-l-flex--item--Order: 0;
8
- --pf-v6-l-flex--spacer--column--base: var(--pf-v6-global--spacer--lg);
9
- --pf-v6-l-flex--spacer--row--base: var(--pf-v6-global--spacer--sm);
9
+ --pf-v6-l-flex--spacer--column--base: var(--pf-t--global--spacer--lg);
10
+ --pf-v6-l-flex--spacer--row--base: var(--pf-t--global--spacer--sm);
10
11
  --pf-v6-l-flex--RowGap: var(--pf-v6-l-flex--spacer--row--base);
11
12
  --pf-v6-l-flex--ColumnGap: 0;
12
13
  --pf-v6-l-flex--m-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
13
14
  --pf-v6-l-flex--m-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
14
15
  --pf-v6-l-flex--m-row-gap--RowGap: var(--pf-v6-l-flex--spacer--row--base);
15
16
  --pf-v6-l-flex--m-column-gap--ColumnGap: var(--pf-v6-l-flex--spacer--column--base);
17
+ }
18
+
19
+ .pf-v6-l-flex {
16
20
  --pf-v6-l-flex--spacer--none: 0;
17
- --pf-v6-l-flex--spacer--xs: var(--pf-v6-global--spacer--xs);
18
- --pf-v6-l-flex--spacer--sm: var(--pf-v6-global--spacer--sm);
19
- --pf-v6-l-flex--spacer--md: var(--pf-v6-global--spacer--md);
20
- --pf-v6-l-flex--spacer--lg: var(--pf-v6-global--spacer--lg);
21
- --pf-v6-l-flex--spacer--xl: var(--pf-v6-global--spacer--xl);
22
- --pf-v6-l-flex--spacer--2xl: var(--pf-v6-global--spacer--2xl);
23
- --pf-v6-l-flex--spacer--3xl: var(--pf-v6-global--spacer--3xl);
24
- --pf-v6-l-flex--spacer--4xl: var(--pf-v6-global--spacer--4xl);
21
+ --pf-v6-l-flex--spacer--xs: var(--pf-t--global--spacer--xs);
22
+ --pf-v6-l-flex--spacer--sm: var(--pf-t--global--spacer--sm);
23
+ --pf-v6-l-flex--spacer--md: var(--pf-t--global--spacer--md);
24
+ --pf-v6-l-flex--spacer--lg: var(--pf-t--global--spacer--lg);
25
+ --pf-v6-l-flex--spacer--xl: var(--pf-t--global--spacer--xl);
26
+ --pf-v6-l-flex--spacer--2xl: var(--pf-t--global--spacer--2xl);
27
+ --pf-v6-l-flex--spacer--3xl: var(--pf-t--global--spacer--3xl);
28
+ --pf-v6-l-flex--spacer--4xl: var(--pf-t--global--spacer--4xl);
25
29
  display: var(--pf-v6-l-flex--Display);
26
30
  flex-wrap: var(--pf-v6-l-flex--FlexWrap);
27
31
  gap: var(--pf-v6-l-flex--RowGap) var(--pf-v6-l-flex--ColumnGap);
@@ -1694,36 +1698,36 @@
1694
1698
  --pf-v6-l-flex--ColumnGap: 0;
1695
1699
  }
1696
1700
  .pf-v6-l-flex.pf-m-gap-xs {
1697
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1698
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1701
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1702
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1699
1703
  }
1700
1704
  .pf-v6-l-flex.pf-m-gap-sm {
1701
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1702
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1705
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1706
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1703
1707
  }
1704
1708
  .pf-v6-l-flex.pf-m-gap-md {
1705
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1706
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1709
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1710
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1707
1711
  }
1708
1712
  .pf-v6-l-flex.pf-m-gap-lg {
1709
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1710
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1713
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1714
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1711
1715
  }
1712
1716
  .pf-v6-l-flex.pf-m-gap-xl {
1713
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1714
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1717
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1718
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1715
1719
  }
1716
1720
  .pf-v6-l-flex.pf-m-gap-2xl {
1717
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1718
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1721
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1722
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1719
1723
  }
1720
1724
  .pf-v6-l-flex.pf-m-gap-3xl {
1721
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1722
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1725
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1726
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1723
1727
  }
1724
1728
  .pf-v6-l-flex.pf-m-gap-4xl {
1725
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1726
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1729
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1730
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1727
1731
  }
1728
1732
  .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) > * {
1729
1733
  --pf-v6-l-flex--spacer--row: 0;
@@ -1739,36 +1743,36 @@
1739
1743
  --pf-v6-l-flex--ColumnGap: 0;
1740
1744
  }
1741
1745
  .pf-v6-l-flex.pf-m-gap-xs-on-sm {
1742
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1743
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1746
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1747
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1744
1748
  }
1745
1749
  .pf-v6-l-flex.pf-m-gap-sm-on-sm {
1746
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1747
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1750
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1751
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1748
1752
  }
1749
1753
  .pf-v6-l-flex.pf-m-gap-md-on-sm {
1750
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1751
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1754
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1755
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1752
1756
  }
1753
1757
  .pf-v6-l-flex.pf-m-gap-lg-on-sm {
1754
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1755
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1758
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1759
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1756
1760
  }
1757
1761
  .pf-v6-l-flex.pf-m-gap-xl-on-sm {
1758
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1759
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1762
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1763
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1760
1764
  }
1761
1765
  .pf-v6-l-flex.pf-m-gap-2xl-on-sm {
1762
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1763
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1766
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1767
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1764
1768
  }
1765
1769
  .pf-v6-l-flex.pf-m-gap-3xl-on-sm {
1766
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1767
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1770
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1771
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1768
1772
  }
1769
1773
  .pf-v6-l-flex.pf-m-gap-4xl-on-sm {
1770
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1771
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1774
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1775
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1772
1776
  }
1773
1777
  .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) > * {
1774
1778
  --pf-v6-l-flex--spacer--row: 0;
@@ -1785,36 +1789,36 @@
1785
1789
  --pf-v6-l-flex--ColumnGap: 0;
1786
1790
  }
1787
1791
  .pf-v6-l-flex.pf-m-gap-xs-on-md {
1788
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1789
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1792
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1793
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1790
1794
  }
1791
1795
  .pf-v6-l-flex.pf-m-gap-sm-on-md {
1792
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1793
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1796
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1797
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1794
1798
  }
1795
1799
  .pf-v6-l-flex.pf-m-gap-md-on-md {
1796
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1797
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1800
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1801
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1798
1802
  }
1799
1803
  .pf-v6-l-flex.pf-m-gap-lg-on-md {
1800
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1801
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1804
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1805
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1802
1806
  }
1803
1807
  .pf-v6-l-flex.pf-m-gap-xl-on-md {
1804
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1805
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1808
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1809
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1806
1810
  }
1807
1811
  .pf-v6-l-flex.pf-m-gap-2xl-on-md {
1808
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1809
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1812
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1813
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1810
1814
  }
1811
1815
  .pf-v6-l-flex.pf-m-gap-3xl-on-md {
1812
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1813
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1816
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1817
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1814
1818
  }
1815
1819
  .pf-v6-l-flex.pf-m-gap-4xl-on-md {
1816
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1817
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1820
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1821
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1818
1822
  }
1819
1823
  .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) > * {
1820
1824
  --pf-v6-l-flex--spacer--row: 0;
@@ -1831,36 +1835,36 @@
1831
1835
  --pf-v6-l-flex--ColumnGap: 0;
1832
1836
  }
1833
1837
  .pf-v6-l-flex.pf-m-gap-xs-on-lg {
1834
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1835
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1838
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1839
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1836
1840
  }
1837
1841
  .pf-v6-l-flex.pf-m-gap-sm-on-lg {
1838
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1839
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1842
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1843
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1840
1844
  }
1841
1845
  .pf-v6-l-flex.pf-m-gap-md-on-lg {
1842
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1843
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1846
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1847
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1844
1848
  }
1845
1849
  .pf-v6-l-flex.pf-m-gap-lg-on-lg {
1846
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1847
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1850
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1851
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1848
1852
  }
1849
1853
  .pf-v6-l-flex.pf-m-gap-xl-on-lg {
1850
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1851
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1854
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1855
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1852
1856
  }
1853
1857
  .pf-v6-l-flex.pf-m-gap-2xl-on-lg {
1854
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1855
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1858
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1859
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1856
1860
  }
1857
1861
  .pf-v6-l-flex.pf-m-gap-3xl-on-lg {
1858
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1859
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1862
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1863
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1860
1864
  }
1861
1865
  .pf-v6-l-flex.pf-m-gap-4xl-on-lg {
1862
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1863
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1866
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1867
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1864
1868
  }
1865
1869
  .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) > * {
1866
1870
  --pf-v6-l-flex--spacer--row: 0;
@@ -1877,36 +1881,36 @@
1877
1881
  --pf-v6-l-flex--ColumnGap: 0;
1878
1882
  }
1879
1883
  .pf-v6-l-flex.pf-m-gap-xs-on-xl {
1880
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1881
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1884
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1885
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1882
1886
  }
1883
1887
  .pf-v6-l-flex.pf-m-gap-sm-on-xl {
1884
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1885
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1888
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1889
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1886
1890
  }
1887
1891
  .pf-v6-l-flex.pf-m-gap-md-on-xl {
1888
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1889
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1892
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1893
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1890
1894
  }
1891
1895
  .pf-v6-l-flex.pf-m-gap-lg-on-xl {
1892
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1893
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1896
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1897
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1894
1898
  }
1895
1899
  .pf-v6-l-flex.pf-m-gap-xl-on-xl {
1896
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1897
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1900
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1901
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1898
1902
  }
1899
1903
  .pf-v6-l-flex.pf-m-gap-2xl-on-xl {
1900
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1901
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1904
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1905
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1902
1906
  }
1903
1907
  .pf-v6-l-flex.pf-m-gap-3xl-on-xl {
1904
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1905
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1908
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1909
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1906
1910
  }
1907
1911
  .pf-v6-l-flex.pf-m-gap-4xl-on-xl {
1908
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1909
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1912
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1913
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1910
1914
  }
1911
1915
  .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) > * {
1912
1916
  --pf-v6-l-flex--spacer--row: 0;
@@ -1923,36 +1927,36 @@
1923
1927
  --pf-v6-l-flex--ColumnGap: 0;
1924
1928
  }
1925
1929
  .pf-v6-l-flex.pf-m-gap-xs-on-2xl {
1926
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1927
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
1930
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1931
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
1928
1932
  }
1929
1933
  .pf-v6-l-flex.pf-m-gap-sm-on-2xl {
1930
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1931
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
1934
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1935
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
1932
1936
  }
1933
1937
  .pf-v6-l-flex.pf-m-gap-md-on-2xl {
1934
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1935
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
1938
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1939
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
1936
1940
  }
1937
1941
  .pf-v6-l-flex.pf-m-gap-lg-on-2xl {
1938
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1939
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
1942
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1943
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
1940
1944
  }
1941
1945
  .pf-v6-l-flex.pf-m-gap-xl-on-2xl {
1942
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1943
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
1946
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1947
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
1944
1948
  }
1945
1949
  .pf-v6-l-flex.pf-m-gap-2xl-on-2xl {
1946
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1947
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
1950
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1951
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
1948
1952
  }
1949
1953
  .pf-v6-l-flex.pf-m-gap-3xl-on-2xl {
1950
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1951
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
1954
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1955
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
1952
1956
  }
1953
1957
  .pf-v6-l-flex.pf-m-gap-4xl-on-2xl {
1954
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1955
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
1958
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1959
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
1956
1960
  }
1957
1961
  .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) > * {
1958
1962
  --pf-v6-l-flex--spacer--row: 0;
@@ -1966,28 +1970,28 @@
1966
1970
  --pf-v6-l-flex--RowGap: 0;
1967
1971
  }
1968
1972
  .pf-v6-l-flex.pf-m-row-gap-xs {
1969
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
1973
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
1970
1974
  }
1971
1975
  .pf-v6-l-flex.pf-m-row-gap-sm {
1972
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
1976
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
1973
1977
  }
1974
1978
  .pf-v6-l-flex.pf-m-row-gap-md {
1975
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
1979
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
1976
1980
  }
1977
1981
  .pf-v6-l-flex.pf-m-row-gap-lg {
1978
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
1982
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
1979
1983
  }
1980
1984
  .pf-v6-l-flex.pf-m-row-gap-xl {
1981
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
1985
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
1982
1986
  }
1983
1987
  .pf-v6-l-flex.pf-m-row-gap-2xl {
1984
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
1988
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
1985
1989
  }
1986
1990
  .pf-v6-l-flex.pf-m-row-gap-3xl {
1987
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
1991
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
1988
1992
  }
1989
1993
  .pf-v6-l-flex.pf-m-row-gap-4xl {
1990
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
1994
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
1991
1995
  }
1992
1996
  .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) > * {
1993
1997
  --pf-v6-l-flex--spacer--row: 0;
@@ -2000,28 +2004,28 @@
2000
2004
  --pf-v6-l-flex--RowGap: 0;
2001
2005
  }
2002
2006
  .pf-v6-l-flex.pf-m-row-gap-xs-on-sm {
2003
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
2007
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2004
2008
  }
2005
2009
  .pf-v6-l-flex.pf-m-row-gap-sm-on-sm {
2006
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
2010
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2007
2011
  }
2008
2012
  .pf-v6-l-flex.pf-m-row-gap-md-on-sm {
2009
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
2013
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2010
2014
  }
2011
2015
  .pf-v6-l-flex.pf-m-row-gap-lg-on-sm {
2012
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
2016
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2013
2017
  }
2014
2018
  .pf-v6-l-flex.pf-m-row-gap-xl-on-sm {
2015
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
2019
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2016
2020
  }
2017
2021
  .pf-v6-l-flex.pf-m-row-gap-2xl-on-sm {
2018
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
2022
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2019
2023
  }
2020
2024
  .pf-v6-l-flex.pf-m-row-gap-3xl-on-sm {
2021
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
2025
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2022
2026
  }
2023
2027
  .pf-v6-l-flex.pf-m-row-gap-4xl-on-sm {
2024
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
2028
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2025
2029
  }
2026
2030
  .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) > * {
2027
2031
  --pf-v6-l-flex--spacer--row: 0;
@@ -2035,28 +2039,28 @@
2035
2039
  --pf-v6-l-flex--RowGap: 0;
2036
2040
  }
2037
2041
  .pf-v6-l-flex.pf-m-row-gap-xs-on-md {
2038
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
2042
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2039
2043
  }
2040
2044
  .pf-v6-l-flex.pf-m-row-gap-sm-on-md {
2041
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
2045
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2042
2046
  }
2043
2047
  .pf-v6-l-flex.pf-m-row-gap-md-on-md {
2044
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
2048
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2045
2049
  }
2046
2050
  .pf-v6-l-flex.pf-m-row-gap-lg-on-md {
2047
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
2051
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2048
2052
  }
2049
2053
  .pf-v6-l-flex.pf-m-row-gap-xl-on-md {
2050
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
2054
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2051
2055
  }
2052
2056
  .pf-v6-l-flex.pf-m-row-gap-2xl-on-md {
2053
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
2057
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2054
2058
  }
2055
2059
  .pf-v6-l-flex.pf-m-row-gap-3xl-on-md {
2056
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
2060
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2057
2061
  }
2058
2062
  .pf-v6-l-flex.pf-m-row-gap-4xl-on-md {
2059
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
2063
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2060
2064
  }
2061
2065
  .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) > * {
2062
2066
  --pf-v6-l-flex--spacer--row: 0;
@@ -2070,28 +2074,28 @@
2070
2074
  --pf-v6-l-flex--RowGap: 0;
2071
2075
  }
2072
2076
  .pf-v6-l-flex.pf-m-row-gap-xs-on-lg {
2073
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
2077
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2074
2078
  }
2075
2079
  .pf-v6-l-flex.pf-m-row-gap-sm-on-lg {
2076
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
2080
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2077
2081
  }
2078
2082
  .pf-v6-l-flex.pf-m-row-gap-md-on-lg {
2079
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
2083
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2080
2084
  }
2081
2085
  .pf-v6-l-flex.pf-m-row-gap-lg-on-lg {
2082
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
2086
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2083
2087
  }
2084
2088
  .pf-v6-l-flex.pf-m-row-gap-xl-on-lg {
2085
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
2089
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2086
2090
  }
2087
2091
  .pf-v6-l-flex.pf-m-row-gap-2xl-on-lg {
2088
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
2092
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2089
2093
  }
2090
2094
  .pf-v6-l-flex.pf-m-row-gap-3xl-on-lg {
2091
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
2095
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2092
2096
  }
2093
2097
  .pf-v6-l-flex.pf-m-row-gap-4xl-on-lg {
2094
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
2098
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2095
2099
  }
2096
2100
  .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) > * {
2097
2101
  --pf-v6-l-flex--spacer--row: 0;
@@ -2105,28 +2109,28 @@
2105
2109
  --pf-v6-l-flex--RowGap: 0;
2106
2110
  }
2107
2111
  .pf-v6-l-flex.pf-m-row-gap-xs-on-xl {
2108
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
2112
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2109
2113
  }
2110
2114
  .pf-v6-l-flex.pf-m-row-gap-sm-on-xl {
2111
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
2115
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2112
2116
  }
2113
2117
  .pf-v6-l-flex.pf-m-row-gap-md-on-xl {
2114
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
2118
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2115
2119
  }
2116
2120
  .pf-v6-l-flex.pf-m-row-gap-lg-on-xl {
2117
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
2121
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2118
2122
  }
2119
2123
  .pf-v6-l-flex.pf-m-row-gap-xl-on-xl {
2120
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
2124
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2121
2125
  }
2122
2126
  .pf-v6-l-flex.pf-m-row-gap-2xl-on-xl {
2123
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
2127
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2124
2128
  }
2125
2129
  .pf-v6-l-flex.pf-m-row-gap-3xl-on-xl {
2126
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
2130
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2127
2131
  }
2128
2132
  .pf-v6-l-flex.pf-m-row-gap-4xl-on-xl {
2129
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
2133
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2130
2134
  }
2131
2135
  .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) > * {
2132
2136
  --pf-v6-l-flex--spacer--row: 0;
@@ -2140,28 +2144,28 @@
2140
2144
  --pf-v6-l-flex--RowGap: 0;
2141
2145
  }
2142
2146
  .pf-v6-l-flex.pf-m-row-gap-xs-on-2xl {
2143
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xs);
2147
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xs);
2144
2148
  }
2145
2149
  .pf-v6-l-flex.pf-m-row-gap-sm-on-2xl {
2146
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--sm);
2150
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--sm);
2147
2151
  }
2148
2152
  .pf-v6-l-flex.pf-m-row-gap-md-on-2xl {
2149
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--md);
2153
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--md);
2150
2154
  }
2151
2155
  .pf-v6-l-flex.pf-m-row-gap-lg-on-2xl {
2152
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--lg);
2156
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--lg);
2153
2157
  }
2154
2158
  .pf-v6-l-flex.pf-m-row-gap-xl-on-2xl {
2155
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--xl);
2159
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--xl);
2156
2160
  }
2157
2161
  .pf-v6-l-flex.pf-m-row-gap-2xl-on-2xl {
2158
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--2xl);
2162
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--2xl);
2159
2163
  }
2160
2164
  .pf-v6-l-flex.pf-m-row-gap-3xl-on-2xl {
2161
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--3xl);
2165
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--3xl);
2162
2166
  }
2163
2167
  .pf-v6-l-flex.pf-m-row-gap-4xl-on-2xl {
2164
- --pf-v6-l-flex--RowGap: var(--pf-v6-global--spacer--4xl);
2168
+ --pf-v6-l-flex--RowGap: var(--pf-t--global--spacer--4xl);
2165
2169
  }
2166
2170
  .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) > * {
2167
2171
  --pf-v6-l-flex--spacer--row: 0;
@@ -2174,28 +2178,28 @@
2174
2178
  --pf-v6-l-flex--ColumnGap: 0;
2175
2179
  }
2176
2180
  .pf-v6-l-flex.pf-m-column-gap-xs {
2177
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2181
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2178
2182
  }
2179
2183
  .pf-v6-l-flex.pf-m-column-gap-sm {
2180
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2184
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2181
2185
  }
2182
2186
  .pf-v6-l-flex.pf-m-column-gap-md {
2183
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2187
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2184
2188
  }
2185
2189
  .pf-v6-l-flex.pf-m-column-gap-lg {
2186
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2190
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2187
2191
  }
2188
2192
  .pf-v6-l-flex.pf-m-column-gap-xl {
2189
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2193
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2190
2194
  }
2191
2195
  .pf-v6-l-flex.pf-m-column-gap-2xl {
2192
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2196
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2193
2197
  }
2194
2198
  .pf-v6-l-flex.pf-m-column-gap-3xl {
2195
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2199
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2196
2200
  }
2197
2201
  .pf-v6-l-flex.pf-m-column-gap-4xl {
2198
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2202
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2199
2203
  }
2200
2204
  .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) > * {
2201
2205
  --pf-v6-l-flex--spacer--column: 0;
@@ -2208,28 +2212,28 @@
2208
2212
  --pf-v6-l-flex--ColumnGap: 0;
2209
2213
  }
2210
2214
  .pf-v6-l-flex.pf-m-column-gap-xs-on-sm {
2211
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2215
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2212
2216
  }
2213
2217
  .pf-v6-l-flex.pf-m-column-gap-sm-on-sm {
2214
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2218
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2215
2219
  }
2216
2220
  .pf-v6-l-flex.pf-m-column-gap-md-on-sm {
2217
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2221
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2218
2222
  }
2219
2223
  .pf-v6-l-flex.pf-m-column-gap-lg-on-sm {
2220
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2224
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2221
2225
  }
2222
2226
  .pf-v6-l-flex.pf-m-column-gap-xl-on-sm {
2223
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2227
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2224
2228
  }
2225
2229
  .pf-v6-l-flex.pf-m-column-gap-2xl-on-sm {
2226
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2230
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2227
2231
  }
2228
2232
  .pf-v6-l-flex.pf-m-column-gap-3xl-on-sm {
2229
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2233
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2230
2234
  }
2231
2235
  .pf-v6-l-flex.pf-m-column-gap-4xl-on-sm {
2232
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2236
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2233
2237
  }
2234
2238
  .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) > * {
2235
2239
  --pf-v6-l-flex--spacer--column: 0;
@@ -2243,28 +2247,28 @@
2243
2247
  --pf-v6-l-flex--ColumnGap: 0;
2244
2248
  }
2245
2249
  .pf-v6-l-flex.pf-m-column-gap-xs-on-md {
2246
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2250
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2247
2251
  }
2248
2252
  .pf-v6-l-flex.pf-m-column-gap-sm-on-md {
2249
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2253
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2250
2254
  }
2251
2255
  .pf-v6-l-flex.pf-m-column-gap-md-on-md {
2252
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2256
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2253
2257
  }
2254
2258
  .pf-v6-l-flex.pf-m-column-gap-lg-on-md {
2255
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2259
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2256
2260
  }
2257
2261
  .pf-v6-l-flex.pf-m-column-gap-xl-on-md {
2258
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2262
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2259
2263
  }
2260
2264
  .pf-v6-l-flex.pf-m-column-gap-2xl-on-md {
2261
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2265
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2262
2266
  }
2263
2267
  .pf-v6-l-flex.pf-m-column-gap-3xl-on-md {
2264
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2268
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2265
2269
  }
2266
2270
  .pf-v6-l-flex.pf-m-column-gap-4xl-on-md {
2267
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2271
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2268
2272
  }
2269
2273
  .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) > * {
2270
2274
  --pf-v6-l-flex--spacer--column: 0;
@@ -2278,28 +2282,28 @@
2278
2282
  --pf-v6-l-flex--ColumnGap: 0;
2279
2283
  }
2280
2284
  .pf-v6-l-flex.pf-m-column-gap-xs-on-lg {
2281
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2285
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2282
2286
  }
2283
2287
  .pf-v6-l-flex.pf-m-column-gap-sm-on-lg {
2284
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2288
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2285
2289
  }
2286
2290
  .pf-v6-l-flex.pf-m-column-gap-md-on-lg {
2287
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2291
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2288
2292
  }
2289
2293
  .pf-v6-l-flex.pf-m-column-gap-lg-on-lg {
2290
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2294
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2291
2295
  }
2292
2296
  .pf-v6-l-flex.pf-m-column-gap-xl-on-lg {
2293
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2297
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2294
2298
  }
2295
2299
  .pf-v6-l-flex.pf-m-column-gap-2xl-on-lg {
2296
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2300
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2297
2301
  }
2298
2302
  .pf-v6-l-flex.pf-m-column-gap-3xl-on-lg {
2299
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2303
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2300
2304
  }
2301
2305
  .pf-v6-l-flex.pf-m-column-gap-4xl-on-lg {
2302
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2306
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2303
2307
  }
2304
2308
  .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) > * {
2305
2309
  --pf-v6-l-flex--spacer--column: 0;
@@ -2313,28 +2317,28 @@
2313
2317
  --pf-v6-l-flex--ColumnGap: 0;
2314
2318
  }
2315
2319
  .pf-v6-l-flex.pf-m-column-gap-xs-on-xl {
2316
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2320
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2317
2321
  }
2318
2322
  .pf-v6-l-flex.pf-m-column-gap-sm-on-xl {
2319
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2323
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2320
2324
  }
2321
2325
  .pf-v6-l-flex.pf-m-column-gap-md-on-xl {
2322
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2326
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2323
2327
  }
2324
2328
  .pf-v6-l-flex.pf-m-column-gap-lg-on-xl {
2325
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2329
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2326
2330
  }
2327
2331
  .pf-v6-l-flex.pf-m-column-gap-xl-on-xl {
2328
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2332
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2329
2333
  }
2330
2334
  .pf-v6-l-flex.pf-m-column-gap-2xl-on-xl {
2331
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2335
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2332
2336
  }
2333
2337
  .pf-v6-l-flex.pf-m-column-gap-3xl-on-xl {
2334
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2338
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2335
2339
  }
2336
2340
  .pf-v6-l-flex.pf-m-column-gap-4xl-on-xl {
2337
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2341
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2338
2342
  }
2339
2343
  .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) > * {
2340
2344
  --pf-v6-l-flex--spacer--column: 0;
@@ -2348,28 +2352,28 @@
2348
2352
  --pf-v6-l-flex--ColumnGap: 0;
2349
2353
  }
2350
2354
  .pf-v6-l-flex.pf-m-column-gap-xs-on-2xl {
2351
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xs);
2355
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xs);
2352
2356
  }
2353
2357
  .pf-v6-l-flex.pf-m-column-gap-sm-on-2xl {
2354
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--sm);
2358
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--sm);
2355
2359
  }
2356
2360
  .pf-v6-l-flex.pf-m-column-gap-md-on-2xl {
2357
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--md);
2361
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--md);
2358
2362
  }
2359
2363
  .pf-v6-l-flex.pf-m-column-gap-lg-on-2xl {
2360
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--lg);
2364
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--lg);
2361
2365
  }
2362
2366
  .pf-v6-l-flex.pf-m-column-gap-xl-on-2xl {
2363
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--xl);
2367
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--xl);
2364
2368
  }
2365
2369
  .pf-v6-l-flex.pf-m-column-gap-2xl-on-2xl {
2366
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--2xl);
2370
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--2xl);
2367
2371
  }
2368
2372
  .pf-v6-l-flex.pf-m-column-gap-3xl-on-2xl {
2369
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--3xl);
2373
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--3xl);
2370
2374
  }
2371
2375
  .pf-v6-l-flex.pf-m-column-gap-4xl-on-2xl {
2372
- --pf-v6-l-flex--ColumnGap: var(--pf-v6-global--spacer--4xl);
2376
+ --pf-v6-l-flex--ColumnGap: var(--pf-t--global--spacer--4xl);
2373
2377
  }
2374
2378
  .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) > * {
2375
2379
  --pf-v6-l-flex--spacer--column: 0;