@patternfly/patternfly 5.0.0-alpha.2 → 5.0.0-alpha.21

package/components/Pagination/pagination.css

@@ -7,6 +7,11 @@
 }
 
 .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);
@@ -62,6 +67,8 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
+  padding-right: var(--pf-c-pagination--PaddingRight);
+  padding-left: var(--pf-c-pagination--PaddingLeft);
 }
 @media screen and (min-width: 768px) {
   .pf-c-pagination {
@@ -81,6 +88,8 @@
   .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) {
@@ -136,8 +145,8 @@
     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);
   }
   .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-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 {
     display: block;
   }
   .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
@@ -171,6 +180,9 @@
 .pf-c-pagination.pf-m-compact {
   --pf-c-pagination--child--MarginRight: var(--pf-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-c-pagination__nav {
   display: var(--pf-c-pagination__nav--Display);
@@ -217,6 +229,24 @@
   --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
   --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
 }
+.pf-c-pagination.pf-m-inset-none {
+  --pf-c-pagination--inset: 0;
+}
+.pf-c-pagination.pf-m-inset-sm {
+  --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+}
+.pf-c-pagination.pf-m-inset-md {
+  --pf-c-pagination--inset: var(--pf-global--spacer--md);
+}
+.pf-c-pagination.pf-m-inset-lg {
+  --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+}
+.pf-c-pagination.pf-m-inset-xl {
+  --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+}
+.pf-c-pagination.pf-m-inset-2xl {
+  --pf-c-pagination--inset: var(--pf-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);
@@ -228,6 +258,24 @@
     --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   }
+  .pf-c-pagination.pf-m-inset-none-on-sm {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 768px) {
   .pf-c-pagination.pf-m-display-summary-on-md {
@@ -240,6 +288,24 @@
     --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   }
+  .pf-c-pagination.pf-m-inset-none-on-md {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 992px) {
   .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -252,6 +318,24 @@
     --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   }
+  .pf-c-pagination.pf-m-inset-none-on-lg {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 1200px) {
   .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -264,6 +348,24 @@
     --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   }
+  .pf-c-pagination.pf-m-inset-none-on-xl {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 1450px) {
   .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -276,6 +378,24 @@
     --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   }
+  .pf-c-pagination.pf-m-inset-none-on-2xl {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 
 :where(.pf-theme-dark) .pf-c-pagination {

package/components/Pagination/pagination.scss

@@ -1,6 +1,15 @@
 $pf-c-pagination--breakpoint-map: build-breakpoint-map();
+$pf-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
 
 .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);
+
+  // Page insets
+  --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);
+
   // children
   --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
   --pf-c-pagination--m-bottom--child--MarginRight: 0;
@@ -86,12 +95,16 @@ $pf-c-pagination--breakpoint-map: build-breakpoint-map();
   @media screen and (min-width: $pf-global--breakpoint--xl) {
     --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);
   }
 
   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);
 
   // stylelint-disable selector-not-notation
   // update to single :not() in breaking change
@@ -194,7 +207,6 @@ $pf-c-pagination--breakpoint-map: build-breakpoint-map();
     }
   }
 
-
   .pf-c-options-menu__toggle {
     font-size: var(--pf-c-pagination--c-options-menu__toggle--FontSize);
   }
@@ -202,8 +214,13 @@ $pf-c-pagination--breakpoint-map: build-breakpoint-map();
   &.pf-m-compact {
     --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
   }
+
+  &.pf-m-page-insets {
+    --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
+  }
 }
 
+
 // nav
 .pf-c-pagination__nav {
   display: var(--pf-c-pagination__nav--Display);
@@ -268,6 +285,12 @@ $pf-c-pagination--breakpoint-map: build-breakpoint-map();
         --pf-c-pagination--c-options-menu--Display: var(--pf-c-pagination--m-display-full--c-options-menu--Display);
         --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
       }
+
+      @each $spacer, $spacer-value in $pf-c-pagination--variable-map {
+        &.pf-m-inset-#{$spacer}#{$breakpoint-name} {
+          --pf-c-pagination--inset: #{$spacer-value};
+        }
+      }
     }
   }
 }

package/components/Popover/popover.css

