@patternfly/react-core 4.222.17 → 4.223.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.223.0 (2022-06-22)
+
+
+### Features
+
+* **Table:** add nested sticky header support ([#7595](https://github.com/patternfly/patternfly-react/issues/7595)) ([3888a0b](https://github.com/patternfly/patternfly-react/commit/3888a0bdf5e4e964d2d8d936c5d81f7813d8ec0c))
+
+
+
+
+
 ## 4.222.17 (2022-06-22)
 
 **Note:** Version bump only for package @patternfly/react-core

package/dist/umd/react-core.css

@@ -1817,6 +1817,10 @@ textarea.pf-c-form-control {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-banner .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -3194,7 +3198,8 @@ button.pf-c-breadcrumb__link {
   font-weight: var(--pf-global--FontWeight--normal);
 }
 
-:where(.pf-theme-dark) .pf-c-card {
+:where(.pf-theme-dark) .pf-c-card,
+:where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
   --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
   --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
@@ -11089,6 +11094,11 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
+:where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
 :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
@@ -11282,14 +11292,10 @@ ul.pf-c-list {
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
+  .pf-c-masthead {
     --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
   }
 }
-.pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
-  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
-}
-
 .pf-c-masthead.pf-m-light {
   color: var(--pf-global--Color--100);
   --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -11839,6 +11845,10 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -16231,6 +16241,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
+:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
+:where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
 :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
@@ -23669,6 +23685,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -27790,6 +27810,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);

package/dist/umd/react-core.js

@@ -14997,7 +14997,6 @@
         "light_200": "pf-m-light-200",
         "light": "pf-m-light",
         "resizeObserver": "pf-m-resize-observer",
-        "breakpointXl": "pf-m-breakpoint-xl",
         "fullHeight": "pf-m-full-height",
         "horizontal": "pf-m-horizontal",
         "displayStack": "pf-m-display-stack",

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

@@ -1817,6 +1817,10 @@ textarea.pf-c-form-control {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-banner .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -3194,7 +3198,8 @@ button.pf-c-breadcrumb__link {
   font-weight: var(--pf-global--FontWeight--normal);
 }
 
-:where(.pf-theme-dark) .pf-c-card {
+:where(.pf-theme-dark) .pf-c-card,
+:where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
   --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
   --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
   --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
@@ -11089,6 +11094,11 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
+:where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
 :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
@@ -11282,14 +11292,10 @@ ul.pf-c-list {
   }
 }
 @media screen and (min-width: 1200px) {
-  .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
+  .pf-c-masthead {
     --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
   }
 }
-.pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
-  --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
-}
-
 .pf-c-masthead.pf-m-light {
   color: var(--pf-global--Color--100);
   --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
@@ -11839,6 +11845,10 @@ ul.pf-c-list {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -16231,6 +16241,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
+:where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
+:where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
 :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
 :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {
@@ -23669,6 +23685,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
@@ -27790,6 +27810,10 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-global--BackgroundColor--100: #1b1d21;
 }
 
+:where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
+  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
+}
+
 :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
   --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
   --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);