@patternfly/react-tokens 6.3.0-prerelease.5 → 6.3.0-prerelease.7

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.6...@patternfly/react-tokens@6.3.0-prerelease.7) (2025-06-17)
+
+### Bug Fixes
+
+- **ExpandableSection:** made animation opt-in for detached variant ([#11851](https://github.com/patternfly/patternfly-react/issues/11851)) ([64befbe](https://github.com/patternfly/patternfly-react/commit/64befbe8547ebf4c388ed9f039253a7a689440f8))
+
+# [6.3.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.5...@patternfly/react-tokens@6.3.0-prerelease.6) (2025-06-13)
+
+### Features
+
+- **Button/MenuToggle:** added support for hamburger/settings animations ([#11861](https://github.com/patternfly/patternfly-react/issues/11861)) ([cf3d84e](https://github.com/patternfly/patternfly-react/commit/cf3d84ebf8f3046f038af6f6557946faadfe35b0))
+
 # [6.3.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.4...@patternfly/react-tokens@6.3.0-prerelease.5) (2025-06-13)
 
 ### Features

package/dist/esm/c_button.d.ts

@@ -176,6 +176,14 @@ export const c_button: {
       "name": "--pf-v6-c-button--TransitionProperty",
       "value": "color, background, border-width, border-color"
     },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1"
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1"
+    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -205,6 +213,14 @@ export const c_button: {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
       "value": "currentcolor"
     },
+    "c_button_hover_ScaleX": {
+      "name": "--pf-v6-c-button--hover--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover_ScaleY": {
+      "name": "--pf-v6-c-button--hover--ScaleY",
+      "value": "1"
+    },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
       "value": "transparent"
@@ -2184,10 +2200,6 @@ export const c_button: {
       "name": "--pf-v6-c-button__icon--Rotate",
       "value": "0deg"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
-      "value": "1"
-    },
     "c_button_hover__icon_TransitionTimingFunction": {
       "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction",
       "value": "auto"
@@ -2204,6 +2216,22 @@ export const c_button: {
       "name": "--pf-v6-c-button--hover__icon--Rotate",
       "value": "0deg"
     },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleY": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleY",
+      "value": "1"
+    },
     "c_button_m_favorite__icon_TransitionDuration": {
       "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
       "value": "100ms",
@@ -2520,8 +2548,8 @@ export const c_button: {
       "name": "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
       "value": "path(\"M9,9 L5,9\")"
     },
-    "c_button_m_hamburger__icon_m_expand_Scale": {
-      "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+    "c_button_m_hamburger__icon_m_expand_ScaleX": {
+      "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
       "value": "-1"
     }
   },
@@ -4878,11 +4906,11 @@ export const c_button: {
       "name": "--pf-v6-c-button__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
       "value": "-1",
       "values": [
-        "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
         "-1"
       ]
     },
@@ -4890,11 +4918,11 @@ export const c_button: {
       "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button_hover__icon_Scale": {
-      "name": "--pf-v6-c-button--hover__icon--Scale",
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
       "value": "-1",
       "values": [
-        "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
         "-1"
       ]
     }
@@ -4928,16 +4956,16 @@ export const c_button: {
       "name": "--pf-v6-c-button__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
       "value": "1"
     },
     "c_button_hover__icon_TransitionDelay": {
       "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button_hover__icon_Scale": {
-      "name": "--pf-v6-c-button--hover__icon--Scale",
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
       "value": "1"
     }
   },
@@ -4981,6 +5009,22 @@ export const c_button: {
         "2px"
       ]
     },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleX",
+        "1"
+      ]
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleY",
+        "1"
+      ]
+    },
     "c_button_m_plain_m_no_padding__icon_Color": {
       "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
       "value": "#1f1f1f",
@@ -5034,6 +5078,22 @@ export const c_button: {
         "--pf-v6-c-button--hover__icon--Rotate",
         "0deg"
       ]
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleX",
+        "1"
+      ]
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleY",
+        "1"
+      ]
     }
   },
   ".pf-v6-c-button:active": {

package/dist/esm/c_button.js

@@ -176,6 +176,14 @@ export const c_button = {
       "name": "--pf-v6-c-button--TransitionProperty",
       "value": "color, background, border-width, border-color"
     },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1"
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1"
+    },
     "c_button_hover_BackgroundColor": {
       "name": "--pf-v6-c-button--hover--BackgroundColor",
       "value": "transparent"
@@ -205,6 +213,14 @@ export const c_button = {
       "name": "--pf-v6-c-button--hover--TextDecorationColor",
       "value": "currentcolor"
     },
+    "c_button_hover_ScaleX": {
+      "name": "--pf-v6-c-button--hover--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover_ScaleY": {
+      "name": "--pf-v6-c-button--hover--ScaleY",
+      "value": "1"
+    },
     "c_button_m_clicked_BackgroundColor": {
       "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
       "value": "transparent"
@@ -2184,10 +2200,6 @@ export const c_button = {
       "name": "--pf-v6-c-button__icon--Rotate",
       "value": "0deg"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
-      "value": "1"
-    },
     "c_button_hover__icon_TransitionTimingFunction": {
       "name": "--pf-v6-c-button--hover__icon--TransitionTimingFunction",
       "value": "auto"
@@ -2204,6 +2216,22 @@ export const c_button = {
       "name": "--pf-v6-c-button--hover__icon--Rotate",
       "value": "0deg"
     },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
+      "value": "1"
+    },
+    "c_button_hover__icon_ScaleY": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleY",
+      "value": "1"
+    },
     "c_button_m_favorite__icon_TransitionDuration": {
       "name": "--pf-v6-c-button--m-favorite__icon--TransitionDuration",
       "value": "100ms",
@@ -2520,8 +2548,8 @@ export const c_button = {
       "name": "--pf-v6-c-button--hamburger-icon--bottom--collapse--path",
       "value": "path(\"M9,9 L5,9\")"
     },
-    "c_button_m_hamburger__icon_m_expand_Scale": {
-      "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+    "c_button_m_hamburger__icon_m_expand_ScaleX": {
+      "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
       "value": "-1"
     }
   },
@@ -4878,11 +4906,11 @@ export const c_button = {
       "name": "--pf-v6-c-button__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
       "value": "-1",
       "values": [
-        "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
         "-1"
       ]
     },
@@ -4890,11 +4918,11 @@ export const c_button = {
       "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button_hover__icon_Scale": {
-      "name": "--pf-v6-c-button--hover__icon--Scale",
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
       "value": "-1",
       "values": [
-        "--pf-v6-c-button--m-hamburger__icon--m-expand--Scale",
+        "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
         "-1"
       ]
     }
@@ -4928,16 +4956,16 @@ export const c_button = {
       "name": "--pf-v6-c-button__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button__icon_Scale": {
-      "name": "--pf-v6-c-button__icon--Scale",
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
       "value": "1"
     },
     "c_button_hover__icon_TransitionDelay": {
       "name": "--pf-v6-c-button--hover__icon--TransitionDelay",
       "value": "0s"
     },
-    "c_button_hover__icon_Scale": {
-      "name": "--pf-v6-c-button--hover__icon--Scale",
+    "c_button_hover__icon_ScaleX": {
+      "name": "--pf-v6-c-button--hover__icon--ScaleX",
       "value": "1"
     }
   },
@@ -4981,6 +5009,22 @@ export const c_button = {
         "2px"
       ]
     },
+    "c_button_ScaleX": {
+      "name": "--pf-v6-c-button--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleX",
+        "1"
+      ]
+    },
+    "c_button_ScaleY": {
+      "name": "--pf-v6-c-button--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover--ScaleY",
+        "1"
+      ]
+    },
     "c_button_m_plain_m_no_padding__icon_Color": {
       "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
       "value": "#1f1f1f",
@@ -5034,6 +5078,22 @@ export const c_button = {
         "--pf-v6-c-button--hover__icon--Rotate",
         "0deg"
       ]
+    },
+    "c_button__icon_ScaleX": {
+      "name": "--pf-v6-c-button__icon--ScaleX",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleX",
+        "1"
+      ]
+    },
+    "c_button__icon_ScaleY": {
+      "name": "--pf-v6-c-button__icon--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-button--hover__icon--ScaleY",
+        "1"
+      ]
     }
   },
   ".pf-v6-c-button:active": {

package/dist/esm/c_button_ScaleX.d.ts

@@ -0,0 +1,6 @@
+export const c_button_ScaleX: {
+  "name": "--pf-v6-c-button--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--ScaleX)"
+};
+export default c_button_ScaleX;

package/dist/esm/c_button_ScaleX.js

@@ -0,0 +1,6 @@
+export const c_button_ScaleX = {
+  "name": "--pf-v6-c-button--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--ScaleX)"
+};
+export default c_button_ScaleX;

package/dist/esm/c_button_ScaleY.d.ts

@@ -0,0 +1,6 @@
+export const c_button_ScaleY: {
+  "name": "--pf-v6-c-button--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--ScaleY)"
+};
+export default c_button_ScaleY;

package/dist/esm/c_button_ScaleY.js

@@ -0,0 +1,6 @@
+export const c_button_ScaleY = {
+  "name": "--pf-v6-c-button--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--ScaleY)"
+};
+export default c_button_ScaleY;

package/dist/esm/c_button__icon_ScaleX.d.ts

@@ -0,0 +1,6 @@
+export const c_button__icon_ScaleX: {
+  "name": "--pf-v6-c-button__icon--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button__icon--ScaleX)"
+};
+export default c_button__icon_ScaleX;

package/dist/esm/c_button__icon_ScaleX.js

@@ -0,0 +1,6 @@
+export const c_button__icon_ScaleX = {
+  "name": "--pf-v6-c-button__icon--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button__icon--ScaleX)"
+};
+export default c_button__icon_ScaleX;

package/dist/esm/c_button__icon_ScaleY.d.ts

@@ -0,0 +1,6 @@
+export const c_button__icon_ScaleY: {
+  "name": "--pf-v6-c-button__icon--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button__icon--ScaleY)"
+};
+export default c_button__icon_ScaleY;

package/dist/esm/c_button__icon_ScaleY.js

@@ -0,0 +1,6 @@
+export const c_button__icon_ScaleY = {
+  "name": "--pf-v6-c-button__icon--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button__icon--ScaleY)"
+};
+export default c_button__icon_ScaleY;

package/dist/esm/c_button_hover_ScaleX.d.ts

@@ -0,0 +1,6 @@
+export const c_button_hover_ScaleX: {
+  "name": "--pf-v6-c-button--hover--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover--ScaleX)"
+};
+export default c_button_hover_ScaleX;

package/dist/esm/c_button_hover_ScaleX.js

@@ -0,0 +1,6 @@
+export const c_button_hover_ScaleX = {
+  "name": "--pf-v6-c-button--hover--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover--ScaleX)"
+};
+export default c_button_hover_ScaleX;

package/dist/esm/c_button_hover_ScaleY.d.ts

@@ -0,0 +1,6 @@
+export const c_button_hover_ScaleY: {
+  "name": "--pf-v6-c-button--hover--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover--ScaleY)"
+};
+export default c_button_hover_ScaleY;

package/dist/esm/c_button_hover_ScaleY.js

@@ -0,0 +1,6 @@
+export const c_button_hover_ScaleY = {
+  "name": "--pf-v6-c-button--hover--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover--ScaleY)"
+};
+export default c_button_hover_ScaleY;

package/dist/esm/c_button_hover__icon_ScaleX.d.ts

@@ -0,0 +1,6 @@
+export const c_button_hover__icon_ScaleX: {
+  "name": "--pf-v6-c-button--hover__icon--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover__icon--ScaleX)"
+};
+export default c_button_hover__icon_ScaleX;

package/dist/esm/c_button_hover__icon_ScaleX.js

@@ -0,0 +1,6 @@
+export const c_button_hover__icon_ScaleX = {
+  "name": "--pf-v6-c-button--hover__icon--ScaleX",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover__icon--ScaleX)"
+};
+export default c_button_hover__icon_ScaleX;

