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

package/dist/esm/c_expandable_section.js

@@ -1,114 +1,111 @@
 export const c_expandable_section = {
-  ".pf-v5-c-expandable-section": {
+  ":root": {
     "c_expandable_section__toggle_PaddingTop": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingTop",
-      "value": "0.375rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--form-element",
-        "$pf-v5-global--spacer--form-element",
-        "pf-size-prem(6px)",
-        "0.375rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_expandable_section__toggle_PaddingRight": {
       "name": "--pf-v5-c-expandable-section__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_expandable_section__toggle_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingBottom",
-      "value": "0.375rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--form-element",
-        "$pf-v5-global--spacer--form-element",
-        "pf-size-prem(6px)",
-        "0.375rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_expandable_section__toggle_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingLeft",
-      "value": "0"
-    },
-    "c_expandable_section__toggle_MarginTop": {
-      "name": "--pf-v5-c-expandable-section__toggle--MarginTop",
-      "value": "0"
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
+      ]
     },
     "c_expandable_section__toggle_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#06c",
+      "value": "#0c61d9",
       "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--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--400",
+        "#0c61d9"
       ]
     },
     "c_expandable_section__toggle_hover_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--hover--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_expandable_section__toggle_active_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--active--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_expandable_section__toggle_focus_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--focus--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_expandable_section__toggle_m_expanded_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--m-expanded--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_expandable_section__toggle_BackgroundColor": {
       "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
       "value": "transparent"
     },