@@ -172,14 +172,9 @@
 }
 
 :where(.pf-theme-dark) .pf-c-popover {
-  --pf-c-popover--BoxShadow: none;
-  --pf-c-popover__arrow--BoxShadow: none;
-  --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
+  --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
+  --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
   --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
   --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
   --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
-}
-:where(.pf-theme-dark) .pf-c-popover,
-:where(.pf-theme-dark) .pf-c-popover .pf-c-popover__arrow {
-  border: 4px solid var(--pf-global--BorderColor--400);
 }

package/components/Popover/themes/dark/popover.scss

@@ -2,16 +2,10 @@
 
 @mixin pf-theme-dark-popover() {
   .pf-c-popover {
-    --pf-c-popover--BoxShadow: none;
-    --pf-c-popover__arrow--BoxShadow: none;
-    --pf-c-popover__arrow--BackgroundColor: var(--pf-c-popover__content--BackgroundColor);
+    --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
+    --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
     --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
     --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
     --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
-
-    &,
-    .pf-c-popover__arrow {
-      border: 4px solid var(--pf-global--BorderColor--400);
-    }
   }
 }

package/components/Progress/progress.css

@@ -4,8 +4,8 @@
   --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
   --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch;
+  --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
   --pf-c-progress__status-icon--Color: var(--pf-global--Color--100);
-  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-progress__bar--before--Opacity: .2;
   --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
   --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -118,14 +118,17 @@
 }
 
 .pf-c-progress__status {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
   grid-column: 2/3;
   grid-row: 1/2;
   text-align: right;
   word-break: break-word;
+  gap: var(--pf-c-progress__status--Gap);
 }
 
 .pf-c-progress__status-icon {
-  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
   color: var(--pf-c-progress__status-icon--Color);
 }
 

package/components/Progress/progress.scss

@@ -7,8 +7,8 @@
   --pf-c-progress__bar--Height: var(--pf-global--spacer--md);
   --pf-c-progress__bar--BackgroundColor: var(--pf-global--BackgroundColor--light-100); // the bar always needs white under it so that the semi-transparent color shows correctly
   --pf-c-progress__measure--m-static-width--MinWidth: 4.5ch; // 4.5 because the % character is wider than a 0
+  --pf-c-progress__status--Gap: var(--pf-global--spacer--sm);
   --pf-c-progress__status-icon--Color: var(--pf-global--Color--100); // the status icon default color is the default text color
-  --pf-c-progress__status-icon--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-progress__bar--before--Opacity: .2; // one-off change in opacity to allow progress bar to automatically coordinate with the indicator color
   --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
   --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
@@ -158,15 +158,18 @@
 
 // the progress__status is displayed in the upper right
 .pf-c-progress__status {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
   grid-column: 2 / 3;
   grid-row: 1 / 2;
   text-align: right;
   word-break: break-word;
+  gap: var(--pf-c-progress__status--Gap);
 }
 
 // the progress__status-icon is an icon displayed always in the upper right
 .pf-c-progress__status-icon {
-  margin-left: var(--pf-c-progress__status-icon--MarginLeft);
   color: var(--pf-c-progress__status-icon--Color);
 }
 

package/components/SearchInput/search-input.css

@@ -12,6 +12,7 @@
   --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-search-input__text-input--MinWidth: 6ch;
   --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200);
+  --pf-c-search-input__text-input--BackgroundColor: transparent;
   --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
   --pf-c-search-input__icon--Color: var(--pf-global--Color--200);
   --pf-c-search-input__text--hover__icon--Color: var(--pf-global--Color--100);
@@ -99,6 +100,7 @@
   width: 100%;
   min-width: var(--pf-c-search-input__text-input--MinWidth);
   padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