package/dist/esm/c_button_hover__icon_ScaleY.d.ts

@@ -0,0 +1,6 @@
+export const c_button_hover__icon_ScaleY: {
+  "name": "--pf-v6-c-button--hover__icon--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover__icon--ScaleY)"
+};
+export default c_button_hover__icon_ScaleY;

package/dist/esm/c_button_hover__icon_ScaleY.js

@@ -0,0 +1,6 @@
+export const c_button_hover__icon_ScaleY = {
+  "name": "--pf-v6-c-button--hover__icon--ScaleY",
+  "value": "1",
+  "var": "var(--pf-v6-c-button--hover__icon--ScaleY)"
+};
+export default c_button_hover__icon_ScaleY;

package/dist/esm/c_button_m_hamburger__icon_m_expand_ScaleX.d.ts

@@ -0,0 +1,6 @@
+export const c_button_m_hamburger__icon_m_expand_ScaleX: {
+  "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+  "value": "-1",
+  "var": "var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX)"
+};
+export default c_button_m_hamburger__icon_m_expand_ScaleX;

package/dist/esm/c_button_m_hamburger__icon_m_expand_ScaleX.js

@@ -0,0 +1,6 @@
+export const c_button_m_hamburger__icon_m_expand_ScaleX = {
+  "name": "--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX",
+  "value": "-1",
+  "var": "var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX)"
+};
+export default c_button_m_hamburger__icon_m_expand_ScaleX;

