@patternfly/react-styles 6.0.0-alpha.2 → 6.0.0-alpha.4

package/css/components/MenuToggle/menu-toggle.css

@@ -4,7 +4,7 @@
   --pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -273,8 +273,8 @@
   align-self: stretch;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
-  align-self: revert;
-  -moz-transform: none;
+  --pf-v5-c-check__input--TranslateY: 0;
+  align-self: center;
 }
 .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
   position: absolute;
@@ -397,7 +397,7 @@
 
 .pf-v5-c-menu-toggle__toggle-icon {
   margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
-  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
+  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
 }
 
 :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {

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

@@ -1,48 +1,59 @@
-.pf-v5-c-modal-box {
-  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-modal-box--BoxShadow: var(--pf-v5-global--BoxShadow--xl);
+:root {
+  --pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
+  --pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
+  --pf-v5-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
   --pf-v5-c-modal-box--ZIndex: var(--pf-v5-global--ZIndex--xl);
   --pf-v5-c-modal-box--Width: 100%;
-  --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-v5-global--spacer--xl));
+  --pf-v5-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
   --pf-v5-c-modal-box--m-sm--sm--MaxWidth: 35rem;
   --pf-v5-c-modal-box--m-md--Width: 52.5rem;
   --pf-v5-c-modal-box--m-lg--lg--MaxWidth: 70rem;
-  --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-v5-global--spacer--2xl));
-  --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-modal-box--m-align-top--MarginTop: var(--pf-v5-c-modal-box--m-align-top--spacer);
-  --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-v5-global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
-  --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-v5-global--spacer--xl)));
-  --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-v5-global--custom-color--200);
-  --pf-v5-c-modal-box__header--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__title--LineHeight: var(--pf-v5-global--LineHeight--sm);
-  --pf-v5-c-modal-box__title--FontFamily: var(--pf-v5-global--FontFamily--heading);
-  --pf-v5-c-modal-box__title--FontSize: var(--pf-v5-global--FontSize--2xl);
-  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-modal-box__title-icon--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-modal-box__description--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
-  --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-modal-box__close--Top: calc(var(--pf-v5-global--spacer--lg));
-  --pf-v5-c-modal-box__close--Right: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
-  --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-modal-box--MaxHeight: calc(100% - var(--pf-t--global--spacer--2xl));
+  --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-modal-box--m-align-top--xl--spacer: var(--pf-t--global--spacer--xl);
+  --pf-v5-c-modal-box--m-align-top--Top: var(--pf-v5-c-modal-box--m-align-top--spacer);
+  --pf-v5-c-modal-box--m-align-top--MaxHeight: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer), var(--pf-t--global--spacer--2xl)) - var(--pf-v5-c-modal-box--m-align-top--spacer));
+  --pf-v5-c-modal-box--m-align-top--MaxWidth: calc(100% - min(var(--pf-v5-c-modal-box--m-align-top--spacer) * 2, var(--pf-t--global--spacer--xl)));
+  --pf-v5-c-modal-box--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-modal-box--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v5-c-modal-box__header--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
+  --pf-v5-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
+  --pf-v5-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
+  --pf-v5-c-modal-box__title-icon--MarginRight: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v5-c-modal-box__description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-modal-box__description--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-modal-box__body--MinHeight: calc(var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body));
+  --pf-v5-c-modal-box__body--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__body--last-child--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__header--body--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-modal-box__close--Top: var(--pf-v5-c-modal-box__header--PaddingTop);
+  --pf-v5-c-modal-box__close--Right: var(--pf-v5-c-modal-box__header--PaddingRight);
+  --pf-v5-c-modal-box__close--sibling--MarginRight: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
+  --pf-v5-c-modal-box__footer--PaddingTop: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingBottom: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-t--global--spacer--md);
   --pf-v5-c-modal-box__footer--c-button--sm--MarginRight: calc(var(--pf-v5-c-modal-box__footer--c-button--MarginRight) / 2);
+}
+@media (min-width: 1200px) {
+  :root {
+    --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
+  }
+}
+
+.pf-v5-c-modal-box {
   position: relative;
   z-index: var(--pf-v5-c-modal-box--ZIndex);
   display: flex;
@@ -50,14 +61,11 @@
   width: var(--pf-v5-c-modal-box--Width);
   max-width: var(--pf-v5-c-modal-box--MaxWidth);
   max-height: var(--pf-v5-c-modal-box--MaxHeight);
+  overflow: auto;
   background-color: var(--pf-v5-c-modal-box--BackgroundColor);
+  border-radius: var(--pf-v5-c-modal-box--BorderRadius);
   box-shadow: var(--pf-v5-c-modal-box--BoxShadow);
 }
