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

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",
@@ -660,12 +670,12 @@ exports.c_drawer = {
     },
     "c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow",
-      "value": "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--top",
-        "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--200\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
-        "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+        "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--100\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer__panel_after_Width": {
@@ -729,49 +739,60 @@ 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)",
+      "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--left",
-        "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
-        "--pf-t--global--box-shadow--X--200\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
-        "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+        "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
+        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--right",
-        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
-        "--pf-t--global--box-shadow--X--600\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
-        "4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
+        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     }
   },
   ":where(.pf-v6-m-dir-rtl, [dir=rtl]) .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)",
+      "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--right",
-        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
-        "--pf-t--global--box-shadow--X--600\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
-        "4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
+        "--pf-t--global--box-shadow--X--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
       ]
     },
     "c_drawer_m_expanded_m_panel_left__panel_BoxShadow": {
       "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-      "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
       "values": [
         "--pf-t--global--box-shadow--md--left",
-        "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
-        "--pf-t--global--box-shadow--X--200\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
-        "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+        "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
+        "--pf-t--global--box-shadow--X--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+      ]
+    }
+  },
+  ".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"
       ]
     }
   },

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_drawer_m_expanded__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const 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)",
+  "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow)"
 };
 export default c_drawer_m_expanded__panel_BoxShadow;

package/dist/js/c_drawer_m_expanded__panel_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.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)",
+  "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded__panel--BoxShadow)"
 };
 exports["default"] = exports.c_drawer_m_expanded__panel_BoxShadow;

package/dist/js/c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow: {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow",
-  "value": "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow)"
 };
 export default c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow;

package/dist/js/c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow = {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow",
-  "value": "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow)"
 };
 exports["default"] = exports.c_drawer_m_expanded_m_panel_bottom__panel_BoxShadow;

package/dist/js/c_drawer_m_expanded_m_panel_left__panel_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_drawer_m_expanded_m_panel_left__panel_BoxShadow: {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-  "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+  "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow)"
 };
 export default c_drawer_m_expanded_m_panel_left__panel_BoxShadow;

package/dist/js/c_drawer_m_expanded_m_panel_left__panel_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_drawer_m_expanded_m_panel_left__panel_BoxShadow = {
   "name": "--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow",
-  "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+  "value": "-10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
   "var": "var(--pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow)"
 };
 exports["default"] = exports.c_drawer_m_expanded_m_panel_left__panel_BoxShadow;

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",

package/dist/js/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/js/c_form.js

@@ -1,12 +1,12 @@
 "use strict";
 exports.__esModule = true;
 exports.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"
@@ -348,7 +348,7 @@ exports.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"
@@ -366,11 +366,11 @@ exports.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": {
@@ -436,7 +436,7 @@ exports.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)"
@@ -662,7 +662,7 @@ exports.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/js/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/js/c_form__section_title_FontWeight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.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)"
 };
 exports["default"] = exports.c_form__section_title_FontWeight;

package/dist/js/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"
@@ -541,6 +559,38 @@ export const c_form_control: {
       "name": "--pf-v6-c-form-control--textarea--Height",
       "value": "auto"
     },
+    "c_form_control_textarea_PaddingBlockStart_offset": {
+      "name": "--pf-v6-c-form-control--textarea--PaddingBlockStart--offset",
+      "value": "calc(-1 * -6px)",
+      "values": [
+        "calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
+        "calc(-1 * -6px)"
+      ]
+    },
+    "c_form_control_textarea_PaddingBlockEnd_offset": {
+      "name": "--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset",
+      "value": "calc(-1 * -6px)",
+      "values": [
+        "calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
+        "calc(-1 * -6px)"
+      ]
+    },
+    "c_form_control_textarea_PaddingInlineEnd_offset": {
+      "name": "--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset",
+      "value": "calc(-1 * -6px)",
+      "values": [
+        "calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
+        "calc(-1 * -6px)"
+      ]
+    },
+    "c_form_control_textarea_PaddingInlineStart_offset": {
+      "name": "--pf-v6-c-form-control--textarea--PaddingInlineStart--offset",
+      "value": "calc(-1 * -6px)",
+      "values": [
+        "calc(-1 * --pf-v6-c-form-control--OutlineOffset)",
+        "calc(-1 * -6px)"
+      ]
+    },
     "c_form_control__icon_Color": {
       "name": "--pf-v6-c-form-control__icon--Color",
       "value": "#1f1f1f",
@@ -678,24 +728,41 @@ export const c_form_control: {
       ]
     }
   },
+  ".pf-v6-c-form-control.pf-m-textarea.pf-m-success": {
+    "c_form_control_m_status_PaddingInlineEnd_offset": {
+      "name": "--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset",
+      "value": "calc(0.875rem + 0.5rem)",
+      "values": [
+        "calc(--pf-v6-c-form-control__icon--FontSize + --pf-v6-c-form-control--ColumnGap)",
+        "calc(--pf-t--global--icon--size--font--body--default + --pf-t--global--spacer--gap--text-to-element--default)",
+        "calc(--pf-t--global--font--size--body--default + --pf-t--global--spacer--sm)",
+        "calc(--pf-t--global--font--size--sm + --pf-t--global--spacer--200)",
+        "calc(--pf-t--global--font--size--200 + 0.5rem)",
+        "calc(0.875rem + 0.5rem)"
+      ]
+    }
+  },
   ".pf-v6-c-form-control.pf-m-readonly": {
     "c_form_control_BackgroundColor": {
       "name": "--pf-v6-c-form-control--BackgroundColor",
       "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 +795,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",