@patternfly/react-tokens 6.5.0-prerelease.1 → 6.5.0-prerelease.11

package/dist/js/c_drawer_m_pill_m_inline__main_Gap.d.ts

@@ -0,0 +1,6 @@
+export const c_drawer_m_pill_m_inline__main_Gap: {
+  "name": "--pf-v6-c-drawer--m-pill--m-inline__main--Gap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap)"
+};
+export default c_drawer_m_pill_m_inline__main_Gap;

package/dist/js/c_drawer_m_pill_m_inline__main_Gap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_drawer_m_pill_m_inline__main_Gap = {
+  "name": "--pf-v6-c-drawer--m-pill--m-inline__main--Gap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-drawer--m-pill--m-inline__main--Gap)"
+};
+exports["default"] = exports.c_drawer_m_pill_m_inline__main_Gap;

package/dist/js/c_expandable_section.d.ts

@@ -149,6 +149,14 @@ export const c_expandable_section: {
       "name": "--pf-v6-c-expandable-section__content--PaddingInlineStart",
       "value": "0"
     },
+    "c_expandable_section__content_MaxHeight": {
+      "name": "--pf-v6-c-expandable-section__content--MaxHeight",
+      "value": "0px"
+    },
+    "c_expandable_section__content_Visibility": {
+      "name": "--pf-v6-c-expandable-section__content--Visibility",
+      "value": "hidden"
+    },
     "c_expandable_section_m_expand_top__content_TranslateY": {
       "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
       "value": "0"

package/dist/js/c_expandable_section.js

@@ -151,6 +151,14 @@ exports.c_expandable_section = {
       "name": "--pf-v6-c-expandable-section__content--PaddingInlineStart",
       "value": "0"
     },
+    "c_expandable_section__content_MaxHeight": {
+      "name": "--pf-v6-c-expandable-section__content--MaxHeight",
+      "value": "0px"
+    },
+    "c_expandable_section__content_Visibility": {
+      "name": "--pf-v6-c-expandable-section__content--Visibility",
+      "value": "hidden"
+    },
     "c_expandable_section_m_expand_top__content_TranslateY": {
       "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
       "value": "0"

package/dist/js/c_form_control.d.ts

@@ -499,12 +499,12 @@ export const c_form_control: {
     },
     "c_form_control_m_disabled_Color": {
       "name": "--pf-v6-c-form-control--m-disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control_m_disabled_BackgroundColor": {
@@ -533,12 +533,12 @@ export const c_form_control: {
     },
     "c_form_control_m_readonly_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_form_control_m_readonly_hover_after_BorderColor": {
@@ -1194,13 +1194,13 @@ export const c_form_control: {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BorderColor",
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },
@@ -1303,24 +1303,24 @@ export const c_form_control: {
     },
     "c_form_control_Color": {
       "name": "--pf-v6-c-form-control--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control_m_placeholder_Color": {
       "name": "--pf-v6-c-form-control--m-placeholder--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control__toggle_icon_Color": {

package/dist/js/c_form_control.js

@@ -501,12 +501,12 @@ exports.c_form_control = {
     },
     "c_form_control_m_disabled_Color": {
       "name": "--pf-v6-c-form-control--m-disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control_m_disabled_BackgroundColor": {
@@ -535,12 +535,12 @@ exports.c_form_control = {
     },
     "c_form_control_m_readonly_BorderColor": {
       "name": "--pf-v6-c-form-control--m-readonly--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_form_control_m_readonly_hover_after_BorderColor": {
@@ -1196,13 +1196,13 @@ exports.c_form_control = {
     },
     "c_form_control_before_BorderColor": {
       "name": "--pf-v6-c-form-control--before--BorderColor",
-      "value": "#e0e0e0",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-form-control--m-readonly--BorderColor",
         "--pf-t--global--border--color--control--read-only",
-        "--pf-t--global--border--color--50",
-        "--pf-t--color--gray--20",
-        "#e0e0e0"
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },
@@ -1305,24 +1305,24 @@ exports.c_form_control = {
     },
     "c_form_control_Color": {
       "name": "--pf-v6-c-form-control--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control_m_placeholder_Color": {
       "name": "--pf-v6-c-form-control--m-placeholder--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-form-control--m-disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_form_control__toggle_icon_Color": {

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": "#e0e0e0",
+  "value": "#c7c7c7",
   "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": "#e0e0e0",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-form-control--before--BorderColor)"
 };
 exports["default"] = exports.c_form_control_before_BorderColor;

package/dist/js/c_form_control_m_disabled_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_form_control_m_disabled_Color: {
   "name": "--pf-v6-c-form-control--m-disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-disabled--Color)"
 };
 export default c_form_control_m_disabled_Color;

package/dist/js/c_form_control_m_disabled_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_form_control_m_disabled_Color = {
   "name": "--pf-v6-c-form-control--m-disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-disabled--Color)"
 };
 exports["default"] = exports.c_form_control_m_disabled_Color;

package/dist/js/c_form_control_m_placeholder_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_form_control_m_placeholder_Color: {
   "name": "--pf-v6-c-form-control--m-placeholder--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-placeholder--Color)"
 };
 export default c_form_control_m_placeholder_Color;

package/dist/js/c_form_control_m_placeholder_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_form_control_m_placeholder_Color = {
   "name": "--pf-v6-c-form-control--m-placeholder--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-form-control--m-placeholder--Color)"
 };
 exports["default"] = exports.c_form_control_m_placeholder_Color;

package/dist/js/c_hero.d.ts

@@ -0,0 +1,218 @@
+export const c_hero: {
+  ".pf-v6-c-hero": {
+    "c_hero_PaddingBlockStart": {
+      "name": "--pf-v6-c-hero--PaddingBlockStart",
+      "value": "2rem",
+      "values": [
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "2rem"
+      ]
+    },
+    "c_hero_PaddingBlockEnd": {
+      "name": "--pf-v6-c-hero--PaddingBlockEnd",
+      "value": "2rem",
+      "values": [
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "2rem"
+      ]
+    },
+    "c_hero_PaddingInlineStart": {
+      "name": "--pf-v6-c-hero--PaddingInlineStart",
+      "value": "4rem",
+      "values": [
+        "--pf-t--global--spacer--3xl",
+        "--pf-t--global--spacer--700",
+        "4rem"
+      ]
+    },
+    "c_hero_PaddingInlineEnd": {
+      "name": "--pf-v6-c-hero--PaddingInlineEnd",
+      "value": "2rem",
+      "values": [
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "2rem"
+      ]
+    },
+    "c_hero_gradient_angle": {
+      "name": "--pf-v6-c-hero--gradient--angle",
+      "value": "109deg"
+    },
+    "c_hero_gradient_stop_1_light": {
+      "name": "--pf-v6-c-hero--gradient--stop-1--light",
+      "value": "transparent"
+    },
+    "c_hero_gradient_stop_2_light": {
+      "name": "--pf-v6-c-hero--gradient--stop-2--light",
+      "value": "transparent"
+    },
+    "c_hero_gradient_stop_3_light": {
+      "name": "--pf-v6-c-hero--gradient--stop-3--light",
+      "value": "transparent"
+    },
+    "c_hero_gradient_stop_1_dark": {
+      "name": "--pf-v6-c-hero--gradient--stop-1--dark",
+      "value": "transparent"
+    },
+    "c_hero_gradient_stop_2_dark": {
+      "name": "--pf-v6-c-hero--gradient--stop-2--dark",
+      "value": "transparent"
+    },
+    "c_hero_gradient_stop_3_dark": {
+      "name": "--pf-v6-c-hero--gradient--stop-3--dark",
+      "value": "transparent"
+    },
+    "c_hero_BackgroundColor": {
+      "name": "--pf-v6-c-hero--BackgroundColor",
+      "value": "color-mix(in srgb, #ffffff 100%, transparent )",
+      "values": [
+        "--pf-t--global--background--color--glass--primary--default",
+        "color-mix(in srgb, --pf-t--global--background--color--glass--primary --pf-t--global--background--opacity--glass--primary, transparent )",
+        "color-mix(in srgb, --pf-t--global--background--color--primary--default 100%, transparent )",
+        "color-mix(in srgb, --pf-t--global--background--color--100 100%, transparent )",
+        "color-mix(in srgb, --pf-t--color--white 100%, transparent )",
+        "color-mix(in srgb, #ffffff 100%, transparent )"
+      ]
+    },
+    "c_hero_BackdropFilter": {
+      "name": "--pf-v6-c-hero--BackdropFilter",
+      "value": "blur(0px)",
+      "values": [
+        "--pf-t--global--background--filter--glass--blur--primary",
+        "blur(0px)"
+      ]
+    },
+    "c_hero_BackgroundImage_light": {
+      "name": "--pf-v6-c-hero--BackgroundImage--light",
+      "value": "none"
+    },
+    "c_hero_BackgroundImage_dark": {
+      "name": "--pf-v6-c-hero--BackgroundImage--dark",
+      "value": "none"
+    },
+    "c_hero_BackgroundRepeat": {
+      "name": "--pf-v6-c-hero--BackgroundRepeat",
+      "value": "no-repeat"
+    },
+    "c_hero_BackgroundPosition": {
+      "name": "--pf-v6-c-hero--BackgroundPosition",
+      "value": "right center"
+    },
+    "c_hero_BackgroundSize": {
+      "name": "--pf-v6-c-hero--BackgroundSize",
+      "value": "contain"
+    },
+    "c_hero_BorderStyle": {
+      "name": "--pf-v6-c-hero--BorderStyle",
+      "value": "solid"
+    },
+    "c_hero_BorderBlockStartWidth": {
+      "name": "--pf-v6-c-hero--BorderBlockStartWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_hero_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-hero--BorderBlockEndWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_hero_BorderInlineStartWidth": {
+      "name": "--pf-v6-c-hero--BorderInlineStartWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_hero_BorderInlineEndWidth": {
+      "name": "--pf-v6-c-hero--BorderInlineEndWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
+    "c_hero_BorderColor": {
+      "name": "--pf-v6-c-hero--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
+    },
+    "c_hero_m_glass_BorderColor": {
+      "name": "--pf-v6-c-hero--m-glass--BorderColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--border--color--alt",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_hero_m_glass_BoxShadow": {
+      "name": "--pf-v6-c-hero--m-glass--BoxShadow",
+      "value": "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+      "values": [
+        "--pf-t--global--box-shadow--md",
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--default\n    --pf-t--global--box-shadow--color--md--default",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    2px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+      ]
+    },
+    "c_hero_BorderStartStartRadius": {
+      "name": "--pf-v6-c-hero--BorderStartStartRadius",
+      "value": "24px"
+    },
+    "c_hero_BorderStartEndRadius": {
+      "name": "--pf-v6-c-hero--BorderStartEndRadius",
+      "value": "72px"
+    },
+    "c_hero_BorderEndEndRadius": {
+      "name": "--pf-v6-c-hero--BorderEndEndRadius",
+      "value": "24px"
+    },
+    "c_hero_BorderEndStartRadius": {
+      "name": "--pf-v6-c-hero--BorderEndStartRadius",
+      "value": "72px"
+    },
+    "c_hero__body_Width": {
+      "name": "--pf-v6-c-hero__body--Width",
+      "value": "800px"
+    },
+    "c_hero__body_MaxWidth": {
+      "name": "--pf-v6-c-hero__body--MaxWidth",
+      "value": "80%"
+    }
+  },
+  ":root:where(.pf-v6-theme-glass) .pf-v6-c-hero": {
+    "c_hero_BorderColor": {
+      "name": "--pf-v6-c-hero--BorderColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-v6-c-hero--m-glass--BorderColor",
+        "--pf-t--global--border--color--alt",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    }
+  }
+};
+export default c_hero;