-@media (min-width: 1200px) {
-  .pf-v5-c-modal-box {
-    --pf-v5-c-modal-box--m-align-top--spacer: var(--pf-v5-c-modal-box--m-align-top--xl--spacer);
-  }
-}
 .pf-v5-c-modal-box.pf-m-sm {
   --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-sm--sm--MaxWidth);
 }
@@ -68,7 +76,7 @@
   --pf-v5-c-modal-box--Width: var(--pf-v5-c-modal-box--m-lg--lg--MaxWidth);
 }
 .pf-v5-c-modal-box.pf-m-align-top {
-  inset-block-start: var(--pf-v5-c-modal-box--m-align-top--MarginTop);
+  inset-block-start: var(--pf-v5-c-modal-box--m-align-top--Top);
   align-self: flex-start;
   max-width: var(--pf-v5-c-modal-box--m-align-top--MaxWidth);
   max-height: var(--pf-v5-c-modal-box--m-align-top--MaxHeight);
@@ -102,6 +110,7 @@
   display: flex;
   flex-direction: column;
   flex-shrink: 0;
+  gap: var(--pf-v5-c-modal-box__header--Gap);
   padding-block-start: var(--pf-v5-c-modal-box__header--PaddingTop);
   padding-inline-start: var(--pf-v5-c-modal-box__header--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-modal-box__header--PaddingRight);
@@ -110,15 +119,15 @@
   display: flex;
   flex-direction: row;
 }
-.pf-v5-c-modal-box__header:last-child {
-  padding-block-end: var(--pf-v5-c-modal-box__header--last-child--PaddingBottom);
-}
 .pf-v5-c-modal-box__header + .pf-v5-c-modal-box__body {
   --pf-v5-c-modal-box__body--PaddingTop: var(--pf-v5-c-modal-box__header--body--PaddingTop);
 }
 
 .pf-v5-c-modal-box__header-main {
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
+  gap: var(--pf-v5-c-modal-box__header-main--Gap);
   min-width: 0;
 }
 
@@ -146,6 +155,8 @@
 
 .pf-v5-c-modal-box__description {
   padding-block-start: var(--pf-v5-c-modal-box__description--PaddingTop);
+  font-size: var(--pf-v5-c-modal-box__description--FontSize);
+  color: var(--pf-v5-c-modal-box__description--Color);
 }
 
 .pf-v5-c-modal-box__body {
@@ -180,8 +191,4 @@
   .pf-v5-c-modal-box__footer > .pf-v5-c-button:not(:last-child) {
     --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
   }
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
-  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }

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

@@ -23,7 +23,6 @@ declare const _default: {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };
 export default _default;

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

@@ -25,6 +25,5 @@ exports.default = {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

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

@@ -23,6 +23,5 @@ export default {
     "info": "pf-m-info",
     "help": "pf-m-help",
     "icon": "pf-m-icon"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/Nav/nav.css

@@ -33,7 +33,7 @@
   --pf-v5-c-nav__item--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v5-c-nav__item--before--BorderColor: var(--pf-v5-global--BackgroundColor--dark-200);
   --pf-v5-c-nav__item--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
-  --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-nav__link--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-nav__link--FontWeight: var(--pf-t--global--font--weight--body);
   --pf-v5-c-nav__link--PaddingTop: var(--pf-t--global--spacer--md);
   --pf-v5-c-nav__link--PaddingRight: var(--pf-t--global--spacer--md);
@@ -200,7 +200,7 @@
   --pf-v5-c-nav__section-title--MarginBottom: var(--pf-t--global--spacer--sm);
   --pf-v5-c-nav__section-title--xl--PaddingRight: var(--pf-t--global--spacer--xl);
   --pf-v5-c-nav__section-title--xl--PaddingLeft: var(--pf-t--global--spacer--xl);
-  --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-nav__section-title--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v5-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
   --pf-v5-c-nav__section-title--BorderBottomColor: transparent;
   --pf-v5-c-nav__section-title--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);

package/css/components/Page/page.css

@@ -103,15 +103,16 @@
   --pf-v5-c-page__sidebar--xl--TranslateX: 0;
   --pf-v5-c-page__sidebar--MarginRight: 0;
   --pf-v5-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
-  --pf-v5-c-page__sidebar--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-page__sidebar--PaddingInlineStart: 0;
   --pf-v5-c-page__sidebar-header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v5-c-page__sidebar-header--BorderBottomColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-page__sidebar-header--PaddingTop: var(--pf-t--global--spacer--sm);
   --pf-v5-c-page__sidebar-header--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-page__sidebar-title--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v5-c-page__sidebar-title--FontSize: var(--pf-t--global--font--size--heading--xs);
   --pf-v5-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
   --pf-v5-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
-  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
+  --pf-v5-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading);
   --pf-v5-c-page__sidebar-body--PaddingRight: 0;
   --pf-v5-c-page__sidebar-body--PaddingLeft: 0;
   --pf-v5-c-page__sidebar-body--m-page-insets--PaddingRight: var(--pf-v5-c-page--inset);
