@patternfly/patternfly 6.5.0-prerelease.78 → 6.5.0-prerelease.79

package/docs/demos/Table/examples/Table.md

@@ -12247,7 +12247,7 @@ wrapperTag: div
               </tr>
             </tbody>
           </table>
-          <div class="pf-v6-c-pagination pf-m-bottom pf-m-static">
+          <div class="pf-v6-c-pagination pf-m-static pf-m-bottom">
             <div class="pf-v6-c-pagination__page-menu">
               <button
                 class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"

package/docs/demos/Toolbar/examples/Toolbar.md

@@ -146,7 +146,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -1747,7 +1747,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -2013,7 +2013,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -2293,7 +2293,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -2562,7 +2562,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -3118,7 +3118,7 @@ section: components
           class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
         >
           <div
-            class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+            class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
           >
             <div class="pf-v6-c-pagination__page-menu">
               <button
@@ -4048,7 +4048,7 @@ section: components
                     class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md"
                   >
                     <div
-                      class="pf-v6-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md"
+                      class="pf-v6-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md pf-m-compact"
                     >
                       <div class="pf-v6-c-pagination__page-menu">
                         <button

package/package.json

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

package/patternfly-no-globals.css

@@ -11117,6 +11117,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
   --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
   --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
+  --pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX: 1;
   --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
 }
 
@@ -11512,6 +11513,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
   --pf-v6-c-button--hover__icon--TransitionProperty: scale;
 }
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-button.pf-m-hamburger {
+  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: 1;
+  --pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX: -1;
+}
+
 .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
   --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -11526,9 +11532,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 .pf-v6-c-button.pf-m-circle {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
@@ -11624,11 +11630,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
     display: none;
   }
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
   justify-content: flex-start;
   width: 100%;
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
   display: revert;
 }
 
@@ -12951,18 +12957,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
   --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 62rem) {
   .pf-v6-c-compass .pf-v6-c-compass__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
@@ -12987,9 +12993,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
 }
 
@@ -21410,12 +21416,12 @@ ul.pf-v6-c-list {
     display: none;
   }
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle.pf-m-text-expanded {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
   justify-content: flex-start;
   width: 100%;
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text,
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
 .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
   display: revert;
 }
@@ -23091,9 +23097,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 75rem) {
   .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -23108,9 +23114,9 @@ ul.pf-v6-c-list {
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
   .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
     --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
@@ -23127,9 +23133,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 62rem) {
   .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
@@ -23154,9 +23160,9 @@ ul.pf-v6-c-list {
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
 }
 
@@ -23186,6 +23192,10 @@ ul.pf-v6-c-list {
   transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
   translate: -100% 0;
 }
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
+  translate: 100% 0;
+}
+
 .pf-v6-c-page__dock.pf-m-expanded {
   --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
   translate: 0;
@@ -23840,7 +23850,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination__total-items--Display: block;
   --pf-v6-c-pagination--m-display-summary__total-items--Display: block;
   --pf-v6-c-pagination--m-display-full__total-items--Display: none;
-  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
   --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -23849,6 +23859,12 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
   --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: 0;
+  --pf-v6-c-pagination--m-sticky-base--BorderRadius: 0;
+  --pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
   --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -23863,6 +23879,15 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
   --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
+}
+:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
+  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
+  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-pagination {
   --pf-v6-c-pagination__page-menu--Display--base: block;
   --pf-v6-c-pagination__page-menu--Display: none;
   --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -23897,6 +23922,9 @@ ul.pf-v6-c-list {
   border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
   border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
 }
+:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
+  --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
+}
 .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
   display: var(--pf-v6-c-pagination__page-menu--Display);
 }
@@ -23914,6 +23942,9 @@ ul.pf-v6-c-list {
   background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
   box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
 }
+:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
+  --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
+}
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -23968,15 +23999,46 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
   --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
   --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
-  position: sticky;
   inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
+  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
+  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+}
+.pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
+  position: sticky;
   z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
   padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
-  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
-  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+}
+.pf-v6-c-pagination.pf-m-sticky-base {
+  inset-block-start: var(--pf-v6-c-pagination--m-sticky-base--InsetBlockStart);
+  border-radius: var(--pf-v6-c-pagination--m-sticky-base--BorderRadius, 0);
+}
+.pf-v6-c-pagination.pf-m-sticky-base.pf-m-bottom {
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: 0;
+  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: var(--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd);
+}
+.pf-v6-c-pagination.pf-m-sticky-base::before {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  content: "";
+  background-color: var(--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor);
+  border-radius: var(--pf-v6-c-pagination--m-sticky-stuck--BorderRadius);
+  box-shadow: var(--pf-v6-c-pagination--m-sticky-stuck--BoxShadow);
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-pagination--m-sticky-base--TransitionDuration);
+  transition-property: opacity;
+}
+.pf-v6-c-pagination.pf-m-sticky-stuck {
+  --pf-v6-c-pagination--m-sticky-base--BoxShadow: var(--pf-v6-c-pagination--m-sticky-stuck--BoxShadow);
+  --pf-v6-c-pagination--m-sticky-base--BorderRadius: var(--pf-v6-c-pagination--m-sticky-stuck--BorderRadius);
+  --pf-v6-c-pagination--m-sticky-base--BackgroundColor: var(--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor);
+}
+.pf-v6-c-pagination.pf-m-sticky-stuck::before {
+  opacity: 1;
 }
 .pf-v6-c-pagination.pf-m-page-insets {
   --pf-v6-c-pagination--inset: var(--pf-v6-c-pagination--m-page-insets--inset);

package/patternfly.css

@@ -11264,6 +11264,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
   --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
   --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
+  --pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX: 1;
   --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
 }
 
