@patternfly/react-tokens 6.0.0-prerelease.1 → 6.0.0-prerelease.3

package/dist/js/c_description_list.js

@@ -1,11 +1,12 @@
 "use strict";
 exports.__esModule = true;
 exports.c_description_list = {
-  ":where(:root, .pf-v6-c-description-list)": {
+  ":root": {
     "c_description_list_RowGap": {
       "name": "--pf-v6-c-description-list--RowGap",
       "value": "1.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--group-to-group--vertical",
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
         "1.5rem"
@@ -13,11 +14,12 @@ exports.c_description_list = {
     },
     "c_description_list_ColumnGap": {
       "name": "--pf-v6-c-description-list--ColumnGap",
-      "value": "1.5rem",
+      "value": "3rem",
       "values": [
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
+        "--pf-t--global--spacer--gap--group-to-group--horizontal",
+        "--pf-t--global--spacer--2xl",
+        "--pf-t--global--spacer--600",
+        "3rem"
       ]
     },
     "c_description_list_GridTemplateColumns_count": {
@@ -36,6 +38,7 @@ exports.c_description_list = {
       "name": "--pf-v6-c-description-list__group--RowGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--group--vertical",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
@@ -43,11 +46,12 @@ exports.c_description_list = {
     },
     "c_description_list__group_ColumnGap": {
       "name": "--pf-v6-c-description-list__group--ColumnGap",
-      "value": "0.5rem",
+      "value": "1rem",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
+        "--pf-t--global--spacer--gap--group--horizontal",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
       ]
     },
     "c_description_list__group_GridTemplateColumns": {
@@ -66,6 +70,7 @@ exports.c_description_list = {
       "name": "--pf-v6-c-description-list--m-compact--RowGap",
       "value": "1rem",
       "values": [
+        "--pf-t--global--spacer--gap--group-to-group--vertical--compact",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
         "1rem"
@@ -75,6 +80,7 @@ exports.c_description_list = {
       "name": "--pf-v6-c-description-list--m-compact--ColumnGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--group-to-group--horizontal--compact",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
@@ -313,6 +319,7 @@ exports.c_description_list = {
       "value": "1rem",
       "values": [
         "--pf-v6-c-description-list--m-compact--RowGap",
+        "--pf-t--global--spacer--gap--group-to-group--vertical--compact",
         "--pf-t--global--spacer--md",
         "--pf-t--global--spacer--300",
         "1rem"
@@ -323,6 +330,7 @@ exports.c_description_list = {
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-description-list--m-compact--ColumnGap",
+        "--pf-t--global--spacer--gap--group-to-group--horizontal--compact",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"

package/dist/js/c_description_list__group_ColumnGap.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__group_ColumnGap: {
   "name": "--pf-v6-c-description-list__group--ColumnGap",
-  "value": "0.5rem",
+  "value": "1rem",
   "var": "var(--pf-v6-c-description-list__group--ColumnGap)"
 };
 export default c_description_list__group_ColumnGap;

package/dist/js/c_description_list__group_ColumnGap.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__group_ColumnGap = {
   "name": "--pf-v6-c-description-list__group--ColumnGap",
-  "value": "0.5rem",
+  "value": "1rem",
   "var": "var(--pf-v6-c-description-list__group--ColumnGap)"
 };
 exports["default"] = exports.c_description_list__group_ColumnGap;

package/dist/js/c_divider.d.ts

@@ -1,5 +1,5 @@
 export const c_divider: {
-  ":where(:root, .pf-v6-c-divider)": {
+  ":root": {
     "c_divider_Display": {
       "name": "--pf-v6-c-divider--Display",
       "value": "flex"

package/dist/js/c_divider.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_divider = {
-  ":where(:root, .pf-v6-c-divider)": {
+  ":root": {
     "c_divider_Display": {
       "name": "--pf-v6-c-divider--Display",
       "value": "flex"

package/dist/js/c_drag_drop.d.ts

@@ -1,5 +1,5 @@
 export const c_drag_drop: {
-  ":where(:root, .pf-v6-c-draggable)": {
+  ":root": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
       "value": "auto"
@@ -65,41 +65,7 @@ export const c_drag_drop: {
         "--pf-t--color--red-orange--60",
         "#b1380b"
       ]
-    }
-  },
-  ".pf-v6-c-draggable.pf-m-dragging": {
-    "c_draggable_Cursor": {
-      "name": "--pf-v6-c-draggable--Cursor",
-      "value": "grabbing",
-      "values": [
-        "--pf-v6-c-draggable--m-dragging--Cursor",
-        "grabbing"
-      ]
-    }
-  },
-  ".pf-v6-c-draggable.pf-m-drag-outside": {
-    "c_draggable_m_dragging_Cursor": {
-      "name": "--pf-v6-c-draggable--m-dragging--Cursor",
-      "value": "not-allowed",
-      "values": [
-        "--pf-v6-c-draggable--m-drag-outside--Cursor",
-        "not-allowed"
-      ]
     },
-    "c_draggable_m_dragging_after_BorderColor": {
-      "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-      "value": "#b1380b",
-      "values": [
-        "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-        "--pf-t--global--border--color--status--danger--default",
-        "--pf-t--global--color--status--danger--default",
-        "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--60",
-        "#b1380b"
-      ]
-    }
-  },
-  ":where(:root, .pf-v6-c-droppable)": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
       "value": "transparent"
@@ -171,6 +137,38 @@ export const c_drag_drop: {
       ]
     }
   },
+  ".pf-v6-c-draggable.pf-m-dragging": {
+    "c_draggable_Cursor": {
+      "name": "--pf-v6-c-draggable--Cursor",
+      "value": "grabbing",
+      "values": [
+        "--pf-v6-c-draggable--m-dragging--Cursor",
+        "grabbing"
+      ]
+    }
+  },
+  ".pf-v6-c-draggable.pf-m-drag-outside": {
+    "c_draggable_m_dragging_Cursor": {
+      "name": "--pf-v6-c-draggable--m-dragging--Cursor",
+      "value": "not-allowed",
+      "values": [
+        "--pf-v6-c-draggable--m-drag-outside--Cursor",
+        "not-allowed"
+      ]
+    },
+    "c_draggable_m_dragging_after_BorderColor": {
+      "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
+      "value": "#b1380b",
+      "values": [
+        "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
+      ]
+    }
+  },
   ".pf-v6-c-droppable.pf-m-dragging": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",

package/dist/js/c_drag_drop.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_drag_drop = {
-  ":where(:root, .pf-v6-c-draggable)": {
+  ":root": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
       "value": "auto"
@@ -67,41 +67,7 @@ exports.c_drag_drop = {
         "--pf-t--color--red-orange--60",
         "#b1380b"
       ]
-    }
-  },
-  ".pf-v6-c-draggable.pf-m-dragging": {
-    "c_draggable_Cursor": {
-      "name": "--pf-v6-c-draggable--Cursor",
-      "value": "grabbing",
-      "values": [
-        "--pf-v6-c-draggable--m-dragging--Cursor",
-        "grabbing"
-      ]
-    }
-  },
-  ".pf-v6-c-draggable.pf-m-drag-outside": {
-    "c_draggable_m_dragging_Cursor": {
-      "name": "--pf-v6-c-draggable--m-dragging--Cursor",
-      "value": "not-allowed",
-      "values": [
-        "--pf-v6-c-draggable--m-drag-outside--Cursor",
-        "not-allowed"
-      ]
     },
-    "c_draggable_m_dragging_after_BorderColor": {
-      "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
-      "value": "#b1380b",
-      "values": [
-        "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
-        "--pf-t--global--border--color--status--danger--default",
-        "--pf-t--global--color--status--danger--default",
-        "--pf-t--global--color--status--danger--100",
-        "--pf-t--color--red-orange--60",
-        "#b1380b"
-      ]
-    }
-  },
-  ":where(:root, .pf-v6-c-droppable)": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
       "value": "transparent"
@@ -173,6 +139,38 @@ exports.c_drag_drop = {
       ]
     }
   },
+  ".pf-v6-c-draggable.pf-m-dragging": {
+    "c_draggable_Cursor": {
+      "name": "--pf-v6-c-draggable--Cursor",
+      "value": "grabbing",
+      "values": [
+        "--pf-v6-c-draggable--m-dragging--Cursor",
+        "grabbing"
+      ]
+    }
+  },
+  ".pf-v6-c-draggable.pf-m-drag-outside": {
+    "c_draggable_m_dragging_Cursor": {
+      "name": "--pf-v6-c-draggable--m-dragging--Cursor",
+      "value": "not-allowed",
+      "values": [
+        "--pf-v6-c-draggable--m-drag-outside--Cursor",
+        "not-allowed"
+      ]
+    },
+    "c_draggable_m_dragging_after_BorderColor": {
+      "name": "--pf-v6-c-draggable--m-dragging--after--BorderColor",
+      "value": "#b1380b",
+      "values": [
+        "--pf-v6-c-draggable--m-drag-outside--after--BorderColor",
+        "--pf-t--global--border--color--status--danger--default",
+        "--pf-t--global--color--status--danger--default",
+        "--pf-t--global--color--status--danger--100",
+        "--pf-t--color--red-orange--60",
+        "#b1380b"
+      ]
+    }
+  },
   ".pf-v6-c-droppable.pf-m-dragging": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",

package/dist/js/c_drawer.d.ts

@@ -1,5 +1,5 @@
 export const c_drawer: {
-  ":where(:root, .pf-v6-c-drawer)": {
+  ":root": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v6-c-drawer__section--BackgroundColor",
       "value": "#ffffff",
@@ -197,6 +197,7 @@ export const c_drawer: {
       "name": "--pf-v6-c-drawer__head--ColumnGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--text-to-element--default",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"

package/dist/js/c_drawer.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_drawer = {
-  ":where(:root, .pf-v6-c-drawer)": {
+  ":root": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v6-c-drawer__section--BackgroundColor",
       "value": "#ffffff",
@@ -199,6 +199,7 @@ exports.c_drawer = {
       "name": "--pf-v6-c-drawer__head--ColumnGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--text-to-element--default",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"

package/dist/js/c_dual_list_selector.d.ts

@@ -1,5 +1,5 @@
 export const c_dual_list_selector: {
-  ":where(:root, .pf-v6-c-dual-list-selector)": {
+  ":root": {
     "c_dual_list_selector__header_GridArea": {
       "name": "--pf-v6-c-dual-list-selector__header--GridArea",
       "value": "pane-header"
@@ -338,11 +338,12 @@ export const c_dual_list_selector: {
     },
     "c_dual_list_selector__controls_Gap": {
       "name": "--pf-v6-c-dual-list-selector__controls--Gap",
-      "value": "0.5rem",
+      "value": "0.25rem",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
+        "--pf-t--global--spacer--gap--action-to-action--plain",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
       ]
     },
     "c_dual_list_selector__controls_MarginBlockStart": {
@@ -407,12 +408,23 @@ export const c_dual_list_selector: {
       "name": "--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate",
       "value": "90deg"
     },
-    "c_dual_list_selector__item_toggle_icon_Transition": {
-      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--Transition",
-      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
+    "c_dual_list_selector__item_toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_dual_list_selector__item_toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
       "values": [
-        "--pf-t--global--transition",
-        "all 250ms cubic-bezier(.42, 0, .58, 1)"
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
     "c_dual_list_selector__item_toggle_icon_MinWidth": {

package/dist/js/c_dual_list_selector.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_dual_list_selector = {
-  ":where(:root, .pf-v6-c-dual-list-selector)": {
+  ":root": {
     "c_dual_list_selector__header_GridArea": {
       "name": "--pf-v6-c-dual-list-selector__header--GridArea",
       "value": "pane-header"
@@ -340,11 +340,12 @@ exports.c_dual_list_selector = {
     },
     "c_dual_list_selector__controls_Gap": {
       "name": "--pf-v6-c-dual-list-selector__controls--Gap",
-      "value": "0.5rem",
+      "value": "0.25rem",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
+        "--pf-t--global--spacer--gap--action-to-action--plain",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
       ]
     },
     "c_dual_list_selector__controls_MarginBlockStart": {
@@ -409,12 +410,23 @@ exports.c_dual_list_selector = {
       "name": "--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate",
       "value": "90deg"
     },
-    "c_dual_list_selector__item_toggle_icon_Transition": {
-      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--Transition",
-      "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
+    "c_dual_list_selector__item_toggle_icon_TransitionDuration": {
+      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--icon--long",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_dual_list_selector__item_toggle_icon_TransitionTimingFunction": {
+      "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
       "values": [
-        "--pf-t--global--transition",
-        "all 250ms cubic-bezier(.42, 0, .58, 1)"
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
       ]
     },
     "c_dual_list_selector__item_toggle_icon_MinWidth": {

package/dist/js/c_dual_list_selector__controls_Gap.d.ts

@@ -1,6 +1,6 @@
 export const c_dual_list_selector__controls_Gap: {
   "name": "--pf-v6-c-dual-list-selector__controls--Gap",
-  "value": "0.5rem",
+  "value": "0.25rem",
   "var": "var(--pf-v6-c-dual-list-selector__controls--Gap)"
 };
 export default c_dual_list_selector__controls_Gap;

package/dist/js/c_dual_list_selector__controls_Gap.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_dual_list_selector__controls_Gap = {
   "name": "--pf-v6-c-dual-list-selector__controls--Gap",
-  "value": "0.5rem",
+  "value": "0.25rem",
   "var": "var(--pf-v6-c-dual-list-selector__controls--Gap)"
 };
 exports["default"] = exports.c_dual_list_selector__controls_Gap;

package/dist/{esm/c_dual_list_selector__item_toggle_icon_Transition.js → js/c_dual_list_selector__item_toggle_icon_TransitionDuration.d.ts}

@@ -1,6 +1,6 @@
-export const c_dual_list_selector__item_toggle_icon_Transition = {
-  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--Transition",
-  "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
-  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition)"
+export const c_dual_list_selector__item_toggle_icon_TransitionDuration: {
+  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration)"
 };
-export default c_dual_list_selector__item_toggle_icon_Transition;
+export default c_dual_list_selector__item_toggle_icon_TransitionDuration;

package/dist/js/{c_dual_list_selector__item_toggle_icon_Transition.js → c_dual_list_selector__item_toggle_icon_TransitionDuration.js}

@@ -1,8 +1,8 @@
 "use strict";
 exports.__esModule = true;
-exports.c_dual_list_selector__item_toggle_icon_Transition = {
-  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--Transition",
-  "value": "all 250ms cubic-bezier(.42, 0, .58, 1)",
-  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition)"
+exports.c_dual_list_selector__item_toggle_icon_TransitionDuration = {
+  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration)"
 };
-exports["default"] = exports.c_dual_list_selector__item_toggle_icon_Transition;
+exports["default"] = exports.c_dual_list_selector__item_toggle_icon_TransitionDuration;

package/dist/js/c_dual_list_selector__item_toggle_icon_TransitionTimingFunction.d.ts

@@ -0,0 +1,6 @@
+export const c_dual_list_selector__item_toggle_icon_TransitionTimingFunction: {
+  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction)"
+};
+export default c_dual_list_selector__item_toggle_icon_TransitionTimingFunction;

package/dist/js/c_dual_list_selector__item_toggle_icon_TransitionTimingFunction.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dual_list_selector__item_toggle_icon_TransitionTimingFunction = {
+  "name": "--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction",
+  "value": "cubic-bezier(.4, 0, .2, 1)",
+  "var": "var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction)"
+};
+exports["default"] = exports.c_dual_list_selector__item_toggle_icon_TransitionTimingFunction;

package/dist/js/c_empty_state.d.ts

@@ -1,5 +1,5 @@
 export const c_empty_state: {
-  ":where(:root, .pf-v6-c-empty-state)": {
+  ":root": {
     "c_empty_state_PaddingBlockStart": {
       "name": "--pf-v6-c-empty-state--PaddingBlockStart",
       "value": "2rem",

package/dist/js/c_empty_state.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_empty_state = {
-  ":where(:root, .pf-v6-c-empty-state)": {
+  ":root": {
     "c_empty_state_PaddingBlockStart": {
       "name": "--pf-v6-c-empty-state--PaddingBlockStart",
       "value": "2rem",

package/dist/js/c_expandable_section.d.ts

@@ -1,5 +1,5 @@
 export const c_expandable_section: {
-  ":where(:root, .pf-v6-c-expandable-section)": {
+  ":root": {
     "c_expandable_section_Gap": {
       "name": "--pf-v6-c-expandable-section--Gap",
       "value": "0.5rem",

package/dist/js/c_expandable_section.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_expandable_section = {
-  ":where(:root, .pf-v6-c-expandable-section)": {
+  ":root": {
     "c_expandable_section_Gap": {
       "name": "--pf-v6-c-expandable-section--Gap",
       "value": "0.5rem",

package/dist/js/c_file_upload.d.ts

@@ -1,9 +1,10 @@
 export const c_file_upload: {
-  ":where(:root, .pf-v6-c-file-upload)": {
+  ":root": {
     "c_file_upload_RowGap": {
       "name": "--pf-v6-c-file-upload--RowGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--group--vertical",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"

package/dist/js/c_file_upload.js

@@ -1,11 +1,12 @@
 "use strict";
 exports.__esModule = true;
 exports.c_file_upload = {
-  ":where(:root, .pf-v6-c-file-upload)": {
+  ":root": {
     "c_file_upload_RowGap": {
       "name": "--pf-v6-c-file-upload--RowGap",
       "value": "0.5rem",
       "values": [
+        "--pf-t--global--spacer--gap--group--vertical",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"