@patternfly/react-table 4.43.2 → 4.44.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.44.0 (2021-11-12)
+
+
+### Features
+
+* **card:** added hoverable/selectable/selected-raised variant ([#6565](https://github.com/patternfly/patternfly-react/issues/6565)) ([8c60568](https://github.com/patternfly/patternfly-react/commit/8c60568ba4fa18398fed636710e222ce506de82c))
+
+
+
+
+
 ## 4.43.2 (2021-11-12)
 
 **Note:** Version bump only for package @patternfly/react-table

package/dist/umd/react-table.css

@@ -7294,6 +7294,153 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
 }
 
+.pf-u-screen-reader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.pf-u-visible {
+  position: static;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  border: inherit;
+}
+
+.pf-u-hidden {
+  display: none !important;
+}
+
+@media screen and (min-width: 576px) {
+  .pf-u-screen-reader-on-sm {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-visible-on-sm {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-hidden-on-sm {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-screen-reader-on-md {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-visible-on-md {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-hidden-on-md {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-screen-reader-on-lg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-visible-on-lg {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-hidden-on-lg {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-screen-reader-on-xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-visible-on-xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-hidden-on-xl {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-screen-reader-on-2xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-visible-on-2xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-hidden-on-2xl {
+    display: none !important;
+  }
+}
 .pf-c-app-launcher {
   --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7523,153 +7670,6 @@ svg.pf-c-spinner.pf-m-xl {
   color: var(--pf-c-app-launcher__group-title--Color);
 }
 
-.pf-u-screen-reader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-.pf-u-visible {
-  position: static;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  border: inherit;
-}
-
-.pf-u-hidden {
-  display: none !important;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-u-screen-reader-on-sm {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-visible-on-sm {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-hidden-on-sm {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-screen-reader-on-md {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-visible-on-md {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-hidden-on-md {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-screen-reader-on-lg {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-visible-on-lg {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-hidden-on-lg {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-screen-reader-on-xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-visible-on-xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-hidden-on-xl {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-screen-reader-on-2xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-visible-on-2xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-hidden-on-2xl {
-    display: none !important;
-  }
-}
 .pf-c-avatar {
   --pf-c-avatar--BorderColor: transparent;
   --pf-c-avatar--BorderWidth: 0;
@@ -25344,6 +25344,89 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-panel {
+  --pf-c-panel--Width: auto;
+  --pf-c-panel--MinWidth: auto;
+  --pf-c-panel--MaxWidth: none;
+  --pf-c-panel--ZIndex: auto;
+  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-panel--BoxShadow: none;
+  --pf-c-panel--before--BorderWidth: 0;
+  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__main--MaxHeight: none;
+  --pf-c-panel__main--Overflow: visible;
+  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--BoxShadow: none;
+  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  position: relative;
+  z-index: var(--pf-c-panel--ZIndex);
+  width: var(--pf-c-panel--Width);
+  min-width: var(--pf-c-panel--MinWidth);
+  max-width: var(--pf-c-panel--MaxWidth);
+  background-color: var(--pf-c-panel--BackgroundColor);
+  box-shadow: var(--pf-c-panel--BoxShadow);
+}
+
+.pf-c-panel::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
+}
+
+.pf-c-panel.pf-m-bordered {
+  --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
+}
+
+.pf-c-panel.pf-m-raised {
+  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
+  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
+}
+
+.pf-c-panel.pf-m-scrollable {
+  --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
+  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
+  --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
+}
+
+.pf-c-panel__header {
+  padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
+}
+
+.pf-c-panel__main {
+  max-height: var(--pf-c-panel__main--MaxHeight);
+  overflow: var(--pf-c-panel__main--Overflow);
+}
+
+.pf-c-panel__main-body {
+  padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
+}
+
+.pf-c-panel__footer {
+  padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
+  box-shadow: var(--pf-c-panel__footer--BoxShadow);
+}
+
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;

package/dist/umd/react-table.min.css

@@ -7294,6 +7294,153 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-alert__title--FontWeight: var(--pf-global--FontWeight--normal);
 }
 
+.pf-u-screen-reader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.pf-u-visible {
+  position: static;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  border: inherit;
+}
+
+.pf-u-hidden {
+  display: none !important;
+}
+
+@media screen and (min-width: 576px) {
+  .pf-u-screen-reader-on-sm {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-visible-on-sm {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 576px) {
+  .pf-u-hidden-on-sm {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-screen-reader-on-md {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-visible-on-md {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 768px) {
+  .pf-u-hidden-on-md {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-screen-reader-on-lg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-visible-on-lg {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 992px) {
+  .pf-u-hidden-on-lg {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-screen-reader-on-xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-visible-on-xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .pf-u-hidden-on-xl {
+    display: none !important;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-screen-reader-on-2xl {
+    position: fixed;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-visible-on-2xl {
+    position: static;
+    overflow: visible;
+    clip: auto;
+    white-space: normal;
+    border: inherit;
+  }
+}
+@media screen and (min-width: 1450px) {
+  .pf-u-hidden-on-2xl {
+    display: none !important;
+  }
+}
 .pf-c-app-launcher {
   --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
   --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -7523,153 +7670,6 @@ svg.pf-c-spinner.pf-m-xl {
   color: var(--pf-c-app-launcher__group-title--Color);
 }
 
-.pf-u-screen-reader {
-  position: fixed;
-  top: 0;
-  left: 0;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
-
-.pf-u-visible {
-  position: static;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-  border: inherit;
-}
-
-.pf-u-hidden {
-  display: none !important;
-}
-
-@media screen and (min-width: 576px) {
-  .pf-u-screen-reader-on-sm {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-visible-on-sm {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 576px) {
-  .pf-u-hidden-on-sm {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-screen-reader-on-md {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-visible-on-md {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 768px) {
-  .pf-u-hidden-on-md {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-screen-reader-on-lg {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-visible-on-lg {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 992px) {
-  .pf-u-hidden-on-lg {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-screen-reader-on-xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-visible-on-xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1200px) {
-  .pf-u-hidden-on-xl {
-    display: none !important;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-screen-reader-on-2xl {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-visible-on-2xl {
-    position: static;
-    overflow: visible;
-    clip: auto;
-    white-space: normal;
-    border: inherit;
-  }
-}
-@media screen and (min-width: 1450px) {
-  .pf-u-hidden-on-2xl {
-    display: none !important;
-  }
-}
 .pf-c-avatar {
   --pf-c-avatar--BorderColor: transparent;
   --pf-c-avatar--BorderWidth: 0;
@@ -25344,6 +25344,89 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-button--PaddingLeft: var(--pf-c-text-input-group__utilities--c-button--PaddingLeft);
 }
 
+.pf-c-panel {
+  --pf-c-panel--Width: auto;
+  --pf-c-panel--MinWidth: auto;
+  --pf-c-panel--MaxWidth: none;
+  --pf-c-panel--ZIndex: auto;
+  --pf-c-panel--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-panel--BoxShadow: none;
+  --pf-c-panel--before--BorderWidth: 0;
+  --pf-c-panel--before--BorderColor: var(--pf-global--BorderColor--100);
+  --pf-c-panel--m-bordered--before--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-panel--m-raised--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-panel--m-raised--ZIndex: var(--pf-global--ZIndex--sm);
+  --pf-c-panel__header--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__header--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__main--MaxHeight: none;
+  --pf-c-panel__main--Overflow: visible;
+  --pf-c-panel__main-body--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__main-body--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-panel__footer--BoxShadow: none;
+  --pf-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
+  --pf-c-panel--m-scrollable__main--Overflow: auto;
+  --pf-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
+  position: relative;
+  z-index: var(--pf-c-panel--ZIndex);
+  width: var(--pf-c-panel--Width);
+  min-width: var(--pf-c-panel--MinWidth);
+  max-width: var(--pf-c-panel--MaxWidth);
+  background-color: var(--pf-c-panel--BackgroundColor);
+  box-shadow: var(--pf-c-panel--BoxShadow);
+}
+
+.pf-c-panel::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-c-panel--before--BorderWidth) solid var(--pf-c-panel--before--BorderColor);
+}
+
+.pf-c-panel.pf-m-bordered {
+  --pf-c-panel--before--BorderWidth: var(--pf-c-panel--m-bordered--before--BorderWidth);
+}
+
+.pf-c-panel.pf-m-raised {
+  --pf-c-panel--BoxShadow: var(--pf-c-panel--m-raised--BoxShadow);
+  --pf-c-panel--ZIndex: var(--pf-c-panel--m-raised--ZIndex);
+}
+
+.pf-c-panel.pf-m-scrollable {
+  --pf-c-panel__main--MaxHeight: var(--pf-c-panel--m-scrollable__main--MaxHeight);
+  --pf-c-panel__main--Overflow: var(--pf-c-panel--m-scrollable__main--Overflow);
+  --pf-c-panel__footer--BoxShadow: var(--pf-c-panel--m-scrollable__footer--BoxShadow);
+}
+
+.pf-c-panel__header {
+  padding: var(--pf-c-panel__header--PaddingTop) var(--pf-c-panel__header--PaddingRight) var(--pf-c-panel__header--PaddingBottom) var(--pf-c-panel__header--PaddingLeft);
+}
+
+.pf-c-panel__main {
+  max-height: var(--pf-c-panel__main--MaxHeight);
+  overflow: var(--pf-c-panel__main--Overflow);
+}
+
+.pf-c-panel__main-body {
+  padding: var(--pf-c-panel__main-body--PaddingTop) var(--pf-c-panel__main-body--PaddingRight) var(--pf-c-panel__main-body--PaddingBottom) var(--pf-c-panel__main-body--PaddingLeft);
+}
+
+.pf-c-panel__footer {
+  padding: var(--pf-c-panel__footer--PaddingTop) var(--pf-c-panel__footer--PaddingRight) var(--pf-c-panel__footer--PaddingBottom) var(--pf-c-panel__footer--PaddingLeft);
+  box-shadow: var(--pf-c-panel__footer--BoxShadow);
+}
+
 .pf-l-flex {
   --pf-l-flex--Display: flex;
   --pf-l-flex--FlexWrap: wrap;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.43.2",
+  "version": "4.44.0",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.174.2",
-    "@patternfly/react-icons": "^4.25.2",
-    "@patternfly/react-styles": "^4.24.2",
-    "@patternfly/react-tokens": "^4.26.2",
+    "@patternfly/react-core": "^4.175.0",
+    "@patternfly/react-icons": "^4.26.0",
+    "@patternfly/react-styles": "^4.25.0",
+    "@patternfly/react-tokens": "^4.27.0",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "e3eb3038c1f23818774f99280f2a4485ee4a2be2"
+  "gitHead": "031e0e31853e92aae5dc072a24fdea96403f0472"
 }