@patternfly/react-tokens 5.2.0-prerelease.6 → 6.0.0-alpha.2

package/dist/js/c_alert_group.d.ts

@@ -2,32 +2,26 @@ export const c_alert_group: {
   ".pf-v5-c-alert-group": {
     "c_alert_group__item_MarginTop": {
       "name": "--pf-v5-c-alert-group__item--MarginTop",
-      "value": "0.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_alert_group_m_toast_Top": {
       "name": "--pf-v5-c-alert-group--m-toast--Top",
-      "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_alert_group_m_toast_Right": {
       "name": "--pf-v5-c-alert-group--m-toast--Right",
-      "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_alert_group_m_toast_MaxWidth": {
@@ -47,220 +41,213 @@ export const c_alert_group: {
       "name": "--pf-v5-c-alert-group__overflow-button--BorderWidth",
       "value": "0"
     },
+    "c_alert_group__overflow_button_BorderRadius": {
+      "name": "--pf-v5-c-alert-group__overflow-button--BorderRadius",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--border--radius--medium",
+        "16px"
+      ]
+    },
     "c_alert_group__overflow_button_PaddingTop": {
       "name": "--pf-v5-c-alert-group__overflow-button--PaddingTop",
-      "value": "1.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_alert_group__overflow_button_PaddingRight": {
       "name": "--pf-v5-c-alert-group__overflow-button--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_alert_group__overflow_button_PaddingBottom": {
       "name": "--pf-v5-c-alert-group__overflow-button--PaddingBottom",
-      "value": "1.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_alert_group__overflow_button_PaddingLeft": {
       "name": "--pf-v5-c-alert-group__overflow-button--PaddingLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--Color",
-      "value": "#06c",
+      "value": "#0c61d9",
       "values": [
-        "--pf-v5-global--link--Color",
-        "$pf-v5-global--link--Color",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--text--color--link--default",
+        "--pf-t--global--text--color--link--100",
+        "--pf-t--color--blue--400",
+        "#0c61d9"
       ]
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--lg",
-        "$pf-v5-global--BoxShadow--lg",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08)"
+        "--pf-t--global--box-shadow--lg",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_alert_group__overflow_button_BackgroundColor": {
       "name": "--pf-v5-c-alert-group__overflow-button--BackgroundColor",
       "value": "#fff",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
+        "--pf-t--global--background--color--floating--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
         "#fff"
       ]
     },
     "c_alert_group__overflow_button_hover_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--hover--Color",
-      "value": "#004080",
+      "value": "#0043a0",
+      "values": [
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
+      ]
+    },
+    "c_alert_group__overflow_button_hover_BackgroundColor": {
+      "name": "--pf-v5-c-alert-group__overflow-button--hover--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--background--color--floating--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--100",
+        "#f2f2f2"
       ]
     },
     "c_alert_group__overflow_button_hover_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_alert_group__overflow_button_focus_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--focus--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_alert_group__overflow_button_focus_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     },
     "c_alert_group__overflow_button_active_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--active--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_alert_group__overflow_button_active_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     }
   },
   ".pf-v5-c-alert-group__overflow-button:hover": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--hover--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
+      ]
+    },
+    "c_alert_group__overflow_button_BackgroundColor": {
+      "name": "--pf-v5-c-alert-group__overflow-button--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-v5-c-alert-group__overflow-button--hover--BackgroundColor",
+        "--pf-t--global--background--color--floating--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--100",
+        "#f2f2f2"
       ]
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     }
   },
   ".pf-v5-c-alert-group__overflow-button:focus": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--focus--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     }
   },
   ".pf-v5-c-alert-group__overflow-button:active": {
     "c_alert_group__overflow_button_Color": {
       "name": "--pf-v5-c-alert-group__overflow-button--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--active--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--text--color--link--hover",
+        "--pf-t--global--text--color--link--200",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)",
+      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-        "--pf-v5-global--BoxShadow--lg, --pf-v5-global--BoxShadow--lg-bottom",
-        "$pf-v5-global--BoxShadow--lg, $pf-v5-global--BoxShadow--lg-bottom",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-v5-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-v5-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-v5-color-black-1000, .18)",
-        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba(#030303, .16), 0 0 pf-size-prem(6px) 0 rgba(#030303, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba(#030303, .18)",
-        "0 0.5rem 1rem 0 rgba(3, 3, 3, 0.16), 0 0 0.375rem 0 rgba(3, 3, 3, 0.08), 0 0.75rem 0.75rem -0.5rem rgba(3, 3, 3, 0.18)"
+        "--pf-t--global--box-shadow--lg, --pf-t--global--box-shadow--lg--bottom",
+        "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)"
       ]
     }
   }