@patternfly/react-tokens 4.44.20 → 4.46.1

package/dist/js/c_alert_group.d.ts

@@ -42,6 +42,226 @@ export const c_alert_group: {
         "$pf-global--ZIndex--2xl",
         "600"
       ]
+    },
+    "c_alert_group__overflow_button_BorderWidth": {
+      "name": "--pf-c-alert-group__overflow-button--BorderWidth",
+      "value": "0"
+    },
+    "c_alert_group__overflow_button_PaddingTop": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingTop",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingRight": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingBottom": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingBottom",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingLeft": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--link--Color",
+        "$pf-global--link--Color",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_BackgroundColor": {
+      "name": "--pf-c-alert-group__overflow-button--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_alert_group__overflow_button_hover_Color": {
+      "name": "--pf-c-alert-group__overflow-button--hover--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_hover_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_focus_Color": {
+      "name": "--pf-c-alert-group__overflow-button--focus--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_focus_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_active_Color": {
+      "name": "--pf-c-alert-group__overflow-button--active--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_active_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:hover": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--hover--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--hover--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:focus": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--focus--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--focus--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:active": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--active--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--active--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
     }
   }
 };

package/dist/js/c_alert_group.js

@@ -44,6 +44,226 @@ exports.c_alert_group = {
         "$pf-global--ZIndex--2xl",
         "600"
       ]
