@patternfly/react-tokens 6.0.0-alpha.11 → 6.0.0-alpha.13

package/dist/js/c_about_modal_box.d.ts

@@ -254,12 +254,12 @@ export const c_about_modal_box: {
     },
     "c_about_modal_box__strapline_Color": {
       "name": "--pf-v5-c-about-modal-box__strapline--Color",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
         "--pf-t--global--text--color--subtle",
         "--pf-t--global--text--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_about_modal_box__strapline_sm_PaddingTop": {

package/dist/js/c_about_modal_box.js

@@ -256,12 +256,12 @@ exports.c_about_modal_box = {
     },
     "c_about_modal_box__strapline_Color": {
       "name": "--pf-v5-c-about-modal-box__strapline--Color",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
         "--pf-t--global--text--color--subtle",
         "--pf-t--global--text--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_about_modal_box__strapline_sm_PaddingTop": {

package/dist/js/c_about_modal_box__strapline_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_about_modal_box__strapline_Color: {
   "name": "--pf-v5-c-about-modal-box__strapline--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-about-modal-box__strapline--Color)"
 };
 export default c_about_modal_box__strapline_Color;

package/dist/js/c_about_modal_box__strapline_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_about_modal_box__strapline_Color = {
   "name": "--pf-v5-c-about-modal-box__strapline--Color",
-  "value": "#707070",
+  "value": "#4d4d4d",
   "var": "var(--pf-v5-c-about-modal-box__strapline--Color)"
 };
 exports["default"] = exports.c_about_modal_box__strapline_Color;

package/dist/js/c_accordion.d.ts

@@ -29,10 +29,11 @@ export const c_accordion: {
     },
     "c_accordion__item_m_expanded_BackgroundColor": {
       "name": "--pf-v5-c-accordion__item--m-expanded--BackgroundColor",
-      "value": "undefined",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-t--global--background--color--action--plain--selected",
-        "undefined"
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_accordion__toggle_ColumnGap": {
@@ -99,12 +100,11 @@ export const c_accordion: {
     },
     "c_accordion__toggle_hover_BackgroundColor": {
       "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_accordion__toggle_BorderRadius": {
@@ -563,13 +563,12 @@ export const c_accordion: {
   ".pf-v5-c-accordion__toggle:is(:hover, :focus)": {
     "c_accordion__toggle_BackgroundColor": {
       "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     }
   },

package/dist/js/c_accordion.js

@@ -31,10 +31,11 @@ exports.c_accordion = {
     },
     "c_accordion__item_m_expanded_BackgroundColor": {
       "name": "--pf-v5-c-accordion__item--m-expanded--BackgroundColor",
-      "value": "undefined",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
-        "--pf-t--global--background--color--action--plain--selected",
-        "undefined"
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_accordion__toggle_ColumnGap": {
@@ -101,12 +102,11 @@ exports.c_accordion = {
     },
     "c_accordion__toggle_hover_BackgroundColor": {
       "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     },
     "c_accordion__toggle_BorderRadius": {
@@ -565,13 +565,12 @@ exports.c_accordion = {
   ".pf-v5-c-accordion__toggle:is(:hover, :focus)": {
     "c_accordion__toggle_BackgroundColor": {
       "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "rgba(199, 199, 199, 0.2500)",
       "values": [
         "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
         "--pf-t--global--background--color--action--plain--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
       ]
     }
   },

package/dist/js/c_accordion__item_m_expanded_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__item_m_expanded_BackgroundColor: {
   "name": "--pf-v5-c-accordion__item--m-expanded--BackgroundColor",
-  "value": "undefined",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__item--m-expanded--BackgroundColor)"
 };
 export default c_accordion__item_m_expanded_BackgroundColor;

package/dist/js/c_accordion__item_m_expanded_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__item_m_expanded_BackgroundColor = {
   "name": "--pf-v5-c-accordion__item--m-expanded--BackgroundColor",
-  "value": "undefined",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__item--m-expanded--BackgroundColor)"
 };
 exports["default"] = exports.c_accordion__item_m_expanded_BackgroundColor;

package/dist/js/c_accordion__toggle_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_BackgroundColor: {
   "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__toggle--BackgroundColor)"
 };
 export default c_accordion__toggle_BackgroundColor;

package/dist/js/c_accordion__toggle_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__toggle_BackgroundColor = {
   "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__toggle--BackgroundColor)"
 };
 exports["default"] = exports.c_accordion__toggle_BackgroundColor;

package/dist/js/c_accordion__toggle_hover_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_accordion__toggle_hover_BackgroundColor: {
   "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__toggle--hover--BackgroundColor)"
 };
 export default c_accordion__toggle_hover_BackgroundColor;

package/dist/js/c_accordion__toggle_hover_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_accordion__toggle_hover_BackgroundColor = {
   "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v5-c-accordion__toggle--hover--BackgroundColor)"
 };
 exports["default"] = exports.c_accordion__toggle_hover_BackgroundColor;

package/dist/js/c_alert.d.ts

@@ -2,10 +2,12 @@ export const c_alert: {
   ":root": {
     "c_alert_BoxShadow": {
       "name": "--pf-v5-c-alert--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg",
-        "0px 8px 24px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_BackgroundColor": {
@@ -168,6 +170,15 @@ export const c_alert: {
         "14px"
       ]
     },
+    "c_alert__title_FontFamily": {
+      "name": "--pf-v5-c-alert__title--FontFamily",
+      "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
+      "values": [
+        "--pf-t--global--font--family--heading",
+        "--pf-t--global--font--family--200",
+        "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif"
+      ]
+    },
     "c_alert__title_FontSize": {
       "name": "--pf-v5-c-alert__title--FontSize",
       "value": "16px",

package/dist/js/c_alert.js

@@ -4,10 +4,12 @@ exports.c_alert = {
   ":root": {
     "c_alert_BoxShadow": {
       "name": "--pf-v5-c-alert--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg",
-        "0px 8px 24px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_BackgroundColor": {
@@ -170,6 +172,15 @@ exports.c_alert = {
         "14px"
       ]
     },
+    "c_alert__title_FontFamily": {
+      "name": "--pf-v5-c-alert__title--FontFamily",
+      "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
+      "values": [
+        "--pf-t--global--font--family--heading",
+        "--pf-t--global--font--family--200",
+        "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif"
+      ]
+    },
     "c_alert__title_FontSize": {
       "name": "--pf-v5-c-alert__title--FontSize",
       "value": "16px",

package/dist/js/c_alert__title_FontFamily.d.ts

@@ -0,0 +1,6 @@
+export const c_alert__title_FontFamily: {
+  "name": "--pf-v5-c-alert__title--FontFamily",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
+  "var": "var(--pf-v5-c-alert__title--FontFamily)"
+};
+export default c_alert__title_FontFamily;

package/dist/js/c_alert__title_FontFamily.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_alert__title_FontFamily = {
+  "name": "--pf-v5-c-alert__title--FontFamily",
+  "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
+  "var": "var(--pf-v5-c-alert__title--FontFamily)"
+};
+exports["default"] = exports.c_alert__title_FontFamily;

package/dist/js/c_alert_group.d.ts

@@ -101,10 +101,12 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg",
-        "0px 8px 24px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_BackgroundColor": {
@@ -139,10 +141,12 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_hover_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_focus_Color": {
@@ -157,10 +161,12 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_focus_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_active_Color": {
@@ -175,10 +181,12 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_active_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -207,11 +215,13 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -229,11 +239,13 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -251,11 +263,13 @@ export const c_alert_group: {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   }

package/dist/js/c_alert_group.js

@@ -103,10 +103,12 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-t--global--box-shadow--lg",
-        "0px 8px 24px 0px rgb(0 0 0 / 12%)"
+        "--pf-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_BackgroundColor": {
@@ -141,10 +143,12 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_hover_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_focus_Color": {
@@ -159,10 +163,12 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_focus_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     },
     "c_alert_group__overflow_button_active_Color": {
@@ -177,10 +183,12 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_active_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -209,11 +217,13 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -231,11 +241,13 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   },
@@ -253,11 +265,13 @@ exports.c_alert_group = {
     },
     "c_alert_group__overflow_button_BoxShadow": {
       "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-      "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+      "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
       "values": [
         "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
         "--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-t--global--box-shadow--X--lg--default\n    --pf-t--global--box-shadow--Y--lg--default\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg, --pf-t--global--box-shadow--X--lg--bottom\n    --pf-t--global--box-shadow--Y--lg--bottom\n    --pf-t--global--box-shadow--blur--lg\n    --pf-t--global--box-shadow--spread--lg\n    --pf-t--global--box-shadow--color--lg",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200, --pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--700\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
       ]
     }
   }

package/dist/js/c_alert_group__overflow_button_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_group__overflow_button_BoxShadow: {
   "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-alert-group__overflow-button--BoxShadow)"
 };
 export default c_alert_group__overflow_button_BoxShadow;

package/dist/js/c_alert_group__overflow_button_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_alert_group__overflow_button_BoxShadow = {
   "name": "--pf-v5-c-alert-group__overflow-button--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-alert-group__overflow-button--BoxShadow)"
 };
 exports["default"] = exports.c_alert_group__overflow_button_BoxShadow;

package/dist/js/c_alert_group__overflow_button_active_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_group__overflow_button_active_BoxShadow: {
   "name": "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-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

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_alert_group__overflow_button_active_BoxShadow = {
   "name": "--pf-v5-c-alert-group__overflow-button--active--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-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_focus_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_group__overflow_button_focus_BoxShadow: {
   "name": "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-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

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_alert_group__overflow_button_focus_BoxShadow = {
   "name": "--pf-v5-c-alert-group__overflow-button--focus--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-alert-group__overflow-button--focus--BoxShadow)"
 };
 exports["default"] = exports.c_alert_group__overflow_button_focus_BoxShadow;

package/dist/js/c_alert_group__overflow_button_hover_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_alert_group__overflow_button_hover_BoxShadow: {
   "name": "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow)"
 };
 export default c_alert_group__overflow_button_hover_BoxShadow;

package/dist/js/c_alert_group__overflow_button_hover_BoxShadow.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_alert_group__overflow_button_hover_BoxShadow = {
   "name": "--pf-v5-c-alert-group__overflow-button--hover--BoxShadow",
-  "value": "0px 8px 24px 0px rgb(0 0 0 / 12%), 0px 8px 24px 0px rgb(0 0 0 / 12%)",
+  "value": "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200), 0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
   "var": "var(--pf-v5-c-alert-group__overflow-button--hover--BoxShadow)"
 };
 exports["default"] = exports.c_alert_group__overflow_button_hover_BoxShadow;