@patternfly/patternfly 6.6.0-prerelease.5 → 6.6.0-prerelease.7

package/components/Sidebar/sidebar.css

@@ -168,6 +168,9 @@
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -187,7 +190,7 @@
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -200,12 +203,6 @@
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }

package/components/Sidebar/sidebar.scss

@@ -205,6 +205,12 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
     --#{$sidebar}__panel--InsetBlockStart: auto;
   }
 
+  &.pf-m-no-background,
+  :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
+  :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
+    --#{$sidebar}__panel--BackgroundColor: transparent;
+  }
+
   &.pf-m-secondary {
     --#{$sidebar}__panel--BackgroundColor: var(--#{$sidebar}__panel--m-secondary--BackgroundColor);
   }
@@ -226,7 +232,9 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
     --#{$sidebar}__content--PaddingInlineStart: var(--#{$sidebar}__content--m-padding--PaddingBlockStart);
   }
 
-  &.pf-m-no-background {
+  &.pf-m-no-background,
+  :where(:root:not(.pf-v6-theme-glass)) &.pf-m-plain,
+  :where(:root.pf-v6-theme-glass) &:not(.pf-m-no-plain-on-glass) {
     --#{$sidebar}__content--BackgroundColor: transparent;
   }
 
@@ -243,14 +251,6 @@ $pf-v6-c-sidebar__panel--list--width: ("default", 25, 33, 50, 66, 75, 100);
   }
 }
 
-.#{$sidebar},
-.#{$sidebar}__panel,
-.#{$sidebar}__content {
-  &.pf-m-no-background {
-    background-color: transparent;
-  }
-}
-
 // Responsive width modifiers
 @each $breakpoint, $breakpoint-value in $pf-v6-c-sidebar--breakpoint-map--width {
   $breakpoint-name: "";

package/components/Table/table.css

@@ -175,6 +175,8 @@
   --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--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;
@@ -244,6 +246,26 @@
 .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 {
+  position: sticky;
+  inset-block-end: 0;
+  z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
+  background: var(--pf-v6-c-table--BackgroundColor);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
+  position: absolute;
+  inset: 0;
+  z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
+  pointer-events: none;
+  content: "";
+  border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+}
+.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-plain {
+  --pf-v6-c-table--BackgroundColor: transparent;
+}
 .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
 .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
 .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -978,6 +1000,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
 }
 
+.pf-v6-c-table__tfoot {
+  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
+  vertical-align: top;
+}
+
 .pf-v6-c-table__icon-inline {
   display: flex;
   align-items: center;

package/components/Table/table.scss

@@ -269,6 +269,10 @@
   --#{$table}--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
   --#{$table}--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
   --#{$table}--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
+    
+  // * Table sticky footer
+  --#{$table}--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
+  --#{$table}--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
 
   :where(.pf-v6-theme-glass) & {
     --#{$table}--m-sticky-header--BorderBlockEndWidth: 0;
@@ -373,6 +377,34 @@
     }
   }
 
