@patternfly/react-tokens 6.0.0-prerelease.4 → 6.0.0-prerelease.6

package/dist/js/c_description_list.d.ts

@@ -1,10 +1,10 @@
 export const c_description_list: {
-  ":root": {
+  ".pf-v6-c-description-list": {
     "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--gap--group-to-group--vertical--default",
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
         "1.5rem"
@@ -14,7 +14,7 @@ export const c_description_list: {
       "name": "--pf-v6-c-description-list--ColumnGap",
       "value": "3rem",
       "values": [
-        "--pf-t--global--spacer--gap--group-to-group--horizontal",
+        "--pf-t--global--spacer--gap--group-to-group--horizontal--default",
         "--pf-t--global--spacer--2xl",
         "--pf-t--global--spacer--600",
         "3rem"
@@ -258,12 +258,12 @@ export const c_description_list: {
     },
     "c_description_list_m_display_2xl__description_FontSize": {
       "name": "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--font--size--heading--lg",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_description_list_m_horizontal__term_width_on_sm": {
@@ -357,13 +357,13 @@ export const c_description_list: {
   ".pf-v6-c-description-list.pf-m-display-2xl": {
     "c_description_list__description_FontSize": {
       "name": "--pf-v6-c-description-list__description--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
         "--pf-t--global--font--size--heading--lg",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },

package/dist/js/c_description_list.js

@@ -1,12 +1,12 @@
 "use strict";
 exports.__esModule = true;
 exports.c_description_list = {
-  ":root": {
+  ".pf-v6-c-description-list": {
     "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--gap--group-to-group--vertical--default",
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
         "1.5rem"
@@ -16,7 +16,7 @@ exports.c_description_list = {
       "name": "--pf-v6-c-description-list--ColumnGap",
       "value": "3rem",
       "values": [
-        "--pf-t--global--spacer--gap--group-to-group--horizontal",
+        "--pf-t--global--spacer--gap--group-to-group--horizontal--default",
         "--pf-t--global--spacer--2xl",
         "--pf-t--global--spacer--600",
         "3rem"
@@ -260,12 +260,12 @@ exports.c_description_list = {
     },
     "c_description_list_m_display_2xl__description_FontSize": {
       "name": "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--font--size--heading--lg",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_description_list_m_horizontal__term_width_on_sm": {
@@ -359,13 +359,13 @@ exports.c_description_list = {
   ".pf-v6-c-description-list.pf-m-display-2xl": {
     "c_description_list__description_FontSize": {
       "name": "--pf-v6-c-description-list__description--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
         "--pf-t--global--font--size--heading--lg",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },

package/dist/js/c_description_list__description_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list__description_FontSize: {
   "name": "--pf-v6-c-description-list__description--FontSize",
-  "value": "1.375rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-description-list__description--FontSize)"
 };
 export default c_description_list__description_FontSize;

package/dist/js/c_description_list__description_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list__description_FontSize = {
   "name": "--pf-v6-c-description-list__description--FontSize",
-  "value": "1.375rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-description-list__description--FontSize)"
 };
 exports["default"] = exports.c_description_list__description_FontSize;

package/dist/js/c_description_list_m_display_2xl__description_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_description_list_m_display_2xl__description_FontSize: {
   "name": "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
-  "value": "1.375rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-description-list--m-display-2xl__description--FontSize)"
 };
 export default c_description_list_m_display_2xl__description_FontSize;

package/dist/js/c_description_list_m_display_2xl__description_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_description_list_m_display_2xl__description_FontSize = {
   "name": "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
-  "value": "1.375rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-description-list--m-display-2xl__description--FontSize)"
 };
 exports["default"] = exports.c_description_list_m_display_2xl__description_FontSize;

package/dist/js/c_divider.d.ts

@@ -1,5 +1,5 @@
 export const c_divider: {
-  ":root": {
+  ".pf-v6-c-divider": {
     "c_divider_Display": {
       "name": "--pf-v6-c-divider--Display",
       "value": "flex"
@@ -26,9 +26,7 @@ export const c_divider: {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
       "value": "100%"
-    }
-  },
-  ".pf-v6-c-divider": {
+    },
     "hidden_visible_visible_Display": {
       "name": "--pf-v6-hidden-visible--visible--Display",
       "value": "flex",

package/dist/js/c_divider.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_divider = {
-  ":root": {
+  ".pf-v6-c-divider": {
     "c_divider_Display": {
       "name": "--pf-v6-c-divider--Display",
       "value": "flex"
@@ -28,9 +28,7 @@ exports.c_divider = {
     "c_divider_before_FlexBasis": {
       "name": "--pf-v6-c-divider--before--FlexBasis",
       "value": "100%"
-    }
-  },
-  ".pf-v6-c-divider": {
+    },
     "hidden_visible_visible_Display": {
       "name": "--pf-v6-hidden-visible--visible--Display",
       "value": "flex",

package/dist/js/c_drag_drop.d.ts

@@ -1,5 +1,5 @@
 export const c_drag_drop: {
-  ":root": {
+  ".pf-v6-c-draggable": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
       "value": "auto"
@@ -65,7 +65,41 @@ 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"
+      ]
+    }
+  },
+  ".pf-v6-c-droppable": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
       "value": "transparent"
@@ -137,38 +171,6 @@ 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 = {
-  ":root": {
+  ".pf-v6-c-draggable": {
     "c_draggable_Cursor": {
       "name": "--pf-v6-c-draggable--Cursor",
       "value": "auto"
@@ -67,7 +67,41 @@ 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"
+      ]
+    }
+  },
+  ".pf-v6-c-droppable": {
     "c_droppable_before_BackgroundColor": {
       "name": "--pf-v6-c-droppable--before--BackgroundColor",
       "value": "transparent"
@@ -139,38 +173,6 @@ 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: {
-  ":root": {
+  ".pf-v6-c-drawer": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v6-c-drawer__section--BackgroundColor",
       "value": "#ffffff",
@@ -77,6 +77,16 @@ export const c_drawer: {
     "c_drawer__panel_BackgroundColor": {
       "name": "--pf-v6-c-drawer__panel--BackgroundColor",
       "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--floating--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_drawer__panel_m_inline_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+      "value": "#ffffff",
       "values": [
         "--pf-t--global--background--color--primary--default",
         "--pf-t--global--background--color--100",
@@ -727,9 +737,7 @@ export const c_drawer: {
         "--pf-t--global--border--width--100",
         "1px"
       ]
-    }
-  },
-  ".pf-v6-c-drawer": {
+    },
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow",
       "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
@@ -773,6 +781,19 @@ export const c_drawer: {
       ]
     }
   },
+  ".pf-v6-c-drawer.pf-m-inline": {
+    "c_drawer__panel_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    }
+  },
   ".pf-v6-c-drawer.pf-m-resizing": {
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",

package/dist/js/c_drawer.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_drawer = {
-  ":root": {
+  ".pf-v6-c-drawer": {
     "c_drawer__section_BackgroundColor": {
       "name": "--pf-v6-c-drawer__section--BackgroundColor",
       "value": "#ffffff",
@@ -79,6 +79,16 @@ exports.c_drawer = {
     "c_drawer__panel_BackgroundColor": {
       "name": "--pf-v6-c-drawer__panel--BackgroundColor",
       "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--floating--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_drawer__panel_m_inline_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+      "value": "#ffffff",
       "values": [
         "--pf-t--global--background--color--primary--default",
         "--pf-t--global--background--color--100",
@@ -729,9 +739,7 @@ exports.c_drawer = {
         "--pf-t--global--border--width--100",
         "1px"
       ]
-    }
-  },
-  ".pf-v6-c-drawer": {
+    },
     "c_drawer_m_expanded__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded__panel--BoxShadow",
       "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
@@ -775,6 +783,19 @@ exports.c_drawer = {
       ]
     }
   },
+  ".pf-v6-c-drawer.pf-m-inline": {
+    "c_drawer__panel_BackgroundColor": {
+      "name": "--pf-v6-c-drawer__panel--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    }
+  },
   ".pf-v6-c-drawer.pf-m-resizing": {
     "c_drawer__panel_TransitionProperty": {
       "name": "--pf-v6-c-drawer__panel--TransitionProperty",

package/dist/js/c_drawer__panel_m_inline_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer__panel_m_inline_BackgroundColor: {
+  "name": "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor)"
+};
+export default c_drawer__panel_m_inline_BackgroundColor;

package/dist/js/c_drawer__panel_m_inline_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer__panel_m_inline_BackgroundColor = {
+  "name": "--pf-v6-c-drawer__panel--m-inline--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor)"
+};
+exports["default"] = exports.c_drawer__panel_m_inline_BackgroundColor;

package/dist/js/c_dual_list_selector.d.ts

@@ -1,5 +1,5 @@
 export const c_dual_list_selector: {
-  ":root": {
+  ".pf-v6-c-dual-list-selector": {
     "c_dual_list_selector__header_GridArea": {
       "name": "--pf-v6-c-dual-list-selector__header--GridArea",
       "value": "pane-header"

package/dist/js/c_dual_list_selector.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_dual_list_selector = {
-  ":root": {
+  ".pf-v6-c-dual-list-selector": {
     "c_dual_list_selector__header_GridArea": {
       "name": "--pf-v6-c-dual-list-selector__header--GridArea",
       "value": "pane-header"

package/dist/js/c_empty_state.d.ts

@@ -1,5 +1,5 @@
 export const c_empty_state: {
-  ":root": {
+  ".pf-v6-c-empty-state": {
     "c_empty_state_PaddingBlockStart": {
       "name": "--pf-v6-c-empty-state--PaddingBlockStart",
       "value": "2rem",
@@ -218,11 +218,11 @@ export const c_empty_state: {
     },
     "c_empty_state__title_text_FontWeight": {
       "name": "--pf-v6-c-empty-state__title-text--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_empty_state__title_text_LineHeight": {
@@ -334,7 +334,7 @@ export const c_empty_state: {
       "name": "--pf-v6-c-empty-state__footer--RowGap",
       "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--gap--group-to-group--vertical",
+        "--pf-t--global--spacer--gap--group-to-group--vertical--default",
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
         "1.5rem"

package/dist/js/c_empty_state.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_empty_state = {
-  ":root": {
+  ".pf-v6-c-empty-state": {
     "c_empty_state_PaddingBlockStart": {
       "name": "--pf-v6-c-empty-state--PaddingBlockStart",
       "value": "2rem",
@@ -220,11 +220,11 @@ exports.c_empty_state = {
     },
     "c_empty_state__title_text_FontWeight": {
       "name": "--pf-v6-c-empty-state__title-text--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_empty_state__title_text_LineHeight": {
@@ -336,7 +336,7 @@ exports.c_empty_state = {
       "name": "--pf-v6-c-empty-state__footer--RowGap",
       "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--gap--group-to-group--vertical",
+        "--pf-t--global--spacer--gap--group-to-group--vertical--default",
         "--pf-t--global--spacer--lg",
         "--pf-t--global--spacer--400",
         "1.5rem"

package/dist/js/c_empty_state__title_text_FontWeight.d.ts

@@ -1,6 +1,6 @@
 export const c_empty_state__title_text_FontWeight: {
   "name": "--pf-v6-c-empty-state__title-text--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-empty-state__title-text--FontWeight)"
 };
 export default c_empty_state__title_text_FontWeight;

package/dist/js/c_empty_state__title_text_FontWeight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_empty_state__title_text_FontWeight = {
   "name": "--pf-v6-c-empty-state__title-text--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-empty-state__title-text--FontWeight)"
 };
 exports["default"] = exports.c_empty_state__title_text_FontWeight;

package/dist/js/c_expandable_section.d.ts

@@ -1,5 +1,5 @@
 export const c_expandable_section: {
-  ":root": {
+  ".pf-v6-c-expandable-section": {
     "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 = {
-  ":root": {
+  ".pf-v6-c-expandable-section": {
     "c_expandable_section_Gap": {
       "name": "--pf-v6-c-expandable-section--Gap",
       "value": "0.5rem",

package/dist/js/c_file_upload.d.ts

@@ -1,5 +1,5 @@
 export const c_file_upload: {
-  ":root": {
+  ".pf-v6-c-file-upload": {
     "c_file_upload_RowGap": {
       "name": "--pf-v6-c-file-upload--RowGap",
       "value": "0.5rem",

package/dist/js/c_file_upload.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_file_upload = {
-  ":root": {
+  ".pf-v6-c-file-upload": {
     "c_file_upload_RowGap": {
       "name": "--pf-v6-c-file-upload--RowGap",
       "value": "0.5rem",