@patternfly/react-styles 6.3.0-prerelease.7 → 6.3.0-prerelease.9

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.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.8...@patternfly/react-styles@6.3.0-prerelease.9) (2025-06-23)
+
+### Bug Fixes
+
+- Bumped to latest core version. ([#11880](https://github.com/patternfly/patternfly-react/issues/11880)) ([0380aa5](https://github.com/patternfly/patternfly-react/commit/0380aa504b4d0d83459126bfd98b2e4e29cac4e8))
+
+# [6.3.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.7...@patternfly/react-styles@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-styles@6.3.0-prerelease.6...@patternfly/react-styles@6.3.0-prerelease.7) (2025-06-17)
 
 ### Bug Fixes

package/css/components/DataList/data-list.css

@@ -511,8 +511,8 @@
   --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
 }
 @media screen and (min-width: 36rem) {

package/css/components/FileUpload/file-upload.css

@@ -6,9 +6,9 @@
   --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v6-c-file-upload--BorderColor: transparent;
-  --pf-v6-c-file-upload--BorderStyle: solid;
-  --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
+  --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-file-upload--BorderStyle: dashed;
+  --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
   --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);

package/css/components/Table/table-grid.css

@@ -154,6 +154,9 @@
   grid-template-columns: 1fr minmax(0, 1.5fr);
   align-items: start;
 }
+.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+  align-items: center;
+}
 .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
   grid-column: 2;
 }
@@ -454,6 +457,9 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -757,6 +763,9 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -1060,6 +1069,9 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -1363,6 +1375,9 @@
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }

package/css/components/Table/table-grid.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

package/css/components/Table/table-grid.js

@@ -9,6 +9,7 @@ exports.default = {
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

package/css/components/Table/table-grid.mjs

@@ -7,6 +7,7 @@ export default {
     "expanded": "pf-m-expanded",
     "selected": "pf-m-selected",
     "compact": "pf-m-compact",
+    "action": "pf-m-action",
     "noPadding": "pf-m-no-padding",
     "hoverable": "pf-m-hoverable",
     "nowrap": "pf-m-nowrap",

package/css/components/Table/table.css

@@ -118,6 +118,10 @@
   --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -346,6 +350,10 @@
 .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
   overflow-wrap: break-word;
 }
+.pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
+}
 .pf-v6-c-table .pf-v6-c-table__sort {
   min-width: var(--pf-v6-c-table__sort--MinWidth);
 }
@@ -418,10 +426,10 @@
   display: revert;
   visibility: hidden;
   opacity: var(--pf-v6-c-table__expandable-row--Opacity);
-  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
+  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
   transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
-  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
-  transition-property: opacity, translate, visibility;
+  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
+  transition-property: opacity, translate, visibility, background-color;
   translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
 }
 .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
@@ -447,6 +455,12 @@
 .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
   max-height: 0;
 }
+.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
+  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
+}
 
 [class*=pf-v6-c-table].pf-m-truncate {
   --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -818,6 +832,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
 }
+.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
+}
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
   width: auto;
   min-width: 0;

package/css/components/Table/table.d.ts

@@ -27,6 +27,7 @@ declare const _default: {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
+    "action": "pf-m-action",
     "noBorderRows": "pf-m-no-border-rows",
     "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
@@ -34,6 +35,7 @@ declare const _default: {
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
     "animateExpand": "pf-m-animate-expand",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",

package/css/components/Table/table.js

@@ -29,6 +29,7 @@ exports.default = {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
+    "action": "pf-m-action",
     "noBorderRows": "pf-m-no-border-rows",
     "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
@@ -36,6 +37,7 @@ exports.default = {
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
     "animateExpand": "pf-m-animate-expand",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",

package/css/components/Table/table.mjs

@@ -27,6 +27,7 @@ export default {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
+    "action": "pf-m-action",
     "noBorderRows": "pf-m-no-border-rows",
     "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
@@ -34,6 +35,7 @@ export default {
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
     "dragOver": "pf-m-drag-over",
     "animateExpand": "pf-m-animate-expand",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",

package/css/components/_index.css

@@ -4127,8 +4127,8 @@ ul) {
   --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
 }
 @media screen and (min-width: 36rem) {
@@ -6713,9 +6713,9 @@ ul) {
   --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
-  --pf-v6-c-file-upload--BorderColor: transparent;
-  --pf-v6-c-file-upload--BorderStyle: solid;
-  --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
+  --pf-v6-c-file-upload--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-file-upload--BorderStyle: dashed;
+  --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
   --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
@@ -15803,6 +15803,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   grid-template-columns: 1fr minmax(0, 1.5fr);
   align-items: start;
 }
+.pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+  align-items: center;
+}
 .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
   grid-column: 2;
 }
@@ -16103,6 +16106,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -16406,6 +16412,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -16709,6 +16718,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -17012,6 +17024,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
     grid-template-columns: 1fr minmax(0, 1.5fr);
     align-items: start;
   }
+  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
+    align-items: center;
+  }
   .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
     grid-column: 2;
   }
@@ -17339,6 +17354,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17567,6 +17586,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
   overflow-wrap: break-word;
 }
+.pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
+}
 .pf-v6-c-table .pf-v6-c-table__sort {
   min-width: var(--pf-v6-c-table__sort--MinWidth);
 }
@@ -17639,10 +17662,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   display: revert;
   visibility: hidden;
   opacity: var(--pf-v6-c-table__expandable-row--Opacity);
-  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
+  transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
   transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
-  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
-  transition-property: opacity, translate, visibility;
+  transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
+  transition-property: opacity, translate, visibility, background-color;
   translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
 }
 .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
@@ -17668,6 +17691,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
   max-height: 0;
 }
+.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
+  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
+  --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
+}
 
 [class*=pf-v6-c-table].pf-m-truncate {
   --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -18039,6 +18068,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
 }
+.pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
+  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
+  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
+}
 .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
   width: auto;
   min-width: 0;

package/css/components/_index.d.ts

@@ -806,6 +806,7 @@ declare const _default: {
     "borderLeft": "pf-m-border-left",
     "noBorderRows": "pf-m-no-border-rows",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "borderRow": "pf-m-border-row",
     "width_10": "pf-m-width-10",
     "width_15": "pf-m-width-15",

package/css/components/_index.js

@@ -808,6 +808,7 @@ exports.default = {
     "borderLeft": "pf-m-border-left",
     "noBorderRows": "pf-m-no-border-rows",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "borderRow": "pf-m-border-row",
     "width_10": "pf-m-width-10",
     "width_15": "pf-m-width-15",

package/css/components/_index.mjs

@@ -806,6 +806,7 @@ export default {
     "borderLeft": "pf-m-border-left",
     "noBorderRows": "pf-m-no-border-rows",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
+    "noAnimateExpand": "pf-m-no-animate-expand",
     "borderRow": "pf-m-border-row",
     "width_10": "pf-m-width-10",
     "width_15": "pf-m-width-15",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.3.0-prerelease.7",
+  "version": "6.3.0-prerelease.9",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.3.0-prerelease.33",
+    "@patternfly/patternfly": "6.3.0-prerelease.36",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.0"
   },
   "license": "MIT",
-  "gitHead": "96fdb620440615b569e4a95c570e46dc24bfa079"
+  "gitHead": "46b82e579ecedf3676a698830fb0a742985e7517"
 }