+  // - Table sticky footer
+  &.pf-m-sticky-footer {
+    > .#{$table}__tfoot {
+      position: sticky;
+      inset-block-end: 0;
+      z-index: var(--#{$table}--m-sticky-footer--ZIndex);
+      background: var(--#{$table}--BackgroundColor);
+
+      &::before {
+        position: absolute;
+        inset: 0;
+        z-index: var(--#{$table}--m-sticky-footer--border--ZIndex);
+        pointer-events: none;
+        content: "";
+        border-block-start: var(--#{$table}--border-width--base) solid var(--#{$table}--BorderColor);
+      }
+    }
+
+    > .#{$table}__tbody:last-of-type > .#{$table}__tr:last-of-type {
+      border-block-end: 0;
+    }
+  }
+
+  // - Table plain
+  &.pf-m-plain {
+    --#{$table}--BackgroundColor: transparent;
+  }
+
   // - Table striped
   // stylelint-disable
   &.pf-m-striped:not(.pf-m-expandable) > tbody:where(.#{$table}__tbody) > tr:where(.#{$table}__tr):nth-child(odd), // regular table
@@ -544,8 +576,8 @@
   // }
 
   .#{$table}__td.pf-m-action {
-    --pf-v6-c-table--cell--PaddingBlockStart: var(--#{$table}__td--m-action--PaddingBlockStart);
-    --pf-v6-c-table--cell--PaddingBlockEnd: var(--#{$table}__td--m-action--PaddingBlockEnd);
+    --#{$table}--cell--PaddingBlockStart: var(--#{$table}__td--m-action--PaddingBlockStart);
+    --#{$table}--cell--PaddingBlockEnd: var(--#{$table}__td--m-action--PaddingBlockEnd);
   }
 
   // - Table sort
@@ -1235,8 +1267,8 @@
   }
 
   .#{$table}__td.pf-m-action {
-    --pf-v6-c-table--cell--PaddingBlockStart: var(--#{$table}--m-compact__td--m-action--PaddingBlockStart);
-    --pf-v6-c-table--cell--PaddingBlockEnd: var(--#{$table}--m-compact__td--m-action--PaddingBlockEnd);
+    --#{$table}--cell--PaddingBlockStart: var(--#{$table}--m-compact__td--m-action--PaddingBlockStart);
+    --#{$table}--cell--PaddingBlockEnd: var(--#{$table}--m-compact__td--m-action--PaddingBlockEnd);
   }
 
   .#{$table}__icon {
@@ -1331,6 +1363,13 @@
   }
 }
 
+// - Table tfoot
+.#{$table}__tfoot {
+  --#{$table}__tr--BorderBlockEndWidth: 0;
+
+  vertical-align: top;
+}
+
 // - Table icon inline
 .#{$table}__icon-inline {
   display: flex;

package/components/_index.css

@@ -16694,6 +16694,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__panel--Position: static;
   --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
 }
+.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
+  --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
+}
 .pf-v6-c-sidebar__panel.pf-m-secondary {
   --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
 }
@@ -16713,7 +16716,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
   --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
 }
-.pf-v6-c-sidebar__content.pf-m-no-background {
+.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
   --pf-v6-c-sidebar__content--BackgroundColor: transparent;
 }
 .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16726,12 +16729,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-sidebar__content--Order: -1;
 }
 
-.pf-v6-c-sidebar.pf-m-no-background,
-.pf-v6-c-sidebar__panel.pf-m-no-background,
-.pf-v6-c-sidebar__content.pf-m-no-background {
-  background-color: transparent;
-}
-
 .pf-v6-c-sidebar__panel.pf-m-width-default {
   --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
 }
@@ -19480,6 +19477,8 @@ 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--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;
@@ -19549,6 +19548,26 @@ 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 {
+  position: sticky;
+  inset-block-end: 0;
+  z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
+  background: var(--pf-v6-c-table--BackgroundColor);
+}
+.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
+  position: absolute;
+  inset: 0;
+  z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
+  pointer-events: none;
+  content: "";
+  border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
+}
+.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-plain {
+  --pf-v6-c-table--BackgroundColor: transparent;
+}
 .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
 .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
 .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -20283,6 +20302,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
 }
 
