@patternfly/react-styles 5.0.0-alpha.2 → 5.0.0-alpha.4

package/css/components/ModalBox/modal-box.css

@@ -34,9 +34,9 @@
   --pf-c-modal-box__body--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-modal-box__body--last-child--PaddingBottom: var(--pf-global--spacer--lg);
   --pf-c-modal-box__header--body--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-modal-box--c-button--Top: calc(var(--pf-global--spacer--lg));
-  --pf-c-modal-box--c-button--Right: var(--pf-global--spacer--md);
-  --pf-c-modal-box--c-button--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
+  --pf-c-modal-box__close--Top: calc(var(--pf-global--spacer--lg));
+  --pf-c-modal-box__close--Right: var(--pf-global--spacer--md);
+  --pf-c-modal-box__close--sibling--MarginRight: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
   --pf-c-modal-box__footer--PaddingTop: var(--pf-global--spacer--lg);
   --pf-c-modal-box__footer--PaddingRight: var(--pf-global--spacer--lg);
   --pf-c-modal-box__footer--PaddingBottom: var(--pf-global--spacer--lg);
@@ -88,13 +88,14 @@
 .pf-c-modal-box.pf-m-info {
   --pf-c-modal-box__title-icon--Color: var(--pf-c-modal-box--m-info__title-icon--Color);
 }
