@patternfly/react-styles 6.6.1-prerelease.2 → 6.6.1-prerelease.4

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.6.1-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.1-prerelease.3...@patternfly/react-styles@6.6.1-prerelease.4) (2026-09-24)
+
+### Bug Fixes
+
+- **deps:** prerelease bump ([#12659](https://github.com/patternfly/patternfly-react/issues/12659)) ([eb08cef](https://github.com/patternfly/patternfly-react/commit/eb08cef1479219a9a11ae441fafc3f73a938ed30))
+
+## [6.6.1-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.1-prerelease.2...@patternfly/react-styles@6.6.1-prerelease.3) (2026-09-15)
+
+### Features
+
+- **Drawer:** Add full-size drawer ([#12641](https://github.com/patternfly/patternfly-react/issues/12641)) ([9930770](https://github.com/patternfly/patternfly-react/commit/9930770624d75e6d0b7b0e8480cc198b71906f7e))
+
 ## [6.6.1-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.1-prerelease.1...@patternfly/react-styles@6.6.1-prerelease.2) (2026-09-11)
 
 ### Features

package/css/components/Backdrop/backdrop.css

@@ -2,6 +2,13 @@
   --pf-v6-c-backdrop--Position: fixed;
   --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
   --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
+  --pf-v6-c-backdrop--m-animate--Opacity: 0;
+  --pf-v6-c-backdrop--m-animate--TransitionProperty: opacity, visibility;
+  --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
+  --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-backdrop--m-animate--m-show--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
+  --pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
+  --pf-v6-c-backdrop--m-animate--m-show--Opacity: 1;
 }
 
 .pf-v6-c-backdrop {
@@ -13,6 +20,33 @@
   height: 100%;
   background-color: var(--pf-v6-c-backdrop--BackgroundColor);
 }
+.pf-v6-c-backdrop.pf-m-animate {
+  visibility: hidden;
+  background-color: transparent;
+}
+.pf-v6-c-backdrop.pf-m-animate::before {
+  position: absolute;
+  inset: 0;
+  content: "";
+  background-color: var(--pf-v6-c-backdrop--BackgroundColor);
+  opacity: var(--pf-v6-c-backdrop--m-animate--Opacity);
+  transition-timing-function: var(--pf-v6-c-backdrop--m-animate--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-backdrop--m-animate--TransitionDuration);
+  transition-property: var(--pf-v6-c-backdrop--m-animate--TransitionProperty, none);
+}
+.pf-v6-c-backdrop.pf-m-show {
+  --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionDuration);
+  --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction);
+  visibility: visible;
+}
+.pf-v6-c-backdrop.pf-m-show::before {
+  opacity: var(--pf-v6-c-backdrop--m-animate--m-show--Opacity);
+}
+@starting-style {
+  .pf-v6-c-backdrop.pf-m-show::before {
+    opacity: 0;
+  }
+}
 
 .pf-v6-c-backdrop__open {
   overflow: hidden;

package/css/components/Backdrop/backdrop.d.ts

@@ -1,6 +1,10 @@
 import './backdrop.css';
 declare const _default: {
   "backdrop": "pf-v6-c-backdrop",
-  "backdropOpen": "pf-v6-c-backdrop__open"
+  "backdropOpen": "pf-v6-c-backdrop__open",
+  "modifiers": {
+    "animate": "pf-m-animate",
+    "show": "pf-m-show"
+  }
 };
 export default _default;

package/css/components/Backdrop/backdrop.js

@@ -3,5 +3,9 @@ exports.__esModule = true;
 require('./backdrop.css');
 exports.default = {
   "backdrop": "pf-v6-c-backdrop",
-  "backdropOpen": "pf-v6-c-backdrop__open"
+  "backdropOpen": "pf-v6-c-backdrop__open",
+  "modifiers": {
+    "animate": "pf-m-animate",
+    "show": "pf-m-show"
+  }
 };

package/css/components/Backdrop/backdrop.mjs

@@ -1,5 +1,9 @@
 import './backdrop.css';
 export default {
   "backdrop": "pf-v6-c-backdrop",
-  "backdropOpen": "pf-v6-c-backdrop__open"
+  "backdropOpen": "pf-v6-c-backdrop__open",
+  "modifiers": {
+    "animate": "pf-m-animate",
+    "show": "pf-m-show"
+  }
 };

package/css/components/Check/check.css

@@ -2,6 +2,7 @@
   --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
+  --pf-v6-c-check--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -26,6 +27,19 @@
   grid-template-columns: auto;
   min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
 }
+label.pf-v6-c-check.pf-m-standalone {
+  position: relative;
+  isolation: isolate;
+}
+label.pf-v6-c-check.pf-m-standalone::before {
+  position: absolute;
+  inset: var(--pf-v6-c-check--m-standalone--before--Inset);
+  z-index: -1;
+  pointer-events: auto;
+  cursor: inherit;
+  content: "";
+}
+
 .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
   align-self: center;
   transform: none;

package/css/components/Drawer/drawer.css

@@ -243,6 +243,16 @@
 .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
   flex-direction: column;
 }