@@ -142,10 +143,10 @@
   --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
   --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
-  --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
-  --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
+  --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
+  --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
   --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
-  --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
+  --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
   --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
@@ -327,8 +328,8 @@
   grid-column-start: 1;
   width: var(--pf-v5-c-page__sidebar--Width);
   padding-block-start: 0;
-  padding-block-end: var(--pf-t--global--spacer--lg);
-  padding-inline-start: var(--pf-t--global--spacer--lg);
+  padding-block-end: var(--pf-v5-c-page__sidebar--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v5-c-page__sidebar--PaddingInlineStart);
   margin-inline-end: var(--pf-v5-c-page__sidebar--MarginRight);
   overflow-x: hidden;
   overflow-y: auto;
@@ -362,6 +363,7 @@
 }
 
 .pf-v5-c-page__sidebar-title {
+  padding-inline-start: var(--pf-v5-c-page__sidebar-title--PaddingLeft);
   font-family: var(--pf-v5-c-page__sidebar-title--FontFamily);
   font-size: var(--pf-v5-c-page__sidebar-title--FontSize);
   font-weight: var(--pf-v5-c-page__sidebar-title--FontWeight);

package/css/components/Pagination/pagination.css

@@ -6,116 +6,85 @@
   appearance: none;
 }
 
-.pf-v5-c-pagination {
+:root {
   --pf-v5-c-pagination--inset: 0;
-  --pf-v5-c-pagination--PaddingRight: var(--pf-v5-c-pagination--inset);
-  --pf-v5-c-pagination--PaddingLeft: var(--pf-v5-c-pagination--inset);
-  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
-  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
+  --pf-v5-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--md);
+  --pf-v5-c-pagination--m-page-insets--xl--inset: var(--pf-t--global--spacer--lg);
   --pf-v5-c-pagination__nav--Display: none;
   --pf-v5-c-pagination--m-display-summary__nav--Display: none;
   --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
-  --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-pagination__nav-control--c-button--FontSize: var(--pf-v5-global--FontSize--md);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-v5-global--spacer--xs) * -1);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-v5-global--spacer--form-element);
-  --pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-pagination__nav-page-select--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination__nav-page-select--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination__nav-page-select--child--MarginRight: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-v5-global--spacer--sm) * 2 + var(--pf-v5-global--BorderWidth--sm) * 2);
+  --pf-v5-c-pagination__nav--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-pagination__nav-page-select--FontSize: var(--pf-t--global--font--size--body--md);
+  --pf-v5-c-pagination__nav-page-select--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-t--global--spacer--sm) * 2 + var(--pf-t--global--border--width--100) * 2);
   --pf-v5-c-pagination__nav-page-select--c-form-control--width-chars: 2;
   --pf-v5-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-v5-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
   --pf-v5-c-pagination__total-items--Display: block;
   --pf-v5-c-pagination--m-display-summary__total-items--Display: block;
   --pf-v5-c-pagination--m-display-full__total-items--Display: none;
-  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
-  --pf-v5-c-pagination--m-sticky--md--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-sticky--md--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-sticky--md--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-sticky--md--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
+  --pf-v5-c-pagination--m-sticky--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-pagination--m-sticky--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-sticky--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-pagination--m-sticky--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-sticky--ZIndex: 100;
   --pf-v5-c-pagination--m-sticky--Top: 0;
-  --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
+  --pf-v5-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v5-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
   --pf-v5-c-pagination--m-bottom--Bottom: 0;
