@patternfly/react-styles 4.92.7 → 5.0.0-alpha.10

package/css/components/Pagination/pagination.css

@@ -1,458 +1,403 @@
-.pf-c-pagination__nav-page-select .pf-c-form-control {
+.pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control {
   appearance: textfield;
 }
-.pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-inner-spin-button, .pf-c-pagination__nav-page-select .pf-c-form-control::-webkit-outer-spin-button {
+.pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control::-webkit-outer-spin-button {
   appearance: none;
   margin: 0;
 }
 
-.pf-c-pagination {
-  --pf-c-pagination--inset: 0;
-  --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
-  --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
-  --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
-  --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--child--MarginRight: 0;
-  --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-compact--child--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination--c-options-menu__toggle--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-pagination__nav--Display: none;
-  --pf-c-pagination__nav--Visibility: hidden;
-  --pf-c-pagination--m-display-summary__nav--Display: none;
-  --pf-c-pagination--m-display-summary__nav--Visibility: hidden;
-  --pf-c-pagination--m-display-full__nav--Display: inline-flex;
-  --pf-c-pagination--m-display-full__nav--Visibility: visible;
-  --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-pagination__nav-control--c-button--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: calc(var(--pf-global--spacer--xs) * -1);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop: var(--pf-global--spacer--form-element);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom: var(--pf-global--spacer--form-element);
-  --pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-pagination__nav-page-select--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination__nav-page-select--child--MarginRight: var(--pf-global--spacer--xs);
-  --pf-c-pagination__nav-page-select--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
-  --pf-c-pagination__nav-page-select--c-form-control--width-chars: 2;
-  --pf-c-pagination__nav-page-select--c-form-control--Width: calc(var(--pf-c-pagination__nav-page-select--c-form-control--width-base) + (var(--pf-c-pagination__nav-page-select--c-form-control--width-chars) * 1ch));
-  --pf-c-pagination__total-items--Display: block;
-  --pf-c-pagination__total-items--Visibility: visible;
-  --pf-c-pagination--m-display-summary__total-items--Display: block;
-  --pf-c-pagination--m-display-summary__total-items--Visibility: visible;
-  --pf-c-pagination--m-display-full__total-items--Display: none;
-  --pf-c-pagination--m-display-full__total-items--Visibility: hidden;
-  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-pagination--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-bottom);
-  --pf-c-pagination--m-sticky--md--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--md--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-sticky--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-pagination--m-sticky--Top: 0;
-  --pf-c-pagination--m-bottom--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-pagination--m-bottom--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-pagination--m-bottom--Bottom: 0;
-  --pf-c-pagination--m-bottom--md--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-pagination--m-bottom--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-global--BoxShadow--sm-top);
-  --pf-c-pagination--c-options-menu--Display: none;
-  --pf-c-pagination--c-options-menu--Visibility: hidden;
-  --pf-c-pagination--m-display-summary--c-options-menu--Display: none;
-  --pf-c-pagination--m-display-summary--c-options-menu--Visibility: hidden;
-  --pf-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
-  --pf-c-pagination--m-display-full--c-options-menu--Visibility: visible;
+.pf-v5-c-pagination {
+  --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-options-menu__toggle--FontSize: var(--pf-v5-global--FontSize--sm);
+  --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-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--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--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-options-menu--Display: none;
+  --pf-v5-c-pagination--m-display-summary--c-options-menu--Display: none;
+  --pf-v5-c-pagination--m-display-full--c-options-menu--Display: inline-flex;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  padding-right: var(--pf-c-pagination--PaddingRight);
-  padding-left: var(--pf-c-pagination--PaddingLeft);
+  padding-right: var(--pf-v5-c-pagination--PaddingRight);
+  padding-left: var(--pf-v5-c-pagination--PaddingLeft);
 }
 @media screen and (min-width: 768px) {
-  .pf-c-pagination {
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingTop);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingRight);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingBottom);
-    --pf-c-pagination--m-bottom__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--md--PaddingLeft);
-    --pf-c-pagination--m-bottom--child--MarginRight: var(--pf-c-pagination--m-bottom--child--md--MarginRight);
-    --pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
-    --pf-c-pagination--m-bottom--BoxShadow: none;
-    --pf-c-pagination--c-options-menu--Display: inline-flex;
-    --pf-c-pagination--c-options-menu--Visibility: visible;
-    --pf-c-pagination__nav--Display: inline-flex;
-    --pf-c-pagination__nav--Visibility: visible;
-    --pf-c-pagination__total-items--Display: none;
-    --pf-c-pagination__total-items--Visibility: hidden;
+  .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;
+    --pf-v5-c-pagination--m-bottom--BoxShadow: none;
+    --pf-v5-c-pagination--c-options-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-c-pagination {
-    --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
-    --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
-    --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
-    --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
-  }
-}
-.pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
-  margin-right: var(--pf-c-pagination--child--MarginRight);
-}
-.pf-c-pagination .pf-c-options-menu {
-  display: var(--pf-c-pagination--c-options-menu--Display);
-  visibility: var(--pf-c-pagination--c-options-menu--Visibility);
-}
-.pf-c-pagination.pf-m-bottom {
-  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-bottom--child--MarginRight);
-  --pf-c-pagination__nav-control--c-button--PaddingRight: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
-  --pf-c-pagination__nav-control--c-button--PaddingLeft: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingRight);
-  --pf-c-pagination--m-sticky--BoxShadow: var(--pf-c-pagination--m-bottom--m-sticky--BoxShadow);
-  --pf-c-pagination--m-sticky--Top: auto;
+  .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);
+    --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-right: var(--pf-v5-c-pagination--child--MarginRight);
+}
+.pf-v5-c-pagination .pf-v5-c-options-menu {
+  display: var(--pf-v5-c-pagination--c-options-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;
-  bottom: var(--pf-c-pagination--m-bottom--Bottom);
+  bottom: var(--pf-v5-c-pagination--m-bottom--Bottom);
   justify-content: center;
-  background-color: var(--pf-c-pagination--m-bottom--BackgroundColor);
-  box-shadow: var(--pf-c-pagination--m-bottom--BoxShadow);
+  background-color: var(--pf-v5-c-pagination--m-bottom--BackgroundColor);
+  box-shadow: var(--pf-v5-c-pagination--m-bottom--BoxShadow);
 }
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control .pf-c-button {
-  --pf-c-button--PaddingTop: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingTop);
-  --pf-c-button--PaddingBottom: var(--pf-c-pagination--m-bottom__nav-control--c-button--PaddingBottom);
-  outline-offset: var(--pf-c-pagination--m-bottom__nav-control--c-button--OutlineOffset);
+.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-c-pagination.pf-m-bottom.pf-m-static {
-  --pf-c-pagination--m-bottom--MarginTop: 0;
-  --pf-c-pagination--m-bottom--BorderTopWidth: 0;
+.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;
   position: relative;
   box-shadow: none;
 }
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
+.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,
+.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
   display: none;
-  visibility: hidden;
 }