+.pf-v6-c-drawer.pf-m-viewport {
+  position: fixed;
+  inset: 0;
+  z-index: var(--pf-t--global--z-index--lg);
+  pointer-events: none;
+}
+.pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
+  overscroll-behavior: none;
+  pointer-events: auto;
+}
 .pf-v6-c-drawer.pf-m-expanded {
   --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
   --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);

package/css/components/Drawer/drawer.d.ts

@@ -21,6 +21,7 @@ declare const _default: {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "expanded": "pf-m-expanded",
     "resizing": "pf-m-resizing",
     "pill": "pf-m-pill",

package/css/components/Drawer/drawer.js

@@ -23,6 +23,7 @@ exports.default = {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "expanded": "pf-m-expanded",
     "resizing": "pf-m-resizing",
     "pill": "pf-m-pill",

package/css/components/Drawer/drawer.mjs

@@ -21,6 +21,7 @@ export default {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "expanded": "pf-m-expanded",
     "resizing": "pf-m-resizing",
     "pill": "pf-m-pill",

package/css/components/ModalBox/modal-box.css

@@ -58,6 +58,17 @@
   --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
   --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
+  --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, visibility;
+  --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
+  --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
+  --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
+}
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-modal-box {
+    --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, translate, visibility;
+    --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--fade--default), 0s;
+  }
 }
 
 .pf-v6-c-modal-box {
@@ -89,6 +100,37 @@
   max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
   max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
 }
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-modal-box.pf-m-animate {
+    translate: 0 1.5rem;
+  }
+}
+.pf-v6-c-modal-box.pf-m-animate {
+  visibility: hidden;
+  pointer-events: none;
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-modal-box--m-animate--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-modal-box--m-animate--TransitionDuration);
+  transition-property: var(--pf-v6-c-modal-box--m-animate--TransitionProperty, none);
+}
+.pf-v6-c-modal-box.pf-m-open {
+  --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration);
+  --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction);
+  visibility: visible;
+  pointer-events: revert;
+  opacity: 1;
+  translate: 0;
+}
+@starting-style {
+  @media screen and (prefers-reduced-motion: no-preference) {
+    .pf-v6-c-modal-box.pf-m-open {
+      translate: 0 1.5rem;
+    }
+  }
+  .pf-v6-c-modal-box.pf-m-open {
+    opacity: 0;
+  }
+}
 .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
   --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
 }

package/css/components/ModalBox/modal-box.d.ts

@@ -16,6 +16,8 @@ declare const _default: {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "alignTop": "pf-m-align-top",
+    "animate": "pf-m-animate",
+    "open": "pf-m-open",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",

package/css/components/ModalBox/modal-box.js

@@ -18,6 +18,8 @@ exports.default = {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "alignTop": "pf-m-align-top",
+    "animate": "pf-m-animate",
+    "open": "pf-m-open",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",

package/css/components/ModalBox/modal-box.mjs

@@ -16,6 +16,8 @@ export default {
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "alignTop": "pf-m-align-top",
+    "animate": "pf-m-animate",
+    "open": "pf-m-open",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",

package/css/components/Nav/nav.css

@@ -330,7 +330,7 @@
   border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
   border-radius: inherit;
 }
-.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
+.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus-visible {
   --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
   --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link-icon--hover--Color);
   color: var(--pf-v6-c-nav__link--hover--Color);

package/css/components/Radio/radio.css

@@ -2,6 +2,7 @@
   --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
   --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
+  --pf-v6-c-radio--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -27,6 +28,19 @@
   grid-template-columns: auto;
   min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
 }
+label.pf-v6-c-radio.pf-m-standalone {
+  position: relative;
+  isolation: isolate;
+}
+label.pf-v6-c-radio.pf-m-standalone::before {
+  position: absolute;
+  inset: var(--pf-v6-c-radio--m-standalone--before--Inset);
+  z-index: -1;
+  pointer-events: auto;
+  cursor: inherit;
+  content: "";
+}
+
 .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
   align-self: center;
   transform: none;

package/css/components/Table/table.css

@@ -104,7 +104,7 @@
   --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
-  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-v6-c-table--BackgroundColor);
   --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -122,14 +122,14 @@
   --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
   --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