-.pf-c-modal-box > .pf-c-button {
+
+.pf-c-modal-box__close {
   position: absolute;
-  top: var(--pf-c-modal-box--c-button--Top);
-  right: var(--pf-c-modal-box--c-button--Right);
+  top: var(--pf-c-modal-box__close--Top);
+  right: var(--pf-c-modal-box__close--Right);
 }
-.pf-c-modal-box > .pf-c-button + * {
-  margin-right: var(--pf-c-modal-box--c-button--sibling--MarginRight);
+.pf-c-modal-box__close + * {
+  margin-right: var(--pf-c-modal-box__close--sibling--MarginRight);
 }
 
 .pf-c-modal-box__header {

package/css/components/ModalBox/modal-box.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
   "button": "pf-c-button",
   "modalBox": "pf-c-modal-box",
   "modalBoxBody": "pf-c-modal-box__body",
+  "modalBoxClose": "pf-c-modal-box__close",
   "modalBoxDescription": "pf-c-modal-box__description",
   "modalBoxFooter": "pf-c-modal-box__footer",
   "modalBoxHeader": "pf-c-modal-box__header",

package/css/components/ModalBox/modal-box.js

@@ -5,6 +5,7 @@ exports.default = {
   "button": "pf-c-button",
   "modalBox": "pf-c-modal-box",
   "modalBoxBody": "pf-c-modal-box__body",
+  "modalBoxClose": "pf-c-modal-box__close",
   "modalBoxDescription": "pf-c-modal-box__description",
   "modalBoxFooter": "pf-c-modal-box__footer",
   "modalBoxHeader": "pf-c-modal-box__header",

package/css/components/ModalBox/modal-box.mjs

@@ -3,6 +3,7 @@ export default {
   "button": "pf-c-button",
   "modalBox": "pf-c-modal-box",
   "modalBoxBody": "pf-c-modal-box__body",
+  "modalBoxClose": "pf-c-modal-box__close",
   "modalBoxDescription": "pf-c-modal-box__description",
   "modalBoxFooter": "pf-c-modal-box__footer",
   "modalBoxHeader": "pf-c-modal-box__header",

package/css/components/Page/page.css

@@ -547,24 +547,24 @@
 }
 @media (min-height: 0) {
   .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height,
+  .pf-c-page__main-tabs.pf-m-sticky-top-on-sm-height,
+  .pf-c-page__main-section.pf-m-sticky-top-on-sm-height,
+  .pf-c-page__main-wizard.pf-m-sticky-top-on-sm-height,
+  .pf-c-page__main-group.pf-m-sticky-top-on-sm-height,
+  .pf-c-page__main-subnav.pf-m-sticky-top-on-sm-height {
     position: sticky;
     top: 0;
     z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
   }
   .pf-c-page__main-nav.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-sm-height,
+  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-sm-height,
+  .pf-c-page__main-section.pf-m-sticky-bottom-on-sm-height,
+  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-sm-height,
+  .pf-c-page__main-group.pf-m-sticky-bottom-on-sm-height,
+  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-sm-height {
     position: sticky;
     bottom: 0;
     z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -573,24 +573,24 @@
 }
 @media (min-height: 40rem) {
   .pf-c-page__main-nav.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-md-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height,
+  .pf-c-page__main-tabs.pf-m-sticky-top-on-md-height,
+  .pf-c-page__main-section.pf-m-sticky-top-on-md-height,
+  .pf-c-page__main-wizard.pf-m-sticky-top-on-md-height,
+  .pf-c-page__main-group.pf-m-sticky-top-on-md-height,
+  .pf-c-page__main-subnav.pf-m-sticky-top-on-md-height {
     position: sticky;
     top: 0;
     z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
   }
   .pf-c-page__main-nav.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-md-height,
+  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-md-height,
+  .pf-c-page__main-section.pf-m-sticky-bottom-on-md-height,
+  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-md-height,
+  .pf-c-page__main-group.pf-m-sticky-bottom-on-md-height,
+  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-md-height {
     position: sticky;
     bottom: 0;
     z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -599,24 +599,24 @@
 }
 @media (min-height: 48rem) {
   .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height,
+  .pf-c-page__main-tabs.pf-m-sticky-top-on-lg-height,
+  .pf-c-page__main-section.pf-m-sticky-top-on-lg-height,
+  .pf-c-page__main-wizard.pf-m-sticky-top-on-lg-height,
+  .pf-c-page__main-group.pf-m-sticky-top-on-lg-height,
+  .pf-c-page__main-subnav.pf-m-sticky-top-on-lg-height {
     position: sticky;
     top: 0;
     z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
   }
   .pf-c-page__main-nav.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-lg-height,
+  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-lg-height,
+  .pf-c-page__main-section.pf-m-sticky-bottom-on-lg-height,
+  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-lg-height,
+  .pf-c-page__main-group.pf-m-sticky-bottom-on-lg-height,
+  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-lg-height {
     position: sticky;
     bottom: 0;
     z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -625,24 +625,24 @@
 }
 @media (min-height: 60rem) {
   .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height,
+  .pf-c-page__main-tabs.pf-m-sticky-top-on-xl-height,
+  .pf-c-page__main-section.pf-m-sticky-top-on-xl-height,
+  .pf-c-page__main-wizard.pf-m-sticky-top-on-xl-height,
+  .pf-c-page__main-group.pf-m-sticky-top-on-xl-height,
+  .pf-c-page__main-subnav.pf-m-sticky-top-on-xl-height {
     position: sticky;
     top: 0;
     z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
   }
   .pf-c-page__main-nav.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-xl-height,
+  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-xl-height,
+  .pf-c-page__main-section.pf-m-sticky-bottom-on-xl-height,
+  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-xl-height,
+  .pf-c-page__main-group.pf-m-sticky-bottom-on-xl-height,
+  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-xl-height {
     position: sticky;
     bottom: 0;
     z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);
@@ -651,24 +651,24 @@
 }
 @media (min-height: 80rem) {
   .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height,
+  .pf-c-page__main-tabs.pf-m-sticky-top-on-2xl-height,
+  .pf-c-page__main-section.pf-m-sticky-top-on-2xl-height,
+  .pf-c-page__main-wizard.pf-m-sticky-top-on-2xl-height,
+  .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height,
+  .pf-c-page__main-subnav.pf-m-sticky-top-on-2xl-height {
     position: sticky;
     top: 0;
     z-index: var(--pf-c-page--section--m-sticky-top--ZIndex);
     box-shadow: var(--pf-c-page--section--m-sticky-top--BoxShadow);
   }
   .pf-c-page__main-nav.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
-.pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
+  .pf-c-page__main-breadcrumb.pf-m-sticky-bottom-on-2xl-height,
+  .pf-c-page__main-tabs.pf-m-sticky-bottom-on-2xl-height,
+  .pf-c-page__main-section.pf-m-sticky-bottom-on-2xl-height,
+  .pf-c-page__main-wizard.pf-m-sticky-bottom-on-2xl-height,
+  .pf-c-page__main-group.pf-m-sticky-bottom-on-2xl-height,
+  .pf-c-page__main-subnav.pf-m-sticky-bottom-on-2xl-height {
     position: sticky;
     bottom: 0;
     z-index: var(--pf-c-page--section--m-sticky-bottom--ZIndex);

package/css/components/Pagination/pagination.css

@@ -145,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 {

package/css/components/Popover/popover.css

@@ -34,15 +34,13 @@
   --pf-c-popover__arrow--m-left--TranslateX: 50%;
   --pf-c-popover__arrow--m-left--TranslateY: -50%;
   --pf-c-popover__arrow--m-left--Rotate: 45deg;
-  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
-  --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
-  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
-  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
-  --pf-c-popover__title--LineHeight: var(--pf-global--LineHeight--md);
-  --pf-c-popover__title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
-  --pf-c-popover__title--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-popover__close--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
+  --pf-c-popover__close--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
+  --pf-c-popover__close--sibling--PaddingRight: var(--pf-global--spacer--2xl);
+  --pf-c-popover__header--MarginBottom: var(--pf-global--spacer--sm);
+  --pf-c-popover__title-text--LineHeight: var(--pf-global--LineHeight--md);
+  --pf-c-popover__title-text--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
+  --pf-c-popover__title-text--FontSize: var(--pf-global--FontSize--md);
   --pf-c-popover__title-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-popover__title-icon--Color: var(--pf-global--Color--100);
   --pf-c-popover__footer--MarginTop: var(--pf-global--spacer--md);
@@ -122,16 +120,14 @@
   padding: var(--pf-c-popover__content--PaddingTop) var(--pf-c-popover__content--PaddingRight) var(--pf-c-popover__content--PaddingBottom) var(--pf-c-popover__content--PaddingLeft);
   background-color: var(--pf-c-popover__content--BackgroundColor);
 }
-.pf-c-popover__content > .pf-c-title {
-  margin-bottom: var(--pf-c-popover--c-title--MarginBottom);
-}
-.pf-c-popover__content > .pf-c-button {
+
+.pf-c-popover__close {
   position: absolute;
-  top: var(--pf-c-popover--c-button--Top);
-  right: var(--pf-c-popover--c-button--Right);
+  top: var(--pf-c-popover__close--Top);
+  right: var(--pf-c-popover__close--Right);
 }
-.pf-c-popover__content > .pf-c-button + * {
-  padding-right: var(--pf-c-popover--c-button--sibling--PaddingRight);
+.pf-c-popover__close + * {
+  padding-right: var(--pf-c-popover__close--sibling--PaddingRight);
 }
 
 .pf-c-popover__arrow {
@@ -143,15 +139,13 @@
   box-shadow: var(--pf-c-popover__arrow--BoxShadow);
 }
 
-.pf-c-popover__title {
-  flex: 0 0 auto;
-  margin-bottom: var(--pf-c-popover__title--MarginBottom);
-  font-family: var(--pf-c-popover__title--FontFamily);
-  font-size: var(--pf-c-popover__title--FontSize);
-  line-height: var(--pf-c-popover__title--LineHeight);
+.pf-c-popover__header {
+  margin-bottom: var(--pf-c-popover__header--MarginBottom);
 }
-.pf-c-popover__title.pf-m-icon {
+
+.pf-c-popover__title {
   display: flex;
+  flex: 0 0 auto;
 }
 
 .pf-c-popover__title-icon {
@@ -160,6 +154,9 @@
 }
 
 .pf-c-popover__title-text {
+  font-family: var(--pf-c-popover__title-text--FontFamily);
+  font-size: var(--pf-c-popover__title-text--FontSize);
+  line-height: var(--pf-c-popover__title-text--LineHeight);
   color: var(--pf-c-popover__title-text--Color, inherit);
 }
 

package/css/components/Popover/popover.d.ts

@@ -1,6 +1,5 @@
 import './popover.css';
 declare const _default: {
-  "button": "pf-c-button",
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
@@ -20,18 +19,18 @@ declare const _default: {
     "warning": "pf-m-warning",
     "success": "pf-m-success",
     "default": "pf-m-default",
-    "info": "pf-m-info",
-    "icon": "pf-m-icon"
+    "info": "pf-m-info"
   },
   "popover": "pf-c-popover",
   "popoverArrow": "pf-c-popover__arrow",
   "popoverBody": "pf-c-popover__body",
+  "popoverClose": "pf-c-popover__close",
   "popoverContent": "pf-c-popover__content",
   "popoverFooter": "pf-c-popover__footer",
+  "popoverHeader": "pf-c-popover__header",
   "popoverTitle": "pf-c-popover__title",
   "popoverTitleIcon": "pf-c-popover__title-icon",
   "popoverTitleText": "pf-c-popover__title-text",
-  "themeDark": "pf-theme-dark",
-  "title": "pf-c-title"
+  "themeDark": "pf-theme-dark"
 };
 export default _default;

package/css/components/Popover/popover.js

@@ -2,7 +2,6 @@
 exports.__esModule = true;
 require('./popover.css');
 exports.default = {
-  "button": "pf-c-button",
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
@@ -22,17 +21,17 @@ exports.default = {
     "warning": "pf-m-warning",
     "success": "pf-m-success",
     "default": "pf-m-default",
-    "info": "pf-m-info",
-    "icon": "pf-m-icon"
+    "info": "pf-m-info"
   },
   "popover": "pf-c-popover",
   "popoverArrow": "pf-c-popover__arrow",
   "popoverBody": "pf-c-popover__body",
+  "popoverClose": "pf-c-popover__close",
   "popoverContent": "pf-c-popover__content",
   "popoverFooter": "pf-c-popover__footer",
+  "popoverHeader": "pf-c-popover__header",
   "popoverTitle": "pf-c-popover__title",
   "popoverTitleIcon": "pf-c-popover__title-icon",
   "popoverTitleText": "pf-c-popover__title-text",
-  "themeDark": "pf-theme-dark",
-  "title": "pf-c-title"
+  "themeDark": "pf-theme-dark"
 };

package/css/components/Popover/popover.mjs

@@ -1,6 +1,5 @@
 import './popover.css';
 export default {
-  "button": "pf-c-button",
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
@@ -20,17 +19,17 @@ export default {
     "warning": "pf-m-warning",
     "success": "pf-m-success",
     "default": "pf-m-default",
-    "info": "pf-m-info",
-    "icon": "pf-m-icon"
+    "info": "pf-m-info"
   },
   "popover": "pf-c-popover",
   "popoverArrow": "pf-c-popover__arrow",
   "popoverBody": "pf-c-popover__body",
+  "popoverClose": "pf-c-popover__close",
   "popoverContent": "pf-c-popover__content",
   "popoverFooter": "pf-c-popover__footer",
+  "popoverHeader": "pf-c-popover__header",
   "popoverTitle": "pf-c-popover__title",
   "popoverTitleIcon": "pf-c-popover__title-icon",
   "popoverTitleText": "pf-c-popover__title-text",
-  "themeDark": "pf-theme-dark",
-  "title": "pf-c-title"
+  "themeDark": "pf-theme-dark"
 };

package/css/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/css/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/css/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;
   }