@patternfly/react-tokens 6.0.0-alpha.2 → 6.0.0-alpha.3

package/dist/js/c_accordion.js

@@ -1,340 +1,220 @@
 "use strict";
 exports.__esModule = true;
 exports.c_accordion = {
-  ".pf-v5-c-accordion": {
-    "global_Color_100": {
-      "name": "--pf-v5-global--Color--100",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--Color--dark-100",
-        "$pf-v5-global--Color--dark-100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "global_Color_200": {
-      "name": "--pf-v5-global--Color--200",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-v5-global--Color--dark-200",
-        "$pf-v5-global--Color--dark-200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
-      ]
-    },
-    "global_BorderColor_100": {
-      "name": "--pf-v5-global--BorderColor--100",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-v5-global--BorderColor--dark-100",
-        "$pf-v5-global--BorderColor--dark-100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
-      ]
-    },
-    "global_primary_color_100": {
-      "name": "--pf-v5-global--primary-color--100",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-global--primary-color--dark-100",
-        "$pf-v5-global--primary-color--dark-100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
-    },
-    "global_link_Color": {
-      "name": "--pf-v5-global--link--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-global--link--Color--dark",
-        "$pf-v5-global--link--Color--dark",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
-    },
-    "global_link_Color_hover": {
-      "name": "--pf-v5-global--link--Color--hover",
-      "value": "#004080",
+  ":root": {
+    "c_accordion_BackgroundColor": {
+      "name": "--pf-v5-c-accordion--BackgroundColor",
+      "value": "#fff",
       "values": [
-        "--pf-v5-global--link--Color--dark--hover",
-        "$pf-v5-global--link--Color--dark--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
-    "global_BackgroundColor_100": {
-      "name": "--pf-v5-global--BackgroundColor--100",
-      "value": "#fff",
+    "c_accordion_RowGap": {
+      "name": "--pf-v5-c-accordion--RowGap",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--BackgroundColor--light-100",
-        "$pf-v5-global--BackgroundColor--light-100",
-        "$pf-v5-color-white",
-        "#fff"
+        "--pf-t--global--spacer--xs",
+        "4px"
       ]
     },
-    "global_icon_Color_light": {
-      "name": "--pf-v5-global--icon--Color--light",
-      "value": "#6a6e73",
+    "c_accordion__item_BorderRadius": {
+      "name": "--pf-v5-c-accordion__item--BorderRadius",
+      "value": "6px",
       "values": [
-        "--pf-v5-global--icon--Color--light--dark",
-        "$pf-v5-global--icon--Color--light--dark",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
-    "global_icon_Color_dark": {
-      "name": "--pf-v5-global--icon--Color--dark",
-      "value": "#151515",
+    "c_accordion__item_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-accordion__item--m-expanded--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--icon--Color--dark--dark",
-        "$pf-v5-global--icon--Color--dark--dark",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--background--color--action--plain--selected",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--100",
+        "#f2f2f2"
       ]
     },
-    "c_accordion_BackgroundColor": {
-      "name": "--pf-v5-c-accordion--BackgroundColor",
-      "value": "#fff",
+    "c_accordion__toggle_ColumnGap": {
+      "name": "--pf-v5-c-accordion__toggle--ColumnGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--BackgroundColor--100",
-        "$pf-v5-global--BackgroundColor--100",
-        "$pf-v5-color-white",
-        "#fff"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__toggle_PaddingTop": {
       "name": "--pf-v5-c-accordion__toggle--PaddingTop",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__toggle_PaddingRight": {
       "name": "--pf-v5-c-accordion__toggle--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion__toggle_PaddingBottom": {
       "name": "--pf-v5-c-accordion__toggle--PaddingBottom",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
-    "c_accordion__toggle_PaddingLeft": {
-      "name": "--pf-v5-c-accordion__toggle--PaddingLeft",
-      "value": "1rem",
+    "c_accordion__toggle_m_expanded_PaddingBottom": {
+      "name": "--pf-v5-c-accordion__toggle--m-expanded--PaddingBottom",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
-    "c_accordion__toggle_before_Top": {
-      "name": "--pf-v5-c-accordion__toggle--before--Top",
-      "value": "0"
-    },
-    "c_accordion__toggle_after_Top": {
-      "name": "--pf-v5-c-accordion__toggle--after--Top",
-      "value": "0"
-    },
-    "c_accordion__toggle_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--after--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_accordion__toggle_hover_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_accordion__toggle_PaddingLeft": {
+      "name": "--pf-v5-c-accordion__toggle--PaddingLeft",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
-    "c_accordion__toggle_focus_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--focus--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--action--plain--default",
+        "rgba(255, 255, 255, 0.0000)"
       ]
     },
-    "c_accordion__toggle_active_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--active--BackgroundColor",
-      "value": "#f0f0f0",
+    "c_accordion__toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-accordion__toggle--hover--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--BackgroundColor--200",
-        "$pf-v5-global--BackgroundColor--200",
-        "$pf-v5-color-black-200",
-        "#f0f0f0"
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--100",
+        "#f2f2f2"
       ]
     },
-    "c_accordion__toggle_before_Width": {
-      "name": "--pf-v5-c-accordion__toggle--before--Width",
-      "value": "3px",
+    "c_accordion__toggle_BorderRadius": {
+      "name": "--pf-v5-c-accordion__toggle--BorderRadius",
+      "value": "6px",
       "values": [
-        "--pf-v5-global--BorderWidth--lg",
-        "$pf-v5-global--BorderWidth--lg",
-        "3px"
+        "--pf-t--global--border--radius--small",
+        "6px"
       ]
     },
-    "c_accordion__toggle_after_Width": {
-      "name": "--pf-v5-c-accordion__toggle--after--Width",
-      "value": "3px",
+    "c_accordion_m_toggle_start__toggle_ColumnGap": {
+      "name": "--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--BorderWidth--lg",
-        "$pf-v5-global--BorderWidth--lg",
-        "3px"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
-    "c_accordion__toggle_m_expanded_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor",
-      "value": "#06c",
+    "c_accordion__toggle_text_Color": {
+      "name": "--pf-v5-c-accordion__toggle-text--Color",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--900",
+        "#1f1f1f"
       ]
     },
-    "c_accordion__toggle_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_accordion__toggle_text_MaxWidth": {
-      "name": "--pf-v5-c-accordion__toggle-text--MaxWidth",
-      "value": "calc(100% - 1.5rem)",
+    "c_accordion__toggle_text_FontWeight": {
+      "name": "--pf-v5-c-accordion__toggle-text--FontWeight",
+      "value": "400",
       "values": [
-        "calc(100% - --pf-v5-global--spacer--lg)",
-        "calc(100% - $pf-v5-global--spacer--lg)",
-        "calc(100% - pf-size-prem(24px))",
-        "calc(100% - 1.5rem)"
+        "--pf-t--global--font--weight--body",
+        "--pf-t--global--font--weight--body--100",
+        "400"
       ]
     },
-    "c_accordion__toggle_hover__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--hover__toggle-text--Color",
-      "value": "#06c",
+    "c_accordion__toggle_m_expanded__toggle_text_FontWeight": {
+      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
+      "value": "500",
       "values": [
-        "--pf-v5-global--link--Color",
-        "$pf-v5-global--link--Color",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--font--weight--body--bold",
+        "--pf-t--global--font--weight--body--200",
+        "500"
       ]
     },
-    "c_accordion__toggle_active__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--active__toggle-text--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-global--link--Color",
-        "$pf-v5-global--link--Color",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
-      ]
+    "c_accordion__toggle_icon_Transition": {
+      "name": "--pf-v5-c-accordion__toggle-icon--Transition",
+      "value": ".2s ease-in 0s"
     },
-    "c_accordion__toggle_active__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion__toggle--active__toggle-text--FontWeight",
-      "value": "700",
+    "c_accordion__toggle_m_expanded__toggle_icon_Rotate": {
+      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-icon--Rotate",
+      "value": "90deg"
+    },
+    "c_accordion__expandable_content_MarginRight": {
+      "name": "--pf-v5-c-accordion__expandable-content--MarginRight",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--FontWeight--bold",
-        "$pf-v5-global--FontWeight--bold",
-        "700"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
-    "c_accordion__toggle_focus__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--focus__toggle-text--Color",
-      "value": "#06c",
+    "c_accordion__expandable_content_MarginBottom": {
+      "name": "--pf-v5-c-accordion__expandable-content--MarginBottom",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--link--Color",
-        "$pf-v5-global--link--Color",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
-    "c_accordion__toggle_focus__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion__toggle--focus__toggle-text--FontWeight",
-      "value": "700",
+    "c_accordion__expandable_content_MarginLeft": {
+      "name": "--pf-v5-c-accordion__expandable-content--MarginLeft",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--FontWeight--bold",
-        "$pf-v5-global--FontWeight--bold",
-        "700"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
-    "c_accordion__toggle_m_expanded__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--Color",
-      "value": "#06c",
+    "c_accordion__expandable_content_BackgroundColor": {
+      "name": "--pf-v5-c-accordion__expandable-content--BackgroundColor",
+      "value": "#fff",
       "values": [
-        "--pf-v5-global--link--Color",
-        "$pf-v5-global--link--Color",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#fff"
       ]
     },
-    "c_accordion__toggle_m_expanded__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
-      "value": "700",
+    "c_accordion__expandable_content_BorderRadius": {
+      "name": "--pf-v5-c-accordion__expandable-content--BorderRadius",
+      "value": "6px",
       "values": [
-        "--pf-v5-global--FontWeight--bold",
-        "$pf-v5-global--FontWeight--bold",
-        "700"
+        "--pf-t--global--border--radius--small",
+        "6px"
       ]
     },
-    "c_accordion__toggle_icon_Transition": {
-      "name": "--pf-v5-c-accordion__toggle-icon--Transition",
-      "value": ".2s ease-in 0s"
-    },
-    "c_accordion__toggle_m_expanded__toggle_icon_Rotate": {
-      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-icon--Rotate",
-      "value": "90deg"
-    },
     "c_accordion__expandable_content_Color": {
       "name": "--pf-v5-c-accordion__expandable-content--Color",
-      "value": "#6a6e73",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v5-global--Color--200",
-        "$pf-v5-global--Color--200",
-        "$pf-v5-color-black-600",
-        "#6a6e73"
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--900",
+        "#1f1f1f"
       ]
     },
     "c_accordion__expandable_content_FontSize": {
       "name": "--pf-v5-c-accordion__expandable-content--FontSize",
-      "value": "0.875rem",
+      "value": "14px",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    },
-    "c_accordion__expandable_content_m_expanded__expandable_content_body_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__expandable-content--m-expanded__expandable-content-body--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-t--global--font--size--body--md",
+        "--pf-t--global--font--size--body--200",
+        "14px"
       ]
     },
     "c_accordion__expandable_content_m_fixed_MaxHeight": {
@@ -343,584 +223,323 @@ exports.c_accordion = {
     },
     "c_accordion__expandable_content_body_PaddingTop": {
       "name": "--pf-v5-c-accordion__expandable-content-body--PaddingTop",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__expandable_content_body_PaddingRight": {
       "name": "--pf-v5-c-accordion__expandable-content-body--PaddingRight",
-      "value": "1rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__expandable_content_body_PaddingBottom": {
       "name": "--pf-v5-c-accordion__expandable-content-body--PaddingBottom",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__expandable_content_body_PaddingLeft": {
       "name": "--pf-v5-c-accordion__expandable-content-body--PaddingLeft",
-      "value": "1rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__expandable_content_body_expandable_content_body_PaddingTop": {
       "name": "--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop",
       "value": "0"
     },
-    "c_accordion__expandable_content_body_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--after--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_accordion__expandable_content_body_after_Width": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--after--Width",
-      "value": "3px",
-      "values": [
-        "--pf-v5-global--BorderWidth--lg",
-        "$pf-v5-global--BorderWidth--lg",
-        "3px"
-      ]
-    },
-    "c_accordion__expandable_content_body_before_Top": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--before--Top",
-      "value": "0"
-    },
     "c_accordion_m_display_lg__toggle_PaddingTop": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion_m_display_lg__toggle_PaddingRight": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion_m_display_lg__toggle_PaddingBottom": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
+      ]
+    },
+    "c_accordion_m_display_lg__toggle_m_expanded_PaddingBottom": {
+      "name": "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded--PaddingBottom",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion_m_display_lg__toggle_PaddingLeft": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--PaddingLeft",
-      "value": "1.5rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion_m_display_lg__toggle_FontFamily": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-      "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
+      "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
       "values": [
-        "--pf-v5-global--FontFamily--heading",
-        "$pf-v5-global--FontFamily--heading",
-        "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
+        "--pf-t--global--font--family--heading",
+        "--pf-t--global--font--family--200",
+        "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif"
       ]
     },
     "c_accordion_m_display_lg__toggle_FontSize": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--FontSize",
-      "value": "1.25rem",
-      "values": [
-        "--pf-v5-global--FontSize--xl",
-        "$pf-v5-global--FontSize--xl",
-        "pf-font-prem(20px)",
-        "1.25rem"
-      ]
-    },
-    "c_accordion_m_display_lg__toggle_hover__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--hover__toggle-text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion_m_display_lg__toggle_active__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--Color",
-      "value": "#151515",
+      "value": "18px",
       "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--font--size--heading--sm",
+        "--pf-t--global--font--size--heading--200",
+        "18px"
       ]
     },
-    "c_accordion_m_display_lg__toggle_active__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight",
-      "value": "400",
-      "values": [
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
-      ]
-    },
-    "c_accordion_m_display_lg__toggle_focus__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--focus__toggle-text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion_m_display_lg__toggle_focus__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight",
-      "value": "400",
-      "values": [
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
-      ]
-    },
-    "c_accordion_m_display_lg__toggle_m_expanded__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color",
-      "value": "#151515",
+    "c_accordion_m_display_lg__toggle_text_FontWeight": {
+      "name": "--pf-v5-c-accordion--m-display-lg__toggle-text--FontWeight",
+      "value": "700",
       "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--font--weight--heading",
+        "--pf-t--global--font--weight--heading--100",
+        "700"
       ]
     },
     "c_accordion_m_display_lg__toggle_m_expanded__toggle_text_FontWeight": {
       "name": "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight",
-      "value": "400",
+      "value": "700",
       "values": [
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
+        "--pf-t--global--font--weight--heading--bold",
+        "--pf-t--global--font--weight--heading--200",
+        "700"
       ]
     },
     "c_accordion_m_display_lg__expandable_content_FontSize": {
       "name": "--pf-v5-c-accordion--m-display-lg__expandable-content--FontSize",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--FontSize--md",
-        "$pf-v5-global--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
+        "--pf-t--global--font--size--body--lg",
+        "--pf-t--global--font--size--body--300",
+        "16px"
       ]
     },
     "c_accordion_m_display_lg__expandable_content_Color": {
       "name": "--pf-v5-c-accordion--m-display-lg__expandable-content--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion_m_display_lg__expandable_content_body_PaddingTop": {
-      "name": "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingTop",
-      "value": "0"
-    },
-    "c_accordion_m_display_lg__expandable_content_body_PaddingRight": {
-      "name": "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingRight",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_accordion_m_display_lg__expandable_content_body_PaddingBottom": {
-      "name": "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingBottom",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_accordion_m_display_lg__expandable_content_body_last_child_PaddingBottom": {
-      "name": "--pf-v5-c-accordion--m-display-lg__expandable-content-body--last-child--PaddingBottom",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
-      ]
-    },
-    "c_accordion_m_display_lg__expandable_content_body_PaddingLeft": {
-      "name": "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingLeft",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
-      ]
-    },
-    "c_accordion_m_bordered_BorderTopWidth": {
-      "name": "--pf-v5-c-accordion--m-bordered--BorderTopWidth",
-      "value": "1px",
-      "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
-        "1px"
-      ]
-    },
-    "c_accordion_m_bordered_BorderTopColor": {
-      "name": "--pf-v5-c-accordion--m-bordered--BorderTopColor",
-      "value": "#d2d2d2",
-      "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
-      ]
-    },
-    "c_accordion_m_bordered__toggle_after_Top": {
-      "name": "--pf-v5-c-accordion--m-bordered__toggle--after--Top",
-      "value": "calc(-1 * 1px)",
-      "values": [
-        "calc(-1 * --pf-v5-global--BorderWidth--sm)",
-        "calc(-1 * $pf-v5-global--BorderWidth--sm)",
-        "calc(-1 * 1px)"
-      ]
-    },
-    "c_accordion_m_bordered__toggle_before_BorderColor": {
-      "name": "--pf-v5-c-accordion--m-bordered__toggle--before--BorderColor",
-      "value": "#d2d2d2",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--900",
+        "#1f1f1f"
       ]
     },