+  background-color: var(--pf-c-search-input__text-input--BackgroundColor);
   border: 0;
 }
 .pf-c-search-input__text-input, .pf-c-search-input__text-input.pf-m-hint {

package/components/SearchInput/search-input.scss

@@ -17,6 +17,7 @@
   --pf-c-search-input__text-input--PaddingLeft: var(--pf-global--spacer--xl);
   --pf-c-search-input__text-input--MinWidth: 6ch;
   --pf-c-search-input__text-input--m-hint--Color: var(--pf-global--Color--dark-200); // matches placeholder text color
+  --pf-c-search-input__text-input--BackgroundColor: transparent;
 
   // Icon
   --pf-c-search-input__icon--Left: var(--pf-global--spacer--sm);
@@ -120,6 +121,7 @@
   width: 100%;
   min-width: var(--pf-c-search-input__text-input--MinWidth);
   padding: var(--pf-c-search-input__text-input--PaddingTop) var(--pf-c-search-input__text-input--PaddingRight) var(--pf-c-search-input__text-input--PaddingBottom) var(--pf-c-search-input__text-input--PaddingLeft);
+  background-color: var(--pf-c-search-input__text-input--BackgroundColor);
   border: 0;
 
   &,

package/components/Slider/slider.css

@@ -182,13 +182,6 @@
   z-index: var(--pf-c-slider__value--m-floating--ZIndex);
   transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
 }
-.pf-c-slider__value.pf-m-floating .pf-c-input-group {
-  align-items: center;
-}
-.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
-  position: absolute;
-  left: 100%;
-}
 .pf-c-slider__value .pf-c-form-control {
   width: var(--pf-c-slider__value--c-form-control--Width);
 }

package/components/Slider/slider.scss

@@ -218,15 +218,6 @@
     left: var(--pf-c-slider__value--m-floating--Left);
     z-index: var(--pf-c-slider__value--m-floating--ZIndex);
     transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
-
-    .pf-c-input-group {
-      align-items: center;
-    }
-
-    .pf-c-input-group__text {
-      position: absolute;
-      left: 100%;
-    }
   }
 
   .pf-c-form-control {

package/components/Table/table-grid.css

@@ -418,7 +418,7 @@
     border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
   }
   .pf-m-grid-md.pf-c-table tr:last-child,
-.pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
+  .pf-m-grid-md.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
     border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
   }
   .pf-m-grid-md.pf-c-table tbody.pf-m-expanded {
@@ -563,7 +563,7 @@
     --pf-c-table--tbody--after--BorderLeftColor: transparent;
   }
   .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable,
-.pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
+  .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr {
     position: relative;
   }
   .pf-m-grid-md.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -593,9 +593,9 @@
     background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
   }
   .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
-.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
-.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
-.pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
+  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
+  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
+  .pf-m-grid-md.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -615,8 +615,8 @@
     --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
   }
   .pf-m-grid-md.pf-c-table .pf-c-table__check,
-.pf-m-grid-md.pf-c-table .pf-c-table__favorite,
-.pf-m-grid-md.pf-c-table .pf-c-table__action {
+  .pf-m-grid-md.pf-c-table .pf-c-table__favorite,
+  .pf-m-grid-md.pf-c-table .pf-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
   }
@@ -733,7 +733,7 @@
     border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
   }
   .pf-m-grid-lg.pf-c-table tr:last-child,
-.pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
+  .pf-m-grid-lg.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
     border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
   }
   .pf-m-grid-lg.pf-c-table tbody.pf-m-expanded {
@@ -878,7 +878,7 @@
     --pf-c-table--tbody--after--BorderLeftColor: transparent;
   }
   .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable,
-.pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
+  .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr {
     position: relative;
   }
   .pf-m-grid-lg.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -908,9 +908,9 @@
     background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
   }
   .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
-.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
-.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
-.pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
+  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
+  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
+  .pf-m-grid-lg.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -930,8 +930,8 @@
     --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
   }
   .pf-m-grid-lg.pf-c-table .pf-c-table__check,
-.pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
-.pf-m-grid-lg.pf-c-table .pf-c-table__action {
+  .pf-m-grid-lg.pf-c-table .pf-c-table__favorite,
+  .pf-m-grid-lg.pf-c-table .pf-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
   }
@@ -1048,7 +1048,7 @@
     border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
   }
   .pf-m-grid-xl.pf-c-table tr:last-child,
-.pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
+  .pf-m-grid-xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
     border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
   }
   .pf-m-grid-xl.pf-c-table tbody.pf-m-expanded {
@@ -1193,7 +1193,7 @@
     --pf-c-table--tbody--after--BorderLeftColor: transparent;
   }
   .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable,