-  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
   --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
   --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
-  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
   --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -146,14 +146,14 @@
   --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
   --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
   --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
-  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
+  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
@@ -177,13 +177,25 @@
   --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
   --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-table--m-sticky-footer--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
+  --pf-v6-c-table--m-sticky-footer--cell--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-table--m-sticky-footer--BoxShadow: 0;
+  --pf-v6-c-table--m-sticky-footer--BorderRadius: 0;
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: var(--pf-v6-c-table--border-width--base);
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartColor: var(--pf-v6-c-table--BorderColor);
+  --pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-table--m-sticky-footer--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-table--m-sticky-footer--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
   --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
-  --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
 }
 :where(.pf-v6-theme-glass) .pf-v6-c-table {
   --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
   --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
   --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: 0;
+  --pf-v6-c-table--m-sticky-footer--BoxShadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow--glass);
+  --pf-v6-c-table--m-sticky-footer--BorderRadius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius--glass);
 }
 
 .pf-v6-c-table {
@@ -257,22 +269,56 @@
 .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
+.pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor);
+  transition-duration: var(--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor);
+  transition-property: opacity;
+}
+.pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  opacity: 1;
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
+  border-block-end-color: transparent;
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot {
   position: sticky;
   inset-block-end: 0;
   z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
-  background: var(--pf-v6-c-table--BackgroundColor);
+  background: transparent;
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after {
   position: absolute;
   inset: 0;
-  z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
+  z-index: -1;
   pointer-events: none;
   content: "";
-  border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+  border-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+  box-shadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow);
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
-  border-block-end: 0;
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td), .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td) {
+  z-index: var(--pf-v6-c-table--m-sticky-footer--cell--ZIndex);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  content: "";
+  background: var(--pf-v6-c-table--m-sticky-footer--BackgroundColor);
+  border-block-start: var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth) solid var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
+  border-start-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
+  border-end-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
+  border-start-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
+  border-end-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
 }
 .pf-v6-c-table.pf-m-plain {
   --pf-v6-c-table--BackgroundColor: transparent;

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

@@ -11,6 +11,8 @@ declare const _default: {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "expandable": "pf-m-expandable",

package/css/components/Table/table.js

@@ -13,6 +13,8 @@ exports.default = {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "expandable": "pf-m-expandable",

package/css/components/Table/table.mjs

@@ -11,6 +11,8 @@ export default {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "expandable": "pf-m-expandable",

package/css/components/_index.css

@@ -1284,6 +1284,13 @@ div.pf-v6-c-avatar {
   --pf-v6-c-backdrop--Position: fixed;
   --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
   --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
+  --pf-v6-c-backdrop--m-animate--Opacity: 0;
+  --pf-v6-c-backdrop--m-animate--TransitionProperty: opacity, visibility;
+  --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
+  --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-backdrop--m-animate--m-show--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
+  --pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
+  --pf-v6-c-backdrop--m-animate--m-show--Opacity: 1;
 }
 
 .pf-v6-c-backdrop {
@@ -1295,6 +1302,33 @@ div.pf-v6-c-avatar {
   height: 100%;
   background-color: var(--pf-v6-c-backdrop--BackgroundColor);
 }
+.pf-v6-c-backdrop.pf-m-animate {
+  visibility: hidden;
+  background-color: transparent;
+}
+.pf-v6-c-backdrop.pf-m-animate::before {
+  position: absolute;
+  inset: 0;
+  content: "";
+  background-color: var(--pf-v6-c-backdrop--BackgroundColor);
+  opacity: var(--pf-v6-c-backdrop--m-animate--Opacity);
+  transition-timing-function: var(--pf-v6-c-backdrop--m-animate--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-backdrop--m-animate--TransitionDuration);
+  transition-property: var(--pf-v6-c-backdrop--m-animate--TransitionProperty, none);
+}
+.pf-v6-c-backdrop.pf-m-show {
+  --pf-v6-c-backdrop--m-animate--TransitionDuration: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionDuration);
+  --pf-v6-c-backdrop--m-animate--TransitionTimingFunction: var(--pf-v6-c-backdrop--m-animate--m-show--TransitionTimingFunction);
+  visibility: visible;
+}
+.pf-v6-c-backdrop.pf-m-show::before {
+  opacity: var(--pf-v6-c-backdrop--m-animate--m-show--Opacity);
+}
+@starting-style {
+  .pf-v6-c-backdrop.pf-m-show::before {
+    opacity: 0;
+  }
+}
 
 .pf-v6-c-backdrop__open {
   overflow: hidden;
@@ -3413,6 +3447,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
+  --pf-v6-c-check--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -3437,6 +3472,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   grid-template-columns: auto;
   min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
 }
+label.pf-v6-c-check.pf-m-standalone {
+  position: relative;
+  isolation: isolate;
+}
+label.pf-v6-c-check.pf-m-standalone::before {
+  position: absolute;
+  inset: var(--pf-v6-c-check--m-standalone--before--Inset);
+  z-index: -1;
+  pointer-events: auto;
+  cursor: inherit;
+  content: "";
+}
+
 .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
   align-self: center;
   transform: none;
@@ -6822,6 +6870,16 @@ ul) {
 .pf-v6-c-drawer.pf-m-panel-bottom > .pf-v6-c-drawer__main {
   flex-direction: column;
 }
+.pf-v6-c-drawer.pf-m-viewport {
+  position: fixed;
+  inset: 0;
+  z-index: var(--pf-t--global--z-index--lg);
+  pointer-events: none;
+}
+.pf-v6-c-drawer.pf-m-viewport > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
+  overscroll-behavior: none;
+  pointer-events: auto;
+}
 .pf-v6-c-drawer.pf-m-expanded {
   --pf-v6-c-drawer--m-pill--m-inline__main--Gap: var(--pf-t--global--spacer--inset--page-chrome);
   --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDelay--expand--focus);
@@ -12758,6 +12816,17 @@ ul.pf-v6-c-list {
   --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
   --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
+  --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, visibility;
+  --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
+  --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
+  --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), 0s;
+}
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-modal-box {
+    --pf-v6-c-modal-box--m-animate--TransitionProperty: opacity, translate, visibility;
+    --pf-v6-c-modal-box--m-animate--m-open--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--fade--default), 0s;
+  }
 }
 
 .pf-v6-c-modal-box {
@@ -12789,6 +12858,37 @@ ul.pf-v6-c-list {
   max-width: var(--pf-v6-c-modal-box--m-align-top--MaxWidth);
   max-height: var(--pf-v6-c-modal-box--m-align-top--MaxHeight);
 }
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-modal-box.pf-m-animate {
+    translate: 0 1.5rem;
+  }
+}
+.pf-v6-c-modal-box.pf-m-animate {
+  visibility: hidden;
+  pointer-events: none;
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-modal-box--m-animate--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-modal-box--m-animate--TransitionDuration);
+  transition-property: var(--pf-v6-c-modal-box--m-animate--TransitionProperty, none);
+}
+.pf-v6-c-modal-box.pf-m-open {
+  --pf-v6-c-modal-box--m-animate--TransitionDuration: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionDuration);
+  --pf-v6-c-modal-box--m-animate--TransitionTimingFunction: var(--pf-v6-c-modal-box--m-animate--m-open--TransitionTimingFunction);
+  visibility: visible;
+  pointer-events: revert;
+  opacity: 1;
+  translate: 0;
+}
+@starting-style {
+  @media screen and (prefers-reduced-motion: no-preference) {
+    .pf-v6-c-modal-box.pf-m-open {
+      translate: 0 1.5rem;
+    }
+  }
+  .pf-v6-c-modal-box.pf-m-open {
+    opacity: 0;
+  }
+}
 .pf-v6-c-modal-box__title.pf-m-danger, .pf-v6-c-modal-box.pf-m-danger {
   --pf-v6-c-modal-box__title-icon--Color: var(--pf-v6-c-modal-box--m-danger__title-icon--Color);
 }
