@patternfly/react-tokens 6.0.0-alpha.1 → 6.0.0-alpha.3

package/dist/esm/c_about_modal_box.d.ts

@@ -1,133 +1,30 @@
 export const c_about_modal_box: {
-  ".pf-v5-c-about-modal-box": {
-    "global_Color_100": {
-      "name": "--pf-v5-global--Color--100",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--Color--light-100",
-        "$pf-v5-global--Color--light-100",
-        "$pf-v5-color-white",
-        "#fff"
-      ]
-    },
-    "global_Color_200": {
-      "name": "--pf-v5-global--Color--200",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-v5-global--Color--light-200",
-        "$pf-v5-global--Color--light-200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "global_BorderColor_100": {
-      "name": "--pf-v5-global--BorderColor--100",
-      "value": "#b8bbbe",
-      "values": [
-        "--pf-v5-global--BorderColor--light-100",
-        "$pf-v5-global--BorderColor--light-100",
-        "$pf-v5-color-black-400",
-        "#b8bbbe"
-      ]
-    },
-    "global_primary_color_100": {
-      "name": "--pf-v5-global--primary-color--100",
-      "value": "#73bcf7",
-      "values": [
-        "--pf-v5-global--primary-color--light-100",
-        "$pf-v5-global--primary-color--light-100",
-        "$pf-v5-color-blue-200",
-        "#73bcf7"
-      ]
-    },
-    "global_link_Color": {
-      "name": "--pf-v5-global--link--Color",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-v5-global--link--Color--light",
-        "$pf-v5-global--link--Color--light",
-        "$pf-v5-global--active-color--300",
-        "$pf-v5-color-blue-300",
-        "#2b9af3"
-      ]
-    },
-    "global_link_Color_hover": {
-      "name": "--pf-v5-global--link--Color--hover",
-      "value": "#2b9af3",
-      "values": [
-        "--pf-v5-global--link--Color--light",
-        "$pf-v5-global--link--Color--light",
-        "$pf-v5-global--active-color--300",
-        "$pf-v5-color-blue-300",
-        "#2b9af3"
-      ]
-    },
-    "global_BackgroundColor_100": {
-      "name": "--pf-v5-global--BackgroundColor--100",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-global--BackgroundColor--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "global_icon_Color_light": {
-      "name": "--pf-v5-global--icon--Color--light",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-v5-global--icon--Color--light--light",
-        "$pf-v5-global--icon--Color--light--light",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "global_icon_Color_dark": {
-      "name": "--pf-v5-global--icon--Color--dark",
-      "value": "#fff",
-      "values": [
-        "--pf-v5-global--icon--Color--dark--light",
-        "$pf-v5-global--icon--Color--dark--light",
-        "$pf-v5-color-white",
-        "#fff"
-      ]
-    },
+  ":root": {
     "c_about_modal_box_BackgroundImage": {
       "name": "--pf-v5-c-about-modal-box--BackgroundImage",
       "value": "none"
     },
     "c_about_modal_box_BackgroundColor": {
       "name": "--pf-v5-c-about-modal-box--BackgroundColor",
-      "value": "#030303",
+      "value": "#fff",
       "values": [
-        "--pf-v5-global--palette--black-1000",
-        "$pf-v5-color-black-1000",
-        "#030303"
+        "--pf-t--global--background--color--floating--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
     "c_about_modal_box_BackgroundPosition": {
       "name": "--pf-v5-c-about-modal-box--BackgroundPosition",
       "value": "bottom right"
     },
-    "c_about_modal_box_BackgroundSize_min_width": {
-      "name": "--pf-v5-c-about-modal-box--BackgroundSize--min-width",
-      "value": "200px"
-    },
     "c_about_modal_box_BackgroundSize_width": {
       "name": "--pf-v5-c-about-modal-box--BackgroundSize--width",
-      "value": "60%"
-    },
-    "c_about_modal_box_BackgroundSize_max_width": {
-      "name": "--pf-v5-c-about-modal-box--BackgroundSize--max-width",
-      "value": "600px"
+      "value": "100%"
     },
     "c_about_modal_box_BackgroundSize": {
       "name": "--pf-v5-c-about-modal-box--BackgroundSize",
-      "value": "clamp(200px, 60%, 600px)",
-      "values": [
-        "clamp(--pf-v5-c-about-modal-box--BackgroundSize--min-width, --pf-v5-c-about-modal-box--BackgroundSize--width, --pf-v5-c-about-modal-box--BackgroundSize--max-width)",
-        "clamp(200px, 60%, 600px)"
-      ]
+      "value": "contain"
     },
     "c_about_modal_box_Height": {
       "name": "--pf-v5-c-about-modal-box--Height",
@@ -151,72 +48,58 @@ export const c_about_modal_box: {
     },
     "c_about_modal_box__brand_PaddingTop": {
       "name": "--pf-v5-c-about-modal-box__brand--PaddingTop",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "48px"
       ]
     },
     "c_about_modal_box__brand_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__brand--PaddingRight",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__brand_PaddingLeft": {
       "name": "--pf-v5-c-about-modal-box__brand--PaddingLeft",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__brand_PaddingBottom": {
       "name": "--pf-v5-c-about-modal-box__brand--PaddingBottom",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__brand_sm_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__brand--sm--PaddingRight",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__brand_sm_PaddingLeft": {
       "name": "--pf-v5-c-about-modal-box__brand--sm--PaddingLeft",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__brand_sm_PaddingBottom": {
       "name": "--pf-v5-c-about-modal-box__brand--sm--PaddingBottom",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__close_ZIndex": {
@@ -230,310 +113,201 @@ export const c_about_modal_box: {
     },
     "c_about_modal_box__close_PaddingTop": {
       "name": "--pf-v5-c-about-modal-box__close--PaddingTop",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "48px"
       ]
     },
     "c_about_modal_box__close_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__close--PaddingRight",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__close_PaddingBottom": {
       "name": "--pf-v5-c-about-modal-box__close--PaddingBottom",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__close_sm_PaddingBottom": {
       "name": "--pf-v5-c-about-modal-box__close--sm--PaddingBottom",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__close_lg_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__close--lg--PaddingRight",
-      "value": "4rem",
-      "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
-      ]
-    },
-    "c_about_modal_box__close_c_button_Color": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--Color",
-      "value": "#151515",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__close_c_button_FontSize": {
       "name": "--pf-v5-c-about-modal-box__close--c-button--FontSize",
-      "value": "1.25rem",
-      "values": [
-        "--pf-v5-global--FontSize--xl",
-        "$pf-v5-global--FontSize--xl",
-        "pf-font-prem(20px)",
-        "1.25rem"
-      ]
-    },
-    "c_about_modal_box__close_c_button_BorderRadius": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--BorderRadius",
-      "value": "30em",
-      "values": [
-        "--pf-v5-global--BorderRadius--lg",
-        "$pf-v5-global--BorderRadius--lg",
-        "30em"
-      ]
-    },
-    "c_about_modal_box__close_c_button_Width": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--Width",
-      "value": "calc(1.25rem * 2)",
-      "values": [
-        "calc(--pf-v5-c-about-modal-box__close--c-button--FontSize * 2)",
-        "calc(--pf-v5-global--FontSize--xl * 2)",
-        "calc($pf-v5-global--FontSize--xl * 2)",
-        "calc(pf-font-prem(20px) * 2)",
-        "calc(1.25rem * 2)"
-      ]
-    },
-    "c_about_modal_box__close_c_button_Height": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--Height",
-      "value": "calc(1.25rem * 2)",
-      "values": [
-        "calc(--pf-v5-c-about-modal-box__close--c-button--FontSize * 2)",
-        "calc(--pf-v5-global--FontSize--xl * 2)",
-        "calc($pf-v5-global--FontSize--xl * 2)",
-        "calc(pf-font-prem(20px) * 2)",
-        "calc(1.25rem * 2)"
-      ]
-    },
-    "c_about_modal_box__close_c_button_BackgroundColor": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--BackgroundColor",
-      "value": "#030303",
+      "value": "22px",
       "values": [
-        "--pf-v5-global--palette--black-1000",
-        "$pf-v5-color-black-1000",
-        "#030303"
+        "--pf-t--global--icon--size--lg",
+        "22px"
       ]
     },