-.pf-c-pagination.pf-m-bottom .pf-c-options-menu {
+.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
   position: absolute;
   display: block;
-  visibility: visible;
 }
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
+.pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
   display: flex;
   flex-basis: 100%;
   justify-content: space-between;
-  visibility: visible;
 }
 @media screen and (min-width: 768px) {
-  .pf-c-pagination.pf-m-bottom {
-    --pf-c-pagination--m-bottom--BorderTopWidth: 0;
-    --pf-c-pagination--m-bottom--MarginTop: 0;
-    --pf-c-pagination--m-bottom--Bottom: auto;
+  .pf-v5-c-pagination.pf-m-bottom {
+    --pf-v5-c-pagination--m-bottom--BorderTopWidth: 0;
+    --pf-v5-c-pagination--m-bottom--MarginTop: 0;
+    --pf-v5-c-pagination--m-bottom--Bottom: auto;
     position: relative;
     justify-content: flex-end;
-    padding: var(--pf-c-pagination--m-bottom--md--PaddingTop) var(--pf-c-pagination--m-bottom--md--PaddingRight) var(--pf-c-pagination--m-bottom--md--PaddingBottom) var(--pf-c-pagination--m-bottom--md--PaddingLeft);
+    padding: var(--pf-v5-c-pagination--m-bottom--md--PaddingTop) var(--pf-v5-c-pagination--m-bottom--md--PaddingRight) var(--pf-v5-c-pagination--m-bottom--md--PaddingBottom) var(--pf-v5-c-pagination--m-bottom--md--PaddingLeft);
   }
-  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-first,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-control.pf-m-last,
-.pf-c-pagination.pf-m-bottom .pf-c-pagination__nav-page-select {
+  .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,
+  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav-page-select {
     display: block;
-    visibility: visible;
   }
-  .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
+  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-options-menu {
     position: relative;
   }
-  .pf-c-pagination.pf-m-bottom .pf-c-pagination__nav {
+  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
     display: inline-flex;
     flex-basis: auto;
   }
 }
-.pf-c-pagination.pf-m-sticky {
-  --pf-c-pagination--m-bottom--Bottom: 0;
+.pf-v5-c-pagination.pf-m-sticky {
+  --pf-v5-c-pagination--m-bottom--Bottom: 0;
   position: sticky;
-  top: var(--pf-c-pagination--m-sticky--Top);
-  z-index: var(--pf-c-pagination--m-sticky--ZIndex);
-  padding-top: var(--pf-c-pagination--m-sticky--PaddingTop);
-  padding-right: var(--pf-c-pagination--m-sticky--PaddingRight);
-  padding-bottom: var(--pf-c-pagination--m-sticky--PaddingBottom);
-  padding-left: var(--pf-c-pagination--m-sticky--PaddingLeft);
-  background-color: var(--pf-c-pagination--m-sticky--BackgroundColor);
-  box-shadow: var(--pf-c-pagination--m-sticky--BoxShadow);
+  top: var(--pf-v5-c-pagination--m-sticky--Top);
+  z-index: var(--pf-v5-c-pagination--m-sticky--ZIndex);
+  padding-top: var(--pf-v5-c-pagination--m-sticky--PaddingTop);
+  padding-right: var(--pf-v5-c-pagination--m-sticky--PaddingRight);
+  padding-bottom: var(--pf-v5-c-pagination--m-sticky--PaddingBottom);
+  padding-left: var(--pf-v5-c-pagination--m-sticky--PaddingLeft);
+  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-c-pagination.pf-m-sticky {
-    padding: var(--pf-c-pagination--m-sticky--md--PaddingTop) var(--pf-c-pagination--m-sticky--md--PaddingRight) var(--pf-c-pagination--m-sticky--md--PaddingBottom) var(--pf-c-pagination--m-sticky--md--PaddingLeft);
+  .pf-v5-c-pagination.pf-m-sticky {
+    padding: var(--pf-v5-c-pagination--m-sticky--md--PaddingTop) var(--pf-v5-c-pagination--m-sticky--md--PaddingRight) var(--pf-v5-c-pagination--m-sticky--md--PaddingBottom) var(--pf-v5-c-pagination--m-sticky--md--PaddingLeft);
   }
 }
-.pf-c-pagination .pf-c-options-menu__toggle {
-  font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
+.pf-v5-c-pagination .pf-v5-c-options-menu__toggle {
+  font-size: var(--pf-v5-c-pagination--c-options-menu__toggle--FontSize);
 }
-.pf-c-pagination.pf-m-compact {
-  --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
+.pf-v5-c-pagination.pf-m-compact {
+  --pf-v5-c-pagination--child--MarginRight: var(--pf-v5-c-pagination--m-compact--child--MarginRight);
 }
-.pf-c-pagination.pf-m-page-insets {
-  --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
+.pf-v5-c-pagination.pf-m-page-insets {
+  --pf-v5-c-pagination--inset: var(--pf-v5-c-pagination--m-page-insets--inset);
 }
 
-.pf-c-pagination__nav {
-  display: var(--pf-c-pagination__nav--Display);
+.pf-v5-c-pagination__nav {
+  display: var(--pf-v5-c-pagination__nav--Display);
   justify-content: flex-end;
-  visibility: var(--pf-c-pagination__nav--Visibility);
 }
 
-.pf-c-pagination__nav-control .pf-c-button {
-  padding-right: var(--pf-c-pagination__nav-control--c-button--PaddingRight);
-  padding-left: var(--pf-c-pagination__nav-control--c-button--PaddingLeft);
-  font-size: var(--pf-c-pagination__nav-control--c-button--FontSize);
+.pf-v5-c-pagination__nav-control .pf-v5-c-button {
+  padding-right: var(--pf-v5-c-pagination__nav-control--c-button--PaddingRight);
+  padding-left: var(--pf-v5-c-pagination__nav-control--c-button--PaddingLeft);
+  font-size: var(--pf-v5-c-pagination__nav-control--c-button--FontSize);
 }
-.pf-c-pagination.pf-m-compact .pf-c-pagination__nav-control + .pf-c-pagination__nav-control {
-  margin-left: var(--pf-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
+.pf-v5-c-pagination.pf-m-compact .pf-v5-c-pagination__nav-control + .pf-v5-c-pagination__nav-control {
+  margin-left: var(--pf-v5-c-pagination--m-compact__nav-control--nav-control--MarginLeft);
 }
 
-.pf-c-pagination__nav-page-select {
+.pf-v5-c-pagination__nav-page-select {
   display: flex;
   align-items: center;
-  padding-right: var(--pf-c-pagination__nav-page-select--PaddingRight);
-  padding-left: var(--pf-c-pagination__nav-page-select--PaddingLeft);
+  padding-right: var(--pf-v5-c-pagination__nav-page-select--PaddingRight);
+  padding-left: var(--pf-v5-c-pagination__nav-page-select--PaddingLeft);
 }
-.pf-c-pagination__nav-page-select > * {
-  font-size: var(--pf-c-pagination__nav-page-select--FontSize);
+.pf-v5-c-pagination__nav-page-select > * {
+  font-size: var(--pf-v5-c-pagination__nav-page-select--FontSize);
   white-space: nowrap;
 }
-.pf-c-pagination__nav-page-select > *:not(:last-child) {
-  margin-right: var(--pf-c-pagination__nav-page-select--child--MarginRight);
+.pf-v5-c-pagination__nav-page-select > *:not(:last-child) {
+  margin-right: var(--pf-v5-c-pagination__nav-page-select--child--MarginRight);
 }
-.pf-c-pagination__nav-page-select .pf-c-form-control {
-  width: var(--pf-c-pagination__nav-page-select--c-form-control--Width);
+.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);
 }
 
-.pf-c-pagination__total-items {
-  display: var(--pf-c-pagination__total-items--Display);
-  visibility: var(--pf-c-pagination__total-items--Visibility);
+.pf-v5-c-pagination__total-items {
+  display: var(--pf-v5-c-pagination__total-items--Display);
 }
 
-.pf-c-pagination.pf-m-display-summary {
-  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-  --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-  --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+.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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
 }
-.pf-c-pagination.pf-m-display-full {
-  --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-  --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-  --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-  --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-  --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-  --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+.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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
 }
-.pf-c-pagination.pf-m-inset-none {
-  --pf-c-pagination--inset: 0;
+.pf-v5-c-pagination.pf-m-inset-none {
+  --pf-v5-c-pagination--inset: 0;
 }
-.pf-c-pagination.pf-m-inset-sm {
-  --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+.pf-v5-c-pagination.pf-m-inset-sm {
+  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
 }
-.pf-c-pagination.pf-m-inset-md {
-  --pf-c-pagination--inset: var(--pf-global--spacer--md);
+.pf-v5-c-pagination.pf-m-inset-md {
+  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
 }
-.pf-c-pagination.pf-m-inset-lg {
-  --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+.pf-v5-c-pagination.pf-m-inset-lg {
+  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
 }
-.pf-c-pagination.pf-m-inset-xl {
-  --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+.pf-v5-c-pagination.pf-m-inset-xl {
+  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
 }
-.pf-c-pagination.pf-m-inset-2xl {
-  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+.pf-v5-c-pagination.pf-m-inset-2xl {
+  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
 }
 @media (min-width: 576px) {
-  .pf-c-pagination.pf-m-display-summary-on-sm {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
-  .pf-c-pagination.pf-m-display-full-on-sm {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-c-pagination.pf-m-inset-none-on-sm {
-    --pf-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-none-on-sm {
+    --pf-v5-c-pagination--inset: 0;
   }
-  .pf-c-pagination.pf-m-inset-sm-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
   }
-  .pf-c-pagination.pf-m-inset-md-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  .pf-v5-c-pagination.pf-m-inset-md-on-sm {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
   }
-  .pf-c-pagination.pf-m-inset-lg-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  .pf-v5-c-pagination.pf-m-inset-lg-on-sm {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
   }
-  .pf-c-pagination.pf-m-inset-xl-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  .pf-v5-c-pagination.pf-m-inset-xl-on-sm {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
   }
-  .pf-c-pagination.pf-m-inset-2xl-on-sm {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  .pf-v5-c-pagination.pf-m-inset-2xl-on-sm {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
 }
 @media (min-width: 768px) {
-  .pf-c-pagination.pf-m-display-summary-on-md {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
-  .pf-c-pagination.pf-m-display-full-on-md {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-c-pagination.pf-m-inset-none-on-md {
-    --pf-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-none-on-md {
+    --pf-v5-c-pagination--inset: 0;
   }
-  .pf-c-pagination.pf-m-inset-sm-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  .pf-v5-c-pagination.pf-m-inset-sm-on-md {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
   }
-  .pf-c-pagination.pf-m-inset-md-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  .pf-v5-c-pagination.pf-m-inset-md-on-md {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
   }
-  .pf-c-pagination.pf-m-inset-lg-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  .pf-v5-c-pagination.pf-m-inset-lg-on-md {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
   }
-  .pf-c-pagination.pf-m-inset-xl-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  .pf-v5-c-pagination.pf-m-inset-xl-on-md {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
   }
-  .pf-c-pagination.pf-m-inset-2xl-on-md {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  .pf-v5-c-pagination.pf-m-inset-2xl-on-md {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
 }
 @media (min-width: 992px) {
-  .pf-c-pagination.pf-m-display-summary-on-lg {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
-  .pf-c-pagination.pf-m-display-full-on-lg {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-c-pagination.pf-m-inset-none-on-lg {
-    --pf-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-none-on-lg {
+    --pf-v5-c-pagination--inset: 0;
   }
-  .pf-c-pagination.pf-m-inset-sm-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
   }
-  .pf-c-pagination.pf-m-inset-md-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  .pf-v5-c-pagination.pf-m-inset-md-on-lg {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
   }
-  .pf-c-pagination.pf-m-inset-lg-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  .pf-v5-c-pagination.pf-m-inset-lg-on-lg {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
   }
-  .pf-c-pagination.pf-m-inset-xl-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  .pf-v5-c-pagination.pf-m-inset-xl-on-lg {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
   }
-  .pf-c-pagination.pf-m-inset-2xl-on-lg {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  .pf-v5-c-pagination.pf-m-inset-2xl-on-lg {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
 }
 @media (min-width: 1200px) {
-  .pf-c-pagination.pf-m-display-summary-on-xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
-  .pf-c-pagination.pf-m-display-full-on-xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-c-pagination.pf-m-inset-none-on-xl {
-    --pf-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-none-on-xl {
+    --pf-v5-c-pagination--inset: 0;
   }
-  .pf-c-pagination.pf-m-inset-sm-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
   }
-  .pf-c-pagination.pf-m-inset-md-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  .pf-v5-c-pagination.pf-m-inset-md-on-xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
   }
-  .pf-c-pagination.pf-m-inset-lg-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  .pf-v5-c-pagination.pf-m-inset-lg-on-xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
   }
-  .pf-c-pagination.pf-m-inset-xl-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  .pf-v5-c-pagination.pf-m-inset-xl-on-xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
   }
-  .pf-c-pagination.pf-m-inset-2xl-on-xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  .pf-v5-c-pagination.pf-m-inset-2xl-on-xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
 }
 @media (min-width: 1450px) {
-  .pf-c-pagination.pf-m-display-summary-on-2xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-summary__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-summary--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-summary--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-summary__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-summary__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-summary--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-summary__total-items--Display);
   }
-  .pf-c-pagination.pf-m-display-full-on-2xl {
-    --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-full__nav--Display);
-    --pf-c-pagination__nav--Visibility: var(--pf-c-pagination--m-display-full__nav--Visibility);
-    --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
-    --pf-c-pagination--c-options-menu--Visibility: var(--pf-c-pagination--m-display-full--c-options-menu--Visibility);
-    --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
-    --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
+  .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-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
+    --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
   }
-  .pf-c-pagination.pf-m-inset-none-on-2xl {
-    --pf-c-pagination--inset: 0;
+  .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
+    --pf-v5-c-pagination--inset: 0;
   }
-  .pf-c-pagination.pf-m-inset-sm-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
   }
-  .pf-c-pagination.pf-m-inset-md-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  .pf-v5-c-pagination.pf-m-inset-md-on-2xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--md);
   }
-  .pf-c-pagination.pf-m-inset-lg-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  .pf-v5-c-pagination.pf-m-inset-lg-on-2xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--lg);
   }
-  .pf-c-pagination.pf-m-inset-xl-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  .pf-v5-c-pagination.pf-m-inset-xl-on-2xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--xl);
   }
-  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
-    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  .pf-v5-c-pagination.pf-m-inset-2xl-on-2xl {
+    --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
   }
 }
 
-:where(.pf-theme-dark) .pf-c-pagination {
-  --pf-c-pagination--m-sticky--BackgroundColor: var(--pf-global--BackgroundColor--300);
+:where(.pf-v5-theme-dark) .pf-v5-c-pagination {
+  --pf-v5-c-pagination--m-sticky--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
 }