@patternfly/react-styles 4.92.2 → 5.0.0-alpha.1

package/css/components/Page/page.css

@@ -40,66 +40,51 @@
 }
 
 .pf-c-page__header-tools-item, .pf-c-page__header-tools-group {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-m-hidden.pf-c-page__header-tools-item, .pf-m-hidden.pf-c-page__header-tools-group {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-m-hidden-on-sm.pf-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-sm.pf-c-page__header-tools-item, .pf-m-visible-on-sm.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-m-hidden-on-md.pf-c-page__header-tools-item, .pf-m-hidden-on-md.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-md.pf-c-page__header-tools-item, .pf-m-visible-on-md.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-m-hidden-on-lg.pf-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-lg.pf-c-page__header-tools-item, .pf-m-visible-on-lg.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-m-hidden-on-xl.pf-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-xl.pf-c-page__header-tools-item, .pf-m-visible-on-xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-m-hidden-on-2xl.pf-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-m-visible-on-2xl.pf-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-c-page__header-tools-group {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 

package/css/components/Pagination/pagination.css

@@ -18,11 +18,8 @@
   --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);
@@ -43,11 +40,8 @@
   --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);
@@ -67,11 +61,8 @@
   --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;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -89,11 +80,8 @@
     --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;
   }
 }
 @media screen and (min-width: 1200px) {
@@ -109,7 +97,6 @@
 }
 .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);
@@ -138,18 +125,15 @@
 .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: none;
-  visibility: hidden;
 }
 .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
   position: absolute;
   display: block;