-    "c_accordion_m_bordered__toggle_before_BorderTopWidth": {
-      "name": "--pf-v5-c-accordion--m-bordered__toggle--before--BorderTopWidth",
+    "c_accordion_m_bordered_RowGap": {
+      "name": "--pf-v5-c-accordion--m-bordered--RowGap",
       "value": "0"
     },
-    "c_accordion_m_bordered__toggle_before_BorderBottomWidth": {
-      "name": "--pf-v5-c-accordion--m-bordered__toggle--before--BorderBottomWidth",
+    "c_accordion__item_m_bordered_BorderBottomWidth": {
+      "name": "--pf-v5-c-accordion__item--m-bordered--BorderBottomWidth",
       "value": "1px",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
+        "--pf-t--global--border--width--divider--default",
         "1px"
       ]
     },
-    "c_accordion_m_bordered__expandable_content_m_expanded__expandable_content_body_last_child_before_BorderBottomWidth": {
-      "name": "--pf-v5-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomWidth",
-      "value": "1px",
+    "c_accordion__item_m_bordered_BorderBottomColor": {
+      "name": "--pf-v5-c-accordion__item--m-bordered--BorderBottomColor",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderWidth--sm",
-        "$pf-v5-global--BorderWidth--sm",
-        "1px"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--300",
+        "#c7c7c7"
       ]
-    },
-    "c_accordion_m_bordered__expandable_content_m_expanded__expandable_content_body_last_child_before_BorderBottomColor": {
-      "name": "--pf-v5-c-accordion--m-bordered__expandable-content--m-expanded__expandable-content-body--last-child--before--BorderBottomColor",
-      "value": "#d2d2d2",
+    }
+  },
+  ".pf-v5-c-accordion.pf-m-toggle-start": {
+    "c_accordion__toggle_ColumnGap": {
+      "name": "--pf-v5-c-accordion__toggle--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-v5-c-accordion--m-toggle-start__toggle--ColumnGap",
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     }
   },
   ".pf-v5-c-accordion.pf-m-display-lg": {
     "c_accordion__toggle_PaddingTop": {
       "name": "--pf-v5-c-accordion__toggle--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--PaddingTop",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion__toggle_PaddingRight": {
       "name": "--pf-v5-c-accordion__toggle--PaddingRight",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--PaddingRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion__toggle_PaddingBottom": {
       "name": "--pf-v5-c-accordion__toggle--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--PaddingBottom",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "16px"
+      ]
+    },
+    "c_accordion__toggle_m_expanded_PaddingBottom": {
+      "name": "--pf-v5-c-accordion__toggle--m-expanded--PaddingBottom",
+      "value": "8px",
+      "values": [
+        "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded--PaddingBottom",
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_accordion__toggle_PaddingLeft": {
       "name": "--pf-v5-c-accordion__toggle--PaddingLeft",
-      "value": "1.5rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--PaddingLeft",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_accordion__toggle_FontFamily": {
       "name": "--pf-v5-c-accordion__toggle--FontFamily",
-      "value": "'\"RedHatDisplay\", helvetica, arial, sans-serif'",
+      "value": "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontFamily",
-        "--pf-v5-global--FontFamily--heading",
-        "$pf-v5-global--FontFamily--heading",
-        "'\"RedHatDisplay\", helvetica, arial, sans-serif'"
+        "--pf-t--global--font--family--heading",
+        "--pf-t--global--font--family--200",
+        "redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif"
       ]
     },
     "c_accordion__toggle_FontSize": {
       "name": "--pf-v5-c-accordion__toggle--FontSize",
-      "value": "1.25rem",
+      "value": "18px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--FontSize",
-        "--pf-v5-global--FontSize--xl",
-        "$pf-v5-global--FontSize--xl",
-        "pf-font-prem(20px)",
-        "1.25rem"
+        "--pf-t--global--font--size--heading--sm",
+        "--pf-t--global--font--size--heading--200",
+        "18px"
       ]
     },