+    },
+    "c_alert_group__overflow_button_BorderWidth": {
+      "name": "--pf-c-alert-group__overflow-button--BorderWidth",
+      "value": "0"
+    },
+    "c_alert_group__overflow_button_PaddingTop": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingTop",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingRight": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingRight",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingBottom": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingBottom",
+      "value": "1.5rem",
+      "values": [
+        "--pf-global--spacer--lg",
+        "$pf-global--spacer--lg",
+        "pf-size-prem(24px)",
+        "1.5rem"
+      ]
+    },
+    "c_alert_group__overflow_button_PaddingLeft": {
+      "name": "--pf-c-alert-group__overflow-button--PaddingLeft",
+      "value": "1rem",
+      "values": [
+        "--pf-global--spacer--md",
+        "$pf-global--spacer--md",
+        "pf-size-prem(16px)",
+        "1rem"
+      ]
+    },
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--link--Color",
+        "$pf-global--link--Color",
+        "$pf-global--primary-color--100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg",
+        "$pf-global--BoxShadow--lg",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_BackgroundColor": {
+      "name": "--pf-c-alert-group__overflow-button--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--100",
+        "$pf-global--BackgroundColor--100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_alert_group__overflow_button_hover_Color": {
+      "name": "--pf-c-alert-group__overflow-button--hover--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_hover_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_focus_Color": {
+      "name": "--pf-c-alert-group__overflow-button--focus--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_focus_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
+    },
+    "c_alert_group__overflow_button_active_Color": {
+      "name": "--pf-c-alert-group__overflow-button--active--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_active_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:hover": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--hover--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--hover--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:focus": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--focus--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--focus--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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-c-alert-group__overflow-button:active": {
+    "c_alert_group__overflow_button_Color": {
+      "name": "--pf-c-alert-group__overflow-button--Color",
+      "value": "#004080",
+      "values": [
+        "--pf-c-alert-group__overflow-button--active--Color",
+        "--pf-global--link--Color--hover",
+        "$pf-global--link--Color--hover",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_alert_group__overflow_button_BoxShadow": {
+      "name": "--pf-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)",
+      "values": [
+        "--pf-c-alert-group__overflow-button--active--BoxShadow",
+        "--pf-global--BoxShadow--lg, --pf-global--BoxShadow--lg-bottom",
+        "$pf-global--BoxShadow--lg, $pf-global--BoxShadow--lg-bottom",
+        "0 pf-size-prem(8px) pf-size-prem(16px) 0 rgba($pf-color-black-1000, .16), 0 0 pf-size-prem(6px) 0 rgba($pf-color-black-1000, .08), 0 pf-size-prem(12px) pf-size-prem(12px) pf-size-prem(-8px) rgba($pf-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)"
+      ]
     }
   }
 };

package/dist/js/c_alert_group__overflow_button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_BackgroundColor: {
+  "name": "--pf-c-alert-group__overflow-button--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-c-alert-group__overflow-button--BackgroundColor)"
+};
+export default c_alert_group__overflow_button_BackgroundColor;

package/dist/js/c_alert_group__overflow_button_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_BackgroundColor = {
+  "name": "--pf-c-alert-group__overflow-button--BackgroundColor",
+  "value": "#fff",
+  "var": "var(--pf-c-alert-group__overflow-button--BackgroundColor)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_BackgroundColor;

package/dist/js/c_alert_group__overflow_button_BorderWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_BorderWidth: {
+  "name": "--pf-c-alert-group__overflow-button--BorderWidth",
+  "value": "0",
+  "var": "var(--pf-c-alert-group__overflow-button--BorderWidth)"
+};
+export default c_alert_group__overflow_button_BorderWidth;

package/dist/js/c_alert_group__overflow_button_BorderWidth.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_BorderWidth = {
+  "name": "--pf-c-alert-group__overflow-button--BorderWidth",
+  "value": "0",
+  "var": "var(--pf-c-alert-group__overflow-button--BorderWidth)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_BorderWidth;

package/dist/js/c_alert_group__overflow_button_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_BoxShadow: {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--BoxShadow)"
+};
+export default c_alert_group__overflow_button_BoxShadow;

package/dist/js/c_alert_group__overflow_button_BoxShadow.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_BoxShadow = {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--BoxShadow)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_BoxShadow;

package/dist/js/c_alert_group__overflow_button_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_Color: {
+  "name": "--pf-c-alert-group__overflow-button--Color",
+  "value": "#004080",
+  "var": "var(--pf-c-alert-group__overflow-button--Color)"
+};
+export default c_alert_group__overflow_button_Color;

package/dist/js/c_alert_group__overflow_button_Color.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_Color = {
+  "name": "--pf-c-alert-group__overflow-button--Color",
+  "value": "#004080",
+  "var": "var(--pf-c-alert-group__overflow-button--Color)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_Color;

package/dist/js/c_alert_group__overflow_button_PaddingBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_PaddingBottom: {
+  "name": "--pf-c-alert-group__overflow-button--PaddingBottom",
+  "value": "1.5rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingBottom)"
+};
+export default c_alert_group__overflow_button_PaddingBottom;

package/dist/js/c_alert_group__overflow_button_PaddingBottom.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_PaddingBottom = {
+  "name": "--pf-c-alert-group__overflow-button--PaddingBottom",
+  "value": "1.5rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingBottom)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_PaddingBottom;

package/dist/js/c_alert_group__overflow_button_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_PaddingLeft: {
+  "name": "--pf-c-alert-group__overflow-button--PaddingLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingLeft)"
+};
+export default c_alert_group__overflow_button_PaddingLeft;

package/dist/js/c_alert_group__overflow_button_PaddingLeft.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_PaddingLeft = {
+  "name": "--pf-c-alert-group__overflow-button--PaddingLeft",
+  "value": "1rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingLeft)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_PaddingLeft;

package/dist/js/c_alert_group__overflow_button_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_PaddingRight: {
+  "name": "--pf-c-alert-group__overflow-button--PaddingRight",
+  "value": "1rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingRight)"
+};
+export default c_alert_group__overflow_button_PaddingRight;

package/dist/js/c_alert_group__overflow_button_PaddingRight.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_PaddingRight = {
+  "name": "--pf-c-alert-group__overflow-button--PaddingRight",
+  "value": "1rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingRight)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_PaddingRight;

package/dist/js/c_alert_group__overflow_button_PaddingTop.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_PaddingTop: {
+  "name": "--pf-c-alert-group__overflow-button--PaddingTop",
+  "value": "1.5rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingTop)"
+};
+export default c_alert_group__overflow_button_PaddingTop;

package/dist/js/c_alert_group__overflow_button_PaddingTop.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_PaddingTop = {
+  "name": "--pf-c-alert-group__overflow-button--PaddingTop",
+  "value": "1.5rem",
+  "var": "var(--pf-c-alert-group__overflow-button--PaddingTop)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_PaddingTop;

package/dist/js/c_alert_group__overflow_button_active_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_active_BoxShadow: {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--active--BoxShadow)"
+};
+export default c_alert_group__overflow_button_active_BoxShadow;

package/dist/js/c_alert_group__overflow_button_active_BoxShadow.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_active_BoxShadow = {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--active--BoxShadow)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_active_BoxShadow;

package/dist/js/c_alert_group__overflow_button_active_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_active_Color: {
+  "name": "--pf-c-alert-group__overflow-button--active--Color",
+  "value": "#004080",
+  "var": "var(--pf-c-alert-group__overflow-button--active--Color)"
+};
+export default c_alert_group__overflow_button_active_Color;

package/dist/js/c_alert_group__overflow_button_active_Color.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_active_Color = {
+  "name": "--pf-c-alert-group__overflow-button--active--Color",
+  "value": "#004080",
+  "var": "var(--pf-c-alert-group__overflow-button--active--Color)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_active_Color;

package/dist/js/c_alert_group__overflow_button_focus_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_group__overflow_button_focus_BoxShadow: {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--focus--BoxShadow)"
+};
+export default c_alert_group__overflow_button_focus_BoxShadow;

package/dist/js/c_alert_group__overflow_button_focus_BoxShadow.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert_group__overflow_button_focus_BoxShadow = {
+  "name": "--pf-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)",
+  "var": "var(--pf-c-alert-group__overflow-button--focus--BoxShadow)"
+};
+exports["default"] = exports.c_alert_group__overflow_button_focus_BoxShadow;