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

package/dist/js/c_form_control.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_form_control = {
-  ":root": {
+  ".pf-v6-c-form-control": {
     "c_form_control_ColumnGap": {
       "name": "--pf-v6-c-form-control--ColumnGap",
       "value": "0.5rem",
@@ -67,6 +67,10 @@ exports.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",
@@ -96,6 +100,10 @@ exports.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"
@@ -296,7 +304,7 @@ exports.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"
@@ -304,7 +312,13 @@ exports.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",
@@ -314,6 +328,10 @@ exports.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"
@@ -543,6 +561,38 @@ exports.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",
@@ -680,24 +730,41 @@ exports.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"
       ]
     }
   },
@@ -730,6 +797,14 @@ exports.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/js/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/js/c_form_control_before_BorderColor.js

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

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

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.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)"
+};
+exports["default"] = exports.c_form_control_m_readonly_m_plain_BorderColor;

package/dist/js/c_form_control_m_status_PaddingInlineEnd_offset.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_m_status_PaddingInlineEnd_offset: {
+  "name": "--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset",
+  "value": "calc(0.875rem + 0.5rem)",
+  "var": "var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset)"
+};
+export default c_form_control_m_status_PaddingInlineEnd_offset;

package/dist/js/c_form_control_m_status_PaddingInlineEnd_offset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form_control_m_status_PaddingInlineEnd_offset = {
+  "name": "--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset",
+  "value": "calc(0.875rem + 0.5rem)",
+  "var": "var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset)"
+};
+exports["default"] = exports.c_form_control_m_status_PaddingInlineEnd_offset;

package/dist/js/c_form_control_textarea_PaddingBlockEnd_offset.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_textarea_PaddingBlockEnd_offset: {
+  "name": "--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset)"
+};
+export default c_form_control_textarea_PaddingBlockEnd_offset;

package/dist/js/c_form_control_textarea_PaddingBlockEnd_offset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form_control_textarea_PaddingBlockEnd_offset = {
+  "name": "--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset)"
+};
+exports["default"] = exports.c_form_control_textarea_PaddingBlockEnd_offset;

package/dist/js/c_form_control_textarea_PaddingBlockStart_offset.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_textarea_PaddingBlockStart_offset: {
+  "name": "--pf-v6-c-form-control--textarea--PaddingBlockStart--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset)"
+};
+export default c_form_control_textarea_PaddingBlockStart_offset;

package/dist/js/c_form_control_textarea_PaddingBlockStart_offset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form_control_textarea_PaddingBlockStart_offset = {
+  "name": "--pf-v6-c-form-control--textarea--PaddingBlockStart--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset)"
+};
+exports["default"] = exports.c_form_control_textarea_PaddingBlockStart_offset;

package/dist/js/c_form_control_textarea_PaddingInlineEnd_offset.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_textarea_PaddingInlineEnd_offset: {
+  "name": "--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset)"
+};
+export default c_form_control_textarea_PaddingInlineEnd_offset;

package/dist/js/c_form_control_textarea_PaddingInlineEnd_offset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form_control_textarea_PaddingInlineEnd_offset = {
+  "name": "--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset)"
+};
+exports["default"] = exports.c_form_control_textarea_PaddingInlineEnd_offset;

package/dist/js/c_form_control_textarea_PaddingInlineStart_offset.d.ts

@@ -0,0 +1,6 @@
+export const c_form_control_textarea_PaddingInlineStart_offset: {
+  "name": "--pf-v6-c-form-control--textarea--PaddingInlineStart--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset)"
+};
+export default c_form_control_textarea_PaddingInlineStart_offset;

package/dist/js/c_form_control_textarea_PaddingInlineStart_offset.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form_control_textarea_PaddingInlineStart_offset = {
+  "name": "--pf-v6-c-form-control--textarea--PaddingInlineStart--offset",
+  "value": "calc(-1 * -6px)",
+  "var": "var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset)"
+};
+exports["default"] = exports.c_form_control_textarea_PaddingInlineStart_offset;

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

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.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/js/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/js/c_hint.js

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_hint = {
-  ":root": {
+  ".pf-v6-c-hint": {
     "c_hint_GridRowGap": {
       "name": "--pf-v6-c-hint--GridRowGap",
       "value": "0.5rem",

package/dist/js/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"
       ]
     }
   },