-    "c_accordion__toggle_hover__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--hover__toggle-text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--hover__toggle-text--Color",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion__toggle_active__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--active__toggle-text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--Color",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion__toggle_active__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion__toggle--active__toggle-text--FontWeight",
-      "value": "400",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--active__toggle-text--FontWeight",
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
-      ]
-    },
-    "c_accordion__toggle_focus__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--focus__toggle-text--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--focus__toggle-text--Color",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_accordion__toggle_focus__toggle_text_FontWeight": {
-      "name": "--pf-v5-c-accordion__toggle--focus__toggle-text--FontWeight",
-      "value": "400",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--focus__toggle-text--FontWeight",
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
-      ]
-    },
-    "c_accordion__toggle_m_expanded__toggle_text_Color": {
-      "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--Color",
-      "value": "#151515",
+    "c_accordion__toggle_text_FontWeight": {
+      "name": "--pf-v5-c-accordion__toggle-text--FontWeight",
+      "value": "700",
       "values": [
-        "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--Color",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-v5-c-accordion--m-display-lg__toggle-text--FontWeight",
+        "--pf-t--global--font--weight--heading",
+        "--pf-t--global--font--weight--heading--100",
+        "700"
       ]
     },
     "c_accordion__toggle_m_expanded__toggle_text_FontWeight": {
       "name": "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
-      "value": "400",
+      "value": "700",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight",
-        "--pf-v5-global--FontWeight--normal",
-        "$pf-v5-global--FontWeight--normal",
-        "400"
-      ]
-    },
-    "c_accordion__expandable_content_body_PaddingTop": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--PaddingTop",
-      "value": "0",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingTop",
-        "0"
-      ]
-    },
-    "c_accordion__expandable_content_body_PaddingRight": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--PaddingRight",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_accordion__expandable_content_body_PaddingBottom": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--PaddingBottom",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingBottom",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_accordion__expandable_content_body_PaddingLeft": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--PaddingLeft",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__expandable-content-body--PaddingLeft",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--font--weight--heading--bold",
+        "--pf-t--global--font--weight--heading--200",
+        "700"
       ]
     },
     "c_accordion__expandable_content_FontSize": {
       "name": "--pf-v5-c-accordion__expandable-content--FontSize",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__expandable-content--FontSize",
-        "--pf-v5-global--FontSize--md",
-        "$pf-v5-global--FontSize--md",
-        "pf-font-prem(16px)",
-        "1rem"
+        "--pf-t--global--font--size--body--lg",
+        "--pf-t--global--font--size--body--300",
+        "16px"
       ]
     },
     "c_accordion__expandable_content_Color": {
       "name": "--pf-v5-c-accordion__expandable-content--Color",
-      "value": "#151515",
+      "value": "#1f1f1f",
       "values": [
         "--pf-v5-c-accordion--m-display-lg__expandable-content--Color",
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
-      ]
-    }
-  },
-  ".pf-v5-c-accordion.pf-m-display-lg .pf-v5-c-accordion__expandable-content-body:last-child": {
-    "c_accordion__expandable_content_body_PaddingBottom": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--PaddingBottom",
-      "value": "1.5rem",
-      "values": [
-        "--pf-v5-c-accordion--m-display-lg__expandable-content-body--last-child--PaddingBottom",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--900",
+        "#1f1f1f"
       ]
     }
   },
   ".pf-v5-c-accordion.pf-m-bordered": {
-    "c_accordion__toggle_after_Top": {
-      "name": "--pf-v5-c-accordion__toggle--after--Top",
-      "value": "calc(-1 * 1px)",
+    "c_accordion_RowGap": {
+      "name": "--pf-v5-c-accordion--RowGap",
+      "value": "0",
       "values": [
-        "--pf-v5-c-accordion--m-bordered__toggle--after--Top",
-        "calc(-1 * --pf-v5-global--BorderWidth--sm)",
-        "calc(-1 * $pf-v5-global--BorderWidth--sm)",
-        "calc(-1 * 1px)"
+        "--pf-v5-c-accordion--m-bordered--RowGap",
+        "0"
       ]
-    }
-  },
-  ".pf-v5-c-accordion.pf-m-bordered .pf-v5-c-accordion__toggle.pf-m-expanded": {
-    "c_accordion_m_bordered__toggle_before_BorderBottomWidth": {
-      "name": "--pf-v5-c-accordion--m-bordered__toggle--before--BorderBottomWidth",
+    },
+    "c_accordion__item_BorderRadius": {
+      "name": "--pf-v5-c-accordion__item--BorderRadius",
+      "value": "0"
+    },
+    "c_accordion__toggle_BorderRadius": {
+      "name": "--pf-v5-c-accordion__toggle--BorderRadius",
       "value": "0"
     }
   },
-  ".pf-v5-c-accordion__toggle.pf-m-expanded": {
-    "c_accordion__toggle_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__toggle--after--BackgroundColor",
-      "value": "#06c",
+  ".pf-v5-c-accordion__item.pf-m-expanded": {
+    "c_accordion__toggle_PaddingBottom": {
+      "name": "--pf-v5-c-accordion__toggle--PaddingBottom",
+      "value": "",
       "values": [
-        "--pf-v5-c-accordion__toggle--m-expanded--after--BackgroundColor",
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--pf-v5-c-accordion__toggle--m-expanded--PaddingBottom",
+        ""
+      ]
+    },
+    "c_accordion__toggle_text_FontWeight": {
+      "name": "--pf-v5-c-accordion__toggle-text--FontWeight",
+      "value": "",
+      "values": [
+        "--pf-v5-c-accordion__toggle--m-expanded__toggle-text--FontWeight",
+        ""
       ]
     }
   },
-  ".pf-v5-c-accordion__expandable-content.pf-m-expanded": {
-    "c_accordion__expandable_content_body_after_BackgroundColor": {
-      "name": "--pf-v5-c-accordion__expandable-content-body--after--BackgroundColor",
-      "value": "#06c",
-      "values": [
-        "--pf-v5-c-accordion__expandable-content--m-expanded__expandable-content-body--after--BackgroundColor",
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+  ".pf-v5-c-accordion__toggle:is(:hover, :focus)": {
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-v5-c-accordion__toggle--BackgroundColor",
+      "value": "#f2f2f2",
+      "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--100",
+        "#f2f2f2"
       ]
     }
   },