@@ -13450,7 +13550,7 @@ ul.pf-v6-c-list {
   border: var(--pf-v6-c-nav__link--BorderWidth) solid var(--pf-v6-c-nav__link--BorderColor);
   border-radius: inherit;
 }
-.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
+.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus-visible {
   --pf-v6-c-nav__link--BorderWidth: var(--pf-v6-c-nav__link--hover--BorderWidth);
   --pf-v6-c-nav__link-icon--Color: var(--pf-v6-c-nav__link-icon--hover--Color);
   color: var(--pf-v6-c-nav__link--hover--Color);
@@ -16721,6 +16821,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
   --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
+  --pf-v6-c-radio--m-standalone--before--Inset: calc(var(--pf-t--global--spacer--sm) * -1);
   --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -16746,6 +16847,19 @@ ul.pf-v6-c-list {
   grid-template-columns: auto;
   min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
 }
+label.pf-v6-c-radio.pf-m-standalone {
+  position: relative;
+  isolation: isolate;
+}
+label.pf-v6-c-radio.pf-m-standalone::before {
+  position: absolute;
+  inset: var(--pf-v6-c-radio--m-standalone--before--Inset);
+  z-index: -1;
+  pointer-events: auto;
+  cursor: inherit;
+  content: "";
+}
+
 .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
   align-self: center;
   transform: none;
@@ -19692,7 +19806,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
   --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
-  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-v6-c-table--BackgroundColor);
   --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -19710,14 +19824,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
   --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
