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

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.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.3.0-prerelease.7...@patternfly/react-tokens@6.3.0-prerelease.8) (2025-06-20)
+
+### Features
+
+- **Table:** added optin animations for expansion ([#11865](https://github.com/patternfly/patternfly-react/issues/11865)) ([9adc88b](https://github.com/patternfly/patternfly-react/commit/9adc88b652f77ed5737c9f6dd02885daace1cd2b))
+
+# [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_file_upload.d.ts

@@ -66,18 +66,23 @@ export const c_file_upload: {
     },
     "c_file_upload_BorderColor": {
       "name": "--pf-v6-c-file-upload--BorderColor",
-      "value": "transparent"
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
     },
     "c_file_upload_BorderStyle": {
       "name": "--pf-v6-c-file-upload--BorderStyle",
-      "value": "solid"
+      "value": "dashed"
     },
     "c_file_upload_m_drag_hover_BorderColor": {
       "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
       "value": "#0066cc",
       "values": [
-        "--pf-t--global--icon--color--brand--default",
-        "--pf-t--global--color--brand--default",
+        "--pf-t--global--border--color--clicked",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
         "#0066cc"
@@ -112,8 +117,7 @@ export const c_file_upload: {
       "value": "#0066cc",
       "values": [
         "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
-        "--pf-t--global--icon--color--brand--default",
-        "--pf-t--global--color--brand--default",
+        "--pf-t--global--border--color--clicked",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
         "#0066cc"

package/dist/esm/c_file_upload.js

@@ -66,18 +66,23 @@ export const c_file_upload = {
     },
     "c_file_upload_BorderColor": {
       "name": "--pf-v6-c-file-upload--BorderColor",
-      "value": "transparent"
+      "value": "#c7c7c7",
+      "values": [
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
+      ]
     },
     "c_file_upload_BorderStyle": {
       "name": "--pf-v6-c-file-upload--BorderStyle",
-      "value": "solid"
+      "value": "dashed"
     },
     "c_file_upload_m_drag_hover_BorderColor": {
       "name": "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
       "value": "#0066cc",
       "values": [
-        "--pf-t--global--icon--color--brand--default",
-        "--pf-t--global--color--brand--default",
+        "--pf-t--global--border--color--clicked",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
         "#0066cc"
@@ -112,8 +117,7 @@ export const c_file_upload = {
       "value": "#0066cc",
       "values": [
         "--pf-v6-c-file-upload--m-drag-hover--BorderColor",
-        "--pf-t--global--icon--color--brand--default",
-        "--pf-t--global--color--brand--default",
+        "--pf-t--global--border--color--clicked",
         "--pf-t--global--color--brand--200",
         "--pf-t--color--blue--50",
         "#0066cc"

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;