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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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

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"
@@ -354,6 +362,50 @@ export const c_expandable_section: {
       "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"
@@ -354,6 +362,50 @@ export const c_expandable_section = {
       "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_TransitionDuration_collapse_fade.d.ts

@@ -1,6 +1,6 @@
 export const c_expandable_section__content_TransitionDuration_collapse_fade: {
   "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
-  "value": "100ms",
+  "value": "0s",
   "var": "var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade)"
 };
 export default c_expandable_section__content_TransitionDuration_collapse_fade;

package/dist/esm/c_expandable_section__content_TransitionDuration_collapse_fade.js

@@ -1,6 +1,6 @@
 export const c_expandable_section__content_TransitionDuration_collapse_fade = {
   "name": "--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade",
-  "value": "100ms",
+  "value": "0s",
   "var": "var(--pf-v6-c-expandable-section__content--TransitionDuration--collapse--fade)"
 };
 export default c_expandable_section__content_TransitionDuration_collapse_fade;

package/dist/esm/c_expandable_section__content_TransitionDuration_expand_fade.d.ts

@@ -1,6 +1,6 @@
 export const c_expandable_section__content_TransitionDuration_expand_fade: {
   "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade",
-  "value": "200ms",
+  "value": "0s",
   "var": "var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade)"
 };
 export default c_expandable_section__content_TransitionDuration_expand_fade;

package/dist/esm/c_expandable_section__content_TransitionDuration_expand_fade.js

@@ -1,6 +1,6 @@
 export const c_expandable_section__content_TransitionDuration_expand_fade = {
   "name": "--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade",
-  "value": "200ms",
+  "value": "0s",
   "var": "var(--pf-v6-c-expandable-section__content--TransitionDuration--expand--fade)"
 };
 export default c_expandable_section__content_TransitionDuration_expand_fade;

package/dist/esm/c_expandable_section_m_expand_bottom__content_TranslateY.d.ts

@@ -0,0 +1,6 @@
+export const c_expandable_section_m_expand_bottom__content_TranslateY: {
+  "name": "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY)"
+};
+export default c_expandable_section_m_expand_bottom__content_TranslateY;

package/dist/esm/c_expandable_section_m_expand_bottom__content_TranslateY.js

@@ -0,0 +1,6 @@
+export const c_expandable_section_m_expand_bottom__content_TranslateY = {
+  "name": "--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY)"
+};
+export default c_expandable_section_m_expand_bottom__content_TranslateY;

package/dist/esm/c_expandable_section_m_expand_top__content_TranslateY.d.ts

@@ -0,0 +1,6 @@
+export const c_expandable_section_m_expand_top__content_TranslateY: {
+  "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY)"
+};
+export default c_expandable_section_m_expand_top__content_TranslateY;

package/dist/esm/c_expandable_section_m_expand_top__content_TranslateY.js

@@ -0,0 +1,6 @@
+export const c_expandable_section_m_expand_top__content_TranslateY = {
+  "name": "--pf-v6-c-expandable-section--m-expand-top__content--TranslateY",
+  "value": "0",
+  "var": "var(--pf-v6-c-expandable-section--m-expand-top__content--TranslateY)"
+};
+export default c_expandable_section_m_expand_top__content_TranslateY;

package/dist/esm/c_form.d.ts

@@ -472,11 +472,11 @@ export const c_form: {
     },
     "c_form__field_group__field_group__field_group_toggle_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-      "value": "1rem",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_form__field_group_header_toggle_BorderWidth_base": {
@@ -637,6 +637,26 @@ export const c_form: {
         "0.5rem"
       ]
     },
+    "c_form__field_group_header_actions_MarginBlockStart": {
+      "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockStart",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "calc(--pf-t--global--spacer--control--vertical--plain * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    },
+    "c_form__field_group_header_actions_MarginBlockEnd": {
+      "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockEnd",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "calc(--pf-t--global--spacer--control--vertical--plain * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    },
     "c_form__field_group_body_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group-body--PaddingBlockStart",
       "value": "1.5rem",
@@ -799,12 +819,12 @@ export const c_form: {
     },
     "c_form__field_group_toggle_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group-toggle--PaddingBlockStart",
-      "value": "1rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_form__field_group_header_PaddingBlockStart": {

package/dist/esm/c_form.js

@@ -472,11 +472,11 @@ export const c_form = {
     },
     "c_form__field_group__field_group__field_group_toggle_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-      "value": "1rem",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_form__field_group_header_toggle_BorderWidth_base": {
@@ -637,6 +637,26 @@ export const c_form = {
         "0.5rem"
       ]
     },
+    "c_form__field_group_header_actions_MarginBlockStart": {
+      "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockStart",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "calc(--pf-t--global--spacer--control--vertical--plain * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    },
+    "c_form__field_group_header_actions_MarginBlockEnd": {
+      "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockEnd",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "calc(--pf-t--global--spacer--control--vertical--plain * -1)",
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    },
     "c_form__field_group_body_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group-body--PaddingBlockStart",
       "value": "1.5rem",
@@ -799,12 +819,12 @@ export const c_form = {
     },
     "c_form__field_group_toggle_PaddingBlockStart": {
       "name": "--pf-v6-c-form__field-group-toggle--PaddingBlockStart",
-      "value": "1rem",
+      "value": "1.5rem",
       "values": [
         "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_form__field_group_header_PaddingBlockStart": {

package/dist/esm/c_form__field_group__field_group__field_group_toggle_PaddingBlockStart.d.ts

@@ -1,6 +1,6 @@
 export const c_form__field_group__field_group__field_group_toggle_PaddingBlockStart: {
   "name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-  "value": "1rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart)"
 };
 export default c_form__field_group__field_group__field_group_toggle_PaddingBlockStart;

package/dist/esm/c_form__field_group__field_group__field_group_toggle_PaddingBlockStart.js

@@ -1,6 +1,6 @@
 export const c_form__field_group__field_group__field_group_toggle_PaddingBlockStart = {
   "name": "--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart",
-  "value": "1rem",
+  "value": "1.5rem",
   "var": "var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart)"
 };
 export default c_form__field_group__field_group__field_group_toggle_PaddingBlockStart;

package/dist/esm/c_form__field_group_header_actions_MarginBlockEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_form__field_group_header_actions_MarginBlockEnd: {
+  "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockEnd",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd)"
+};
+export default c_form__field_group_header_actions_MarginBlockEnd;

package/dist/esm/c_form__field_group_header_actions_MarginBlockEnd.js

@@ -0,0 +1,6 @@
+export const c_form__field_group_header_actions_MarginBlockEnd = {
+  "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockEnd",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd)"
+};
+export default c_form__field_group_header_actions_MarginBlockEnd;

package/dist/esm/c_form__field_group_header_actions_MarginBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_form__field_group_header_actions_MarginBlockStart: {
+  "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockStart",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart)"
+};
+export default c_form__field_group_header_actions_MarginBlockStart;

package/dist/esm/c_form__field_group_header_actions_MarginBlockStart.js

@@ -0,0 +1,6 @@
+export const c_form__field_group_header_actions_MarginBlockStart = {
+  "name": "--pf-v6-c-form__field-group-header-actions--MarginBlockStart",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart)"
+};
+export default c_form__field_group_header_actions_MarginBlockStart;

package/dist/esm/c_input_group.d.ts

@@ -180,6 +180,261 @@ export const c_input_group: {
         "--pf-t--color--gray--30",
         "#c7c7c7"
       ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionTimingFunction": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_expand_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_collapse_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_expand_slide": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_collapse_slide": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade",
+      "value": "100ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--fade",
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_slide": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide",
+      "value": "100ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--collapse--slide",
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_ScaleX": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--ScaleX",
+      "value": "1"
+    },
+    "c_input_group__item_m_search_text_input_TransformOriginX_expand_start": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start",
+      "value": "100%"
+    },
+    "c_input_group__item_m_search_text_input_TransformOriginX_expand_end": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end",
+      "value": "0"
+    },
+    "c_input_group__item_m_search_text_input_TransformOriginX": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-end",
+        "0"
+      ]
+    },
+    "c_input_group__item_m_search_expand_TransitionTimingFunction": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_input_group__item_m_search_expand_TransitionDuration_expand_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade",
+      "value": "0s"
+    },
+    "c_input_group__item_m_search_expand_TransitionDuration_collapse_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade",
+      "value": "0s"
+    },
+    "c_input_group__item_m_search_expand_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--expand--fade",
+        "0s"
+      ]
+    },
+    "c_input_group__item_m_search_action_TransitionTimingFunction": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
+    },
+    "c_input_group__item_m_search_action_TransitionDuration_expand_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_action_TransitionDuration_collapse_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    },
+    "c_input_group__item_m_search_action_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade",
+      "value": "100ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--collapse--fade",
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
+    }
+  },
+  ".pf-v6-c-input-group.pf-m-search-expandable:not(.pf-m-expanded)": {
+    "c_input_group_Gap": {
+      "name": "--pf-v6-c-input-group--Gap",
+      "value": "0"
+    }
+  },
+  ".pf-v6-c-input-group.pf-m-search-expandable.pf-m-expand-start": {
+    "c_input_group__item_m_search_text_input_TransformOriginX": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX",
+      "value": "100%",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX--expand-start",
+        "100%"
+      ]
+    }
+  },
+  ".pf-v6-c-input-group.pf-m-search-expandable.pf-m-expanded": {
+    "c_input_group__item_m_search_text_input_MaxWidth": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--MaxWidth",
+      "value": "100%"
+    },
+    "c_input_group__item_m_search_text_input_Visibility": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--Visibility",
+      "value": "visible"
+    },
+    "c_input_group__item_m_search_text_input_Opacity": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--Opacity",
+      "value": "1"
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--fade",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_TransitionDuration_slide": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--expand--slide",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_text_input_ScaleX": {
+      "name": "--pf-v6-c-input-group__item--m-search-text-input--ScaleX",
+      "value": "1"
+    },
+    "c_input_group__item_m_search_action_MaxWidth": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--MaxWidth",
+      "value": "100%"
+    },
+    "c_input_group__item_m_search_action_Visibility": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--Visibility",
+      "value": "visible"
+    },
+    "c_input_group__item_m_search_action_Opacity": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--Opacity",
+      "value": "1"
+    },
+    "c_input_group__item_m_search_action_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-action--TransitionDuration--expand--fade",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_input_group__item_m_search_expand_MaxWidth": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--MaxWidth",
+      "value": "0"
+    },
+    "c_input_group__item_m_search_expand_Visibility": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--Visibility",
+      "value": "hidden"
+    },
+    "c_input_group__item_m_search_expand_Opacity": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--Opacity",
+      "value": "0"
+    },
+    "c_input_group__item_m_search_expand_TransitionDuration_fade": {
+      "name": "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--fade",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-input-group__item--m-search-expand--TransitionDuration--collapse--fade",
+        "0s"
+      ]
     }
   },
   ".pf-v6-c-input-group__item.pf-m-box": {