@patternfly/react-tokens 4.44.19 → 4.46.0

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.46.0 (2022-02-08)
+
+
+### Features
+
+* **MenuToggle:** add full height variation ([#6869](https://github.com/patternfly/patternfly-react/issues/6869)) ([415e02f](https://github.com/patternfly/patternfly-react/commit/415e02f5e5617367db717cd5120df04ec1a208eb))
+
+
+
+
+
+# 4.45.0 (2022-02-08)
+
+
+### Features
+
+* **Table:** add striping ([#6886](https://github.com/patternfly/patternfly-react/issues/6886)) ([47abda7](https://github.com/patternfly/patternfly-react/commit/47abda7831e21c58051b90982f02cb48f7a22a22))
+
+
+
+
+
+## 4.44.21 (2022-02-07)
+
+
+### Bug Fixes
+
+* **TimePicker:** apply includeSeconds when making options ([#6865](https://github.com/patternfly/patternfly-react/issues/6865)) ([5b6d6c9](https://github.com/patternfly/patternfly-react/commit/5b6d6c9979046c111b00456622758f542627ac11))
+
+
+
+
+
+## 4.44.20 (2022-02-07)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 ## 4.44.19 (2022-02-07)
 
 

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

@@ -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/esm/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/esm/c_alert_group__overflow_button_BackgroundColor.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_BorderWidth.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_BoxShadow.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_Color.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_PaddingBottom.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_PaddingLeft.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_PaddingRight.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_PaddingTop.js

@@ -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/esm/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/esm/c_alert_group__overflow_button_active_BoxShadow.js

@@ -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/esm/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;