+    "c_expandable_section__toggle_ColumnGap": {
+      "name": "--pf-v5-c-expandable-section__toggle--ColumnGap",
+      "value": "calc(4px + 8px)",
+      "values": [
+        "calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm)",
+        "calc(4px + 8px)"
+      ]
+    },
     "c_expandable_section__toggle_icon_MinWidth": {
       "name": "--pf-v5-c-expandable-section__toggle-icon--MinWidth",
       "value": "1em"
     },
     "c_expandable_section__toggle_icon_Color": {
       "name": "--pf-v5-c-expandable-section__toggle-icon--Color",
-      "value": "#151515",
+      "value": "#1f1f1f",
       "values": [
-        "--pf-v5-global--Color--100",
-        "$pf-v5-global--Color--100",
-        "$pf-v5-color-black-900",
-        "#151515"
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--900",
+        "#1f1f1f"
       ]
     },
     "c_expandable_section__toggle_icon_Transition": {
@@ -131,24 +128,36 @@ export const c_expandable_section = {
       "name": "--pf-v5-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate",
       "value": "-90deg"
     },
-    "c_expandable_section__toggle_text_MarginLeft": {
-      "name": "--pf-v5-c-expandable-section__toggle-text--MarginLeft",
-      "value": "calc(0.25rem + 0.5rem)",
+    "c_expandable_section__content_PaddingTop": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingTop",
+      "value": "8px",
       "values": [
-        "calc(--pf-v5-global--spacer--xs + --pf-v5-global--spacer--sm)",
-        "calc($pf-v5-global--spacer--xs + $pf-v5-global--spacer--sm)",
-        "calc(pf-size-prem(4px) + pf-size-prem(8px))",
-        "calc(0.25rem + 0.5rem)"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
-    "c_expandable_section__content_MarginTop": {
-      "name": "--pf-v5-c-expandable-section__content--MarginTop",
-      "value": "1rem",
+    "c_expandable_section__content_PaddingRight": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingRight",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
+      ]
+    },
+    "c_expandable_section__content_PaddingBottom": {
+      "name": "--pf-v5-c-expandable-section__content--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_expandable_section__content_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingLeft",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
     },
     "c_expandable_section__content_MaxWidth": {
@@ -159,151 +168,224 @@ export const c_expandable_section = {
       "name": "--pf-v5-c-expandable-section--m-limit-width__content--MaxWidth",
       "value": "46.875rem"
     },
-    "c_expandable_section_m_display_lg_BoxShadow": {
-      "name": "--pf-v5-c-expandable-section--m-display-lg--BoxShadow",
-      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+    "c_expandable_section_m_display_lg_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg--BackgroundColor",
+      "value": "#f2f2f2",
       "values": [
-        "--pf-v5-global--BoxShadow--md",
-        "$pf-v5-global--BoxShadow--md",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
-        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
-        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--100",
+        "#f2f2f2"
+      ]
+    },
+    "c_expandable_section_m_display_lg_BorderColor": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg--BorderColor",
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--300",
+        "#c7c7c7"
+      ]
+    },
+    "c_expandable_section_m_display_lg_BorderRadius": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg--BorderRadius",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--border--radius--medium",
+        "16px"
       ]
     },
     "c_expandable_section_m_display_lg__toggle_PaddingTop": {
       "name": "--pf-v5-c-expandable-section--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_expandable_section_m_display_lg__toggle_PaddingRight": {
       "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight",
-      "value": "1rem",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
     "c_expandable_section_m_display_lg__toggle_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section--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_expandable_section_m_display_lg__toggle_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft",
-      "value": "1rem",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
-    "c_expandable_section_m_display_lg__content_MarginTop": {
-      "name": "--pf-v5-c-expandable-section--m-display-lg__content--MarginTop",
-      "value": "0"
+    "c_expandable_section_m_display_lg__toggle_BorderRadius": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--border--radius--medium",
+        "16px"
+      ]
+    },
+    "c_expandable_section_m_display_lg__toggle_Width": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--Width",
+      "value": "100%"
+    },
+    "c_expandable_section_m_display_lg__toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
+    },
+    "c_expandable_section_m_display_lg__toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
+    },
+    "c_expandable_section_m_display_lg__toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
     },
     "c_expandable_section_m_display_lg__content_PaddingRight": {
       "name": "--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
     "c_expandable_section_m_display_lg__content_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom",
-      "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_expandable_section_m_display_lg__content_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
-    "c_expandable_section_m_display_lg_after_BackgroundColor": {
-      "name": "--pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor",
-      "value": "transparent"
-    },
-    "c_expandable_section_m_display_lg_after_Width": {
-      "name": "--pf-v5-c-expandable-section--m-display-lg--after--Width",
-      "value": "3px",
+    "c_expandable_section_m_expanded_m_display_lg__toggle_BorderRadius": {
+      "name": "--pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius",
+      "value": "16px 16px 0 0",
       "values": [
-        "--pf-v5-global--BorderWidth--lg",
-        "$pf-v5-global--BorderWidth--lg",
-        "3px"
+        "--pf-t--global--border--radius--medium --pf-t--global--border--radius--medium 0 0",
+        "16px 16px 0 0"
       ]
     },
-    "c_expandable_section_m_display_lg_m_expanded_after_BackgroundColor": {
-      "name": "--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor",
-      "value": "#06c",
+    "c_expandable_section_m_indented__content_PaddingLeft_base": {
+      "name": "--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base",
+      "value": "calc(calc(4px + 8px) + 1em)",
       "values": [
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth)",
+        "calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em)",
+        "calc(calc(4px + 8px) + 1em)"
       ]
     },
     "c_expandable_section_m_indented__content_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section--m-indented__content--PaddingLeft",
-      "value": "calc(calc(0.25rem + 0.5rem) + 1em)",
+      "value": "calc(calc(calc(4px + 8px) + 1em) + 8px)",
       "values": [
-        "calc(--pf-v5-c-expandable-section__toggle-text--MarginLeft + --pf-v5-c-expandable-section__toggle-icon--MinWidth)",
-        "calc(calc(--pf-v5-global--spacer--xs + --pf-v5-global--spacer--sm) + 1em)",
-        "calc(calc($pf-v5-global--spacer--xs + $pf-v5-global--spacer--sm) + 1em)",
-        "calc(calc(pf-size-prem(4px) + pf-size-prem(8px)) + 1em)",
-        "calc(calc(0.25rem + 0.5rem) + 1em)"
+        "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section__toggle--PaddingLeft)",
+        "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--sm)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 8px)",
+        "calc(calc(calc(4px + 8px) + 1em) + 8px)"
       ]
     },
-    "c_expandable_section_m_truncate__content_LineClamp": {
-      "name": "--pf-v5-c-expandable-section--m-truncate__content--LineClamp",
-      "value": "3"
+    "c_expandable_section_m_display_lg_m_indented__content_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft",
+      "value": "calc(calc(calc(4px + 8px) + 1em) + 24px)",
+      "values": [
+        "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft)",
+        "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--lg)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 24px)",
+        "calc(calc(calc(4px + 8px) + 1em) + 24px)"
+      ]
+    },
+    "c_expandable_section_m_truncate_PaddingTop": {
+      "name": "--pf-v5-c-expandable-section--m-truncate--PaddingTop",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
+      ]
+    },
+    "c_expandable_section_m_truncate_PaddingRight": {
+      "name": "--pf-v5-c-expandable-section--m-truncate--PaddingRight",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "16px"
+      ]
     },