-    "c_about_modal_box__close_c_button_hover_BackgroundColor": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
-      "value": "rgba(3, 3, 3, 0.4)"
-    },
     "c_about_modal_box__brand_image_Height": {
       "name": "--pf-v5-c-about-modal-box__brand-image--Height",
       "value": "2.5rem"
     },
     "c_about_modal_box__header_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__header--PaddingRight",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__header_PaddingBottom": {
       "name": "--pf-v5-c-about-modal-box__header--PaddingBottom",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_about_modal_box__header_PaddingLeft": {
       "name": "--pf-v5-c-about-modal-box__header--PaddingLeft",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__header_sm_PaddingRight": {
       "name": "--pf-v5-c-about-modal-box__header--sm--PaddingRight",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__header_sm_PaddingLeft": {
       "name": "--pf-v5-c-about-modal-box__header--sm--PaddingLeft",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__strapline_PaddingTop": {
       "name": "--pf-v5-c-about-modal-box__strapline--PaddingTop",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__strapline_FontSize": {
       "name": "--pf-v5-c-about-modal-box__strapline--FontSize",
-      "value": "0.875rem",
+      "value": "12px",
+      "values": [
+        "--pf-t--global--font--size--body--sm",
+        "--pf-t--global--font--size--body--100",
+        "12px"
+      ]
+    },
+    "c_about_modal_box__strapline_Color": {
+      "name": "--pf-v5-c-about-modal-box__strapline--Color",
+      "value": "#6e6e6e",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--text--color--subtle",
+        "--pf-t--global--text--color--200",
+        "--pf-t--color--gray--500",
+        "#6e6e6e"
       ]
     },
     "c_about_modal_box__strapline_sm_PaddingTop": {
       "name": "--pf-v5-c-about-modal-box__strapline--sm--PaddingTop",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "48px"
       ]
     },
     "c_about_modal_box__content_MarginTop": {
       "name": "--pf-v5-c-about-modal-box__content--MarginTop",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__content_MarginRight": {
       "name": "--pf-v5-c-about-modal-box__content--MarginRight",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__content_MarginBottom": {
       "name": "--pf-v5-c-about-modal-box__content--MarginBottom",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__content_MarginLeft": {
       "name": "--pf-v5-c-about-modal-box__content--MarginLeft",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "32px"
       ]
     },
     "c_about_modal_box__content_sm_MarginTop": {
       "name": "--pf-v5-c-about-modal-box__content--sm--MarginTop",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "48px"
       ]
     },
     "c_about_modal_box__content_sm_MarginRight": {
       "name": "--pf-v5-c-about-modal-box__content--sm--MarginRight",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     },
     "c_about_modal_box__content_sm_MarginBottom": {
       "name": "--pf-v5-c-about-modal-box__content--sm--MarginBottom",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "48px"
       ]
     },
     "c_about_modal_box__content_sm_MarginLeft": {
       "name": "--pf-v5-c-about-modal-box__content--sm--MarginLeft",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v5-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "64px"
       ]
     }
   },
-  ".pf-v5-c-about-modal-box .pf-v5-c-button": {
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-v5-c-button--m-primary--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-global--primary-color--dark-100",
-        "$pf-v5-global--primary-color--dark-100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
-    }
-  },
-  ":where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-about-modal-box": {
+  ":where(.pf-v5-m-dir-rtl, [dir=rtl]) :root": {
     "c_about_modal_box_BackgroundPosition": {
       "name": "--pf-v5-c-about-modal-box--BackgroundPosition",
       "value": "bottom left"
     }
-  },
-  ".pf-v5-c-about-modal-box__close .pf-v5-c-button.pf-m-plain:hover": {
-    "c_about_modal_box__close_c_button_BackgroundColor": {
-      "name": "--pf-v5-c-about-modal-box__close--c-button--BackgroundColor",
-      "value": "rgba(3, 3, 3, 0.4)",
-      "values": [
-        "--pf-v5-c-about-modal-box__close--c-button--hover--BackgroundColor",
-        "rgba(3, 3, 3, 0.4)"
-      ]
-    }
   }
 };
 export default c_about_modal_box;