package/dist/esm/c_expandable_section.d.ts

@@ -145,6 +145,14 @@ export const c_expandable_section: {
       "name": "--pf-v6-c-expandable-section__content--TranslateY",
       "value": "0"
     },
+    "c_expandable_section_m_expand_top__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+      "value": "0"
+    },
+    "c_expandable_section_m_expand_bottom__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+      "value": "0"
+    },
     "c_expandable_section_m_expanded__content_Opacity": {
       "name": "--pf-v6-c-expandable-section--m-expanded__content--Opacity",
       "value": "1"
@@ -347,13 +355,57 @@ export const c_expandable_section: {
     },
     "c_expandable_section__content_MaxHeight": {
       "name": "--pf-v6-c-expandable-section__content--MaxHeight",
-      "value": "9999px"
+      "value": "99999px"
     },
     "c_expandable_section__content_TransitionDelay_hide": {
       "name": "--pf-v6-c-expandable-section__content--TransitionDelay--hide",
       "value": "0s"
     }
   },
+  ".pf-v6-c-expandable-section.pf-m-expand-top": {
+    "c_expandable_section__toggle_icon_Rotate": {
+      "name": "--pf-v6-c-expandable-section__toggle-icon--Rotate",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate",
+        "0"
+      ]
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0"
+    },
+    "c_expandable_section__content_TransitionDuration_expand_fade": {
+      "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade",
+      "value": "0s"
+    },
+    "c_expandable_section__content_TransitionDuration_collapse_fade": {
+      "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
+      "value": "0s"
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+        "0"
+      ]
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+        "0"
+      ]
+    }
+  },
   ".pf-v6-c-expandable-section.pf-m-limit-width": {
     "c_expandable_section__content_MaxWidth": {
       "name": "--pf-v6-c-expandable-section__content--MaxWidth",

package/dist/esm/c_expandable_section.js

@@ -145,6 +145,14 @@ export const c_expandable_section = {
       "name": "--pf-v6-c-expandable-section__content--TranslateY",
       "value": "0"
     },
+    "c_expandable_section_m_expand_top__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+      "value": "0"
+    },
+    "c_expandable_section_m_expand_bottom__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+      "value": "0"
+    },
     "c_expandable_section_m_expanded__content_Opacity": {
       "name": "--pf-v6-c-expandable-section--m-expanded__content--Opacity",
       "value": "1"
@@ -347,13 +355,57 @@ export const c_expandable_section = {
     },
     "c_expandable_section__content_MaxHeight": {
       "name": "--pf-v6-c-expandable-section__content--MaxHeight",
-      "value": "9999px"
+      "value": "99999px"
     },
     "c_expandable_section__content_TransitionDelay_hide": {
       "name": "--pf-v6-c-expandable-section__content--TransitionDelay--hide",
       "value": "0s"
     }
   },
