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

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);
 }

package/css/components/Pagination/pagination.d.ts

@@ -1,16 +1,13 @@
 import './pagination.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -65,7 +62,7 @@ declare const _default: {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };
 export default _default;

package/css/components/Pagination/pagination.js

@@ -2,17 +2,14 @@
 exports.__esModule = true;
 require('./pagination.css');
 exports.default = {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -67,6 +64,6 @@ exports.default = {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };

package/css/components/Pagination/pagination.mjs

@@ -1,16 +1,13 @@
 import './pagination.css';
 export default {
-  "button": "pf-v5-c-button",
   "dirRtl": "pf-v5-m-dir-rtl",
   "formControl": "pf-v5-c-form-control",
-  "menuToggle": "pf-v5-c-menu-toggle",
   "modifiers": {
     "bottom": "pf-m-bottom",
     "static": "pf-m-static",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
-    "compact": "pf-m-compact",
     "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
@@ -65,6 +62,6 @@ export default {
   "paginationNav": "pf-v5-c-pagination__nav",
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
-  "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark"
+  "paginationPageMenu": "pf-v5-c-pagination__page-menu",
+  "paginationTotalItems": "pf-v5-c-pagination__total-items"
 };

package/css/components/Popover/popover.css

@@ -157,12 +157,10 @@
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;

package/css/components/SimpleList/simple-list.css

@@ -1,31 +1,28 @@
-.pf-v5-c-simple-list {
-  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-v5-global--spacer--xs);
-  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--m-current--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--focus--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
-  --pf-v5-c-simple-list__item-link--active--FontWeight: var(--pf-v5-global--FontWeight--normal);
-  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-v5-global--spacer--md);
-  --pf-v5-c-simple-list__title--FontSize: var(--pf-v5-global--FontSize--sm);
-  --pf-v5-c-simple-list__title--Color: var(--pf-v5-global--Color--dark-200);
-  --pf-v5-c-simple-list__title--FontWeight: var(--pf-v5-global--FontWeight--bold);
-  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-v5-global--spacer--sm);
+:root, .pf-v5-c-simple-list {
+  --pf-v5-c-simple-list__item-link--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v5-c-simple-list__item-link--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
+  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
+  --pf-v5-c-simple-list__item-link--BorderRadius: var(--pf-t--global--border--radius--tiny);
+  --pf-v5-c-simple-list__item-link--m-link--Color: var(--pf-t--global--text--color--link--default);
+  --pf-v5-c-simple-list__item-link--m-link--m-current--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__item-link--m-link--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v5-c-simple-list__title--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingRight: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v5-c-simple-list__title--PaddingLeft: var(--pf-t--global--spacer--md);
+  --pf-v5-c-simple-list__title--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v5-c-simple-list__title--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-simple-list__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v5-c-simple-list__section--section--MarginTop: var(--pf-t--global--spacer--sm);
 }
 
 .pf-v5-c-simple-list__item-link {
@@ -36,31 +33,28 @@
   padding-inline-start: var(--pf-v5-c-simple-list__item-link--PaddingLeft);
   padding-inline-end: var(--pf-v5-c-simple-list__item-link--PaddingRight);
   font-size: var(--pf-v5-c-simple-list__item-link--FontSize);
-  font-weight: var(--pf-v5-c-simple-list__item-link--FontWeight);
   color: var(--pf-v5-c-simple-list__item-link--Color);
   text-align: start;
+  text-decoration: none;
   background-color: var(--pf-v5-c-simple-list__item-link--BackgroundColor);
   border: none;
+  border-radius: var(--pf-v5-c-simple-list__item-link--BorderRadius);
+}
+.pf-v5-c-simple-list__item-link.pf-m-link {
+  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-link--Color);
+  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-c-simple-list__item-link--m-link--m-current--Color);
+  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-c-simple-list__item-link--m-link--hover--Color);
 }
-.pf-v5-c-simple-list__item-link:hover {
+.pf-v5-c-simple-list__item-link:hover, .pf-v5-c-simple-list__item-link:focus {
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--hover--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--hover--Color);
   text-decoration: none;
-}
-.pf-v5-c-simple-list__item-link:focus {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--focus--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--focus--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--focus--Color);
-}
-.pf-v5-c-simple-list__item-link:active {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--active--FontWeight);
-  --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--active--BackgroundColor);
-  --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--active--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 .pf-v5-c-simple-list__item-link.pf-m-current {
-  --pf-v5-c-simple-list__item-link--FontWeight: var(--pf-v5-c-simple-list__item-link--m-current--FontWeight);
   --pf-v5-c-simple-list__item-link--BackgroundColor: var(--pf-v5-c-simple-list__item-link--m-current--BackgroundColor);
   --pf-v5-c-simple-list__item-link--Color: var(--pf-v5-c-simple-list__item-link--m-current--Color);
+  mix-blend-mode: var(--pf-v5-c-simple-list__item-link--MixBlendMode);
 }
 
 .pf-v5-c-simple-list__title {
@@ -75,15 +69,4 @@
 
 .pf-v5-c-simple-list__section + .pf-v5-c-simple-list__section {
   margin-block-start: var(--pf-v5-c-simple-list__section--section--MarginTop);
-}
-
-:where(.pf-v5-theme-dark) .pf-v5-c-simple-list {
-  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-v5-global--active-color--100);
-  --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--focus--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
-  --pf-v5-c-simple-list__item-link--active--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-simple-list__item-link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
 }

package/css/components/SimpleList/simple-list.d.ts

@@ -1,12 +1,12 @@
 import './simple-list.css';
 declare const _default: {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };
 export default _default;

package/css/components/SimpleList/simple-list.js

@@ -3,11 +3,11 @@ exports.__esModule = true;
 require('./simple-list.css');
 exports.default = {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };

package/css/components/SimpleList/simple-list.mjs

@@ -1,11 +1,11 @@
 import './simple-list.css';
 export default {
   "modifiers": {
+    "link": "pf-m-link",
     "current": "pf-m-current"
   },
   "simpleList": "pf-v5-c-simple-list",
   "simpleListItemLink": "pf-v5-c-simple-list__item-link",
   "simpleListSection": "pf-v5-c-simple-list__section",
-  "simpleListTitle": "pf-v5-c-simple-list__title",
-  "themeDark": "pf-v5-theme-dark"
+  "simpleListTitle": "pf-v5-c-simple-list__title"
 };