-    "c_expandable_section_m_truncate__toggle_MarginTop": {
-      "name": "--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop",
-      "value": "0.25rem",
+    "c_expandable_section_m_truncate_PaddingBottom": {
+      "name": "--pf-v5-c-expandable-section--m-truncate--PaddingBottom",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--sm",
+        "8px"
       ]
+    },
+    "c_expandable_section_m_truncate_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section--m-truncate--PaddingLeft",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "16px"
+      ]
+    },
+    "c_expandable_section_m_truncate__toggle_PaddingBottom": {
+      "name": "--pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "8px"
+      ]
+    },
+    "c_expandable_section_m_truncate__content_LineClamp": {
+      "name": "--pf-v5-c-expandable-section--m-truncate__content--LineClamp",
+      "value": "3"
     }
   },
   ".pf-v5-c-expandable-section.pf-m-expanded": {
     "c_expandable_section__toggle_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-expandable-section__toggle--m-expanded--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
       ]
     },
     "c_expandable_section__toggle_icon_Rotate": {
@@ -324,24 +406,20 @@ export const c_expandable_section = {
     },
     "c_expandable_section_m_display_lg_after_BackgroundColor": {
       "name": "--pf-v5-c-expandable-section--m-display-lg--after--BackgroundColor",
-      "value": "#06c",
+      "value": "undefined",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor",
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "undefined"
       ]
-    }
-  },
-  ".pf-v5-c-expandable-section.pf-m-detached": {
-    "c_expandable_section__content_MarginTop": {
-      "name": "--pf-v5-c-expandable-section__content--MarginTop",
-      "value": "0"
     },
-    "c_expandable_section_m_truncate__toggle_MarginTop": {
-      "name": "--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop",
-      "value": "0"
+    "c_expandable_section_m_display_lg__toggle_BorderRadius": {
+      "name": "--pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius",
+      "value": "16px 16px 0 0",
+      "values": [
+        "--pf-v5-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius",
+        "--pf-t--global--border--radius--medium --pf-t--global--border--radius--medium 0 0",
+        "16px 16px 0 0"
+      ]
     }
   },
   ".pf-v5-c-expandable-section.pf-m-limit-width": {
@@ -357,116 +435,139 @@ export const c_expandable_section = {
   ".pf-v5-c-expandable-section.pf-m-display-lg": {
     "c_expandable_section__toggle_PaddingTop": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-expandable-section--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_expandable_section__toggle_PaddingRight": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingRight",
-      "value": "1rem",
+      "value": "24px",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
     "c_expandable_section__toggle_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-expandable-section--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_expandable_section__toggle_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingLeft",
-      "value": "1rem",
+      "value": "24px",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__toggle--PaddingLeft",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
+      ]
+    },
+    "c_expandable_section__toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--hover--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor",
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
+    },
+    "c_expandable_section__toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--active--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor",
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
+    },
+    "c_expandable_section__toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--focus--BackgroundColor",
+      "value": "#e0e0e0",
+      "values": [
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor",
+        "--pf-t--global--background--color--secondary--hover",
+        "--pf-t--global--background--color--300",
+        "--pf-t--color--gray--200",
+        "#e0e0e0"
+      ]
+    },
+    "c_expandable_section__toggle_BorderRadius": {
+      "name": "--pf-v5-c-expandable-section__toggle--BorderRadius",
+      "value": "",
+      "values": [
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--BorderRadius",
+        ""
+      ]
+    },
+    "c_expandable_section__toggle_Width": {
+      "name": "--pf-v5-c-expandable-section__toggle--Width",
+      "value": "100%",
+      "values": [
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--Width",
+        "100%"
       ]
     },
     "c_expandable_section__content_PaddingRight": {
       "name": "--pf-v5-c-expandable-section__content--PaddingRight",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingRight",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
     "c_expandable_section__content_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section__content--PaddingBottom",
-      "value": "1.5rem",
+      "value": "16px",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingBottom",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--md",
+        "16px"
       ]
     },
     "c_expandable_section__content_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section__content--PaddingLeft",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
         "--pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft",
