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

package/dist/esm/patternfly_variables.js

@@ -1158,81 +1158,140 @@ export const patternfly_variables = {
         "underline"
       ]
     },
-    "global_mix_blend_mode_100": {
-      "name": "--pf-t--global--mix-blend-mode--100",
-      "value": "multiply"
-    },
-    "global_mix_blend_mode_200": {
-      "name": "--pf-t--global--mix-blend-mode--200",
-      "value": "screen"
-    },
-    "global_background_color_action_plain_hover_blend": {
-      "name": "--pf-t--global--background--color--action--plain--hover--blend",
-      "value": "multiply",
-      "values": [
-        "--pf-t--global--mix-blend-mode--100",
-        "multiply"
-      ]
-    },
     "global_box_shadow_sm": {
       "name": "--pf-t--global--box-shadow--sm",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--X--sm--default\n    --pf-t--global--box-shadow--Y--sm--default\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+      ]
     },
     "global_box_shadow_sm_top": {
       "name": "--pf-t--global--box-shadow--sm--top",
-      "value": "0px -1px 2px 0px rgb(0 0 0 / 16%)"
+      "value": "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    -1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+      ]
     },
     "global_box_shadow_sm_bottom": {
       "name": "--pf-t--global--box-shadow--sm--bottom",
-      "value": "0px 1px 2px 0px rgb(0 0 0 / 16%)"
+      "value": "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "0px\n    1px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+      ]
     },
     "global_box_shadow_sm_left": {
       "name": "--pf-t--global--box-shadow--sm--left",
-      "value": "-1px 0px 2px 0px rgb(0 0 0 / 16%)"
+      "value": "-1px\n    0px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--X--sm--left\n    --pf-t--global--box-shadow--Y--sm--left\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--300\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "-1px\n    0px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+      ]
     },
     "global_box_shadow_sm_right": {
       "name": "--pf-t--global--box-shadow--sm--right",
-      "value": "1px 0px 2px 0px rgb(0 0 0 / 16%)"
+      "value": "1px\n    0px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--X--sm--right\n    --pf-t--global--box-shadow--Y--sm--right\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm\n    --pf-t--global--box-shadow--color--sm",
+        "--pf-t--global--box-shadow--X--500\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
+        "1px\n    0px\n    2px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+      ]
     },
     "global_box_shadow_md": {
       "name": "--pf-t--global--box-shadow--md",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_md_top": {
       "name": "--pf-t--global--box-shadow--md--top",
-      "value": "0px -4px 8px 0px rgb(0 0 0 / 12%)"
+      "value": "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--200\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    -4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_md_bottom": {
       "name": "--pf-t--global--box-shadow--md--bottom",
-      "value": "0px 4px 8px 0px rgb(0 0 0 / 12%)"
+      "value": "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--md--bottom\n    --pf-t--global--box-shadow--Y--md--bottom\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    4px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_md_left": {
       "name": "--pf-t--global--box-shadow--md--left",
-      "value": "-4px 0px 8px 0px rgb(0 0 0 / 12%)"
+      "value": "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--md--left\n    --pf-t--global--box-shadow--Y--md--left\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--200\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "-4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_md_right": {
       "name": "--pf-t--global--box-shadow--md--right",
-      "value": "4px 0px 8px 0px rgb(0 0 0 / 12%)"
+      "value": "4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md\n    --pf-t--global--box-shadow--color--md",
+        "--pf-t--global--box-shadow--X--600\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "4px\n    0px\n    8px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_lg": {
       "name": "--pf-t--global--box-shadow--lg",
-      "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--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)"
+      ]
     },
     "global_box_shadow_lg_top": {
       "name": "--pf-t--global--box-shadow--lg--top",
-      "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--X--lg--top\n    --pf-t--global--box-shadow--Y--lg--top\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--100\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)"
+      ]
     },
     "global_box_shadow_lg_bottom": {
       "name": "--pf-t--global--box-shadow--lg--bottom",
-      "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--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",
+        "0px\n    8px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_lg_left": {
       "name": "--pf-t--global--box-shadow--lg--left",
-      "value": "-8px 0px 24px 0px rgb(0 0 0 / 12%)"
+      "value": "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--lg--left\n    --pf-t--global--box-shadow--Y--lg--left\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--100\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "-8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "global_box_shadow_lg_right": {
       "name": "--pf-t--global--box-shadow--lg--right",
-      "value": "8px 0px 24px 0px rgb(0 0 0 / 12%)"
+      "value": "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--X--lg--right\n    --pf-t--global--box-shadow--Y--lg--right\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--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--300\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--200",
+        "8px\n    0px\n    24px\n    0px\n    rgba(0, 0, 0, 0.1200)"
+      ]
     },
     "color_red_70": {
       "name": "--pf-t--color--red--70",
@@ -1510,10 +1569,94 @@ export const patternfly_variables = {
       "name": "--pf-t--global--background--color--action--plain--default",
       "value": "rgba(255, 255, 255, 0.0000)"
     },
+    "global_background_color_600": {
+      "name": "--pf-t--global--background--color--600",
+      "value": "rgba(199, 199, 199, 0.2500)"
+    },
     "global_background_color_500": {
       "name": "--pf-t--global--background--color--500",
       "value": "rgba(21, 21, 21, 0.2000)"
     },
+    "global_box_shadow_color_200": {
+      "name": "--pf-t--global--box-shadow--color--200",
+      "value": "rgba(0, 0, 0, 0.1200)"
+    },
+    "global_box_shadow_color_100": {
+      "name": "--pf-t--global--box-shadow--color--100",
+      "value": "rgba(0, 0, 0, 0.1600)"
+    },
+    "global_box_shadow_spread_100": {
+      "name": "--pf-t--global--box-shadow--spread--100",
+      "value": "0px"
+    },
+    "global_box_shadow_blur_300": {
+      "name": "--pf-t--global--box-shadow--blur--300",
+      "value": "24px"
+    },
+    "global_box_shadow_blur_200": {
+      "name": "--pf-t--global--box-shadow--blur--200",
+      "value": "8px"
+    },
+    "global_box_shadow_blur_100": {
+      "name": "--pf-t--global--box-shadow--blur--100",
+      "value": "2px"
+    },
+    "global_box_shadow_Y_700": {
+      "name": "--pf-t--global--box-shadow--Y--700",
+      "value": "8px"
+    },
+    "global_box_shadow_Y_600": {
+      "name": "--pf-t--global--box-shadow--Y--600",
+      "value": "4px"
+    },
+    "global_box_shadow_Y_500": {
+      "name": "--pf-t--global--box-shadow--Y--500",
+      "value": "1px"
+    },
+    "global_box_shadow_Y_400": {
+      "name": "--pf-t--global--box-shadow--Y--400",
+      "value": "0px"
+    },
+    "global_box_shadow_Y_300": {
+      "name": "--pf-t--global--box-shadow--Y--300",
+      "value": "-1px"
+    },
+    "global_box_shadow_Y_200": {
+      "name": "--pf-t--global--box-shadow--Y--200",
+      "value": "-4px"
+    },
+    "global_box_shadow_Y_100": {
+      "name": "--pf-t--global--box-shadow--Y--100",
+      "value": "-8px"
+    },
+    "global_box_shadow_X_700": {
+      "name": "--pf-t--global--box-shadow--X--700",
+      "value": "8px"
+    },
+    "global_box_shadow_X_600": {
+      "name": "--pf-t--global--box-shadow--X--600",
+      "value": "4px"
+    },
+    "global_box_shadow_X_500": {
+      "name": "--pf-t--global--box-shadow--X--500",
+      "value": "1px"
+    },
+    "global_box_shadow_X_400": {
+      "name": "--pf-t--global--box-shadow--X--400",
+      "value": "0px"
+    },
+    "global_box_shadow_X_300": {
+      "name": "--pf-t--global--box-shadow--X--300",
+      "value": "-1px"
+    },
+    "global_box_shadow_X_200": {
+      "name": "--pf-t--global--box-shadow--X--200",
+      "value": "-4px"
+    },
+    "global_box_shadow_X_100": {
+      "name": "--pf-t--global--box-shadow--X--100",
+      "value": "-8px"
+    },
     "global_Zindex_600": {
       "name": "--pf-t--global--Zindex--600",
       "value": "600"
@@ -1704,10 +1847,10 @@ export const patternfly_variables = {
     },
     "global_text_color_200": {
       "name": "--pf-t--global--text--color--200",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "global_text_color_100": {
@@ -2102,6 +2245,22 @@ export const patternfly_variables = {
         "rgba(21, 21, 21, 0.2000)"
       ]
     },
+    "global_background_color_action_plain_clicked": {
+      "name": "--pf-t--global--background--color--action--plain--clicked",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
+    "global_background_color_action_plain_hover": {
+      "name": "--pf-t--global--background--color--action--plain--hover",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
     "global_background_color_highlight_200": {
       "name": "--pf-t--global--background--color--highlight--200",
       "value": "#dca614",
@@ -2150,6 +2309,318 @@ export const patternfly_variables = {
         "#fff"
       ]
     },
+    "global_box_shadow_color_lg": {
+      "name": "--pf-t--global--box-shadow--color--lg",
+      "value": "rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--color--200",
+        "rgba(0, 0, 0, 0.1200)"
+      ]
+    },
+    "global_box_shadow_color_md": {
+      "name": "--pf-t--global--box-shadow--color--md",
+      "value": "rgba(0, 0, 0, 0.1200)",
+      "values": [
+        "--pf-t--global--box-shadow--color--200",
+        "rgba(0, 0, 0, 0.1200)"
+      ]
+    },
+    "global_box_shadow_color_sm": {
+      "name": "--pf-t--global--box-shadow--color--sm",
+      "value": "rgba(0, 0, 0, 0.1600)",
+      "values": [
+        "--pf-t--global--box-shadow--color--100",
+        "rgba(0, 0, 0, 0.1600)"
+      ]
+    },
+    "global_box_shadow_spread_lg": {
+      "name": "--pf-t--global--box-shadow--spread--lg",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--spread--100",
+        "0px"
+      ]
+    },
+    "global_box_shadow_spread_md": {
+      "name": "--pf-t--global--box-shadow--spread--md",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--spread--100",
+        "0px"
+      ]
+    },
+    "global_box_shadow_spread_sm": {
+      "name": "--pf-t--global--box-shadow--spread--sm",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--spread--100",
+        "0px"
+      ]
+    },
+    "global_box_shadow_blur_lg": {
+      "name": "--pf-t--global--box-shadow--blur--lg",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--box-shadow--blur--300",
+        "24px"
+      ]
+    },
+    "global_box_shadow_blur_md": {
+      "name": "--pf-t--global--box-shadow--blur--md",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--box-shadow--blur--200",
+        "8px"
+      ]
+    },
+    "global_box_shadow_blur_sm": {
+      "name": "--pf-t--global--box-shadow--blur--sm",
+      "value": "2px",
+      "values": [
+        "--pf-t--global--box-shadow--blur--100",
+        "2px"
+      ]
+    },
+    "global_box_shadow_Y_lg_right": {
+      "name": "--pf-t--global--box-shadow--Y--lg--right",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_lg_left": {
+      "name": "--pf-t--global--box-shadow--Y--lg--left",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_lg_bottom": {
+      "name": "--pf-t--global--box-shadow--Y--lg--bottom",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--700",
+        "8px"
+      ]
+    },
+    "global_box_shadow_Y_lg_top": {
+      "name": "--pf-t--global--box-shadow--Y--lg--top",
+      "value": "-8px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--100",
+        "-8px"
+      ]
+    },
+    "global_box_shadow_Y_lg_default": {
+      "name": "--pf-t--global--box-shadow--Y--lg--default",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--700",
+        "8px"
+      ]
+    },
+    "global_box_shadow_Y_md_right": {
+      "name": "--pf-t--global--box-shadow--Y--md--right",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_md_left": {
+      "name": "--pf-t--global--box-shadow--Y--md--left",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_md_bottom": {
+      "name": "--pf-t--global--box-shadow--Y--md--bottom",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--600",
+        "4px"
+      ]
+    },
+    "global_box_shadow_Y_md_top": {
+      "name": "--pf-t--global--box-shadow--Y--md--top",
+      "value": "-4px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--200",
+        "-4px"
+      ]
+    },
+    "global_box_shadow_Y_md_default": {
+      "name": "--pf-t--global--box-shadow--Y--md--default",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--600",
+        "4px"
+      ]
+    },
+    "global_box_shadow_Y_sm_right": {
+      "name": "--pf-t--global--box-shadow--Y--sm--right",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_sm_left": {
+      "name": "--pf-t--global--box-shadow--Y--sm--left",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_Y_sm_bottom": {
+      "name": "--pf-t--global--box-shadow--Y--sm--bottom",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--500",
+        "1px"
+      ]
+    },
+    "global_box_shadow_Y_sm_top": {
+      "name": "--pf-t--global--box-shadow--Y--sm--top",
+      "value": "-1px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--300",
+        "-1px"
+      ]
+    },
+    "global_box_shadow_Y_sm_default": {
+      "name": "--pf-t--global--box-shadow--Y--sm--default",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--box-shadow--Y--500",
+        "1px"
+      ]
+    },
+    "global_box_shadow_X_lg_right": {
+      "name": "--pf-t--global--box-shadow--X--lg--right",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--box-shadow--X--700",
+        "8px"
+      ]
+    },
+    "global_box_shadow_X_lg_left": {
+      "name": "--pf-t--global--box-shadow--X--lg--left",
+      "value": "-8px",
+      "values": [
+        "--pf-t--global--box-shadow--X--100",
+        "-8px"
+      ]
+    },
+    "global_box_shadow_X_lg_bottom": {
+      "name": "--pf-t--global--box-shadow--X--lg--bottom",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_lg_top": {
+      "name": "--pf-t--global--box-shadow--X--lg--top",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_lg_default": {
+      "name": "--pf-t--global--box-shadow--X--lg--default",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_md_right": {
+      "name": "--pf-t--global--box-shadow--X--md--right",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--box-shadow--X--600",
+        "4px"
+      ]
+    },
+    "global_box_shadow_X_md_left": {
+      "name": "--pf-t--global--box-shadow--X--md--left",
+      "value": "-4px",
+      "values": [
+        "--pf-t--global--box-shadow--X--200",
+        "-4px"
+      ]
+    },
+    "global_box_shadow_X_md_bottom": {
+      "name": "--pf-t--global--box-shadow--X--md--bottom",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_md_top": {
+      "name": "--pf-t--global--box-shadow--X--md--top",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_md_default": {
+      "name": "--pf-t--global--box-shadow--X--md--default",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_sm_right": {
+      "name": "--pf-t--global--box-shadow--X--sm--right",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--box-shadow--X--500",
+        "1px"
+      ]
+    },
+    "global_box_shadow_X_sm_left": {
+      "name": "--pf-t--global--box-shadow--X--sm--left",
+      "value": "-1px",
+      "values": [
+        "--pf-t--global--box-shadow--X--300",
+        "-1px"
+      ]
+    },
+    "global_box_shadow_X_sm_bottom": {
+      "name": "--pf-t--global--box-shadow--X--sm--bottom",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_sm_top": {
+      "name": "--pf-t--global--box-shadow--X--sm--top",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
+    "global_box_shadow_X_sm_default": {
+      "name": "--pf-t--global--box-shadow--X--sm--default",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--box-shadow--X--400",
+        "0px"
+      ]
+    },
     "global_Zindex_2xl": {
       "name": "--pf-t--global--Zindex--2xl",
       "value": "600"
@@ -2302,8 +2773,8 @@ export const patternfly_variables = {
         "0px"
       ]
     },
