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

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

package/dist/esm/c_form_control.js

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

package/dist/esm/c_form_control_before_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_form_control_before_BorderColor: {
   "name": "--pf-v6-c-form-control--before--BorderColor",
-  "value": "#c7c7c7",
+  "value": "#e0e0e0",
   "var": "var(--pf-v6-c-form-control--before--BorderColor)"
 };
 export default c_form_control_before_BorderColor;

package/dist/esm/c_form_control_before_BorderColor.js

@@ -1,6 +1,6 @@
 export const c_form_control_before_BorderColor = {
   "name": "--pf-v6-c-form-control--before--BorderColor",
-  "value": "#c7c7c7",
+  "value": "#e0e0e0",
   "var": "var(--pf-v6-c-form-control--before--BorderColor)"
 };
 export default c_form_control_before_BorderColor;

package/dist/esm/c_form_control_m_readonly_m_plain_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_m_readonly_m_plain_BorderColor: {
+  "name": "--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
+  "value": "transparent",
+  "var": "var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor)"
+};
+export default c_form_control_m_readonly_m_plain_BorderColor;

package/dist/esm/c_form_control_m_readonly_m_plain_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_form_control_m_readonly_m_plain_BorderColor = {
+  "name": "--pf-v6-c-form-control--m-readonly--m-plain--BorderColor",
+  "value": "transparent",
+  "var": "var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor)"
+};
+export default c_form_control_m_readonly_m_plain_BorderColor;

package/dist/esm/c_helper_text.d.ts

@@ -1,5 +1,5 @@
 export const c_helper_text: {
-  ":root": {
+  ".pf-v6-c-helper-text": {
     "c_helper_text_Gap": {
       "name": "--pf-v6-c-helper-text--Gap",
       "value": "0.25rem",

package/dist/esm/c_helper_text.js

@@ -1,5 +1,5 @@
 export const c_helper_text = {
-  ":root": {
+  ".pf-v6-c-helper-text": {
     "c_helper_text_Gap": {
       "name": "--pf-v6-c-helper-text--Gap",
       "value": "0.25rem",

package/dist/esm/c_hint.d.ts

@@ -1,5 +1,5 @@
 export const c_hint: {
-  ":root": {
+  ".pf-v6-c-hint": {
     "c_hint_GridRowGap": {
       "name": "--pf-v6-c-hint--GridRowGap",
       "value": "0.5rem",

package/dist/esm/c_hint.js

@@ -1,5 +1,5 @@
 export const c_hint = {
-  ":root": {
+  ".pf-v6-c-hint": {
     "c_hint_GridRowGap": {
       "name": "--pf-v6-c-hint--GridRowGap",
       "value": "0.5rem",

package/dist/esm/c_icon.d.ts

@@ -1,5 +1,5 @@
 export const c_icon: {
-  ":root": {
+  ".pf-v6-c-icon": {
     "c_icon_Width": {
       "name": "--pf-v6-c-icon--Width",
       "value": "0.875rem",
@@ -78,20 +78,20 @@ export const c_icon: {
     },
     "c_icon_m_xl_Width": {
       "name": "--pf-v6-c-icon--m-xl--Width",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_xl_Height": {
       "name": "--pf-v6-c-icon--m-xl--Height",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_2xl_Width": {
@@ -308,24 +308,24 @@ export const c_icon: {
     },
     "c_icon_m_heading_3xl_Width": {
       "name": "--pf-v6-c-icon--m-heading-3xl--Width",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_heading_3xl_Height": {
       "name": "--pf-v6-c-icon--m-heading-3xl--Height",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_inline_Width": {
@@ -448,11 +448,11 @@ export const c_icon: {
     },
     "c_icon_m_xl__content_FontSize": {
       "name": "--pf-v6-c-icon--m-xl__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_2xl__content_FontSize": {
@@ -563,13 +563,13 @@ export const c_icon: {
     },
     "c_icon_m_heading_3xl__content_FontSize": {
       "name": "--pf-v6-c-icon--m-heading-3xl__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_m_inline__content_FontSize": {
@@ -716,32 +716,32 @@ export const c_icon: {
   ".pf-v6-c-icon.pf-m-xl": {
     "c_icon_Width": {
       "name": "--pf-v6-c-icon--Width",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-xl--Width",
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_Height": {
       "name": "--pf-v6-c-icon--Height",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-xl--Height",
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon__content_FontSize": {
       "name": "--pf-v6-c-icon__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-xl__content--FontSize",
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },
@@ -1114,38 +1114,38 @@ export const c_icon: {
   ".pf-v6-c-icon.pf-m-heading-3xl": {
     "c_icon_Width": {
       "name": "--pf-v6-c-icon--Width",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-heading-3xl--Width",
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon_Height": {
       "name": "--pf-v6-c-icon--Height",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-heading-3xl--Height",
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     },
     "c_icon__content_FontSize": {
       "name": "--pf-v6-c-icon__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-heading-3xl__content--FontSize",
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },
@@ -1198,12 +1198,12 @@ export const c_icon: {
   ".pf-v6-c-icon__content.pf-m-xl": {
     "c_icon__content_FontSize": {
       "name": "--pf-v6-c-icon__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-xl__content--FontSize",
         "--pf-t--global--icon--size--xl",
         "--pf-t--global--icon--size--300",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },
@@ -1342,14 +1342,14 @@ export const c_icon: {
   ".pf-v6-c-icon__content.pf-m-heading-3xl": {
     "c_icon__content_FontSize": {
       "name": "--pf-v6-c-icon__content--FontSize",
-      "value": "1.375rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-icon--m-heading-3xl__content--FontSize",
         "--pf-t--global--icon--size--font--heading--h1",
         "--pf-t--global--font--size--heading--h1",
         "--pf-t--global--font--size--2xl",
         "--pf-t--global--font--size--600",
-        "1.375rem"
+        "1.5rem"
       ]
     }
   },