-.pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
+  .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr {
     position: relative;
   }
   .pf-m-grid-xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -1223,9 +1223,9 @@
     background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
   }
   .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
-.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
-.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
-.pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
+  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
+  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
+  .pf-m-grid-xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -1245,8 +1245,8 @@
     --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
   }
   .pf-m-grid-xl.pf-c-table .pf-c-table__check,
-.pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
-.pf-m-grid-xl.pf-c-table .pf-c-table__action {
+  .pf-m-grid-xl.pf-c-table .pf-c-table__favorite,
+  .pf-m-grid-xl.pf-c-table .pf-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
   }
@@ -1363,7 +1363,7 @@
     border-bottom: var(--pf-c-table-tr--responsive--border-width--base) solid var(--pf-c-table--responsive--BorderColor);
   }
   .pf-m-grid-2xl.pf-c-table tr:last-child,
-.pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
+  .pf-m-grid-2xl.pf-c-table tbody:last-of-type:not(:only-of-type) > tr {
     border-bottom-width: var(--pf-c-table-tr--responsive--last-child--BorderBottomWidth);
   }
   .pf-m-grid-2xl.pf-c-table tbody.pf-m-expanded {
@@ -1508,7 +1508,7 @@
     --pf-c-table--tbody--after--BorderLeftColor: transparent;
   }
   .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable,
-.pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
+  .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr {
     position: relative;
   }
   .pf-m-grid-2xl.pf-c-table tbody.pf-m-hoverable > tr::after {
@@ -1538,9 +1538,9 @@
     background-color: var(--pf-c-table--tr--m-selected--after--BorderLeftColor);
   }
   .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__toggle,
-.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
-.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
-.pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
+  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__check,
+  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__favorite,
+  .pf-m-grid-2xl.pf-c-table tr:not(.pf-c-table__expandable-row) .pf-c-table__action {
     width: auto;
     padding: 0;
   }
@@ -1560,8 +1560,8 @@
     --pf-c-table--cell--PaddingLeft: var(--pf-c-table--m-grid--cell--PaddingLeft);
   }
   .pf-m-grid-2xl.pf-c-table .pf-c-table__check,
-.pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
-.pf-m-grid-2xl.pf-c-table .pf-c-table__action {
+  .pf-m-grid-2xl.pf-c-table .pf-c-table__favorite,
+  .pf-m-grid-2xl.pf-c-table .pf-c-table__action {
     grid-row-start: 1;
     grid-column-start: 2;
   }

package/components/Table/table-tree-view.css

@@ -311,7 +311,7 @@
     display: block;
   }
   .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-details-toggle,
-.pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
+  .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
     display: inline-block;
   }
   .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
@@ -452,7 +452,7 @@
     display: block;
   }
   .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-details-toggle,
-.pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
+  .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
     display: inline-block;
   }
   .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
@@ -593,7 +593,7 @@
     display: block;
   }
   .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-details-toggle,
-.pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
+  .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
     display: inline-block;
   }
   .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
@@ -734,7 +734,7 @@
     display: block;
   }
   .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-details-toggle,
-.pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
+  .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
     display: inline-block;
   }
   .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {

package/components/Table/table.css

@@ -768,6 +768,10 @@
   vertical-align: middle;
 }
 
+.pf-c-table__action {
+  text-align: right;
+}
+
 .pf-c-table__inline-edit-action {
   --pf-c-table--cell--PaddingLeft: 0;
   --pf-c-table--cell--PaddingRight: 0;

package/components/Table/table.scss

@@ -1010,6 +1010,10 @@
   vertical-align: middle;
 }
 
+.pf-c-table__action {
+  text-align: right;
+}
+
 // Inline edit
 .pf-c-table__inline-edit-action {
   --pf-c-table--cell--PaddingLeft: 0;

package/components/Tabs/tabs.css

@@ -115,7 +115,6 @@
   --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
   --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
-  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
   --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -589,9 +588,6 @@
   --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
   outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
 }
-.pf-c-tabs__item-action.pf-m-help {
-  --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
-}
 .pf-c-tabs__item-action:last-child {
   --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
 }