-    "global_border_width_control_active": {
-      "name": "--pf-t--global--border--width--control--active",
+    "global_border_width_control_clicked": {
+      "name": "--pf-t--global--border--width--control--clicked",
       "value": "2px",
       "values": [
         "--pf-t--global--border--width--200",
@@ -2326,8 +2797,8 @@ export const patternfly_variables = {
         "1px"
       ]
     },
-    "global_border_width_button_active": {
-      "name": "--pf-t--global--border--width--button--active",
+    "global_border_width_button_clicked": {
+      "name": "--pf-t--global--border--width--button--clicked",
       "value": "2px",
       "values": [
         "--pf-t--global--border--width--200",
@@ -2406,32 +2877,32 @@ export const patternfly_variables = {
         "2px"
       ]
     },
-    "global_border_width_regular": {
-      "name": "--pf-t--global--border--width--regular",
+    "global_border_width_divider_clicked": {
+      "name": "--pf-t--global--border--width--divider--clicked",
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--100",
         "1px"
       ]
     },
-    "global_border_width_divider_active": {
-      "name": "--pf-t--global--border--width--divider--active",
+    "global_border_width_divider_hover": {
+      "name": "--pf-t--global--border--width--divider--hover",
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--100",
         "1px"
       ]
     },
-    "global_border_width_divider_hover": {
-      "name": "--pf-t--global--border--width--divider--hover",
+    "global_border_width_divider_default": {
+      "name": "--pf-t--global--border--width--divider--default",
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--100",
         "1px"
       ]
     },
-    "global_border_width_divider_default": {
-      "name": "--pf-t--global--border--width--divider--default",
+    "global_border_width_regular": {
+      "name": "--pf-t--global--border--width--regular",
       "value": "1px",
       "values": [
         "--pf-t--global--border--width--100",
@@ -2714,11 +3185,11 @@ export const patternfly_variables = {
     },
     "global_text_color_subtle": {
       "name": "--pf-t--global--text--color--subtle",
-      "value": "#707070",
+      "value": "#4d4d4d",
       "values": [
         "--pf-t--global--text--color--200",
-        "--pf-t--color--gray--50",
-        "#707070"
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "global_text_color_regular": {
@@ -3225,24 +3696,6 @@ export const patternfly_variables = {
         "#fff"
       ]
     },
-    "global_background_color_action_plain_clicked": {
-      "name": "--pf-t--global--background--color--action--plain--clicked",
-      "value": "#f2f2f2",
-      "values": [
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
-      ]
-    },
-    "global_background_color_action_plain_hover": {
-      "name": "--pf-t--global--background--color--action--plain--hover",
-      "value": "#f2f2f2",
-      "values": [
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
-      ]
-    },
     "global_background_color_floating_clicked": {
       "name": "--pf-t--global--background--color--floating--clicked",
       "value": "#f2f2f2",
@@ -3693,16 +4146,6 @@ export const patternfly_variables = {
         "#c7c7c7"
       ]
     },
-    "global_border_color_disabled": {
-      "name": "--pf-t--global--border--color--disabled",
-      "value": "#a3a3a3",
-      "values": [
-        "--pf-t--global--background--color--disabled--default",
-        "--pf-t--global--color--disabled--100",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
-      ]
-    },
     "global_border_color_status_warning_clicked": {
       "name": "--pf-t--global--border--color--status--warning--clicked",
       "value": "#b98412",
@@ -3802,6 +4245,78 @@ export const patternfly_variables = {
         "#dca614"
       ]
     },
+    "global_icon_size_font_4xl": {
+      "name": "--pf-t--global--icon--size--font--4xl",
+      "value": "36px",
+      "values": [
+        "--pf-t--global--font--size--4xl",
+        "--pf-t--global--font--size--800",
+        "36px"
+      ]
+    },
+    "global_icon_size_font_3xl": {
+      "name": "--pf-t--global--icon--size--font--3xl",
+      "value": "28px",
+      "values": [
+        "--pf-t--global--font--size--3xl",
+        "--pf-t--global--font--size--700",
+        "28px"
+      ]
+    },
+    "global_icon_size_font_2xl": {
+      "name": "--pf-t--global--icon--size--font--2xl",
+      "value": "22px",
+      "values": [
+        "--pf-t--global--font--size--2xl",
+        "--pf-t--global--font--size--600",
+        "22px"
+      ]
+    },
+    "global_icon_size_font_xl": {
+      "name": "--pf-t--global--icon--size--font--xl",
+      "value": "20px",
+      "values": [
+        "--pf-t--global--font--size--xl",
+        "--pf-t--global--font--size--500",
+        "20px"
+      ]
+    },
+    "global_icon_size_font_lg": {
+      "name": "--pf-t--global--icon--size--font--lg",
+      "value": "18px",
+      "values": [
+        "--pf-t--global--font--size--lg",
+        "--pf-t--global--font--size--400",
+        "18px"
+      ]
+    },
+    "global_icon_size_font_md": {
+      "name": "--pf-t--global--icon--size--font--md",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--font--size--md",
+        "--pf-t--global--font--size--300",
+        "16px"
+      ]
+    },
+    "global_icon_size_font_sm": {
+      "name": "--pf-t--global--icon--size--font--sm",
+      "value": "14px",
+      "values": [
+        "--pf-t--global--font--size--sm",
+        "--pf-t--global--font--size--200",
+        "14px"
+      ]
+    },
+    "global_icon_size_font_xs": {
+      "name": "--pf-t--global--icon--size--font--xs",
+      "value": "12px",
+      "values": [
+        "--pf-t--global--font--size--xs",
+        "--pf-t--global--font--size--100",
+        "12px"
+      ]
+    },
     "global_text_color_nonstatus_on_gray_clicked": {
       "name": "--pf-t--global--text--color--nonstatus--on-gray--clicked",
       "value": "#1f1f1f",
@@ -4404,12 +4919,12 @@ export const patternfly_variables = {
     },
     "global_text_color_placeholder": {
       "name": "--pf-t--global--text--color--placeholder",
-      "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"
       ]
     },
     "global_text_color_on_brand_clicked": {
@@ -4452,21 +4967,21 @@ export const patternfly_variables = {
         "#f2f2f2"
       ]
     },
-    "global_color_status_unread_attention_hover": {
-      "name": "--pf-t--global--color--status--unread--attention--hover",
+    "global_color_status_unread_attention_clicked": {
+      "name": "--pf-t--global--color--status--unread--attention--clicked",
       "value": "#b1380b",
       "values": [
-        "--pf-t--global--color--status--danger--hover",
+        "--pf-t--global--color--status--danger--clicked",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
         "#b1380b"
       ]
     },
-    "global_color_status_unread_attention_clicked": {
-      "name": "--pf-t--global--color--status--unread--attention--clicked",
+    "global_color_status_unread_attention_hover": {
+      "name": "--pf-t--global--color--status--unread--attention--hover",
       "value": "#b1380b",
       "values": [
-        "--pf-t--global--color--status--danger--clicked",
+        "--pf-t--global--color--status--danger--hover",
         "--pf-t--global--color--status--danger--200",
         "--pf-t--color--red-orange--60",
         "#b1380b"
@@ -4482,8 +4997,8 @@ export const patternfly_variables = {
         "#f0561d"
       ]
     },
-    "global_color_status_unread_default_active": {
-      "name": "--pf-t--global--color--status--unread--default--active",
+    "global_color_status_unread_default_clicked": {
+      "name": "--pf-t--global--color--status--unread--default--clicked",
       "value": "#004d99",
       "values": [
         "--pf-t--global--color--brand--clicked",
@@ -4522,6 +5037,26 @@ export const patternfly_variables = {
         "#fff"
       ]
     },
+    "global_border_color_alt": {
+      "name": "--pf-t--global--border--color--alt",
+      "value": "#fff",
+      "values": [
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
+      ]
+    },
+    "global_border_color_disabled": {
+      "name": "--pf-t--global--border--color--disabled",
+      "value": "#a3a3a3",
+      "values": [
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
+      ]
+    },
     "global_border_color_status_custom_clicked": {
       "name": "--pf-t--global--border--color--status--custom--clicked",
       "value": "#147878",
@@ -5362,8 +5897,8 @@ export const patternfly_variables = {
         "#06c"
       ]
     },
-    "global_icon_size_body_lg": {
-      "name": "--pf-t--global--icon--size--body--lg",
+    "global_icon_size_font_body_lg": {
+      "name": "--pf-t--global--icon--size--font--body--lg",
       "value": "16px",
       "values": [
         "--pf-t--global--font--size--body--lg",
@@ -5372,8 +5907,8 @@ export const patternfly_variables = {
         "16px"
       ]
     },
-    "global_icon_size_body_default": {
-      "name": "--pf-t--global--icon--size--body--default",
+    "global_icon_size_font_body_default": {
+      "name": "--pf-t--global--icon--size--font--body--default",
       "value": "14px",
       "values": [
         "--pf-t--global--font--size--body--default",
@@ -5382,8 +5917,8 @@ export const patternfly_variables = {
         "14px"
       ]
     },
-    "global_icon_size_body_sm": {
-      "name": "--pf-t--global--icon--size--body--sm",
+    "global_icon_size_font_body_sm": {
+      "name": "--pf-t--global--icon--size--font--body--sm",
       "value": "12px",
       "values": [
         "--pf-t--global--font--size--body--sm",
@@ -5392,8 +5927,8 @@ export const patternfly_variables = {
         "12px"
       ]
     },
-    "global_icon_size_heading_h6": {
-      "name": "--pf-t--global--icon--size--heading--h6",
+    "global_icon_size_font_heading_h6": {
+      "name": "--pf-t--global--icon--size--font--heading--h6",
       "value": "16px",
       "values": [
         "--pf-t--global--font--size--heading--h6",
@@ -5402,8 +5937,8 @@ export const patternfly_variables = {
         "16px"
       ]
     },
-    "global_icon_size_heading_h5": {
-      "name": "--pf-t--global--icon--size--heading--h5",
+    "global_icon_size_font_heading_h5": {
+      "name": "--pf-t--global--icon--size--font--heading--h5",
       "value": "16px",
       "values": [
         "--pf-t--global--font--size--heading--h5",
@@ -5412,8 +5947,8 @@ export const patternfly_variables = {
         "16px"
       ]
     },
-    "global_icon_size_heading_h4": {
-      "name": "--pf-t--global--icon--size--heading--h4",
+    "global_icon_size_font_heading_h4": {
+      "name": "--pf-t--global--icon--size--font--heading--h4",
       "value": "16px",
       "values": [
         "--pf-t--global--font--size--heading--h4",
@@ -5422,8 +5957,8 @@ export const patternfly_variables = {
         "16px"
       ]
     },
-    "global_icon_size_heading_h3": {
-      "name": "--pf-t--global--icon--size--heading--h3",
+    "global_icon_size_font_heading_h3": {
+      "name": "--pf-t--global--icon--size--font--heading--h3",
       "value": "18px",
       "values": [
         "--pf-t--global--font--size--heading--h3",
@@ -5432,8 +5967,8 @@ export const patternfly_variables = {
         "18px"
       ]
     },
-    "global_icon_size_heading_h2": {
-      "name": "--pf-t--global--icon--size--heading--h2",
+    "global_icon_size_font_heading_h2": {
+      "name": "--pf-t--global--icon--size--font--heading--h2",
       "value": "20px",
       "values": [
         "--pf-t--global--font--size--heading--h2",
@@ -5442,8 +5977,8 @@ export const patternfly_variables = {
         "20px"
       ]
     },
-    "global_icon_size_heading_h1": {
-      "name": "--pf-t--global--icon--size--heading--h1",
+    "global_icon_size_font_heading_h1": {
+      "name": "--pf-t--global--icon--size--font--heading--h1",
       "value": "22px",
       "values": [
         "--pf-t--global--font--size--heading--h1",