@@ -11659,6 +11660,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
   --pf-v6-c-button--hover__icon--TransitionProperty: scale;
 }
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-button.pf-m-hamburger {
+  --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: 1;
+  --pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX: -1;
+}
+
 .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
   --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
@@ -11673,9 +11679,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 .pf-v6-c-button.pf-m-circle {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
@@ -11771,11 +11777,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
     display: none;
   }
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
   justify-content: flex-start;
   width: 100%;
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
   display: revert;
 }
 
@@ -13098,18 +13104,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 .pf-v6-c-compass .pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger {
   --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 62rem) {
   .pf-v6-c-compass .pf-v6-c-compass__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
@@ -13134,9 +13140,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
 }
 
@@ -21557,12 +21563,12 @@ ul.pf-v6-c-list {
     display: none;
   }
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle.pf-m-text-expanded {
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
   justify-content: flex-start;
   width: 100%;
 }
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__text,
-:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
+:is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
 .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
   display: revert;
 }
@@ -23238,9 +23244,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 75rem) {
   .pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger, .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-expanded)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle :is(.pf-v6-c-button.pf-m-hamburger, .pf-v6-c-button.pf-m-hamburger:hover, .pf-v6-c-button.pf-m-hamburger:focus-visible) {
@@ -23255,9 +23261,9 @@ ul.pf-v6-c-list {
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
   .pf-v6-c-page:where(:has(> .pf-v6-c-page__sidebar.pf-m-collapsed)) > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible) {
     --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
@@ -23274,9 +23280,9 @@ ul.pf-v6-c-list {
   --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
   --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
   --pf-v6-c-button__icon--TransitionDelay: 0s;
-  --pf-v6-c-button__icon--ScaleX: 1;
+  --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-  --pf-v6-c-button--hover__icon--ScaleX: 1;
+  --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
 }
 @media (min-width: 62rem) {
   .pf-v6-c-page .pf-v6-c-page__dock .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger,
@@ -23301,9 +23307,9 @@ ul.pf-v6-c-list {
     --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
     --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
     --pf-v6-c-button__icon--TransitionDelay: 0s;
-    --pf-v6-c-button__icon--ScaleX: 1;
+    --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
     --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
-    --pf-v6-c-button--hover__icon--ScaleX: 1;
+    --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-collapse--ScaleX);
   }
 }
 
@@ -23333,6 +23339,10 @@ ul.pf-v6-c-list {
   transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
   translate: -100% 0;
 }
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
+  translate: 100% 0;
+}
+
 .pf-v6-c-page__dock.pf-m-expanded {
   --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
   translate: 0;
@@ -23987,7 +23997,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination__total-items--Display: block;
   --pf-v6-c-pagination--m-display-summary__total-items--Display: block;
   --pf-v6-c-pagination--m-display-full__total-items--Display: none;
-  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
   --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v6-c-pagination--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-pagination--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -23996,6 +24006,12 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
   --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: 0;
+  --pf-v6-c-pagination--m-sticky-base--BorderRadius: 0;
+  --pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
+  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
+  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
   --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -24010,6 +24026,15 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
   --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
+}
+:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
+  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
+  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
+}
+.pf-v6-c-pagination {
   --pf-v6-c-pagination__page-menu--Display--base: block;
   --pf-v6-c-pagination__page-menu--Display: none;
   --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
@@ -24044,6 +24069,9 @@ ul.pf-v6-c-list {
   border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
   border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
 }
+:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
+  --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
+}
 .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
   display: var(--pf-v6-c-pagination__page-menu--Display);
 }
@@ -24061,6 +24089,9 @@ ul.pf-v6-c-list {
   background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
   box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
 }
+:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
+  --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
+}
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
 .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24115,15 +24146,46 @@ ul.pf-v6-c-list {
   --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
   --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
   --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
-  position: sticky;
   inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
+  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
+  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+}
+.pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
+  position: sticky;
   z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
   padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
-  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
-  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
+}
+.pf-v6-c-pagination.pf-m-sticky-base {
+  inset-block-start: var(--pf-v6-c-pagination--m-sticky-base--InsetBlockStart);
+  border-radius: var(--pf-v6-c-pagination--m-sticky-base--BorderRadius, 0);
+}
+.pf-v6-c-pagination.pf-m-sticky-base.pf-m-bottom {
+  --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: 0;
+  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: var(--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd);
+}
+.pf-v6-c-pagination.pf-m-sticky-base::before {
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  content: "";
+  background-color: var(--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor);
+  border-radius: var(--pf-v6-c-pagination--m-sticky-stuck--BorderRadius);
+  box-shadow: var(--pf-v6-c-pagination--m-sticky-stuck--BoxShadow);
+  opacity: 0;
+  transition-timing-function: var(--pf-v6-c-pagination--m-sticky-base--TransitionTimingFunction);
+  transition-duration: var(--pf-v6-c-pagination--m-sticky-base--TransitionDuration);
+  transition-property: opacity;
+}
+.pf-v6-c-pagination.pf-m-sticky-stuck {
+  --pf-v6-c-pagination--m-sticky-base--BoxShadow: var(--pf-v6-c-pagination--m-sticky-stuck--BoxShadow);
+  --pf-v6-c-pagination--m-sticky-base--BorderRadius: var(--pf-v6-c-pagination--m-sticky-stuck--BorderRadius);
+  --pf-v6-c-pagination--m-sticky-base--BackgroundColor: var(--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor);
+}
+.pf-v6-c-pagination.pf-m-sticky-stuck::before {
+  opacity: 1;
 }
 .pf-v6-c-pagination.pf-m-page-insets {
   --pf-v6-c-pagination--inset: var(--pf-v6-c-pagination--m-page-insets--inset);