-  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
   --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
   --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
   --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
-  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
   --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -19734,14 +19848,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
   --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
   --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
-  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
-  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
+  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
+  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
   --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
@@ -19765,13 +19879,25 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
   --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-table--m-sticky-footer--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
+  --pf-v6-c-table--m-sticky-footer--cell--ZIndex: var(--pf-t--global--z-index--xs);
+  --pf-v6-c-table--m-sticky-footer--BoxShadow: 0;
+  --pf-v6-c-table--m-sticky-footer--BorderRadius: 0;
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: var(--pf-v6-c-table--border-width--base);
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartColor: var(--pf-v6-c-table--BorderColor);
+  --pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-table--m-sticky-footer--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
+  --pf-v6-c-table--m-sticky-footer--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
   --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
-  --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
 }
 :where(.pf-v6-theme-glass) .pf-v6-c-table {
   --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
   --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
   --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
+  --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: 0;
+  --pf-v6-c-table--m-sticky-footer--BoxShadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow--glass);
+  --pf-v6-c-table--m-sticky-footer--BorderRadius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius--glass);
 }
 
 .pf-v6-c-table {
@@ -19845,22 +19971,56 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
   --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
+.pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor);
+  transition-duration: var(--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor);
+  transition-property: opacity;
+}
+.pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  opacity: 1;
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
+  border-block-end-color: transparent;
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot {
   position: sticky;
   inset-block-end: 0;
   z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
-  background: var(--pf-v6-c-table--BackgroundColor);
+  background: transparent;
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after {
   position: absolute;
   inset: 0;
-  z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
+  z-index: -1;
   pointer-events: none;
   content: "";
-  border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+  border-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+  box-shadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow);
 }