+.pf-v6-c-table__tfoot {
+  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
+  vertical-align: top;
+}
+
 .pf-v6-c-table__icon-inline {
   display: flex;
   align-items: center;

package/docs/components/Drawer/examples/Drawer.md

@@ -1194,7 +1194,7 @@ cssPrefix: pf-v6-c-drawer
 | `.pf-m-no-border` | `.pf-v6-c-drawer__panel` | Modifies the drawer panel border treatment to disable all border treatment. |
 | `.pf-m-padding` | `.pf-v6-c-drawer__body` | Modifies the element to add padding. |
 | `.pf-m-no-padding` | `.pf-v6-c-drawer__body` | Modifies the element to remove padding. |
-| `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. |
+| `.pf-m-no-background` | `.pf-v6-c-drawer__section`, `.pf-v6-c-drawer__panel` | Modifies the drawer element background color to transparent. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
 | `.pf-m-plain` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static`, `.pf-v6-c-drawer__section` | Applies plain styling. |
 | `.pf-m-no-plain-on-glass` | `.pf-v6-c-drawer__panel.pf-m-inline`, `.pf-v6-c-drawer__panel.pf-m-static`, `.pf-v6-c-drawer__section` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |
 | `.pf-m-primary` | `.pf-v6-c-drawer__content` | Modifies the drawer content to use the primary background color. |

package/docs/components/Sidebar/examples/Sidebar.md

@@ -266,5 +266,7 @@ cssPrefix: pf-v6-c-sidebar
 | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
 | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
 | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
-| `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
+| `.pf-m-no-background` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. **Note:** `.pf-m-no-background` is deprecated, use `.pf-m-plain` instead. |
+| `.pf-m-plain` | `.pf-v6-c-sidebar__panel`, `.pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
 | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
+| `.pf-m-no-plain-on-glass` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Prevents the elements from automatically applying plain styling when glass theme is enabled. |

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

@@ -12,10 +12,16 @@
 #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
 #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 {
   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/docs/components/Table/examples/Table.md

@@ -24318,6 +24318,174 @@ This example shows the use of `.pf-m-sticky-header-base` and `.pf-m-sticky-heade
 
 ```
 
+### Sticky footer
+
+```html
+<table
+  class="pf-v6-c-table pf-m-grid-md pf-m-sticky-footer"
+  role="grid"
+  aria-label="This is a table with a sticky footer"
+  id="table-sticky-footer"
+>
+  <thead class="pf-v6-c-table__thead">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
+
+      <th
+        class="pf-v6-c-table__th"
+        role="columnheader"
+        scope="col"
+      >Pull requests</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
+    </tr>
+  </thead>
+
+  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 1</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 2</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 3</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 4</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 5</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 6</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 7</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 8</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+  </tbody>
+
+  <tfoot class="pf-v6-c-table__tfoot">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
+
+      <td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
+    </tr>
+  </tfoot>
+</table>
+
+```
+
 ### Sticky column
 
 ```html
@@ -31503,6 +31671,118 @@ Basic striped table rows are supported on tables with a single `<tbody>` element
 | `.pf-m-striped` | `.pf-v6-c-table`, `tbody`, `tr` | Modifies odd table rows to be striped. |
 | `.pf-m-striped-even` | `tbody` | Modifies even table rows to be striped. For use in tables with multiple `tbody` elements where adjacent `tbody` elements need even row striping to maintain visual consistency. |
 
+## Table footer
+
+### Table footer example
+
+```html
+<table
+  class="pf-v6-c-table pf-m-grid-md"
+  role="grid"
+  aria-label="This is a table with a footer example"
+  id="table-footer"
+>
+  <thead class="pf-v6-c-table__thead">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Branches</th>
+
+      <th
+        class="pf-v6-c-table__th"
+        role="columnheader"
+        scope="col"
+      >Pull requests</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Workspaces</th>
+
+      <th class="pf-v6-c-table__th" role="columnheader" scope="col">Last commit</th>
+    </tr>
+  </thead>
+
+  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 1</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 2</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 3</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+
+    <tr class="pf-v6-c-table__tr" role="row">
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Repository name"
+      >Repository 4</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Branches">10</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Pull requests">25</td>
+      <td class="pf-v6-c-table__td" role="cell" data-label="Workspaces">5</td>
+      <td
+        class="pf-v6-c-table__td"
+        role="cell"
+        data-label="Last commit"
+      >2 days ago</td>
+    </tr>
+  </tbody>
+
+  <tfoot class="pf-v6-c-table__tfoot">
+    <tr class="pf-v6-c-table__tr" role="row">
+      <th class="pf-v6-c-table__th" role="columnheader" scope="row">Total nodes</th>
+
+      <td class="pf-v6-c-table__td" role="cell" colspan="4">4</td>
+    </tr>
+  </tfoot>
+</table>
+
+```
+
+### Table footer usage
+
+| Class | Applied to | Outcome |
+| -- | -- | -- |
+| `.pf-v6-c-table__tfoot` | `tfoot` | Initiates a table footer. |
+
 ## Documentation
 
 ### Overview

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly",
-  "version": "6.6.0-prerelease.5",
+  "version": "6.6.0-prerelease.7",
   "keywords": [],
   "license": "MIT",
   "scripts": {