-  visibility: visible;
 }
 .pf-c-pagination.pf-m-bottom .pf-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 {
@@ -164,7 +148,6 @@
 .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;
-    visibility: visible;
   }
   .pf-c-pagination.pf-m-bottom .pf-c-options-menu {
     position: relative;
@@ -204,7 +187,6 @@
 .pf-c-pagination__nav {
   display: var(--pf-c-pagination__nav--Display);
   justify-content: flex-end;
-  visibility: var(--pf-c-pagination__nav--Visibility);
 }
 
 .pf-c-pagination__nav-control .pf-c-button {
@@ -235,24 +217,17 @@
 
 .pf-c-pagination__total-items {
   display: var(--pf-c-pagination__total-items--Display);
-  visibility: var(--pf-c-pagination__total-items--Visibility);
 }
 
 .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-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-c-pagination.pf-m-inset-none {
   --pf-c-pagination--inset: 0;
@@ -275,19 +250,13 @@
 @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-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-c-pagination.pf-m-inset-none-on-sm {
     --pf-c-pagination--inset: 0;
@@ -311,19 +280,13 @@
 @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-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-c-pagination.pf-m-inset-none-on-md {
     --pf-c-pagination--inset: 0;
@@ -347,19 +310,13 @@
 @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-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-c-pagination.pf-m-inset-none-on-lg {
     --pf-c-pagination--inset: 0;
@@ -383,19 +340,13 @@
 @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-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-c-pagination.pf-m-inset-none-on-xl {
     --pf-c-pagination--inset: 0;
@@ -419,19 +370,13 @@
 @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-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-c-pagination.pf-m-inset-none-on-2xl {
     --pf-c-pagination--inset: 0;

package/css/components/Progress/progress.css

@@ -80,7 +80,6 @@
 }
 .pf-c-progress.pf-m-singleline .pf-c-progress__description {
   display: none;
-  visibility: hidden;
 }
 .pf-c-progress.pf-m-singleline .pf-c-progress__bar {
   grid-row: 1/2;

package/css/components/Radio/radio.css

@@ -15,8 +15,6 @@
   display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-c-radio--GridGap);
-  align-items: start;
-  justify-items: start;
 }
 .pf-c-radio.pf-m-standalone {
   --pf-c-radio--GridGap: 0;
@@ -55,6 +53,10 @@
   margin-top: var(--pf-c-radio__body--MarginTop);
 }
 
+.pf-c-radio__label,
+.pf-c-radio__input {
+  justify-self: start;
+}
 label.pf-c-radio, .pf-c-radio__label,
 .pf-c-radio__input {
   cursor: pointer;

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

@@ -24,7 +24,7 @@
   --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
   --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
-  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--bold);
   --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
 }
 

package/css/components/SkipToContent/skip-to-content.css

@@ -7,6 +7,6 @@
   left: -300%;
   z-index: var(--pf-c-skip-to-content--ZIndex);
 }
-.pf-c-skip-to-content:focus {
+.pf-c-skip-to-content:focus-within {
   left: var(--pf-c-skip-to-content--focus--Left);
 }

package/css/components/Switch/switch.css

@@ -76,7 +76,6 @@
 }
 .pf-c-switch__input:not(:checked) ~ .pf-c-switch__toggle .pf-c-switch__toggle-icon {
   display: none;
-  visibility: hidden;
 }
 .pf-c-switch__input:not(:checked) ~ .pf-m-on {
   display: none;

package/css/components/Table/table-grid.css

@@ -102,7 +102,6 @@
 }
 .pf-m-grid.pf-c-table thead {
   display: none;
-  visibility: hidden;
 }
 .pf-m-grid.pf-c-table tbody {
   display: block;
@@ -252,7 +251,6 @@
 }
 .pf-m-grid.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
   display: none;
-  visibility: hidden;
 }
 .pf-m-grid.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
   padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -406,7 +404,6 @@
   }
   .pf-m-grid-md.pf-c-table thead {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-md.pf-c-table tbody {
     display: block;
@@ -556,7 +553,6 @@
   }
   .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-md.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
     padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -723,7 +719,6 @@
   }
   .pf-m-grid-lg.pf-c-table thead {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-lg.pf-c-table tbody {
     display: block;
@@ -873,7 +868,6 @@
   }
   .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-lg.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
     padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -1040,7 +1034,6 @@
   }
   .pf-m-grid-xl.pf-c-table thead {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-xl.pf-c-table tbody {
     display: block;
@@ -1190,7 +1183,6 @@
   }
   .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
     padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);
@@ -1357,7 +1349,6 @@
   }
   .pf-m-grid-2xl.pf-c-table thead {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-2xl.pf-c-table tbody {
     display: block;
@@ -1507,7 +1498,6 @@
   }
   .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row:not(.pf-m-expanded) {
     display: none;
-    visibility: hidden;
   }
   .pf-m-grid-2xl.pf-c-table .pf-c-table__expandable-row .pf-c-table__expandable-row-content {
     padding-right: var(--pf-c-table__expandable-row-content--responsive--PaddingRight);

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

@@ -82,7 +82,6 @@
 
 .pf-c-table__tree-view-details-toggle {
   display: none;
-  visibility: hidden;
 }
 
 .pf-m-tree-view-grid.pf-c-table {
@@ -144,7 +143,6 @@
 }
 .pf-m-tree-view-grid.pf-c-table thead th {
   display: none;
-  visibility: none;
 }
 .pf-m-tree-view-grid.pf-c-table td {
   display: none;
@@ -171,12 +169,10 @@
 }
 .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-title-header-cell {
   display: block;
-  visibility: visible;
 }
 .pf-m-tree-view-grid.pf-c-table .pf-c-table__tree-view-details-toggle,
 .pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
   display: inline-block;
-  visibility: visible;
 }
 .pf-m-tree-view-grid.pf-c-table .pf-c-table__action {
   --pf-c-table--cell--Width: auto;
@@ -287,7 +283,6 @@
   }
   .pf-m-tree-view-grid-md.pf-c-table thead th {
     display: none;
-    visibility: none;
   }
   .pf-m-tree-view-grid-md.pf-c-table td {
     display: none;
@@ -314,12 +309,10 @@
   }
   .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__tree-view-title-header-cell {
     display: block;
-    visibility: visible;
   }
   .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 {
     display: inline-block;
-    visibility: visible;
   }
   .pf-m-tree-view-grid-md.pf-c-table .pf-c-table__action {
     --pf-c-table--cell--Width: auto;
@@ -431,7 +424,6 @@
   }
   .pf-m-tree-view-grid-lg.pf-c-table thead th {
     display: none;
-    visibility: none;
   }
   .pf-m-tree-view-grid-lg.pf-c-table td {
     display: none;
@@ -458,12 +450,10 @@
   }
   .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__tree-view-title-header-cell {
     display: block;
-    visibility: visible;
   }
   .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 {
     display: inline-block;
-    visibility: visible;
   }
   .pf-m-tree-view-grid-lg.pf-c-table .pf-c-table__action {
     --pf-c-table--cell--Width: auto;
@@ -575,7 +565,6 @@
   }
   .pf-m-tree-view-grid-xl.pf-c-table thead th {
     display: none;
-    visibility: none;
   }
   .pf-m-tree-view-grid-xl.pf-c-table td {
     display: none;
@@ -602,12 +591,10 @@
   }
   .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
     display: block;
-    visibility: visible;
   }
   .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 {
     display: inline-block;
-    visibility: visible;
   }
   .pf-m-tree-view-grid-xl.pf-c-table .pf-c-table__action {
     --pf-c-table--cell--Width: auto;
@@ -719,7 +706,6 @@
   }
   .pf-m-tree-view-grid-2xl.pf-c-table thead th {
     display: none;
-    visibility: none;
   }
   .pf-m-tree-view-grid-2xl.pf-c-table td {
     display: none;
@@ -746,12 +732,10 @@
   }
   .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__tree-view-title-header-cell {
     display: block;
-    visibility: visible;
   }
   .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 {
     display: inline-block;
-    visibility: visible;
   }
   .pf-m-tree-view-grid-2xl.pf-c-table .pf-c-table__action {
     --pf-c-table--cell--Width: auto;

package/css/components/Table/table.css

@@ -9,66 +9,51 @@
 }
 
 .pf-c-table tr > * {
-  --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
-  --pf-hidden-visible--hidden--Visibility: hidden;
   --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   display: var(--pf-hidden-visible--Display);
-  visibility: var(--pf-hidden-visible--Visibility);
 }
 .pf-c-table tr > .pf-m-hidden {
   --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-  --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
 }
 @media screen and (min-width: 576px) {
   .pf-c-table tr > .pf-m-hidden-on-sm {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-c-table tr > .pf-m-visible-on-sm {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 768px) {
   .pf-c-table tr > .pf-m-hidden-on-md {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-c-table tr > .pf-m-visible-on-md {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 992px) {
   .pf-c-table tr > .pf-m-hidden-on-lg {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-c-table tr > .pf-m-visible-on-lg {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1200px) {
   .pf-c-table tr > .pf-m-hidden-on-xl {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-c-table tr > .pf-m-visible-on-xl {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 @media screen and (min-width: 1450px) {
   .pf-c-table tr > .pf-m-hidden-on-2xl {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--hidden--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--hidden--Visibility);
   }
   .pf-c-table tr > .pf-m-visible-on-2xl {
     --pf-hidden-visible--Display: var(--pf-hidden-visible--visible--Display);
-    --pf-hidden-visible--Visibility: var(--pf-hidden-visible--visible--Visibility);
   }
 }
 
@@ -946,7 +931,6 @@
 }
 .pf-c-table__expandable-row:not(.pf-m-expanded) {
   display: none;
-  visibility: hidden;
 }
 
 .pf-c-table__compound-expansion-toggle.pf-m-expanded:first-child,