+  ".pf-v6-c-expandable-section.pf-m-expand-top": {
+    "c_expandable_section__toggle_icon_Rotate": {
+      "name": "--pf-v6-c-expandable-section__toggle-icon--Rotate",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate",
+        "0"
+      ]
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child):not(.pf-m-expand-top, .pf-m-expand-bottom)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0"
+    },
+    "c_expandable_section__content_TransitionDuration_expand_fade": {
+      "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade",
+      "value": "0s"
+    },
+    "c_expandable_section__content_TransitionDuration_collapse_fade": {
+      "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
+      "value": "0s"
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-top:not(.pf-m-expanded)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+        "0"
+      ]
+    }
+  },
+  ".pf-v6-c-expandable-section:has(.pf-v6-c-expandable-section__content:only-child).pf-m-expand-bottom:not(.pf-m-expanded)": {
+    "c_expandable_section__content_TranslateY": {
+      "name": "--pf-v6-c-expandable-section__content--TranslateY",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+        "0"
+      ]
+    }
+  },
   ".pf-v6-c-expandable-section.pf-m-limit-width": {
     "c_expandable_section__content_MaxWidth": {
       "name": "--pf-v6-c-expandable-section__content--MaxWidth",

package/dist/esm/c_expandable_section__content_MaxHeight.d.ts

@@ -1,6 +1,6 @@
 export const c_expandable_section__content_MaxHeight: {
   "name": "--pf-v6-c-expandable-section__content--MaxHeight",
-  "value": "9999px",
+  "value": "99999px",
   "var": "var(--pf-v6-c-expandable-section__content--MaxHeight)"
 };
 export default c_expandable_section__content_MaxHeight;