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

package/dist/esm/c_drag_drop.js

@@ -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/esm/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/esm/c_drawer.js

@@ -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/esm/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/esm/c_drawer__panel_m_inline_BackgroundColor.js

@@ -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/esm/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/esm/c_dual_list_selector.js

@@ -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/esm/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/esm/c_empty_state.js

@@ -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/esm/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/esm/c_empty_state__title_text_FontWeight.js

@@ -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/esm/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/esm/c_expandable_section.js

@@ -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/esm/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/esm/c_file_upload.js

@@ -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/esm/c_form.d.ts

@@ -1,10 +1,10 @@
 export const c_form: {
-  ":root": {
+  ".pf-v6-c-form": {
     "c_form_GridGap": {
       "name": "--pf-v6-c-form--GridGap",
       "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"
@@ -346,7 +346,7 @@ export const c_form: {
       "value": "1.5rem",
       "values": [
         "--pf-v6-c-form--GridGap",
-        "--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"
@@ -364,11 +364,11 @@ export const c_form: {
     },
     "c_form__section_title_FontWeight": {
       "name": "--pf-v6-c-form__section-title--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_form__section_title_MarginBlockEnd": {
@@ -434,7 +434,7 @@ export const c_form: {
       "value": "calc(1.5rem * -1)",
       "values": [
         "calc(--pf-v6-c-form--GridGap * -1)",
-        "calc(--pf-t--global--spacer--gap--group-to-group--vertical * -1)",
+        "calc(--pf-t--global--spacer--gap--group-to-group--vertical--default * -1)",
         "calc(--pf-t--global--spacer--lg * -1)",
         "calc(--pf-t--global--spacer--400 * -1)",
         "calc(1.5rem * -1)"
@@ -660,7 +660,7 @@ export const c_form: {
       "value": "1.5rem",
       "values": [
         "--pf-v6-c-form--GridGap",
-        "--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/esm/c_form.js

@@ -1,10 +1,10 @@
 export const c_form = {
-  ":root": {
+  ".pf-v6-c-form": {
     "c_form_GridGap": {
       "name": "--pf-v6-c-form--GridGap",
       "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"
@@ -346,7 +346,7 @@ export const c_form = {
       "value": "1.5rem",
       "values": [
         "--pf-v6-c-form--GridGap",
-        "--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"
@@ -364,11 +364,11 @@ export const c_form = {
     },
     "c_form__section_title_FontWeight": {
       "name": "--pf-v6-c-form__section-title--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_form__section_title_MarginBlockEnd": {
@@ -434,7 +434,7 @@ export const c_form = {
       "value": "calc(1.5rem * -1)",
       "values": [
         "calc(--pf-v6-c-form--GridGap * -1)",
-        "calc(--pf-t--global--spacer--gap--group-to-group--vertical * -1)",
+        "calc(--pf-t--global--spacer--gap--group-to-group--vertical--default * -1)",
         "calc(--pf-t--global--spacer--lg * -1)",
         "calc(--pf-t--global--spacer--400 * -1)",
         "calc(1.5rem * -1)"
@@ -660,7 +660,7 @@ export const c_form = {
       "value": "1.5rem",
       "values": [
         "--pf-v6-c-form--GridGap",
-        "--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/esm/c_form__section_title_FontWeight.d.ts

@@ -1,6 +1,6 @@
 export const c_form__section_title_FontWeight: {
   "name": "--pf-v6-c-form__section-title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-form__section-title--FontWeight)"
 };
 export default c_form__section_title_FontWeight;

package/dist/esm/c_form__section_title_FontWeight.js

@@ -1,6 +1,6 @@
 export const c_form__section_title_FontWeight = {
   "name": "--pf-v6-c-form__section-title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-form__section-title--FontWeight)"
 };
 export default c_form__section_title_FontWeight;

package/dist/esm/c_form_control.d.ts

@@ -1,5 +1,5 @@
 export const c_form_control: {
-  ":root": {
+  ".pf-v6-c-form-control": {
     "c_form_control_ColumnGap": {
       "name": "--pf-v6-c-form-control--ColumnGap",
       "value": "0.5rem",
@@ -65,6 +65,10 @@ export const c_form_control: {
         "1px"
       ]
     },
+    "c_form_control_before_BorderStyle": {
+      "name": "--pf-v6-c-form-control--before--BorderStyle",
+      "value": "solid"
+    },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
       "value": "#c7c7c7",
@@ -94,6 +98,10 @@ export const c_form_control: {
         "1px"
       ]
     },
+    "c_form_control_after_BorderStyle": {
+      "name": "--pf-v6-c-form-control--after--BorderStyle",
+      "value": "solid"
+    },
     "c_form_control_after_BorderColor": {
       "name": "--pf-v6-c-form-control--after--BorderColor",
       "value": "transparent"
@@ -294,7 +302,7 @@ export const c_form_control: {
       "name": "--pf-v6-c-form-control--m-readonly--BackgroundColor",
       "value": "#f2f2f2",
       "values": [
-        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--control--read-only",
         "--pf-t--global--background--color--200",
         "--pf-t--color--gray--10",
         "#f2f2f2"
@@ -302,7 +310,13 @@ export const c_form_control: {
     },
     "c_form_control_m_readonly_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
-      "value": "transparent"
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--50",
+        "--pf-t--color--gray--20",
+        "#e0e0e0"
+      ]
     },
     "c_form_control_m_readonly_hover_after_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--hover--after--BorderColor",
@@ -312,6 +326,10 @@ export const c_form_control: {
       "name": "--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor",
       "value": "transparent"
     },
+    "c_form_control_m_readonly_m_plain_BorderColor": {
+      "name": "--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
+      "value": "transparent"
+    },
     "c_form_control_m_readonly_m_plain_inset_base": {
       "name": "--pf-v6-c-form-control--m-readonly--m-plain--inset--base",
       "value": "0"
@@ -684,18 +702,21 @@ export const c_form_control: {
       "value": "#f2f2f2",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BackgroundColor",
-        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--control--read-only",
         "--pf-t--global--background--color--200",
         "--pf-t--color--gray--10",
         "#f2f2f2"
       ]
     },
-    "c_form_control_BorderColor": {
-      "name": "--pf-v6-c-form-control--BorderColor",
-      "value": "transparent",
+    "c_form_control_before_BorderColor": {
+      "name": "--pf-v6-c-form-control--before--BorderColor",
+      "value": "#e0e0e0",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BorderColor",
-        "transparent"
+        "--pf-t--global--border--color--control--read-only",
+        "--pf-t--global--border--color--50",
+        "--pf-t--color--gray--20",
+        "#e0e0e0"
       ]
     }
   },
@@ -728,6 +749,14 @@ export const c_form_control: {
         "transparent"
       ]
     },
+    "c_form_control_m_readonly_BorderColor": {
+      "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
+        "transparent"
+      ]
+    },
     "c_form_control_inset_base": {
       "name": "--pf-v6-c-form-control--inset--base",
       "value": "0",