-  --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
-  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
-  --pf-v5-c-pagination--c-menu-toggle--Display: none;
-  --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
-  --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-end;
-  padding-inline-start: var(--pf-v5-c-pagination--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-pagination--PaddingRight);
+  --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-bottom--md--PaddingTop: var(--pf-t--global--spacer--md);
+  --pf-v5-c-pagination--m-bottom--md--PaddingBottom: var(--pf-t--global--spacer--md);
+  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-t--global--spacer--lg);
+  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
+  --pf-v5-c-pagination__page-menu--Display: none;
+  --pf-v5-c-pagination--m-display-summary__page-menu--Display: none;
+  --pf-v5-c-pagination--m-display-full__page-menu--Display: inline-flex;
 }
 @media screen and (min-width: 768px) {
-  .pf-v5-c-pagination {
-    --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
-    --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
-    --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
-    --pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
-    --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
-    --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
+  :root {
     --pf-v5-c-pagination--m-bottom--BoxShadow: none;
-    --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
+    --pf-v5-c-pagination__page-menu--Display: inline-flex;
     --pf-v5-c-pagination__nav--Display: inline-flex;
     --pf-v5-c-pagination__total-items--Display: none;
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-v5-c-pagination {
-    --pf-v5-c-pagination--m-bottom--md--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
-    --pf-v5-c-pagination--m-bottom--md--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
+  :root {
+    --pf-v5-c-pagination--m-bottom--PaddingRight: var(--pf-v5-c-pagination--m-bottom--xl--PaddingRight);
+    --pf-v5-c-pagination--m-bottom--PaddingLeft: var(--pf-v5-c-pagination--m-bottom--xl--PaddingLeft);
     --pf-v5-c-pagination__scroll-button--Width: var(--pf-v5-c-pagination__scroll-button--xl--Width);
     --pf-v5-c-pagination--m-page-insets--inset: var(--pf-v5-c-pagination--m-page-insets--xl--inset);
   }
 }
-.pf-v5-c-pagination > *:not(:last-child):not(.pf-v5-c-pagination__total-items) {
-  margin-inline-end: var(--pf-v5-c-pagination--child--MarginRight);
+
+.pf-v5-c-pagination {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: var(--pf-v5-c-pagination--ColumnGap);
+  align-items: center;
+  justify-content: flex-end;
+  padding-inline-start: var(--pf-v5-c-pagination--inset);
+  padding-inline-end: var(--pf-v5-c-pagination--inset);
 }
-.pf-v5-c-pagination .pf-v5-c-menu-toggle {
-  display: var(--pf-v5-c-pagination--c-menu-toggle--Display);
-  font-size: var(--pf-v5-c-pagination--c-menu-toggle--FontSize);
+.pf-v5-c-pagination .pf-v5-c-pagination__page-menu {
+  display: var(--pf-v5-c-pagination__page-menu--Display);
 }
 .pf-v5-c-pagination.pf-m-bottom {
-  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--MarginRight);
-  --pf-v5-c-pagination__nav-control--c-button--PaddingRight: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
-  --pf-v5-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
   --pf-v5-c-pagination--m-sticky--BoxShadow: var(--pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow);
   --pf-v5-c-pagination--m-sticky--Top: auto;
   position: sticky;
   inset-block-end: var(--pf-v5-c-pagination--m-bottom--Bottom);
   justify-content: center;
+  padding-inline-start: var(--pf-v5-c-pagination--m-bottom--PaddingLeft);
+  padding-inline-end: var(--pf-v5-c-pagination--m-bottom--PaddingRight);
   background-color: var(--pf-v5-c-pagination--m-bottom--BackgroundColor);
   box-shadow: var(--pf-v5-c-pagination--m-bottom--BoxShadow);
 }
-.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control .pf-v5-c-button {
-  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
-  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
-  outline-offset: var(--pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
-}
 .pf-v5-c-pagination.pf-m-bottom.pf-m-static {
   --pf-v5-c-pagination--m-bottom--MarginTop: 0;
   --pf-v5-c-pagination--m-bottom--BorderTopWidth: 0;
@@ -127,7 +96,7 @@
 .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
   display: none;
 }
-.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
+.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
   position: absolute;
   display: block;
 }
@@ -145,8 +114,6 @@
     justify-content: flex-end;
     padding-block-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop);
     padding-block-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom);
-    padding-inline-start: var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft);
-    padding-inline-end: var(--pf-v5-c-pagination--m-bottom--md--PaddingRight);
   }
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-first,
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-control.pf-m-last,
@@ -156,7 +123,7 @@
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
     display: inline-flex;
   }