-        "--pf-v5-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "24px"
       ]
     },
-    "c_expandable_section__content_MarginTop": {
-      "name": "--pf-v5-c-expandable-section__content--MarginTop",
-      "value": "0",
+    "c_expandable_section_m_indented__content_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section--m-indented__content--PaddingLeft",
+      "value": "calc(calc(calc(4px + 8px) + 1em) + 24px)",
       "values": [
-        "--pf-v5-c-expandable-section--m-display-lg__content--MarginTop",
-        "0"
+        "--pf-v5-c-expandable-section--m-display-lg--m-indented__content--PaddingLeft",
+        "calc(--pf-v5-c-expandable-section--m-indented__content--PaddingLeft--base + --pf-v5-c-expandable-section--m-display-lg__content--PaddingLeft)",
+        "calc(calc(--pf-v5-c-expandable-section__toggle--ColumnGap + --pf-v5-c-expandable-section__toggle-icon--MinWidth) + --pf-t--global--spacer--lg)",
+        "calc(calc(calc(--pf-t--global--spacer--xs + --pf-t--global--spacer--sm) + 1em) + 24px)",
+        "calc(calc(calc(4px + 8px) + 1em) + 24px)"
       ]
     }
   },
   ".pf-v5-c-expandable-section.pf-m-indented": {
     "c_expandable_section__content_PaddingLeft": {
       "name": "--pf-v5-c-expandable-section__content--PaddingLeft",
-      "value": "calc(calc(0.25rem + 0.5rem) + 1em)",
+      "value": "",
       "values": [
         "--pf-v5-c-expandable-section--m-indented__content--PaddingLeft",
-        "calc(--pf-v5-c-expandable-section__toggle-text--MarginLeft + --pf-v5-c-expandable-section__toggle-icon--MinWidth)",
-        "calc(calc(--pf-v5-global--spacer--xs + --pf-v5-global--spacer--sm) + 1em)",
-        "calc(calc($pf-v5-global--spacer--xs + $pf-v5-global--spacer--sm) + 1em)",
-        "calc(calc(pf-size-prem(4px) + pf-size-prem(8px)) + 1em)",
-        "calc(calc(0.25rem + 0.5rem) + 1em)"
+        ""
       ]
     }
   },
   ".pf-v5-c-expandable-section.pf-m-truncate": {
-    "c_expandable_section__toggle_MarginTop": {
-      "name": "--pf-v5-c-expandable-section__toggle--MarginTop",
-      "value": "0.25rem",
-      "values": [
-        "--pf-v5-c-expandable-section--m-truncate__toggle--MarginTop",
-        "--pf-v5-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    },
     "c_expandable_section__toggle_PaddingTop": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingTop",
       "value": "0"
@@ -477,62 +578,116 @@ export const c_expandable_section = {
     },
     "c_expandable_section__toggle_PaddingBottom": {
       "name": "--pf-v5-c-expandable-section__toggle--PaddingBottom",
+      "value": "8px",
+      "values": [
+        "--pf-v5-c-expandable-section--m-truncate__toggle--PaddingBottom",
+        "--pf-t--global--spacer--sm",
+        "8px"
+      ]
+    },
+    "c_expandable_section__toggle_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section__toggle--PaddingLeft",
+      "value": "0"
+    },
+    "c_expandable_section__content_PaddingTop": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingTop",
       "value": "0"
     },
-    "c_expandable_section__toggle_text_MarginLeft": {
-      "name": "--pf-v5-c-expandable-section__toggle-text--MarginLeft",
+    "c_expandable_section__content_PaddingRight": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingRight",
+      "value": "0"
+    },
+    "c_expandable_section__content_PaddingBottom": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingBottom",
+      "value": "0"
+    },
+    "c_expandable_section__content_PaddingLeft": {
+      "name": "--pf-v5-c-expandable-section__content--PaddingLeft",
       "value": "0"
     }
   },
   ".pf-v5-c-expandable-section__toggle:hover": {
     "c_expandable_section__toggle_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-expandable-section__toggle--hover--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
+      ]
+    },
+    "c_expandable_section__toggle_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
+      "value": "#e0e0e0, initial",
+      "values": [
+        "var(--pf-v5-c-expandable-section__toggle--hover--BackgroundColor, initial)",
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor, initial",
+        "--pf-t--global--background--color--secondary--hover, initial",
+        "--pf-t--global--background--color--300, initial",
+        "--pf-t--color--gray--200, initial",
+        "#e0e0e0, initial"
       ]
     }
   },
   ".pf-v5-c-expandable-section__toggle:active": {
     "c_expandable_section__toggle_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-expandable-section__toggle--active--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
+      ]
+    },
+    "c_expandable_section__toggle_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
+      "value": "#e0e0e0, initial",
+      "values": [
+        "var(--pf-v5-c-expandable-section__toggle--active--BackgroundColor, initial)",
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--active--BackgroundColor, initial",
+        "--pf-t--global--background--color--secondary--hover, initial",
+        "--pf-t--global--background--color--300, initial",
+        "--pf-t--color--gray--200, initial",
+        "#e0e0e0, initial"
       ]
     }
   },
   ".pf-v5-c-expandable-section__toggle:focus": {
     "c_expandable_section__toggle_Color": {
       "name": "--pf-v5-c-expandable-section__toggle--Color",
-      "value": "#004080",
+      "value": "#0043a0",
       "values": [
         "--pf-v5-c-expandable-section__toggle--focus--Color",
-        "--pf-v5-global--link--Color--hover",
-        "$pf-v5-global--link--Color--hover",
-        "$pf-v5-global--primary-color--200",
-        "$pf-v5-color-blue-500",
-        "#004080"
+        "--pf-t--global--color--brand--hover",
+        "--pf-t--global--color--brand--300",
+        "--pf-t--color--blue--500",
+        "#0043a0"
+      ]
+    },
+    "c_expandable_section__toggle_BackgroundColor": {
+      "name": "--pf-v5-c-expandable-section__toggle--BackgroundColor",
+      "value": "#e0e0e0, initial",
+      "values": [
+        "var(--pf-v5-c-expandable-section__toggle--focus--BackgroundColor, initial)",
+        "--pf-v5-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor, initial",
+        "--pf-t--global--background--color--secondary--hover, initial",
+        "--pf-t--global--background--color--300, initial",
+        "--pf-t--color--gray--200, initial",
+        "#e0e0e0, initial"
       ]
     }
   },
   ".pf-v5-c-expandable-section__toggle-icon.pf-m-expand-top": {
     "c_expandable_section__toggle_icon_Rotate": {
       "name": "--pf-v5-c-expandable-section__toggle-icon--Rotate",
-      "value": "0",
+      "value": "",
       "values": [
         "--pf-v5-c-expandable-section__toggle-icon--m-expand-top--Rotate",
-        "0"
+        ""
       ]
     }
   }