-.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
-  border-block-end: 0;
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td), .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td) {
+  z-index: var(--pf-v6-c-table--m-sticky-footer--cell--ZIndex);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  pointer-events: none;
+  content: "";
+  background: var(--pf-v6-c-table--m-sticky-footer--BackgroundColor);
+  border-block-start: var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth) solid var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
+  border-start-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
+  border-end-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
+  border-start-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
+  border-end-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
 }
 .pf-v6-c-table.pf-m-plain {
   --pf-v6-c-table--BackgroundColor: transparent;

package/css/components/_index.d.ts

@@ -406,6 +406,8 @@ declare const _default: {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "gray": "pf-m-gray",
+    "animate": "pf-m-animate",
+    "show": "pf-m-show",
     "hidden": "pf-m-hidden",
     "read": "pf-m-read",
     "unread": "pf-m-unread",
@@ -587,6 +589,7 @@ declare const _default: {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "resizing": "pf-m-resizing",
     "noBackground": "pf-m-no-background",
     "padding": "pf-m-padding",
@@ -714,6 +717,7 @@ declare const _default: {
     "text": "pf-m-text",
     "avatar": "pf-m-avatar",
     "alignTop": "pf-m-align-top",
+    "open": "pf-m-open",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
     "inset": "pf-m-inset",
@@ -840,6 +844,8 @@ declare const _default: {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -944,7 +950,6 @@ declare const _default: {
     "columnGap_4xl": "pf-m-column-gap-4xl",
     "rowGap_4xl": "pf-m-row-gap-4xl",
     "toggleGroup": "pf-m-toggle-group",
-    "show": "pf-m-show",
     "hide": "pf-m-hide",
     "alignStartOnSm": "pf-m-align-start-on-sm",
     "alignCenterOnSm": "pf-m-align-center-on-sm",

package/css/components/_index.js

@@ -408,6 +408,8 @@ exports.default = {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "gray": "pf-m-gray",
+    "animate": "pf-m-animate",
+    "show": "pf-m-show",
     "hidden": "pf-m-hidden",
     "read": "pf-m-read",
     "unread": "pf-m-unread",
@@ -589,6 +591,7 @@ exports.default = {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "resizing": "pf-m-resizing",
     "noBackground": "pf-m-no-background",
     "padding": "pf-m-padding",
@@ -716,6 +719,7 @@ exports.default = {
     "text": "pf-m-text",
     "avatar": "pf-m-avatar",
     "alignTop": "pf-m-align-top",
+    "open": "pf-m-open",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
     "inset": "pf-m-inset",
@@ -842,6 +846,8 @@ exports.default = {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -946,7 +952,6 @@ exports.default = {
     "columnGap_4xl": "pf-m-column-gap-4xl",
     "rowGap_4xl": "pf-m-row-gap-4xl",
     "toggleGroup": "pf-m-toggle-group",
-    "show": "pf-m-show",
     "hide": "pf-m-hide",
     "alignStartOnSm": "pf-m-align-start-on-sm",
     "alignCenterOnSm": "pf-m-align-center-on-sm",

package/css/components/_index.mjs

@@ -406,6 +406,8 @@ export default {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "gray": "pf-m-gray",
+    "animate": "pf-m-animate",
+    "show": "pf-m-show",
     "hidden": "pf-m-hidden",
     "read": "pf-m-read",
     "unread": "pf-m-unread",
@@ -587,6 +589,7 @@ export default {
     "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
+    "viewport": "pf-m-viewport",
     "resizing": "pf-m-resizing",
     "noBackground": "pf-m-no-background",
     "padding": "pf-m-padding",
@@ -714,6 +717,7 @@ export default {
     "text": "pf-m-text",
     "avatar": "pf-m-avatar",
     "alignTop": "pf-m-align-top",
+    "open": "pf-m-open",
     "help": "pf-m-help",
     "overflowHidden": "pf-m-overflow-hidden",
     "inset": "pf-m-inset",
@@ -840,6 +844,8 @@ export default {
     "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "stickyHeader": "pf-m-sticky-header",
     "nestedColumnHeader": "pf-m-nested-column-header",
+    "stickyFooterBase": "pf-m-sticky-footer-base",
+    "stickyFooterStuck": "pf-m-sticky-footer-stuck",
     "stickyFooter": "pf-m-sticky-footer",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -944,7 +950,6 @@ export default {
     "columnGap_4xl": "pf-m-column-gap-4xl",
     "rowGap_4xl": "pf-m-row-gap-4xl",
     "toggleGroup": "pf-m-toggle-group",
-    "show": "pf-m-show",
     "hide": "pf-m-hide",
     "alignStartOnSm": "pf-m-align-start-on-sm",
     "alignCenterOnSm": "pf-m-align-center-on-sm",

package/css/docs/components/Table/examples/Table.css

@@ -13,15 +13,11 @@
 #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
 #ws-core-c-table-sticky-header .ws-preview-html,
 #ws-core-c-table-sticky-footer .ws-preview-html,
-#ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
+#ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html,
+#ws-core-c-table-sticky-footer-with-base-and-stuck .ws-preview-html {
   height: 400px;
 }
 
-#ws-core-c-table-sticky-header .ws-preview-html,
-#ws-core-c-table-sticky-footer .ws-preview-html {
-  overflow: auto;
-}
-
 .pf-v6-c-overflow-menu .pf-v6-c-menu {
   position: absolute;
   inset-inline-end: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.6.1-prerelease.2",
+  "version": "6.6.1-prerelease.4",
   "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.6.0-prerelease.40",
+    "@patternfly/patternfly": "6.6.0-prerelease.49",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
   "license": "MIT",
-  "gitHead": "008744f97e0d226d41c0bec0b78ec938943392e3"
+  "gitHead": "d05c304675ccc19b82df36c0701986120e353329"
 }