-  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
+  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__page-menu {
     position: relative;
   }
   .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
@@ -176,23 +143,13 @@
   background-color: var(--pf-v5-c-pagination--m-sticky--BackgroundColor);
   box-shadow: var(--pf-v5-c-pagination--m-sticky--BoxShadow);
 }
-@media screen and (min-width: 768px) {
-  .pf-v5-c-pagination.pf-m-sticky {
-    padding-block-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop);
-    padding-block-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom);
-    padding-inline-start: var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
-    padding-inline-end: var(--pf-v5-c-pagination--m-sticky--md--PaddingRight);
-  }
-}
-.pf-v5-c-pagination.pf-m-compact {
-  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
-}
 .pf-v5-c-pagination.pf-m-page-insets {
   --pf-v5-c-pagination--inset: var(--pf-v5-c-pagination--m-page-insets--inset);
 }
 
 .pf-v5-c-pagination__nav {
   display: var(--pf-v5-c-pagination__nav--Display);
+  column-gap: var(--pf-v5-c-pagination__nav--ColumnGap);
   justify-content: flex-end;
 }
 
@@ -200,28 +157,15 @@
   scale: -1 1;
 }
 
-.pf-v5-c-pagination__nav-control .pf-v5-c-button {
-  padding-inline-start: var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight);
-  font-size: var(--pf-v5-c-pagination__nav-control--c-button--FontSize);
-}
-.pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control + .pf-v5-c-pagination__nav-control {
-  margin-inline-start: var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
-}
-
 .pf-v5-c-pagination__nav-page-select {
   display: flex;
+  column-gap: var(--pf-v5-c-pagination__nav-page-select--ColumnGap);
   align-items: center;
-  padding-inline-start: var(--pf-v5-c-pagination__nav-page-select--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-pagination__nav-page-select--PaddingRight);
 }
 .pf-v5-c-pagination__nav-page-select > * {
   font-size: var(--pf-v5-c-pagination__nav-page-select--FontSize);
   white-space: nowrap;
 }
-.pf-v5-c-pagination__nav-page-select > *:not(:last-child) {
-  margin-inline-end: var(--pf-v5-c-pagination__nav-page-select--child--MarginRight);
-}
 .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
   width: var(--pf-v5-c-pagination__nav-page-select--c-form-control--Width);
 }
@@ -231,12 +175,12 @@
 
 .pf-v5-c-pagination.pf-m-display-summary {
   --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-  --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+  --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
   --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
 }
 .pf-v5-c-pagination.pf-m-display-full {
   --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-  --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+  --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
   --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
 }
 .pf-v5-c-pagination.pf-m-inset-none {
@@ -260,12 +204,12 @@
 @media (min-width: 576px) {
   .pf-v5-c-pagination.pf-m-display-summary-on-sm {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-display-full-on-sm {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-inset-none-on-sm {
@@ -290,12 +234,12 @@
 @media (min-width: 768px) {
   .pf-v5-c-pagination.pf-m-display-summary-on-md {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-display-full-on-md {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-inset-none-on-md {
@@ -320,12 +264,12 @@
 @media (min-width: 992px) {
   .pf-v5-c-pagination.pf-m-display-summary-on-lg {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-display-full-on-lg {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-inset-none-on-lg {
@@ -350,12 +294,12 @@
 @media (min-width: 1200px) {
   .pf-v5-c-pagination.pf-m-display-summary-on-xl {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-display-full-on-xl {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-inset-none-on-xl {
@@ -380,12 +324,12 @@
 @media (min-width: 1450px) {
   .pf-v5-c-pagination.pf-m-display-summary-on-2xl {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-summary__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-summary__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-display-full-on-2xl {
     --pf-v5-c-pagination__nav--Display: var(--pf-v5-c-pagination--m-display-full__nav--Display);
-    --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--m-display-full--c-menu-toggle--Display);
+    --pf-v5-c-pagination__page-menu--Display: var(--pf-v5-c-pagination--m-display-full__page-menu--Display);
     --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
   .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
@@ -406,8 +350,4 @@
   .pf-v5-c-pagination.pf-m-inset-2xl-on-2xl {
     --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
-  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }